问题
用户需要查看/演示一系列有顺序的对象集合。
解决方案
允许用户通过点击”下一个“或”上一个“链接跳到下一/上一个任务或对象。
何时使用
用户需要操控有先后顺序的对象列表。这些对象可能是图片,搜索结果或者属于购物车(Shopping Cart)或预定(Booking)的部分任务。当数量很大的时候,步进式导航(Stepping)作为二级辅助导航,像作为分页(Paging)的一部分。在像向导模式(Wizard)的其他场合下,步进式导航(Stepping)实际上起到了主导航的作用。
如何使用
“下一个”可以去到序列的下一个节点,而“上一个”可以返回上一个。把“上/下一个”放在他所属对象的附近,比放在之上要好,这样用户就不会去滚动他?。确保“上/下一个”链接总是放在一起以便在点击一个列表的用户不需要移动鼠标。至少对于西方文化,“上一个”放在左边,“下一个”放在右边。
自然的,“上/下一个”只有在确实有上/下一个元素的时候才呈现。所以如果用户在第一步的时候没有“上一个”,而在最后一步的时候没有“下一个”。“上/下一个”的文案可以具体扩展到下一个要出现的对象,像“下张图”,“下一页”等等。
当在图片浏览(Image Browser)的时候采用步进式导航(stepping),考虑使用缩略图。
当用户在操作一个非常重要的任务,而需要重点关注上/下一个链接的时候,考虑使用行为按钮(Action Button)的设计。
为什么
步进式导航(Stepping)是最基础的一种导航方式。它通过使用“上/下一个”的确保逻辑顺序是线性的。和带导航链接的缩略图结合可以带给用户更多的操作预期。长的文案和包含缩略图都可以形成更大的点击区域(Enlarged Clickarea),这样就更加容易点击。
更多例子
在www.esto.com中使用步进式导航(stepping)来浏览图片。为了方便用户重复点击这些链接,它们的位置都是固定的。
原文地址:
http://www.welie.com/patterns/showPattern.php?patternID=stepping