1、让页面层次不言而喻
在设计以信息呈现为主的界面时,可以将要呈现的大段信息分解成易于理解的信息模块,根据“用户想看到什么”和“我们想让用户看到什么”,为内容模块排列优先级。再根据用户的浏览习惯,将不同优先级的信息放置到相应的页面位置。这和分析用户任务的过程类似,都遵循“分解——排列——组织”的原则。
在视觉呈现上,我们要突出信息模块之间的逻辑关系。逻辑相关的信息在视觉上分为一组,内容或重要程度不同的信息在视觉上体现出差异,逻辑上有包含关系的信息在视觉上进行嵌套。
逻辑相关的在视觉上分为一组:让相关的信息在视觉上分为一组。可以利用“接近原则”,将相关内容组织到一起,以使页面之间的逻辑关系更清晰。
物体之间的相对距离会影响我们对其组织方式的感知。
内容或重要程度不同的在视觉上体现出差异:对于同类信息可以使用“接近原则”,对于内容或重要程度不同的信息就要使用“差异原则”。
这样既可以使页面显得灵活多样,减少用户的阅读疲劳,也可以更加突出特色模块。如果都采取相同的表现形式,满屏幕的文字列表或满屏幕的图片,用户对于信息的接受效率就会降低。
逻辑上有包含关系的在视觉上进行嵌套:逻辑相关的部分,在视觉呈现上也应该是相关的。要让用户一眼就能看出内容之间的关系。
2、让重点信息“跳出来”
我们可以通过视觉设计的方法,如字体加大加粗、色彩对比、添加背景色、留白等,强调界面的重点元素。而其他非重点的元素应该尽量藏起来,或是显得暗淡些,从而使界面的重点“跳出来”。
3、将次要信息“藏起来”
随着产品的发展、功能的增加,很多网络产品正在变得越来越臃肿,界面上的元素也越来越多。调查表明,80%的用户只会使用 20% 的功能。所以,设计者不应将那 80% 只有专家用户才会使用的功能放在显眼的位置。为了不影响新手和中间用户使用,我们应将那些次要的信息“藏起来”,待用户需要时再将它们展示出来。
无论是电商网站、门户网站还是社交网站,大多数都会设计列表页。列表页往往要展示很多信息,用户会通过快速扫描的方式,捕捉关键信息。
比如在使用应用商店时,用户可能想要寻找某类应用。这时,用户会使用搜索功能,来扫描一下有没有“激发兴趣”的应用。当发现“兴趣点”后,用户会阅读更多的辅助信息以帮助决断。所以,列表页起到的作用是“快速筛选、激发兴趣”。如果提供的信息太多,就会让用户扫描起来觉得很累,也许在浏览一屏之后,就没有兴趣再看下去了。但如果提供的信息过少,用户在看到“兴趣点”之后,还需要逐个点击,到新打开的详情页去判断这是不是他想要的东西。多一步跳转就会多一次转移用户的注意力。
将次要信息“藏起来”的策略之一:当鼠标悬浮到某个应用上时,会显示详情。当用户觉得这就是我想要的时,快速地操作按钮就可以直接将应用添加。隐藏策略不仅可以让界面重点更突出,减少复杂信息对用户的干扰,还可以减少跳转,满足用户的快捷操作。