取其精华!设计师读书笔记连载系列之《Don’t Make Me Think》 - 优设-UISDC

取其精华!设计师读书笔记连载系列之《Don’t Make Me Think》

2016/04/27 12097评论区

note-for-dont-make-me-think-1

@围脖上的嘟嘟王子 :《Don’t Make Me Think》作为设计师的必备读物,如果你还没看过,不妨看一下这篇总结笔记。这本书有13章,我选取了9个比较重要的点来记录,附上国内的相关案例,方便大家学习理解。

作者是Steve krug,他是一名可用性咨询师。他平时的工作内容和流程可以供大家了解和参考:

  • 客户发来新产品的网站地址或者设计原型
  • 他进行试用,向用户一样执行任务,然后把问题记录下来
  • 他安排客户会议,描述这些问题,帮助用户决定哪些是最急于修复的,并确定最佳修复方案
  • 客户支付报酬

作者对可用性的定义:

  • 有用:能否帮助人们完成一些必须的事务?
  • 可学习:人们能否快速明白如何使用它?
  • 可记忆:人们每次使用的时候,是否都需要重新学习?
  • 有效:它们能完成任务吗?
  • 高效:它们是否只需要花费适当的时间和努力就能完成任务?
  • 合乎期望:是人们想要的吗?
  • 令人愉悦:人们使用它的时候觉得有意思甚至好玩吗?

接下来就是文章里的一些重点了。

一、可用性第一定律 – 别让我思考

让用户第一眼看到你的网站就能明白,一目了然,不用思考。

假如用户需要思考,哪怕很短暂,也要消除这些问号。

二、关于用户是如何使用Web 的三个事实

我们并不是阅读,而是扫描

我们总是任务在身,,我们知道自己不必阅读所有内容,我们善于扫描。

我们不会执着于最佳选择,而是满意即可

用户总是处于忙碌之中,如果猜错了也不会产生什么严重后果,花费精力做最佳选择也并没有太大改善,猜测更有趣。

用户不是追根究底,而是勉强应付

这对用户来说并不重要,用户不会花费太多精力试用新产品,如果发现这个东西能用,用户就会一直用下去

三、做设计时需要注意的重要方面

尽量利用习惯用法

如果你准备创新,最好暂时保留人们的习惯性用法,再慢慢替换。

QQ的抽屉栏更多的是要适应大屏时代的手势操作,即抽屉栏向右滑出,但也保留了人们点击右上角头像的习惯性做法

1zw20160427

建立有效的视觉层次;

把页面划分成明确定义的区域;

明显标识可以点击的地方;

最小化干扰;

为内容创建清楚的格式,以便扫描;

四、网页或APP中的提示/指示该怎么做?

简短:只需要提供最少的信息来帮助用户
及时:放在用户正好需要它的地方
不会错过:设置合适的格式,保证我一定会注意到它。

有的提示一闪而过,比如保存成功、修改成功、支付成功等等;有的提示却需要用户手动关闭,例如下图的两个例子,天猫为了让用户感知到经验值发放成功,在消息位置给出了提示,即使你打开新的天猫页面,这个提示依旧存在,直到你注意到并关闭它;还有微信公众平台的编辑器,如果未输入标题便进行发布,提示也会一直存在标题上方。因此在做设计时,提示的位置、出现的时间、是需要用户重视还是忽略,都需要我们认真考虑。

stxz20160427

五、省略多余的文字

消灭欢迎词,消灭冗长的引导、指示文字。

如下图的闪屏页面,都做得非常简洁,一个logo或者一张极具产品思想的图片即可让人记住

4zw20160427

很多APP喜欢把引导页做的很精美,一般用来告诉用户新的功能,但你有没有 发现,微信从未做过任何引导页面,因为微信知道大部分用户都会之直接忽略。看下图的引导页,你真的会阅读这些引导文字吗?

7zw20160427

当然,如果你能把引导页面做的很有趣,例如用动画,或者演示来吸引用户,会让用户对产品好感满满。如果没那个自信,还是不要了。

六、如何设计导航

用户来到网站通常会做两件事:浏览或者搜索,尽管你的网站侧重不同,但最好同时提供给用户。

