读瞬间之美 Web界面设计如何让用户心动 - 笔记

第一部分 指引用户

令人心动的第一印象

• 设计吸引人的第一印象
• 以明确的路线来提供信息
• 提供工具指引用户
• 把观光客转变为消费者

可以通过一个可以让用户发现的页面布局，因为页面布局不需人去设计，它是由你的需求来决定的。可以说布局是内容组织的必然结果。
引导用户的视线 如：对角线平衡法
参考已有的优秀布局，互联网就是一个很好的参考

凸显个性

因为这种个性就是你的品牌，能用用户记住你
好的网站要有统一的设计风格、简单朴素。善用符号

导航之道

在网站中找到方向可以让人快速的找到所需的信息，就要求其必须符合我们思考问题的方式。
让用户在网站中感觉是自己在指挥网站工作，因为每个人都想当指挥而不是被人指手画脚。所以导航栏上陈列的一排按钮不可是一串名词，应是由动词主导的（动-名词）。因用户上网往往是基于一定的任务的，通过以动词主导的词语让人感觉是自己在指挥软件做事，而不是被软件牵着鼻子走（因为这是反人类的）。例如：login与log in。
对于用户它们对网站保持关注在于是否获得方向感与所需的信息、能否完成任务。所以，设计导航时要时刻以用户为出发点，而不是系统，用户不是工具系统才是。

链接生来不平等

链接的排列顺序让环境提示成为引导的线索eg: 颜色的深浅、字体大小等。

标签云里抬头看路

标签云与列表的选择应以用户需求为导向

第二部分 学习

开门见山

开门见山欢迎辞要简短突出重点——在解释在页面中能干什么的同时就可以说明它的目的好处和使用方法。因为没有人会浪费自己宝贵的时间在阅读措辞优美的欢迎辞里，用户在打开你的网站时就说明他已知道自己的任务，要在网站中得到什么。

为界面做标志

停止标志你的假设，不要总在假设用户会明白自己的意思，设计不能只基于我们自己一厢情愿的假设，我们需要假设用户毫不了解的我们的软件，能给他们足够的信息帮助他们理解。

生动传神的视频

巧用短视屏表达复杂描述

第三部分 搜索

提出搜索词建议

运用防止错误机制帮助用户完成输入（两面性）

帮助用户准确输入避免用户打错字
推荐提示的出现可能让用户遗失了自己的正确想法——所以推荐不要跑的太快

列出搜索结果

搜索结果的显示问题，参考那些普遍的标准。不要总是想着创新（除非你足够优秀），因为有些事物优秀到足以被普遍接受，那它本身就是一种标准。背离了它就一定是不好的。

精炼出你的搜索

高级搜索也要简洁，避免复杂的表单（没人愿意花时间在填复杂的表单上）
递进显示根据用户的输入而进一步显示更多的控件。

第四部分 深入

表单排版、及时校验、分部拆分长表单、标签、找回密码、表单间相互控制

视屏播放器的标准化

显示视屏长度、当前观看时间、音量控件、播放/暂停按钮、进度条、菜单
比例大小适中

巩固你的表单布局

应该为了配合页面来设计表单而不是围要表单来设计页面。
表单要呈现出延续的流动性。

驾驭Wizard向导

Wizard向导一种多步骤的交互方式。
要让用户知道有多少步骤（用户清楚自己要花多少时间在这里），当前在哪个步骤（即要告诉他们去过哪里，现在在哪里，将来还要到哪里）不要一昧的用Next（下一步）。

最后一英里：及时校验

尽力杜绝错误出现（忌警告对话框 过多久没效果），实时更新信息让用户及时知道自己的操作正确与否。

简化长表单

长表单分页显示步骤进度–>Wizard向导

让他们登录

网络用户名与用户姓名的联系与转换，不要用户进行不必要的重复动作，重复多了会使用户产生反感。
无标准而应尽力提高用户体验。

计算字符数

字符限制提示要简单明了
不要用户去校验让软件自动去实时提示
重基础，不要总在尝试
减少出错的可能性

第五部分 参与

互联网，其中很大的一部分乐趣在于参与
变被动的浏览者为主动的交流着
清楚比有效更重要

创建个人资料

动态创建个人资料递进的增加
资料填写的分层

