Salad UN

To Taste The Salad Of Life.

« 视觉对交互的帮助——提升可用性-2视觉对交互的帮助——提升可用性-4 »

视觉对交互的帮助——提升可用性-3

[ At 2008-9-6 By Ash   0 comments ]

[视觉对交互的帮助——提升可用性-1]
[视觉对交互的帮助——提升可用性-2]
[视觉对交互的帮助——提升可用性-3]
[视觉对交互的帮助——提升可用性-4]

(3)准确直观的信息符号

有了清晰的视觉引导还不够,这些视觉引导元素本身需要遵循一定规范,和富有准确的语义,才能起到有效引导的作用。
例:


pic.05


pic.06

精确规范的视觉元素的运用,使得pic.05的阅读浏览清晰,流畅,加强了网页的可扫描性。绿色的标题设计使用户很轻易得在板块间快速跳转,并且结合使用了文案,以问题标题的形式,让用户迅速的知晓板块的内容和有无必要再进行下去。
而Bar没有语义定义及运用规则的pic.06,则在浏览阅读中给用户造成了不必要的干扰和混乱感。并没有起到引导的作用。

出处:Taobao.com UI Team

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 Code detection by Codefense

Copyright 2008 www.s-un.cn. Some Rights Reserved.