可用性设计建议——《点石成金》读书笔记(上)

标签: 可用性 设计 读书 | 发表时间:2011-06-07 15:25 | 作者:wangxuntian 俊客
出处:http://ucdchina.com/rss/all

 

阅读评分:4.5分(满分5分)

阅读感受:

1. 流传已久,必有其道理。

2. 短小精悍,在用户行为、导航设计、主页设计、可用性测试等方面,作者都提出了观点和可行的建议,适合于互联网产品/Web设计人员和前端开发人员。

3. 两小时,你能了解到的真的是最初级最初级的内容,这本书只管扫盲,不管精进。

4. 结合项目读,边看边试,会有更大的收获。

阅读笔记(1-7章):

1. Krug可用性第一定律:别让我思考!

一个页面应该是不言而喻、一目了然、自我解释的。因为大多数人会比我们想象中少得多的时间来浏览网页。

2. 如果想设计有效的网页,你必须开始接受关于网络使用情况的三个事实。

  • 我们不是阅读,而是扫描。
  • 我们不作最佳选择,而是满意即可。事实上,大多数时间里我们不会选择最佳选项,而是选择第一个合理的选项,这就是满意策略。
  • 我们不是追根究底,而是勉强应付。很多人完全不是以设计师设想的方式使用网络和软件,但他们用的很好。

3. 如果用户们都是疾驰而过,那么,你需要注意一下5个重要方面,来保证他们尽可能地看到并理解了你的网站:

Ÿ1) 在每个页面上建立清楚的视觉层次。

一个视觉层次清楚的页面有三个特点:Ÿ

  • 越重要的部分越突出。
  • Ÿ逻辑上相关的部分在视觉设计上也相关。
  • 逻辑上包含的部分在视觉上进行嵌套。

2) 尽量利用习惯用法。

3) 把页面划分成明确定义的区域。可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。

4)明显标识可以点击的地方。

5)最大限度降低干扰。

有两类视觉噪声:

  • Ÿ眼花缭乱。所有的内容都希望引起注意,效果可能适得其反。
  • 背景噪声。如菜单项之间的间隔线。

4. Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择。

5. Krug可用性第三定律:去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。

1)欢迎词必须消灭。没有包括有用的信息,只是一个劲地在说自己多好。

2)指示说明必须消灭。至少在多次“勉强应付”失败之前,没有人会细读他们。你的目标应该是通过让每项内容不言而喻来完全消除指示说明,或者尽可能做到这一点。

6. 导航的用途:

  • 帮助我们找到想要的任何东西。
  • 告诉我们现在身处何处。
  • 它给了我们一些固定的感觉。
  • 它告诉我们当前的位置。
  • Ÿ它告诉我们如何使用网站。
  • Ÿ它给了我们对网站建造者的信心。

导航的习惯用法:

持久导航(Persistent Navigation,或全局导航):描述出现在网站每个页面上的一组导航元素。会让你立即确认自己仍然待在这个网站上。

应包括5个元素:站点ID,栏目,回主页的方式,搜索的方式,实用工具

1)站点ID通常在左上,因为它在当前站点结构中层次最高。

2)栏目,有时也称主导航条(Primary Navigation),是到达站点主要栏目的链接,即站点层次结构的最顶层。

3)让一个返回主页(Home)的按钮始终可见,另一个习惯做法,就是让站点ID同时也作为一个让你回到主页的按钮。

4)实用工具(Utility),是到达网站中不属于内容层次的重要元素的链接。

5)提供搜索,一个输入框,一个按钮,还有“Search”。

PS,主页内不必使用持久导航;填写表单时,持久导航可能会成为不必要的干扰。

对于这些页面,只需要站点ID,一个回到主页的链接和任何有助于填写表单的实用工具作为最小规模的持久导航就可以了。

7. 页面名称。注意以下四点:

  • Ÿ每个页面都需要一个名称。
  • 页面名称应该出现在涵盖该页内容的位置。
  • Ÿ名称要引人注目。
  • 名称要和点击的链接一致。

8.

  • “You are here”:突出当前位置,告诉你所在的站点层次结构的前后关系。
  • 面包屑(层级菜单):告诉你从主页到当前位置的路径。

9. 标签是极少几个将物理隐喻有效应用到用户界面中的例子之一。

  • Ÿ 它们不言而喻。
  • Ÿ 它们很难错过。
  • Ÿ 它们很灵活。标签能增加修饰作用而且更实用。
  • Ÿ 它们暗示了一个物理空间。当前的标签在物理上出现在最前面。

Amazon的标签:

10. 设计主页

