建站资讯

网页设计中的可用性原则<别让我忘记你>概念笔记

2017-06-22 10:38:57

浏览:

作者经过大量观察发现,用户使用网站的方式与工程师设想的使用方式,差别巨大;1、我们不是阅读,而是扫描。网页设计师精心......
本文转载于Steve Krug的《Don't Make Me Think》中文译名叫《点石成金:访客至上的网页设计秘籍》,它是一本讲述网页设计可用性定律的经典之作。可用性是交互设计的基本目标,它需要在深入了解用户的行为特点的前提下,对网站做出符合用户习惯的设计。
以下是本书的概念笔记。

一、用户实际上是如何使用网站的?
作者经过大量观察发现,用户使用网站的方式与工程师设想的使用方式,差别巨大;
·         1、我们不是阅读,而是扫描。网页设计师精心准备的文字,在用户看来,更像以每小时100公里的速度驶过的广告牌。
§  我们总是处于忙碌之中
§  我们知道自己不必阅读所有的内容
§  我们善于扫描,会自动忽略不需要的信息
·         2、我们不做最佳选择,而是满意即可
§  用户很忙,没时间寻找最佳策略,而是寻找第一个合理选项(满意策略
§  就算猜错了可以马上重来(刷新和倒退按钮是网页浏览里最常用的地方)
·         3、我们不是追根问底,而是勉强应付。用户使用产品,往往对其运作原理不感兴趣(不喜欢看使用说明),甚至有错误的认识,但这不妨碍他们用得很好。
§  了解工作机制没必要。
§  如果发现某个策略有效,就一直用它,不管多难用,很少主动寻找更好的方法。(这一点我深有同感,我之前一直用Surface自带的中文输入法——智能识别很烂,打字很不方便,但是只要还能用,我就懒得去下载别的输入法!)
针对这些情况,我们需要相应地做出符合用户行为特点的网站来,我们的目的是:把网站设计得快速和清晰,让它尽量的一目了然、不言而喻、自我解释,减少用户自己瞎猜瞎捉摸的时间,简而言之,“不要让用户思考”。
Krug的可用性三定律是:
·         别让用户思考。
·         点击多少次都没关系,只要每次点击都是无需思考、明确无误的选择。
·         去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。
一个紧接着而来的问题是,用户最容易思考哪些问题,以及在那些地方最容易犯浑?
·         我在网页的什么位置?——导航栏在哪?怎么回到首页?怎么去网站其他页面?
·         我该从哪开始?——这个页面主要是什么内容?网页布局怎样?是不是眼花缭乱?
·         这个页面什么最重要?——哪个部分最先吸引了我?
·         有哪些栏目可以选择?——栏目清单?导航?
·         我可以点击它吗?——有没有超链接显示、可点击标志?
·         这句话是什么意思?——有没有太多用户不懂的术语?有没有直观演示?
你可以把这些问题用来检测网页的可用性,打开一个网站后快速看一遍,然后回答自己,这种问题自检法法十分直观有效。
二、针对扫描设计的5个方法
·         1、在每个页面上建立清楚的视觉层次。
§  越重要的部分越突出。
§  逻辑上相关的部分视觉上也相关。
§  逻辑上包含的部分在视觉上进行嵌套。
·         2、尽量利用习惯用法。
§  借鉴其他纸媒的习惯法。
§  借鉴主流的网页设计。
§  抑制重新发明轮子的冲动,除非它也很好上手,并且能带来很大的价值。
·         3、把页面划分成明确定义的区域。
·         4、明显标志可以点击的地方:如果一个东西可以点击,你要把它明确地告诉用户。
·         5、最大限度降低干扰。
三、减少网页文字
作者引用了E.B.Whited《风格的要素》里的一段话:“有力的文字都很简练。句子里不该有多余的文字,段落中不该有多余的句子。同样,画上不应有多余的线条,机器上不应该有多余的零件。”减少网页上的文字可以让页面更简洁,重要的内容跟突出。可以从以下几点着手:
·         消灭欢迎词。
·         精简说明文字。
·         让信息出现在它该出现的地方。
四、导航设计
可以将在超市的导航系统和网站导航系统类比,用户使用你网站,也遵循同样的过程:
·         你通常是为了寻找某个目标
·         你会决定先人工咨询还是自己先找找
·         如果自己浏览,你会去找导航系统,一层层点击
·         找到了;或者没找到,返回主页(后退键和主页非常重要),或者直接离开
网站导航的好处:
·         它告诉我们当前的位置(层级菜单)
·         它给了我们固定的感觉
·         它告诉如何浏览网站
·         它让我们对网站建造者留下好印象
在网站的不同页面,导航也不一样(比如主页和表单页),但大致的组成是一样,主要有五个部分:
·         1、站点ID:表明一个网站的最基本标志,需要在每个页面出现、强化。
·         2、栏目:主导航条(Primary Navigation),可进一步分出二级导航。
·         3、实用工具:帮助我们使用站点,比如登录、注册、联系我们、帮助、搜索、主页、隐私声明等等,不要在导航条上放太多。
·         4、主页:一个明显的可以把我们送回主页的按钮。
·         5、搜索:搜索框要简洁醒目,如果有选项,要谨慎它本身会不会让用户产生疑惑。
其他在导航设计中用到的部分还有:层级分割的“你在这里”、标签。
五、主页设计
主页主要包含:站点标志、导航、搜索、导读、内容更新、友情链接、注册登录等,主要需要肩负三大责任:传达整体形象、告知使用方法、建立用户的信用。
如何传达整体形象?
·         口号:清楚、言之有物、长度适中,不要太笼统(不要和宗旨混淆)
·         欢迎广告
主页导航可以其他页面导航不一样,它可以更大,有更多的描述。设计主页的时候,要注意合理分配版面。接下来,作者花了不少篇幅,分析了具体的主页设计的案列,很有参考性。
六、可用性测试
在网页设计中,工程师和设计师往往各持己见,工程师认为人们喜欢功能又多又酷的网站,设计师则喜欢视觉上有趣的网站,这还只是技术层面的分歧,当讨论上升到经理那儿,又有市场的要求。面对这种分歧,最好的解决办法就是做可用性测试。
除了第一章的“问题自检法”,我们还需要邀请一些真实的用户来参与测试。一般来说:
·         如果想建立一个优秀的网站,一定要测试
·         测试一个用户也比不做测试好
·         早点测试好过最后测试50位用户(越晚越难伤筋动骨)
·         测试对象是谁并不重要
·         测试时一个迭代的过程
·         没什么比现场用户的反应更重要
作者推荐了一种比较省钱省时间的测试方法:
·         招募测试对象,和对象做一些相互介绍
·         打开主页,询问对象对主页的一般印象(可用性问题)
·         让对象执行一些特定的任务,看他是不是可以按网站的设计意图来使用
·         引导对象在测试过程中说出自己每个选择背后的想法
·         测试做完后立刻回顾测试结果,并着手解决:
§  忽略皮划艇问题(用户可以自己尝试解决的问题)
§  抵制添加冲动,改为删除干扰信息
§  不要太看重人们对新功能的要求
§  抓住够得着的果子:恍然大悟型;便宜型
§  善于平衡,修改的同时不破坏已有的正常部分
七、可用性是基本礼貌
到目前为止,作者一直在论述如何让网页清晰简洁,简而言之:容易理解的程度。可用性还有另外一个重要部分:能为用户提供更多的服务。例如:
·         不要隐藏用户想知道的信息
·         不要向用户索取太多个人信息
·         不要敷衍用户
·         不要设置障碍(必须浏览很多没有必要的图片或广告)
·         减少步骤
·         容易从错误中恢复
·         及时提供解答
·         如有错误要记得道歉
·         提供其他协助服务,比如打印页面等
·         考虑一些特殊人士(盲人、左撇子)的使用习惯
§  让所有的内容都可以通过键盘访问
§  为图片增加alt文本
 

作者: admin
网页设计中的可用性原则<别让我忘记你>概念笔记
作者经过大量观察发现,用户使用网站的方式与工程师设想的使用方式,差别巨大;1、我们不是阅读,而是扫描。网页设计师精心......
长按图片保存/分享

深圳网站设计公司

启邦互动,深圳网站建设制作开发公司,擅长网站建设制作,欧美网站建设,外贸网站建设,国外网站建设。针对客户的预算提供不同的外贸网站解决方案

联系方式

深圳市龙岗区吉华街道水径综合楼6c-1

Call us : + 137 2425 9054

Email us : service@sz-qibang.com

在线咨询

您好,请点击在线客服进行在线沟通!

联系方式
热线电话
17727976231
上班时间
周一到周五
E-mail地址
service@sz-qibang.com
扫一扫二维码
二维码
扫码咨询
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了