看完《Don't make me think》的总结
寒假在公司实习,然后公司人数比较少,作为一个前端实习生,分工下,就去负责了项目的业务逻辑的梳理以及页面的设计,为了让页面设计的好看,交互性好,便于用户使用,我就快速看了这本薄薄的却很有用的书。书的整体思想是“别让用户思考”。接下来是我对知识的梳理和总结,共勉。
一、设计的基本原则
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》的总结的更多相关文章
- 看完SQL Server 2014 Q/A答疑集锦:想不升级都难!
看完SQL Server 2014 Q/A答疑集锦:想不升级都难! 转载自:http://mp.weixin.qq.com/s/5rZCgnMKmJqeC7hbe4CZ_g 本期嘉宾为微软技术中心技术 ...
- 在知乎上看到 Web Socket这篇文章讲得确实挺好,从头看到尾都非常形象生动,一口气看完,没有半点模糊,非常不错
在知乎上看到这篇文章讲得确实挺好,从头看到尾都非常形象生动,一口气看完,没有半点模糊,非常不错,所以推荐给大家,非常值得一读. 作者:Ovear链接:https://www.zhihu.com/que ...
- 盘点国内程序员不常用的热门iOS第三方库:看完,还敢自称”精通iOS开发”吗?【转载】
综合github上各个项目的关注度与具体使用情况,涵盖功能,UI,数据库,自动化测试,编程工具等类型,看完,还敢自称”精通iOS开发”吗? https://github.com/syedhali/EZ ...
- APP的缓存文件到底应该存在哪?看完这篇文章你应该就自己清楚了
APP的缓存文件到底应该存在哪?看完这篇文章你应该就自己清楚了 彻底理解android中的内部存储与外部存储 存储在内部还是外部 所有的Android设备均有两个文件存储区域:"intern ...
- 视频1-14待JSP课程看完再练习
视频1-14待JSP课程看完再练习 http://www.imooc.com/video/5555
- 看完这些,你就算得上既了解围棋又了解alphago了
首先,我们要祝贺小李下出第78手的“神之一手”,这一手堪称前无古人后无来者,尤其是结合了阿尔法狗自暴自弃的表现.小李说过他的失败并不是人类的失败,同样,小李的胜利也只是属于他一人的胜利. 然而人类在围 ...
- 看完final的感受
今天没课,(其实是有体育课的,去打了一会球就跑路了...)就在宿舍看world final ; 我去,老毛子真是好厉害,看的我目瞪口呆,哈喇子直流; 上交的大神好厉害,本来还以为上交要夺冠的,最后罚时 ...
- Servlet 是否线程安全 看完便知
Servlet 是否线程安全 看完便知 转自:http://blog.sina.com.cn/s/blog_6448959f0100kct7.html 摘 要:介绍了Servlet多线程机制, ...
- Windows PowerShell是啥?看完本文你就懂它了
这篇文章主要介绍了Windows PowerShell是啥?Windows PowerShell是什么?Windows PowerShell有哪些特性?Windows PowerShell有什么用?看 ...
- 发现在看完objc基本语法之后,还是看Apple文档比较有用。
现在已经停止找中文资料了,因为很多例子已经过时,运行不出来. 看完objc基本语法以后,Apple的资料也看得懂了. 还是应该跟着Apple的入门指南开始学,今后也应该以Apple的文档为主.
随机推荐
- 关于javascript里面仿python切片操作数组的使用方法
其实在使用了好一段时间的 python之后,我觉得最让我念念不忘的并不是python每次在写函数或者循环的时候可以少用{}括号这样的东西(ps:其实也是了..感觉很清爽,而且又开始写js的时候老是想用 ...
- 第三百五十一天 how can I 坚持
是应该喜欢还是厌烦这种状态,犹豫不定,毫无目标. 人不贪,谁信,我嘴上说我不贪,可是内心已经把我出卖了,要不怎么股票会被套呢. 别人贪婪时我恐惧,别人恐惧时我贪婪,我成了什么,别人贪婪时,我狂妄,别人 ...
- 转】使用kaptcha生成验证码
原博文出自于: http://www.cnblogs.com/xdp-gacl/p/4221848.html 感谢! kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜 ...
- C++11对象构造的改良
[C++11对象构造的改良] C++03中一个构造函数无法构造另一个构造函数,因为A()实际上意味着生成一个临时对象,存在语音混淆.详情请看参考2. C++11中允许直接在初始化列表中调用其它的构造函 ...
- EIGRP默认路由分发的四种方法
方式一:重发布静态 R2(config)#ip route 0.0.0.0 0.0.0.0 s1/1 R2(config)#router eig 10 R2(config-router)#redist ...
- svg base64
好多h5页面有出现data:image/png;base64,后面跟了一串类似乱码的字母 查了下原来这也是svg或者是图片 <img src=“data:image/png;base64,iVB ...
- CreateEvent的用法
事件对象就像一个开关:它只有两种状态---开和关.当一个事件处于”开”状态,我们称其为”有信号”否则称为”无信号”.可以在一个线程的执行函数中创建一个事件对象,然后观察它的状态,如果是”无信号”就让该 ...
- 记一次PHP项目部署过程
首先介绍一下项目的基本情况:使用PHP语言开发,数据库用的是MySQL 5.5,HTTP服务器用的是Apache 2.2.早上十点到机房看了看服务器的基本情况:Windows 2000操作系统,没有安 ...
- SQL SERVER 2005如何建立自动备份的维护计划
SQL Server 2005中可以使用维护计划来为数据库自动备份,减少数据库管理员的工作负担.其使用方法如下: (1)启动[sql server Management Studio],在[对象资源管 ...
- iOS开发-核心动画随笔
核心动画可以让View旋转,缩放,平移(主要是操作View的layer(层)属性)但是核心动画改变的位置不是真实的位置,一切都是假象所以有时候要用到其他动画,如UIView本来封装的动画,还有定时器 ...