1)主页要完成的任务

  • 站点的标识和使命。这是什么网站,它做什么的,如果可能,告诉我为什么我应该在这里,而不是到别的网站。
  • Ÿ 搜索。突出显示的搜索框。
  • 导读。Content promos(内容推介)部分应突出最新、最好、最流行的内容片断,例如头条新闻或热销产品。Feature promos(功能推    介)部分邀请我去访问网站更多的栏目或者试用一些个性化功能或邮件简报等。
  • Ÿ 内容更新。主页应有一些经常更新的内容,告诉我活跃的迹象。
  • Ÿ 友情链接。需要在主页上预留空间,用来放置广告、交叉推广、合作品牌的推广链接等。
  • Ÿ 快捷方式。最常访问的内容片断(如软件升级)值得在主页上放置链接。
  • Ÿ 注册。新用户注册和老用户登陆链接,并且要有某种方式让我知道自己已经登陆了。(欢迎回到XX,Steve Krug)

除了这些具体的,还需要满足一些抽象的目标:

  • Ÿ 让我看到自己正在寻找的东西。主页应该让我想要的任何东西显而易见。
  • Ÿ ……还有我没有寻找的。一些很精彩的也许会感兴趣的内容——就算我并没有寻找它们。
  • Ÿ 告诉我从哪里开始。
  • Ÿ 建立可信度和信任感。

2)常见的约束

  • Ÿ 主页的位置争夺激烈。
  • Ÿ 想要参与发表看法的人太多。
  • Ÿ 一个尺寸要适合所有人。

3)主页的混乱中有一件事往往会被忘掉——传达整体形象。这就是共有区域的悲剧(The Tragedy of the Commons

在主页上增加更多项目所得到的和付出的并不一致,得到推介的栏目获得了巨大的访问量,而由于主页变得更混乱而造成的有效性总体损失则要由所有的栏目一同承担。应该让所有的利益相关者知道过度使用主页的危险,并且提供其他方法来缓解这种需求,例如从其他热门页面进行推荐,或者轮流使用主页上的同一块空间。

4)如何传达

两个重要的位置要清楚陈述。

  • Ÿ 口号(Tagline):靠近站点ID的地方,当做整个网站的描述。
  • Ÿ 欢迎广告:是网站的简要描述,在主页的首要位置显示,不需要滚动屏幕就能看到。

传达信息的指导原则:

  • Ÿ 需要多大空间就使用多大空间。
  • Ÿ 但也不要使用过多的空间。阐述应保持简短,表明观点即可。只提最重要的功能(4个)。
  • Ÿ 不要把使命陈述当做欢迎广告。如“XX公司在XX发展领域提供一流的解决方案…”
  • Ÿ 最重要的是进行测试。

5)主页导航可以不一样

由于主页独特的职责,通常不必使用持久导航,常见的差别包括:

  • Ÿ 栏目描述。每个栏目名称增加一些描述性的短语,甚至想列出下一级栏目。
  • Ÿ 不同的方向。可能使用垂直导航而不是水平导航。
  • Ÿ 用于识别的空间更多。主页上的站点ID通常会比持久导航上的站点ID更大,品牌口号不一定出现在每个页面上。

6)下拉框的问题

  • Ÿ 列表上的项目不可能在扫描页面时看到。
  • Ÿ 标准的HTML下拉菜单,无法控制字体、间隔和列表的格式,以提高菜单的可读性,也没有什么好办法把列表分成几组。
  • Ÿ 它们不好控制。列表的显示和收缩很快,会影响查看效果。

下拉框对于组织按字母顺序排列的项目来说最有效,例如国家、省份或产品名称。

+++++————————————————————————————————+++++

第8-12章的读书笔记还没有写,慢慢来。

端午行意外取消,我可不敢在动乱时前往锡林郭勒,小命最重要。

最近一直着急的租房事宜也于昨日搞定,进驻城里的感觉真好,特别是旁边就有海底捞和巫山烤全鱼,真让人兴奋。还买了双鞋,United Nude,嫩嫩的,很貌美。

开始要忙着打包啊搬家啊打扫卫生啊等等,诸多琐事,各种忙碌和疲惫啊。

生活要是能多多偷懒该多好。


相关话题:《Don't make me think》 源地址:http://www.wangxuntian.com/?p=1036

相关 [可用性 设计 读书] 推荐:

可用性设计建议——《点石成金》读书笔记(上)

- 俊客 - 所有文章 - UCD大社区
阅读评分:4.5分(满分5分). 短小精悍,在用户行为、导航设计、主页设计、可用性测试等方面,作者都提出了观点和可行的建议,适合于互联网产品/Web设计人员和前端开发人员. 两小时,你能了解到的真的是最初级最初级的内容,这本书只管扫盲,不管精进. 结合项目读,边看边试,会有更大的收获. Krug可用性第一定律:别让我思考.

