美文网首页
读书笔记 |《Don't make me think》

读书笔记 |《Don't make me think》

作者: shirlychen | 来源:发表于2016-02-16 15:39 被阅读64次

用户实际浏览网页只是在每个页面瞥一眼,然后点击第一个令他们感兴趣或大概符合他们目标的链接,通常其他内容看都不看。我们精心准备的文字在用户看来更像“以每小时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页)

相关文章

  • 《Don't Make Me Think》

    第一章讲的重要性不再赘述; 第二章讲指导原则:1、我们不是阅读而是浏览;2、我们不作最佳选择,只是满意即可(时间紧...

  • Don't make me think

    面包屑

  • DON'T make me think

    三天看完了“不要让我思考”,大体上,这算是一本小册子,主要是针对网站的,移动端涉及的比较少。大致的框架是这样的: ...

  • Don't make me think

    Krug可用性的第一定律「Don'tmakemethink」。以命名,点击样式(链接、按钮),搜索条件等栗子来说明...

  • don't make me think

  • 《Don't make me think》

    《Don't make me think》 作者:Steve Krug 状态:已读完 记录方式:这是用手机码出来的...

  • Don't make me think

    我们常说,隔行如隔山,的确,很多行业之间的差异是非常大的,原本在某个行业被誉为权威的人士,去另一个行业可能连最底层...

  • 【读书笔记】Don't make me think

    读书心得: 说的基本都知道,但是如何在工作中真的实现最优状态,这需要慢慢实践 关于自己设计中需要重视的点 设计原则...

  • 【读书笔记】《Don't make me think》(

    由于图片大小限制可能造成文字不清楚,可右键保存大图查看,或者去我的网盘下载查看,当然也欢迎你到我的LOFTER查看...

  • 《don't make me think》读书笔记

    一个网站容易使用的最重要原则是“不要让用户思考”。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该...

网友评论

      本文标题:读书笔记 |《Don't make me think》

      本文链接:https://www.haomeiwen.com/subject/silpkttx.html