手机界面交互设计:合理的导航方式设计(3)

五、手风琴

定义：像手风琴一样，只展示某个条目下的详细内容，其他条目下的内容暂时折起来。

适用情景：要呈现的项目很多，并且经常在这些项目之间做切换。

讨论：手风琴最为经典的设计还属QQ了，90年代的QQ就在用Accordion表示分组。后来改成了现在的树状结构，可能是因为它的视觉体量感偏重。

完美无止境：

当浏览QQ分组的成员时，组名栏可能会移出屏幕。但在QQ手机版上，组名栏会在即将移出边缘时与下一层脱离，始终顶牢边缘。这样可以始终告知用户当前所处的分组。

六、下拉目录

定义：屏幕上始终存在一块区域，当点击它时，出现导航总览。

适用情景：需要经常在多个页面间切换，分级结构较为庞大。

讨论：这块始终出现在屏幕上的区域就是用户的藏宝地图，通过它可是随时查看全景，并跳到其他节点。这是我个人很喜欢的一种导航方式。其设计理念很像是去年Amazon改版后的分类导航。

完美无止境：

我在移动设备上最早看到这种设计，是iPad的Mail垂直视图模式。它把inbox里的邮件列表都缩进“inbox”这个按钮，以展示更多的区域查看邮件正文。

这个界面给我的启发是，弹出来的导航总揽里还可以有很多花样好玩，并不只是一个列表。