Jason Bao's Bookmarks tagged ui →  View Popular

6.用数词来代替数字

如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。

12.网页顶部和左边的广告更能吸引眼球

如需要在网站植入广告，试图使他们融入网页的左上部，这样他们才能吸引到最大的视觉注意力。当然，用户仅仅会注意到这些广告，这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。

在各种测试中，人们阅读文字广告最为专心。

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

18.用户花费大量时间察看按钮和菜单

所以，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。

19.表单格式可以延长读者的注意时间

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

我推荐这个做法：

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

对容器用一次#top: 50%把图片顶端定位到容器中间位置，再对图片用一次#top:-50%使图片的水平中线对准容器的水平中线。

• difficult to select if you leave the area. Make it wider that it appears so that it doesn't disappear if you are moving the mouse just a couple of pixels outside of the menu'
• Fly-out with submenus are not a good idea. Really hard to select (Fitts law)
• You must make it clear that it is a menu, for example by adding a down-pointing triangle next to the label
• Make sure they work without Javascript for accessibility reasons. Otherwise search engines cannot index your site and accessibility also suffers.
• Use a delay before hiding the fly-out menu again, e.g. 250ms
• Only use horizontal menus with vertical fly-out menus. The vertical area in which the mouse-pointer needs to be move is too small, i.e. typically 12-14px, and causes the menu to be hidden unwantedly

看下面一组图：



（从左至右为图一、图二、图三）

图一： QQ的视觉定位是以青少年为主的，所以它的视觉设计才采用了比较明亮活泼的色彩。

图二、图三：msn和TM的视觉定位是以办公室工作人员为定位，所以它的视觉使用比较稳定和平静的色彩。

• 你的测试用户是通过点击页面查找内容？还是通过网站的内容搜索功能查找？


• 他们通常使用什么样的关键字搜索？


• 搜索功能模块在页面里是否醒目（或说放置在一个容易看到的位置）？位置是否始终保持一致？


• 搜索框的文字长度是否能基本满足普遍的搜索需求？


• 搜索结果是否是测试用户想要查找的内容或答案？


• 正确的搜索结果是否列在了结果页面的第一页？


• 搜索功能是否具备了纠正用户输入错误拼写的提示？


• 对于无法找到的内容，系统是否提供了类似的推荐或提示，帮助测试用户尝试不同的方法？

视觉设计师应该寻找以下模式：

• 用户特征（比如，身体缺陷，尤其是视力）；

• 环境因素（灯光、用户和界面之间的距离、显示器上的保护膜）；

• 品牌中有可能引起用户共鸣的因素；

• 用户对体验的期望。

使用效率最高的三种设计

• 第一次选择在左侧（即 LLL、LLT、LTT、LTL）


• 第二次选择也在左侧（即 LLL、LLT）


• 第二、三次选择的位置，不同于第一次选择（即 TLL、LTT）

测试用户最偏好的三种设计

• 第一次选择在左侧（即 LLL、LLT、LTT、LTL）


• 第一次和第二次选择相同（即 TTL、LLT、LLL、TTT）


• 第二、三次选择，或一、二、三次选择是在一起（即 LTT、TLL 或 LLL、TTT）

这样总结下来的话，left-left-left （LLL，5） 和 left-top-top （LTT，4） 是效率最高并且用户最偏好的。

阿里巴巴列表翻页设计：

点评：最大的优势是无论翻到哪一页，始终显示第一页的链接，雷打不动，因为这是付费最多的客户页面