顶部全站950x90通栏广告
您现在的位置:首页 >> 网站运营 >> 经验心得 >> 内容

分享既是学习没有分享就没有学习的机会

时间:2013-5-14 14:47:27 点击:

  核心提示:设计师通过灵感发现问题思考问题,面临挑战和用研紧密配合解决问题,是一个完整而严谨的设计改版的故事。...

分享既是学习没有分享就没有学习的机会,2013年继续多写总结了2012年的写作发现,很多时候是对自己感兴趣的各种文章现象,在写设计笔记与思考有时思维种种,以前并没有总结到很踏实以后会改进,多采取灵感文+实战文的写作节奏。设计师通过灵感发现问题思考问题,面临挑战和用研紧密配合解决问题,是一个完整而严谨的设计改版的故事。负责腾讯开放平台应用中心产品第一次,认真看这个产品总觉得哪儿不对:

看到了一个主要内容页有banner区域导航在左边,中间是App内容右边有排行榜继续看开始有点迷糊。因为页面往下的走势没有能给一个理解。信息和内容的布局有点凌乱导航与内容区的对应不齐,让阅读效率偏低再往下拉页面时候阅读无序开始增强,看到了各种信息满满地堆积在页面上左边导航结束后,开始堆积内容且出现在我完全没有预期的位置。中间的App内容模式一致没有重点广告格局再乱点,到了这里已经很难有效阅读内容了。

设计师都知道用户阅读网页是不会逐字逐句地读,他们会用自己的眼睛和标准扫描快速找到重点,然后再根据自己的兴趣和选择进行阅读。重点可以是一段加粗的文字一个图片一个巧妙排版,以及文字段落等这个页面没有一个扫描的逻辑和乐趣。所以阅读没有舒适感对这个网页的阅读顺序是这样的:开始是阅读1处个人信息;然后往下读到2处导航;到了3处,内容区因为App的展现形式非常一致没有重点,就快速略过了3处很快扫了下4处不感兴趣。

直接跳到5处看了排行榜一下很快就阅读完了,网页目的很简单是希望用户去探索点击App,并安装然后玩但是现在的布局并没有让人,有这样操作的冲动肯定有问题当然,只是一个用户一个阅读案例而已后面的用研,邀请了用户来做眼动仪测试会看到更多,阅读模式这里设计师的灵感带来一些重要问题。部分问题但是简单明了需要修改设计,解释下右上角的标记认为网页在内容的消耗上,有问题是一个方法论主要阐述一个想法,所有产品设计都是在内容的创造、消耗、传播上的设计。

认为这个网页在设计上应该得到修改的点:用户场景,信息架构,交互设计,视觉设计,设计细节,用户情感。设计师的观察,灵感和结论都出来了然后呢?作为服务千万级用户的平台产品光是灵感,是没有说服力的在以上应用中心页面中,所有布局内容排列都有很严谨的商业策略,和数据压力任何盲目的修改都会有极大的风险。怎么证明自己的灵感怎么证明自己的判断?用研这次产品改版有两次用研点很关键。

第一次是眼动仪测试与分请应用中心的用户,来进行眼动仪测试希望了解用户的阅读模式,并印证之前的判断把整个应用中心页面,分解为各个模块然后通过眼动仪来帮助,观察用户的阅读模式可以看出用户阅读的顺序,各人都不同但是通过分析发现虽然阅读顺序,不一样但是结果是一致的阅读那样,快速阅读找不到重点忽略了App重点区块,对整个页面布局没有清晰认知来看看结论:除了第一屏其他页面曝光量少,说明用户对首屏后面的内容不感兴趣。

用户的粗略浏览随机无序点击使应用中心点击量低,安装转化率低这里再补充一下应用中心产品背景:1,应用中心这样的产品需要的是高点击量和高安装转化率配合。2,高点击量需要引起用户的兴趣让他们乐意去探索。3,高安装转化率需要让用户准确关注到他们感兴趣的内容这样才能保证用户点击App后会安装。有了用研结论就有底气了各个合作方基于判断,和用研结论同意开始改版交互很就出了,一个关于用研可行性分析交互改动稿:

交互改动稿很简单直接针对用研结论中的问题,并尝试解决让顶部导航让信息架构更清晰。内容模块也开始更规整在和同事交流的过程中,也把之前页面中完全被淹没的影视和读书两个区块,列入重点优化计划后面视觉稿可以看到细节。这个时候在细化设计前又做了第二次用研来再次确认,设计师的灵感方式是请用户来测试Demo结论出来:用户的反馈很一致对改版后页面模块的区分,信息架构的认知等关注的点都有非常正面的反馈。

接下来视觉开始对这个新架构进行视觉设计,力求内容第一展示清晰增强用户对应用中心认知:第一屏简单明了地给出整个页面的结构用户,看第一屏就能清晰知道顶部导航是全局导航,往下是banner以及主推信息展示区再往下页面,开始分左右两块左边是主内容区展示App内容,右边是排行榜用户看到这个架构就能有预期,往下其实是在重复App内容区和排行榜的左右结构。认知非常简单另外对App内容区把主推,App放大并加入社交元素和更多详细的解释。

这样的设计安排极大地提高了用户对App的认知,和兴趣目的是提高点击率和安装转化率到第二屏,先看右边用户还是如预期地看到了各种排行榜,左边内容区还是一个模块一个模块地展示内容。特别是在中间模块还为了用户阅读不疲惫用了竖版,排列方式让广阔用户阅读体验更有趣。第三屏的重点是给影视和读书一个特别的展示首页,不能把影视和读书做太重因为这两个特殊内容区块,还是整个页面的一部分不能拥有喧宾夺主的华丽。

但是给予了这两个区块略微不同的设计感,这样让用户更简单认知到这两个区块的不同。这样改版的结果首先感官纬度更清楚更漂亮:1,整体转化率的增加,与更合理的整体架构、更合理的局部排列相关。2,影视和读书的增长,一方面是因为全局架构更清楚,用户会往下浏览;一方面是因为略微调整的设计让这两个内容区块有了差异化,吸引了用户的注意力。3,横导航的类目页点击增长符合之前的判断,竖导航点击率一般是从上往下逐步递减的。

横导航效果会好一些如果配合适当的设计细节调整,用户的注意力可以被我们引到横导航任何地方。数据自己说话改版成功回首整个改版过程:1,全局页面的改动,改局部的时候,牵一发而动全身,需要设计的全局观。2,坚持设计师的原则和方法论,有信心,不惧压力。3,设计与用户研究的紧密敏捷配合。4,设计产出的正结果,可以提升所有人对设计师的信任。之后我从正式改版局部创新小设计流程,设计思考等更多纬度来写设计文章。

 

 

 

作者:tt2sf 来源:不详
内容下方468x60图片广告
共有评论 2相关评论
发表我的评论
  • 大名:
  • 内容:
  • 32自动友情链接平台(www.zp32.com) © 2017 版权所有 All Rights Reserved.
  • Email:dlwg@qq.com 站长QQ:5679641 移ICP备10086号