10项可用性结论与指南

    2013年11月27日

1、Form（表单）标签最好在字段之上：

         这个之前还真没想过，都写在了左边，有时候会遇到对不齐的情况，很难调整，左对齐易于浏览，但会让标签与输入框脱节，右对齐好看，但不方便浏览。

2、用户注意力集中在面部：

        这一条说的是页面中有人像的图片的时候，根据眼球追踪，用户一般会首先注意到的是这个人的脸和眼睛，如果让此人对着重要的内容的方向，人们也会随它看的地方看去。

3、设计质量是可信度的标杆：

        用户一般还是“以貌取人”的。

4、大多数用户不喜欢滚屏：

        折叠线以上的内容要重要，突出主题，把想要传递给用户的信息展现出来，但并非是把所有重要内容都放上，这样会降低它们的可读性。我认为要设计的有意思点，让用户自己就想往下拉看看底下会有什么。

5、蓝色是最佳链接色：

       浏览器默认的就是蓝色，并且已经深入用户的大脑了。即使不是蓝色，也要跟背景色形成鲜明对比。

6、搜索框的理想宽度为27个字符：

       一般搜素框都偏短，输入的内容多了就不能完全显示出来了，不利于用户检查，像google的搜索框就比较合适。

7、空白可以增进理解：

       留白很重要！留白让页面上的每个元素都可以自由的呼吸，不仅让内容更清晰，还可以增加理解度。

8、有效的用户测试并一定要广泛：

       研究表明，只要对5个用户进行测试，就能暴露出网站几乎85%的问题，测试15个差不多就能曝光所有问题，其实，最大的收获往往来自从第0个测试用户到第1个。

9、网页产品信息充足有助于其脱颖而出：

        产品信息要充足有效，但也不能对用户实行文字轰炸。尽量保持信息浅显易懂，描述准确精炼。

10、多数用户会无视广告：

        导航如果设计的过火会有广告的嫌疑，人们可能会自动屏蔽。广告如果看起来像内容的话，会吸引人们的注意，但会以失去信任为代价，这就要权衡利弊：短期收益还是长期信任。

 

意外发现：行高（像素）÷正文字号（像素）=1.48

          行宽（像素）÷行高（像素）=27.8

          行落间距（像素）÷行高（像素）=0.754

          每行字符数最好控制在55到75个