编辑

避免多功能症（产品包含过多的功能），应在正确的时间显示正确的工具
隐藏那些与任务无关的工具和选项（可折叠面板控件）
递进显示关键是只显示每项任务的工具和选项

开展社交活动

虚拟环境中的社交与真实有很大的不同，那就要求网站为用户提供一种让用户觉得有益的社交环境。链接有跟从的网友，能让人看到动态的人物资料页面。
不要随便被热潮牵着走，请三思而后行！

显而易见的博客

博客应便于浏览者扫描页面，于决定谋变日志是否值得阅读。

邀请讨论

让用户发表意见
不要控制留言、评论、论坛回复，或其他相关的任何东西，因为控制会带来严重的负面效果，让用户觉得你在隐瞒着什么东西。其实这也是一个关于信任的问题，让用户自由发表意见以表示你信任他们的谈论。招募自己的Otaku，那些抱怨声最大、欢呼的最热烈的人就是你产品的Otaku。因为那些最恨你的人，在你真正开始为他们考虑的那一刻，往往会转变成最坚定的拥护者。
同时我们可以通过“无痛”的控制方式提升一些安全系数：标志系统（用户可以点击标志提醒）

得到一个好的评分

评分系统要清晰，清晰胜于效率。在交互的步骤要提供适当的反馈，让用户在交互的瞬间得到肯定。让用户知道自己做的事。

第六部分 管理信息

让RSS更有意义

使用可以直观地明义的词汇消除语言障碍，降低用户对新事物的学习曲线。
清晰的标题、简单的指示说明、简便快速的解决方案（业界之外的人也能容易理解）
一个新想法是否容易理解是其成败的关键

自定义标签

让组织方式更富有弹性
新生想法应该易于学习。

通过拖放来组织信息

每一个步骤都必须尽可能清楚，让用户能很容易地学习并且理解这种交互行为
通过启发式设计让用户提高使用率，保持界面间的一致性与连贯性。
邀请——操作——实现（让用户知道交互已实现）
即让用户理解如何开始——如何完成——确信自己操作无误

用系统通知来管理中断

先让用户有心理准备，直到更新会有所改变，让用户有准备时间你的接受更新变动。
为改变而设计[先让一小部分使用测试，找小bug]
通知可会唤醒沉睡用户再度光临网站。

第七部分 离开

让用户逗留的最好方法是帮助它们尽可能快而且毫不费力地离开——快离开说明你的网站能很快让用找到所需，从而给用户留下良好的用户体验。

退出

退出与登录界面的衔接，及时的反馈让用户确信自己已经完全退出，找到方法鼓励与怂恿用户再度光临网站（推广区—文本简短）

抹去那些尘封的用户

个性化沟通、信息富有人情味、排外感将会激发兴趣(邀请其加入有限制的小组)、不要过多的打扰而冒犯用户。
“尘封用户”的对待要适可为止，过度返回迫使极端-注销，应找原因如是真的失去兴趣则抹去，若只是遗忘或有更优惠的平台则给予更优惠打折。同时还可以邀请其参与讨论、研发、功能改进。

由他们去吧

优雅地失败，用户离开时可以打包自己的行李（提供导出数据功能），有时离开也并未失去
重申一下用户体验很重要。

优秀设计的金钥匙

• 只提供用户所需
• 让初学者尽快转变为中级用户
• 尽可能地预防错误，如出错也有善处理
• 精简和优化交互与任务流程，让最复杂的软件清晰易懂
• 为支持特定行为而设计
• 持续的改进和优化我们的流程与程序
• 忽略用户的某些要求，坚信自己的理想和洞察力

设计即传达，向用户传达它们是如何工作的，而他们又能从中得到什么，以及为什么它们很重要。

• 做正确其实更容易
  与错误讯息相比传达正确讯息所需的思考与精力反而会更少。正如我们的考试不懂得乱写一大段文字远比标准答案的几句话费时费力。

    我们每个人都必须开辟自己的道路，去领会是什么让我们成为彼此不同的个体，必须了解自己的局限、力量、独特的癖好以及激情。
    如何思考和行动、如何相处交往、如何应对不利情况
  

  心动的界面设计在于—每一个交互的瞬间都能令人感到愉快！