码迷,mamicode.com
首页 > 其他好文 > 详细

看完《Don't make me think》的总结

时间:2016-02-27 18:08:23      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

      寒假在公司实习,然后公司人数比较少,作为一个前端实习生,分工下,就去负责了项目的业务逻辑的梳理以及页面的设计,为了让页面设计的好看,交互性好,便于用户使用,我就快速看了这本薄薄的却很有用的书。书的整体思想是“别让用户思考”。接下来是我对知识的梳理和总结,共勉。

一、设计的基本原则

1欢迎词必须消灭
2指示文字必须消灭
3保持段落简短
4层级关系明显
5使用符号列表
6突出关键词语
7充分利用标题
8越重要的地方越突出
9逻辑上相关的部分也在视觉上相关
10逻辑上包含的部分在视觉上进行嵌套
11习惯用法不错,在你清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法。简洁胜过一致。建立有效的视觉层次,把页面划分成明确定义的区域,明显标识可以点击的地方,最小化干扰,为内容创建清楚的格式,以便扫描
12顾客用web主要是扫描,满意即可,勉强应付
13最重要的是,显而易见,不让用户思考。如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。

二、网站测试的时候需要问的几个问题:
这是什么网站?(站点ID)
我在哪个网页上? (网页名称)
这个网站的主要栏目是什么?(栏目清单)
在这个层次上我有哪些选择?(本页导航) 
我在导航系统的什么位置?(你的这里的指示器)
我怎么搜索?

三、界面让人提高好感的几种方式:
1知道人们在你网站上想做什么,并让他们明白简易
2告诉用户想知道的
3尽量减少步骤
4花点心思
5知道用户有哪些疑问,并且给予解答
6为用户提供协助,例如打印友好页面
7容易从错误中恢复
8如有不确定,记得道歉
9没有光标===没有悬停===没有线索
10提供一个到”全内容“网站的链接
11要有一个好口号

四、如何提高界面的友好度

1、改正让所有人感到混淆的可用性问题
2、读一篇文章
3、看一本相关的书,如《Don‘t make me think》
4、为每张图片增加合适的alt文本
5、使用合适的标题
6、让你的表单配合屏幕适配器
7、在每页的最前面增加一个“跳转到主要内容”的链接
8、让所有的内容都可以通过键盘访问
9、在文本和背景之间设置明显的对比
10、采用一份可访问性良好的模板

五、移动应用的可用性属性:有用,可学习,可记忆,有效,高效,合乎期望和让人快乐

六、可用性原则~某个东西越需要投入大量时间,或者看起来会这样,它将来就会用的越少

七、我所听到的大部分预言几乎是完全错误的,预言钟真正重要的那些往往会让我们觉得意外,哪怕它们在事后看起来相当明显。

看完《Don't make me think》的总结

标签:

原文地址:http://www.cnblogs.com/meetup/p/5223181.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!