如下图:腾讯新闻用户虽然多以浏览为主,但也在抽屉栏里提供了搜索入口。用户的搜索的需求频率虽然低,但却并不是多此一举,试想当你看过某个新闻时想分享给朋友看的时候,却发现早就被淹没难以寻找,这个时候如果没有搜索入口解决用户燃眉之急,用户对APP的评价将会大打折扣。

百度当然主打:百度一下。但用户也时常不知道搜索些什么,这时候浏览页面上的时事热点也是非常好的选择。

2zw20160427

始终都能让用户返回主页

如下图:在小米商城,无论你在哪个页面浏览,鼠标hover上左上角的小米logo,logo就会变为主页icon,指引你回家。

6zw20160427

每个页面都需要一个名称,这个名称需要出现在合适的位置,并且和链接一致

对于大型网站来说,面包屑指示非常重要,注意将它们的放在顶层,用 >号做间隔,并加粗最后一个元素。

如下图:淘宝里的面包屑指示想必大家最为熟悉,他们便捷不言而喻。

3zw20160427

附上面包屑导航小故事来帮助大家记忆:很久很久以前,在大森林的边上住着一个贫穷的樵夫,他与妻子和两个孩子相依为命。他的儿子名叫汉塞尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”这是一个悲惨的故事,我并没有讲完。只希望童话里的兄妹两个顺利回家了。

七、如何设计网站的主页

传达整体形象, 当用户进入一个新的网站,主页一定要能回答以下四个问题:

  • 这是什么网站?
  • 网站上有些什么?
  • 我能在这里做什么?
  • 为什么我要在这个网站,而不是别的?

八、不要做那些浪费时间的争论了,听听用户的想想法吧

市场、产品、开发、设计由于专业不同而观点不同,反复的争辩既浪费时间又消耗团队经历

九、如何做可用性测试

  • 每个开发团队应该每个月安排一个上午进行一次可用性测试
  • 作者认为每轮测试3个用户即可,选取接近你目标用户的新手用户。
  • 鼓励利益相关者-团队成员、市场、产品、开发人员等观看测试。

测试流程:

  • 简单介绍测试如何进行(约4分钟)
  • 了解测试者,比如他们是不是计算机高手,有没有玩过类似网站(约2分钟)
  • 主页观光,观察用户在主页看到了什么,如何操作(约3分钟)
  • 任务测试,这是测试的核心部分,让测试者执行一些列任务,并观察他们遇到的问题(约35分钟)
  • 和团队开展总结会,决定修复哪些问题
  • 收集一份问题列表
  • 选择10个最严重的问题
  • 问题评级
  • 建立一份排序列表
  • 将小问题建立另一份清单(这些问题不需要评审就能完成)
  • 抑制添加的冲动,多用删除法,少用加法
  • 不要太看重人们对新功能的要求
  • 忽略“kayak”问题,用户出现暂时性错误,但能很快自我恢复,也称皮划艇问题,只要及时恢复正常,就是一种乐趣而已。

九、可用性是基本礼貌

降低用户好感的几种方式,请避免

  • 隐藏我想要的信息
  • 因为没有按照你们的方式操作而惩罚我
  • 向我询问太多不必要的信息,比如私人信息
  • 敷衍我、欺骗我
  • 给我设置障碍
  • 你的网站看上去似乎不那么专业,例如布局、颜色等

提高好感的几种方式,多使用

  • 知道人们想要在你的网站上做什么,并让网站简单易懂
  • 告诉我我想知道的
  • 尽量减少步骤
  • 知道我可能有哪些疑问,并给与解答
  • 为我提供协助,例如客服
  • 容易从错误中恢复
  • 如有不确定,记得道歉

这本书的读书笔记到这里就结束了,当然,笔记只能帮助我们快速回忆书里的内容,还是建议大家去购买这本书详细阅读。

写在最后:在和产品经理发生激烈交锋的时候,理论知识是衬托你专业性的强大依据,设计不单纯是你能做到,更是你能说出为什么这么做,共勉。

最后,欢迎大家关注我的我的微信号:交互笔记,不定期更新。

jh20160427

【了解伟大企业的历史变迁】

“不作恶”企业谷歌的首页变迁史
《生日快乐!那些年我们用过的谷歌首页》

设计的趋势从此可见一斑!
《涨姿势!从苹果官网细看20年设计变迁史》

连邀请函都有浓浓的设计范儿!
《向经典致敬!带你看十年来苹果发布会的邀请函》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量112万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/note-for-dont-make-me-think

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 产品设计 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里