首页设计的可用性和PET

- BEAsThAnG - 所有文章 - UCD大社区
网站的首页是一个让人头疼的东西. 有时它看起来很简单:首页就是网站内容的整合,一个产品经理随便从网站里拿点东西出来,就能堆出一个看上去靠谱的首页. 也正因此,它往往非常麻烦:很多人都可以发表自己的见解,而这时交互设计师的一些手段(比如流程图、概念图等),在面对首页设计时也难派上用场,以致最终陷入到无尽的争执中.

可用性测试中的任务设计方法

- 嘉慧 - 网易用户体验设计中心博客
可用性是用来衡量产品质量的重要指标,从用户角度来判断产品的有效性、学习性、记忆性、使用效率、容错程度和令人满意的程度. 可用性测试是在迭代设计中不断获得用户反馈,根据用户反馈不断优化产品设计的一种方法. 其目的是是建立评价标准,尽可能多的发现可用性问题,并指导产品界面的设计和改进,尽可能地提高产品的可用性质量.

最小化可用性设计(Minimum Usable Design)

- - 所有文章 - UCD大社区
似乎是蛮久没有这样周末独自在家安静的做做博客了. 生活终归需要张力,一周一周的忙碌,到了周末哪怕会寂静的有些无聊,感觉上也蛮有趣的. 今天这篇小短文有点儿意思,英文原文一遍读下来觉得没有什么不显而易见的东西;翻译了一遍,然后回过头又看一遍原文以及评论当中的观点,才尝出一些味道. 就当作引子吧,有兴趣的朋友不妨再去看看原文及评论.

增强应用“可用性”的10条设计原则

- - 酷勤网-挖经验 [expanded by feedex.net]
 来源:CocoaChina移动观察   2011-12-25. 众所周知,如果开发者想发布一款iOS应用,必须提交苹果应用商店审查. 苹果可能以各种各样的理由驳回你的申请,所幸苹果也把审查的规矩讲很清楚. 通过审查的必备条件之一是你的应用必须有很高的“可用性”. 你可以去查这份叫做 iOS Human Interface Guidelines的指导手册,更方便的是直接阅读从中提炼出的10条精华小贴士.

Think Aloud-适合设计师的可用性方法

- - TaoBaoUED
Think aloud 是可用性测试中常用的一种方法,它是由IBM公司Clayton Lewis  在1982年在 《以任务为中心的界面设计》书中被阐述,同时引进到了可用性领域,1993年由前苹果研究院VP的Jakob Neilson在可用性工程这本书中再次推出. 使用 Think aloud方法,需要提供给被测用户待测的产品或界面原型,要求被测用户根据指定任务操作产品或界面,与此同时,即时地说出使用产品界面时的想法、感受和意见.

网站可用性设计中 不容忽略的30个基础概念

- 马克叔叔 - 互联网的那点事
你不必在每件事情上取得别人的同意. 作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂的网站架构下你的访客仍可能找到他们的路径. 这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法. 事实上,你的工作就是妥协处理错误的思想和误导的概念,而不是盲从它们.

你会犯哪些网页设计最常见可用性错误?

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  在过去十年中高品质的可用性一直是业内讨论的核心,因为它对用户来说越来越重要. 好的可用性也可以帮助建立品牌知名度,从而提升用户对一个网站或者是一家公司的评价. 今天人们依然高度关注可用性,是因为大大小小的公司已经证明了好的可用性策略是多么重要.   在过去几年中,良好的可用性成为那些成功的初创公司的核心.

IBM经验总结:网站设计中不可忽视的可用性原则

- - 人人都是产品经理
打造非凡的交互体验,设计一个可用性强的网站,对任何一个设计者来说都不失为一个雄心勃勃的目标. 为了使我们的网站更加接近用户的预期,这是一个缓 慢的过程,需要技巧和一系列细节性工作及一点点运气,如何让用户方便、快速地找到自己需要的服务,并用最简单的操作方法来完成操作,需要更加注重细节,细 节就是您的用户会反复留意的东西,比如友好的界面、清晰的导航、完善的帮助系统、合理的信息架构、出色的视觉设计、优良的网站性能等.

可用性高达5个9!支付系统高可用架构设计实战

- - SegmentFault 最新的文章
对于互联网应用和企业大型应用而言,多数都尽可能地要求做到7*24小时不间断运行,而要做到完全不间断运行可以说“难于上青天”. 为此,对应用可用性程度的衡量标准一般有3个9到5个9. 对于一个功能和数据量不断增加的应用,要保持比较高的可用性并非易事. 为了实现高可用,宜信支付系统从避免单点故障、保证应用自身的高可用、解决交易量增长等方面做了许多探索和实践.