tapworthy读书笔记二

 

TapWorthy读书笔记二

本篇是TapWorthy第二篇读书笔记，着重讲述了导航模型的设计。下面写下自己的读书笔记。组织应用的方式多极了，但 iphone的代码库却只预定义了三种可在应用中直接使用的导航模型。这三种模型覆盖了大片应用的需求，于是，三种模型立刻就被iphone用户所熟悉。他们分别是平铺页面、标签栏、树形结构。

一 平铺页面

平铺页面的导航方式很适用于在使用工具中使用。使用工具应用的页面里只有一丁点简单清晰的内容，可以像卡片一样展示出来。主要信息在卡片的“正面
”，而“背面“就是简单的设置。

这种方式很适合于浏览发现方式，慢慢浏览查看同样类型不同内容的页面。比如内置的“天气“应用，用平铺页面的方式，在每张页面显示了不同城市的天气预报。每个页面的结构一样，但预报的内容是跟着不同的城市走的。”ESPN ScoreCenter(ESPN比分中心)“也用的是平铺页面的方式，在不同的页面展示不同的队伍的比赛得分。你可以点击设置按钮翻转屏幕，然后选择需要展示的比分页面。平铺页面类的应用不只是形式上类似一叠卡片，你甚至可以根据需要，随意添加、移除卡片。在这个场景下，页面的数量、内容总是在变，用平铺的模式可以很好的满足这个需求。截图如下：

                                                    

                                                                                        

                                             ESPN应用截图

 

二 标签栏

标签栏是附着在屏幕底部的Dock.你的手中可以通过标签栏选择菜单项。这样，你的应用会变得干净整洁，主要功能都带着文字标签，明确地罗列了出来。平铺页面应用的卡片都大同小异，而与此不同的是，标签栏会将应用功能一一归类。电价一个标签（也就是标签上的按钮），就会直接跳转到相应的页面上，然后标签也会变量，反映了你在应用中的位置。

比如搜索餐馆的”Urbanspoon”（都市汤匙）“用标签栏展示了浏览查找当地餐厅的五种不同方法。每个标签最终都能让你找到同样的内容，也就是解决晚餐吃什么的问题。但是每个标签提供的方法都不一样。”Shake(摇摇看)“像老虎机一样，可以随机查找附近地点；”Browse（浏览）“通过不同哦你好的条件帮你浏览各种餐厅；”Scope(附近)“通过地图展示了附近的简餐饭馆，等等。

根据苹果的规定，标签栏上限定了最多五个按钮。如果加了6个以上的按钮的话，标签栏上会在第5个按钮的位置上自动冒出来一个“更多“标签。要避免出现”更多”的按钮。一旦将关键的导航元素扫描到了“更多”按钮的幕后，也就增加了用户额外的点击。这要求用户记下幕后都有着什么功能，也就这样脑力负担增加不多，但是毫无一万，这回令人忽视掉被藏起的功能。标签栏最重大的优势就是让你应用的主要功能能够展示在明显的地方，这样，易于扫描，也更明确，只需要轻轻一点，即可跳转到任何页面。

 如果发现你应用的导航分类需要超过五个5个的话，那就最好用树形结构的导航模型。因为这种模型更适用于数量较多的分类结构。

三 树形结构

从杜威十进制分类法到动物界的门纲目科属，庞大的信息通常都会被分类到类别，以及子类别、子子类别、子子子类别……中去，这就是树形结构。树形结构就是将层级信息分类到一棵倒置的树的树枝上。属性结构画起来就像是流程图（类似组织结构图和家谱）。对于整理大量的物品，同时又能让没见物品触手可及，树形结构不失为一个高效的方法。

树形结构对管理一大摞的分类项目来说非常合适。比如管理邮件、待办事宜、收支、照片、音乐、联系人。不仅如此，还可以用树形结构来展示你的功能集合。假使你的应用要有5个以上的功能分类，你可以把它们都塞到标签栏上，但树形结构都允许更长的菜单，更切更容易自定义。

   这种组织、导航的方式很适于列表。纵观分类和子分类的组织方式，其实就是一堆列表的列表。点击列表中的一项，就可以看到新的列表，然后再点击其中一项，又是一个列表，直到最后到达你要找到的项目的详情。所以，用可视化的方式组织树形结构，最普通也是最有效的方式。

还有一种方式是用图标的方式来表现，比如在“Facebook”中，它用了一组图标来展现它众多的功能，布局和Iphone 的主屏类似。这种方法不但更加图形化，更加令人熟悉，而且还突出了“Facebook”（无论是在Facebook平台还是iphone应用上）是集动态、朋友、信息、活动等小应用为一体的集合，这样的主屏摆放在本质上和之前的摆放是类似的。

无论用列表也好，图标也好，或是图片也罢，这些树形结构导航都有类似的优点。尤其是它们占用很少的界面空间，而且内容本身就是操作。这不但能节省很多空间，更重要的是，还为用户节省了多余的思考。一旦内容还能另作为操作存在，引用的交互就会变得直接且直观：你想看什么就点什么。这样，界面虽然信息富余，但操作却异常简单。