GUI设计理念《Don't Make me Think》笔记

第一章：

最有用的一个定律就是这个书名，不要让用户思考，这是做界面最最基本的原则。具体实施会包括许多许多细节，比如图片的暗示，口号，布局，心理研究，习惯用法 等等。

事实上，很多地方都可能会强迫用户去思考：

1.长得不太像按钮的，类似按钮控件
2.搜索框中，过多的选择，或者下拉框
3.前后不一致的描述，让用户疑惑

终极目标就是要让界面做到不言而喻的效果，如果做不到，那也至少能够引导学习，自我解释

所以，我们所设计的界面，首先要有明确的目标，那就是期望用户在网站上做什么操作， 然后就是提供这些操作，最后就是采用合适的界面方式，引导用户来做这些操作。



用户的Web使用方式：
实际上用户在使用Web页面的时候，都是采用一种扫描的方式，告诉的略过一些点，收集部分知识，然后依据目标做出点击的判断。而优秀网页的目标，就是为了让用户在这简短的刹那间，能够捕获到正确的信息，然后做出正确的判断，或者说是引导用户进入我我们所设计的下一步流程当中来。


很多用户对于网页的使用态度，就是能够勉强应付即可， 如果勉强能够应付，就不愿意再去花时间寻找更好的方法，所以，设计的目标就是要让用户在第一时间，找到最正确的使用方法。


网站的设计，是为了扫描而设计的，而不是为了阅读而设计的，就像是一个广告牌一样


设计原则：

1.建立清楚的视觉层次 （字体，越重要越突出来；逻辑相关的部分，视觉也相关，逻辑包含的部分，视觉上嵌套， 这其实就是一种暗示的方法，并且迎合了人们善于分解的习惯）
2.采用习惯用法
3.把页面分成明确定义的区域
4.明显的标记出那些可以点击的地方
5.降低视觉噪声的干扰



选项要明确：
1.对于只有一个选项的单选按钮radio，或者是不能改变的checkbox，都需要坚决避免。因为容易让用户误解，并让其花费相当多的时间去思考。
2.多个选项后面，最后加上一个other,或者none，或者其他选项，确保用户不理解其他选项的时候，能够理解这一个。
3.真正二选一，用户必须做出选择的时候，要给出充分的说明



省略不必要的文字
这个设计目标就是要保持口号响亮，言简意赅。保证说明性的文字，不拖泥带水，只写用户需要做的。
可省略的部分有：
1.欢迎性文字
2.指示说明性的问题，也可以砍掉


导航：

导航分5部分：
1.站点的ID，logo，Home标签，等能够让用户随时回到起点
2.菜单，分类索引，能够让用户找到目标信息  Tab
3.导航条，让用户清楚地地知道自身所处在的位置  --> A --> B -->C
4.设计搜索栏目，这是一种是用习惯，信息量大的网站，必须要搜索栏，而且必须是全文检索
5.适用的用具，比如FQA，How等等，contact us, job, transport等


大部分的页面都需要有这样的导航，不同页面里面，其中导航的元素可以适当增减。
1.ID在所有的页面上都必须要有
2.表单栏目上，填完就关闭的网页，可能只需要有一个logo, ID就可以。


低层次的导航策略：
1.低层次的页面指具体的信息页面，他的标志文字，或者名称，必须是上一级用以进行点击的链接的文字， 这样做是为了保持一致性
2.每个页面都需要有一个名称，并且这个名称必须出现在显眼的位置，合适的位置
3.名称必须和点击的链接保持一致
4.要有指示器，也作为面包屑的一部分


适用标签构建一二级导航菜单;
Tab是很多人的一种习惯用法，就和现实中的书签一样
初始化的时候，应该有一个Tab页面时在选中状态的



后备箱测试（可用性测试的一部分）
1.你知道这是什么网站吗
2.你所在的网页名称是什么
3.页面主要的栏目有哪些
4.接下来你可以做什么
5.你在网站中的什么位置
6.你可以搜索吗



主页的目标：
主页的目标是让用户明白这个网站是做什么的，吸引用户眼球，并且告诉用户，引导怎么开始去做。
放置太多的内容，反而会妨碍到这个目标的实现


主页必须包括的内容：

LogoId, 欢迎广告（口号，导读），栏目，搜索 （注册，登录）， 适用工具(contack,privacy policy，job, team等，最下或者最上)

主页的可选内容：

功能推荐，内容推荐，快捷方式，友情链接，内容更新




欢迎广告：

突出口号的力量，
简介，采用why,how, Plus，避免冗长的文字
表现意图（购买，还是浏览信息）
引用外部评价的方式


要点：
使命陈述不是广告：  XX公司是提供世界一流的解决方案..
采用用户可用性测试，回达几个问题， 测试主页的目标是否达到


下拉框不要轻易在页面上适用，缺点在于：
1.不容易找
2.难以被扫描到
3.不好控制，稍微长一点内容的下拉框就等于是无效的下拉框（采用combox来避免这个问题）





界面好感问题：

降低好感的方式：

1.隐藏了用户想看的信息，或者是不及时更新相关信息
2.设计了复杂的规则，并给予惩罚(对密码的要求，既要数字，也有字母，还要一个大写，另外还要有一个符号，长度超多8)
3.询问了不必要的信息，或者是敏感信息
4.敷衍欺骗，比如每次都采用固定程序回复，你的来信很重要，我们正在考虑。确一直没有答复
5.布局不好 （之前说的那些要素没有做到）


增加好感的方式：
1.明确用户能做什么，怎么做
2.告诉想知道的
3.减少步骤
4.给予提问解答的机会
5.协助，提供友好打印页面
6.从错误中恢复的机制: 跳回首页
7.给用户增加的麻烦，而无能为力，必须及时道歉




外观很专业，有表现力，吸引人是必须的， 但是让人感动，有动画，有音效，花哨确不是必须的，出来一些娱乐网站