看完《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的文档为主.
随机推荐
- c++一些问题总结
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
- 使用avalon 实现一个订座系统
avalon对交互非常复杂的WEB应用具有天然的优势,它拥有两大神器:计算属性(这相当于后端WPF的DependencyProperty)与$watch回调. 我们的订餐系统的要求如下,它有一个总额统 ...
- GWT+CodeTemplate+TableCreate快速开发
刚进一家新公司,公司表示让我们几个新人写页面联系熟悉 怎么快速开发,进入正题: 1.根据设计规范设计页面excel 2.CodeTemplate根据excel生成属性类和对应方法(文本框,下拉框等等单 ...
- Labview中定时函数之间的区别
第一个定时函数(时间延迟):在VI中插入时间延迟,指定在运行调用VI之前延时的秒数.默认值为1.000. 第一个定时函数(等待(ms)):等待指定长度的毫秒数,并返回毫秒计时器的值.该函数进行异步系统 ...
- oracle 的行级触发器
create or replace trigger tri_insertAcceptList after insert on STDOC.DEVELOPER for each row DECLARE ...
- css3妙用 刷新图标
从猫眼电影看到的一个图标 .geopos i:before { content: ""; width: .8em; height: .8em; border: .14em soli ...
- ACM之递推递归
Hdu 2569 突破蝙蝠的包围,yifenfei来到一处悬崖面前,悬崖彼岸就是前进的方向,好在现在的yifenfei已经学过御剑术,可御剑轻松飞过悬崖. 现在的问题是:悬崖中间飞着很多红,黄,蓝三种 ...
- web.xml 详解
http://xmlns.jcp.org/xml/ns/javaee 重定向为 http://www.oracle.com/webfolder/technetwork/jsc/xml/ns/javae ...
- Objc基础学习记录2
1.[类 方法名]; //类方法,-静态成员函数, + (void)fun; 2.[对象名 方法名]; //实例方法, -非静态成员函数, - (void) fun; 3.带有冒号必须要有参数; 4. ...
- 行为类模式(一):职责链(Chain Of Responsibility)
定义 使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系. 将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止. UML 优点 将请求的发送者和接收者解耦 可以 ...