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

一、设计的基本原则

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》的总结的更多相关文章

  1. 看完SQL Server 2014 Q/A答疑集锦:想不升级都难!

    看完SQL Server 2014 Q/A答疑集锦:想不升级都难! 转载自:http://mp.weixin.qq.com/s/5rZCgnMKmJqeC7hbe4CZ_g 本期嘉宾为微软技术中心技术 ...

  2. 在知乎上看到 Web Socket这篇文章讲得确实挺好,从头看到尾都非常形象生动,一口气看完,没有半点模糊,非常不错

    在知乎上看到这篇文章讲得确实挺好,从头看到尾都非常形象生动,一口气看完,没有半点模糊,非常不错,所以推荐给大家,非常值得一读. 作者:Ovear链接:https://www.zhihu.com/que ...

  3. 盘点国内程序员不常用的热门iOS第三方库:看完,还敢自称”精通iOS开发”吗?【转载】

    综合github上各个项目的关注度与具体使用情况,涵盖功能,UI,数据库,自动化测试,编程工具等类型,看完,还敢自称”精通iOS开发”吗? https://github.com/syedhali/EZ ...

  4. APP的缓存文件到底应该存在哪?看完这篇文章你应该就自己清楚了

    APP的缓存文件到底应该存在哪?看完这篇文章你应该就自己清楚了 彻底理解android中的内部存储与外部存储 存储在内部还是外部 所有的Android设备均有两个文件存储区域:"intern ...

  5. 视频1-14待JSP课程看完再练习

    视频1-14待JSP课程看完再练习 http://www.imooc.com/video/5555

  6. 看完这些,你就算得上既了解围棋又了解alphago了

    首先,我们要祝贺小李下出第78手的“神之一手”,这一手堪称前无古人后无来者,尤其是结合了阿尔法狗自暴自弃的表现.小李说过他的失败并不是人类的失败,同样,小李的胜利也只是属于他一人的胜利. 然而人类在围 ...

  7. 看完final的感受

    今天没课,(其实是有体育课的,去打了一会球就跑路了...)就在宿舍看world final ; 我去,老毛子真是好厉害,看的我目瞪口呆,哈喇子直流; 上交的大神好厉害,本来还以为上交要夺冠的,最后罚时 ...

  8. Servlet 是否线程安全 看完便知

    Servlet 是否线程安全 看完便知 转自:http://blog.sina.com.cn/s/blog_6448959f0100kct7.html     摘 要:介绍了Servlet多线程机制, ...

  9. Windows PowerShell是啥?看完本文你就懂它了

    这篇文章主要介绍了Windows PowerShell是啥?Windows PowerShell是什么?Windows PowerShell有哪些特性?Windows PowerShell有什么用?看 ...

  10. 发现在看完objc基本语法之后,还是看Apple文档比较有用。

    现在已经停止找中文资料了,因为很多例子已经过时,运行不出来. 看完objc基本语法以后,Apple的资料也看得懂了. 还是应该跟着Apple的入门指南开始学,今后也应该以Apple的文档为主.

随机推荐

  1. Nginx下Redmine2.6配置

    Apache下Redmine2.6配置,请参考:http://blog.linuxeye.com/405.html CentOS6.6下安装Redmine2.6+MySQL5.6+Nginx,教程如下 ...

  2. spring的annotation-driven配置事务管理器详解

    http://blog.sina.com.cn/s/blog_8f61307b0100ynfb.html ——————————————————————————————————————————————— ...

  3. ArrayList中元素去重问题

    如题所示,如果一个ArrayList中包含多个重复元素,该如何去重呢? 思路一以及实现: 声明2个ArrayList,分别为listA与listB ,listA为待去重list ,listB 保存去重 ...

  4. C++11散列表

    [C++11散列表] 散列表对应于C++03中的hash_xxx,分为set和map两种 上述的类型将满足对一个容器类型的要求,同时也提供访问其中元素的成员函数: insert, erase, beg ...

  5. hdu 5311 Hidden String (BestCoder 1st Anniversary ($))(深搜)

    http://acm.hdu.edu.cn/showproblem.php?pid=5311 Hidden String Time Limit: 2000/1000 MS (Java/Others)  ...

  6. AutoCAD DxfCode组码值说明

    值 说明 -5 APP:永久反应器链 -4 APP:条件运算符(仅与 ssget 一起使用) -3 APP:扩展数据 (XDATA) 标记(固定) -2 APP:图元名参照(固定) -1 APP:图元 ...

  7. global & nonlocal

    name = "A" def test(): name = "B" def test2(): global name # global 指的是拿到的是全局的变量 ...

  8. 未能加载文件或程序集“Oracle.DataAccess, Version=2.112.1.0, Culture=neutral, PublicKeyToken=89b483f429c47342”或它的某一个依赖项。 解决方法

    webconfig文件对于oracle的映射错误.需要在以下位置修改 <runtime> <legacyCorruptedStateExceptionsPolicy enabled= ...

  9. WCF再学习小结

    http://www.cnblogs.com/jillzhang/archive/2010/04/04/1704388.html http://leelei.blog.51cto.com/856755 ...

  10. 自定义Template,向其中添加新的panel

    参考网站:https://www.devexpress.com/Support/Center/Example/Details/E2690 思路: 新建一个DefaultTemplate:       ...