第42件事 移动App设计的11大法则

第42件事 移动App设计的11大法则

纵观移动应用的重要设计法则，不难看出，尽量让用户少输入，多选择；页面元素的多少会影响到使用什么样的解决方案，数量少的元素直接在当前页面展现，数量多的元素可以先隐藏起来，等用户有需要的时候再点击展开。将产品当作人来看，而不是机器，人机交互，重在反馈。

1. 导航

手机客户端上的主导航（一级导航）如图6-22所示。

[插图]

图6-22 主导航分类

对图6-22中所示的几个主导航简单介绍如下：

❑桌面式主导航适用于“图标+短标题（名称）”的形式。在各个模块间无主次之分时，应保证代表各个模块的图标所占空间大小一致；有主次之分，应让主要的模块图标所占空间较大，次要的所占空间较小。还有一点需要特别注意，就是在进行桌面式导航设计时，要给用户提供个性化和自定义设置的功能。

❑列表式导航适用于标题较长或有副标题说明的情况，点击列表式导航中的某一个列表进入下一个页面时，一般需要提供返回列表式导航的功能。

❑标签式的Tab一般少于或等于5个，如果有6个以上的Tab，那么可以设置左右水平滚动显示（向左和向右的箭头），如果是超过7个Tab，建议放到“更多”（一般是第5个Tab）里。视觉上应对已选择和未选择的标签进行区分（用于区分当前Tab）。

❑图库式导航适用于用户想浏览且经常需要更新的内容，比如新闻、图片和视频类应用。

❑仪表式导航适用于财务类应用、分析工具、销售和市场类应用。

❑隐喻式导航（隐喻，又称暗喻）即将不同的两者进行隐藏式的比较，表达方法为A是B。就是将生活中的物象抽象后表现出来的导航，比如转盘。隐喻式导航要求用户看到之后的认知成本要低，能立马明白创作者想表达的意思。

❑网页菜单式导航，来源于Web页面的导航Tab，可能会有二级子导航，一般置于页面顶端。

手机上的次导航（二级导航）如图6-23所示。

[插图]

图6-23 次导航分类

任何主导航都可作为次导航，对于这一点上边已经介绍过了，这里就不再重复了。除了上边介绍的外，次导航还包括页面旋转、图片旋转和当前展开三种。

❑页面旋转导航适用于只有少量页面的情况（一般不超过8个），直接标识出一共有几个页面，当前页面是哪个页面。

❑图片旋转导航适用于显示文章、产品、图片等内容，提供视觉引导，比如箭头或圆点（暗示作用）等。比如有的图片没有显示完全，这是暗示用户可以向左滑动查看更多的内容。

❑当前展开导航适用于在用户需要的时候一步一步展示更多的内容或选项。