《点石成金》、《瞬间之美》阅读的思考(LY)
发布时间:2017-10-13

一、别让我思考                                                                                                                                                                                                                                                                                                                           

Web可用性三大定律:

  1. 别让我(访问者)思考
  2. 点击多次都没关系,只要每次点击都是无需思考、明确无误的选择
  3. 去掉每个页面上一半的文字,然后把剩下的文字再去掉一半

 

网站界面的设计:

  1. 尽量利用习惯用法
  2. 建立有效的视觉层次
  3. 把页面划分成明确定义的区域
  4. 明显标识可以点击的地方
  5. 最小干扰化
  6. 为内容创建清楚的格式

 

省略多余的文字:

  1. 欢迎词必须消灭
  2. 指示文字必须消灭

 

去掉没有人会看的文字有几个好处:

  1. 降低页面的噪音
  2. 让有用的内容更加突出
  3. 让页面更简洁,让用户在每个页面上一眼就能看见更多的内容,而不必滚动屏幕

 

导航两个显而易见的用途:

帮助我们找到想要的任何东西和告诉我们现在身在何处

导航包括持久导航和全局导航

 

持久导航应该包括4个元素:

  1. 站点ID(应包含一个返回主页的按钮或链接)
  2. 栏目
  3. 实用工具
  4. 搜索

 

面包屑导航:

  1. 把它们放在最顶层
  2. 使用>”对层级进行间隔
  3. 加粗最后一个元素

 

一个设计良好的页面,应该很清晰的反映出一下几点:

  1. 这是什么网站?(站点ID
  2. 我在哪个页面上?(网页名称)
  3. 这个网站的主要栏目是什么?(栏目清单)
  4. 在这个层次上我有哪些选着?(本页导航)
  5. 我在导航系统的什么位置?(“你在这里”的指示器)
  6. 我怎么搜索?

 

测试:

如果想建立一个优秀的网站,一定要测试

测试一位用户比不做测试好一倍

在项目中,早点测试一位用户好过最后测试50位用户

 

每个web开发团队至少应该每个月安排一个上午进行一次可用性测试;

  1. 这样能保持测试简单
  2. 这样能满足开发者的需求。通过观察测试参与者,可以找到足够多的问题
  3. 这样就不需要决定什么时候测试。选定一个月的某一天,让它成为开发者的可用性测试日
  4. 这样人们更可能参与进来

 

提高网站好感的集中方式:

  1. 指导人们在你网站上想做什么,并让它们明白简单
  2. 告诉我我想知道的
  3. 尽量减少步骤
  4. 花点心思
  5. 知道我可能有哪些疑问,并且给予解答
  6. 为我提供协助,例如打印好友页面
  7. 容易从错误中恢复
  8. 如有不确定,记得道歉

 

网页可用性问题:

  1. 不要使用小而对比不强的字体
  2. 不要把标签放到表单的字段里面
  3. 保留访问过的链接和未访问的链接之间的区别
  4. 不要让标题漂浮在段落之间

 

二、瞬间之美

如果希望用户做某件事情,比如希望更多的用户注册,那么就应该将注册按钮放在最醒目的地方,而不是更隐蔽的小的角落。

 

如何引导用户的视线:

1.应用古腾堡图表

古腾堡图表中,左上角是第一视觉落点区(POA),右下角是最终视觉落点区(TA)。遵循这个原则,我们可以看到首页左上角基本都是放的LOGO和重要提示,而右下角则是为了让用户做出动作的内容,比方说购买、操作、注册等。

  2.使用合适的颜色来吸引注意

网站想要凸显个性,需要统一设计风格,形成积极的印象

 

导航的设计:

导航是用户浏览网站最重要的向导,设计的合理与否直接决定这用户对网站的印象。导航设计遵循几个原则:合理布局、清晰展示、主动引导。

 

标签云:

标签云,很帅的一个东西,一大堆标签按照它的权重(包括点击量、时间、关注度等)显示出不同的大小、颜色等,是标签列表的升级版。

 

搜索(自动完成):

在搜索引擎中,当用户输入一个词后,系统会推荐相关的搜索词供用户选择,这个瞬间,很爽,这是一种Poka-yoke机制。它能提高用户的搜索效率,使用户更加的信任这个网站,提高用户体验。

 

纵然你的搜索中带有高级搜索,也不要让繁复的高级搜索框让用户望而却步,最好作成可以让用户选择增加搜索条件的搜索页面

 

递进式的增加用户的资料,除了他本身填写的那些之外,他的评论、心情、文章都是别人了解他的好资料

 

尽量让时间新的链接和时间久远的链接,通过颜色、大小或别的什么一眼就可以看出来。

 

视频播放器的标准化:

进度条滑块按钮要足够大;视频左上角要说明视频名称;打开网页时不会自动播放,而是显示第一帧的画面和播放按钮。

 

简化长表单:

并不是所有的交互都能够简化,但要尝试让交互看起来更容易。为用户建立清晰的预期,把复杂的过程分解成能一口口干掉的小块,这样复杂的交互也便于控制了。

 

编辑:

在正确的时间显示正确的工具。

我们平时会接触到很多具有编辑功能的软件产品,试想无论我们做什么操作,所有的工具都显示出来让你自行选择是件多么可怕的事情,而对工具进行适当的分类,在用户做不同操作的时候只显示相匹配的工具,能为用户减轻很多的负担,让交互体验更良好。

 

自定义标签:

标签的缺陷是:用户会对同一个标签定义多个版本。

两种解决方法:自动输入词建议;用户创建标签后,弹出窗口让用户选择更合适的标签。

用简单的文字向用户描述什么是标签。

除了标签搜索,也得提供自然语言搜索。

 

用系统通知来管理中断:

提前通知用户即将做出的改变,一是以邮件形式告知,二是在原有设计上提供新变化的链接或者说明。而作者推荐了以类似原有欢迎页面的形式提供新变化的说明。

 

当网站更新时,以公告的形式提前通知用户,可以让积极用户讨论更新,并通过邮件提醒让沉睡用户访问网站。

 

退出:

在用户退出的时候,设置回到起初的登录页面,并且在此页中提供相应的新功能的介绍,以此吸引用户再次登录。

 

用户退出后,要返回到登录页面,同时列出网站特点作为营销。

 

对于用户注销账号,要表现得优雅,应该让用户很轻松的就能注销账户。用最后一个机会给用户留下好印象。