第 1 章
别让我思考
本章节主要讲述在设计web时要使页面对于用户来说不言而喻,使人一目了然,不需要花费精力思考,在用户第一眼看到时将自己展示出来。
第 2 章
我们实际上是如何使用web的
本章节主要讲述了:
实际上用户并不会仔细看页面上的文字,只会寻找能被吸引的地方,处于扫描状态中。
web用户不做最佳选择,而是选择满意的即可。
通常人们并不明白工作原理,因为那些其实并不重要。当发现一种方法后,会一直选择这种方法。
第 3 章
页面上要清楚地表现出物品之间的关系,物品之间要有很强的层次感。
充分利用人们的习惯去突显重要事物。
画面尽量保持整洁,不能让人觉得杂乱无章。
第 4 章
设计师要尽量简洁画面,让人不用思考去点击浏览页面是最好的。
设计人们最需要的。
第 5 章
文字要简练,一眼让人看到需要的东西。
省略不必要的欢迎词 。
指示说明要简化表达。
第 6 章
一、导航栏
导航栏(指示牌)告诉用户所在的站点层级结构的前后关系
“明确“、 “简单”、 “一致”的导航系统可以让用户准确找到自已想要的东西。
导航栏(出现在页面顶端,高于所有内容时最有效
抵制网络固有的空间迷失感,导航方式就是告诉用户当前在什么位置用。
二、面包屑
面包屑是告诉用户从主页到当前页面的路径。
最好的分隔符就是>, 使用小字体, 最后一个元素加粗
四、标签
正确绘制、有区别、有连接颜色外形对比、弹出感
不容易错过、不言而喻、灵活、暗示一个物理空间
是大型网站导航的上佳选择
当静进入一个网站时有一个标签被选中(几秒内的存在感)
这是什么网站?(站点ID)
哪个网页上?(网页名称)
主要栏目?(栏目清单)
可以做什么?(本页导航)
在导航什么位置?(指示器)
怎么搜索
第 7 章
首先承认, 主页不由你控制
一、设计主页
搜索站点的标识和使命(什么网站?是做什么的?为什么会在这里?)
站点层次(提供服务的概貌)能找到什么? 包括功能: 能做什么?
导读(提供精彩 暗示用户访问, 应突出最新、个性化功能或简报)
内容更新
友情链接
快捷方式
注册
让我看到正在寻找的东西以及没有寻找, 从哪里开始,
建立可信度和信任感
二、如何传达
*用户第一眼看见后明白这是什么网站,能做什么?有什么?为什么在这里?
口号
欢迎广告(网站的简要描述, 不滚动就能看到)
需要多大空间就使用多大空间, 也不要过多
不要把使命陈述当作欢迎广告(这样的内容不会有人看)
进行测试
三、、主页面可以与其他页面不一样,尽量风格差不多
第 8 章
一、农场主和牧牛人应该是朋友 - 为什么WEB设计团队讨论可用性是浪费时间?
职位情绪设计师大多数喜欢看上去有趣的网站,但开发人员喜欢功能多的
市场文化与工程文化冲突:市场文化(上层管理、市场、业务拓展)关注于在网站上做出有助于吸引风险投资、用户、战略合作伙伴和盈利的承诺时,实现承诺的责任落在设计师和程序员这样的工程文化人员身上
最佳方式是快速决定,然后让用户进行测试
第 9 章
一天10美分的可用性测试
一. 关于测试的主要事实
如果想建立一个优秀的网站,一定要测试。不是每个人想法都和你一样,你会意识到很多你认为想当然的事情,对别人来说并非如此。
测试一个用户比不做测试好一倍。
在项目中,早点测试一位用户好过最后测试50位用户。早点做一次测试会比以后进行一次复杂的测试更有价值。
人们对招募用户代表的重要性估计过高。
测试的关键不是要证明什么或者反驳什么,而是了解你的判断力。
测试是一个迭代的过程。
没有什么比现场用户的反应更重要。
二:测试什么
可以进行两种测试:“理解”测试和关键任务测试
三:立刻回顾测试结果
• 给问题分类
• 解决问题
第 10 章
可用性是基本礼貌
一.好感储存器是什么
用户对一个产品都会有个好感度,有时候可能因为一个错误好感度会降低为0
二.降低好感的几种方式
询问过多不必要的信息
设置一些不必要的障碍
网站看起来很凌乱,组织不好,不专业
三.提高好感的几种方式
应该让用户明白简易的知道可以在你网站上想做什么,做好每一个细节。
减少步骤
用清楚的方式来表达我想要的信息,保证准确且有用
第 11 章
可访问性、级联样式表和你
对于任何人,都应该有能访问网站的平等权益
改进网站可访问性的最好方法就是经常测试,然后不断消除让每个人都混淆不清的地方
为每张图片增加描述性文字
让表单配合屏幕阅读器
让所有内容都可以通过键盘访问
可访问性是可用性的一部分。支持访问性才是正确的做法。
在你的HTML代码中做一些变更。为每张图片增加alt文本,在每页的最前面增加一个“跳转到主要内容”的链接。
第 12 章
老板的思考——当好人遇到不好的设计决策
老板在坚持一个糟糕设计想法的背后,几乎有一个良好的(或者不那么糟糕)的意图,试着去理解这种意图,找到另一种方法来达到目的
设计永远要知道自己在做什么,并且有充分的理由去做