二、一维条目
定义:将每一项信息列作一条,展示在纵向的条目里。
适用情景:
信息可以梳理为很多项目,项目与项目之间没有概念上的交集,总体数量在15个以内,再多就得考虑多分一级了。
它非常适合展示层次分明的分级结构,一层层地drilldown下去,条理很清晰。
讨论:一维条目是手机界面设计中较为朴素和常见的一种导航方式。每一项都可以在点击之后进入下一级。但是展示的项目不宜过多,在信息的海洋里晃来晃去找不到想要的东西是很让人懊恼的。如果一级上面的项目太多,就可以考虑做一下归类,再分一级下去。
完美无止境:
为了让用户知道应该选择哪一项(3),条目都会用最大的尺寸去展示标题。同时,还会有一些辅助内容帮助用户判断,比如该项包含的内容、该项当前的状态、该项下未读过的子项目、图标。
如果项目过多,又不想再分一级,可以将项目分组,加上名字并在视觉上加以处理。
由于iPhone上没有“back”,它设计了统一的导航规则。表“返回”的按键始终在屏幕上角(5),表“完成”的按键始终在右上角。同时,按键上还会写上“返回至哪里”。
将进过的项目和未进的项目区别开来,用户可以知道去过哪儿(2),还可以去哪儿(3)。
这个钢琴模拟器其实也可以视作纵向一维条目。右侧的这个位置指示器可以视作一个做了个性优化的Scrollbar,可以拖动以改变当前位置(4,5),也可以展示当前的位置 (1)。
将列表项目按某个规则排序,并且将排序标题展示出来可以增加用户对长列表的容忍度,同时也能暗示用户当前的位置(1),以及为找到相应的项目接下来该怎么走(3)。
小Tips:在条目上可以加上一些常用的动作按键,方便用户一次点击即满足目标。
为长条目适时地提供一些加速滚动的工具会很有帮助。在用户拖动时,可以硕大的尺寸告知当前的位置(1)。
当点击条目进入下一级时,如果预测到用户的需求只是暂时的,很快会返回去浏览其他项,那么可以考虑将子项目在当前页面上展开,而非进入下一项。具体如何展开,花样怎么玩,可以自己想点子。
出处:雪鸮的交互设计
责任编辑:bluehearts
上一页 手机界面常用导航设计分析 [1] 下一页 手机界面常用导航设计分析 [3]
|