用户实际浏览网页只是在每个页面瞥一眼,然后点击第一个令他们感兴趣或大概符合他们目标的链接,通常其他内容看都不看。我们精心准备的文字在用户看来更像“以每小时100公里的速度驶过的广告牌”。
三个事实:
1、用户不是阅读,而是扫描;
2、用户不做最佳选择,而是选择第一个合理的选项;
3、用户不在乎运作原理,能用就好。
广告牌设计101法则
1、建立清楚的视觉层次
·越重要的部分越突出。例如:标题字体更大/粗/颜色特别,更多留白。
·逻辑上相关的部分在视觉上也相关。例如:相近内容分成一组。
·逻辑上包含的部分在视觉上进行嵌套。
2、尽量利用习惯用法
3、把页面划分成明确定义的区域
让用户很快就能决定关注页面的哪些区域,放心地跳过哪些区域。
4、明显标识可以点击的地方
5、最大限度降低干扰
·避免眼花缭乱。所有内容都突出,那么结果可能是什么都不突出。
用户喜欢无需思考的选择
用户到达目标之前要点击多少次都没关系(当然还是有一定限度),只要每次点击都是无需思考、明确无误的选择即可。
省略不必要的文字
去掉不必要的文字可以降低浏览时的干扰、让有用的内容更加突出、让页面更简短。
设计导航
导航帮助用户找到想要的东西、告诉用户现在身处何处。
导航一般包括5个元素:站点ID(logo)、栏目、回主页的方式、搜索、实用工具(如帮助、站点地图等4-5个)。
一般建议网站每个页面都有全局导航,但也有例外:在需要填写表单,或在一个电子商务付款时,并不希望用户去做其他事情,为减少不必要的干扰可以不用全局导航。
检测一个页面是否设计良好的方式,是否能毫不犹豫回答以下问题:
·这是什么网站?(网站logo)
·我在哪个网页上?(网页名称)
·这个网站的主要栏目有哪些?(栏目清单)
·在这个层次上我有哪些选择?(本页导航)
·我在网站的什么位置?(面包屑导航等)
·我怎么搜索?(搜索入口)
设计主页
主页一般包含:
·站点的标识和使命。比如网站名称、logo、slogan、欢迎广告,介绍是什么网站;另外最好说明为什么我应该在这里,而不是去别的网站。
·站点层次。一般用导航来说明,网站提供什么内容或服务。
·搜索。大多数网站需要在主页上设置一个突出显示的搜索框。
·导读。内容推荐,推荐最新、最好、最流行的内容,例如头条新闻或热销产品;功能推荐,推荐网站更多栏目或试用一些个性化功能等。
·内容更新。主页应该有一些经常更新的内容,提现网站的活跃性。
·友情链接。主页上需要预留空间,用来放置广告、交叉推广、合作品牌的友情链接等。
·快捷方式。最常访问的内容值得在主页上放置,以免用户寻找。
·注册。为新用户注册和老用户登录提供链接,并且要提示用户自己已经登录了(如欢迎回到XXX,shirly)。
除以上普遍需求外,还可能需要满足的一些目标:
·让用户看到自己想要的东西。比如个性化推荐、历史记录等。
·还有用户没有想到的。主页可以推荐一些精彩的,用户也许会感兴趣的内容。
·告诉用户从哪里开始。在一个新网站里,提供新手指南。
·建立可信度和信任感。主页给用户留下好印象,直接减少跳出率。
可用性测试
可用性测试和焦点小组的区别:
·焦点小组:一小组人(通常5~8人)围坐在桌子旁边,对展示给他们的想法和设计作出反应。这是一个小组过程,可以快速得到用户的意见和感觉。有助于抽象地确定你的目标受众想要什么、需要什么、喜欢什么。
·可用性测试:一次对一个用户展示内容(网站、原型或一些单页面草图),并要求用户说出:1)这是什么;2)用它完成一项典型的任务。有助于了解你的网站具体怎么改进。
可用性测试如何进行:
每次测试的用户数量:每轮3~4个用户
招募方式:尽量找接近目标用户
测试地点:任何办公室或会议室
主导测试:任何相对有耐心的人/有经验的可用性测试专家
提前计划:几乎可以在任何时间进行测试,只需提前一些做计划即可
准备工作:决定你要展示什么
测试目标/时间:在开发过程中持续进行小规模的测试
后续工作:开发团队碰头讨论,先给问题分类,再找出解决办法
(可用性测试案例:见《Don't make me think》109-113页)