用好的交互设计来管理复杂－「个人中心」

“复杂是世界的一部分，但它不应该令人困惑，好的设计能够帮助我们驯服复杂，不是让事物变得简单（如果复杂是符合需求的），而是去管理复杂”。复杂是可以被管理的，但要做到这一点，我们都必须做好自己该做的那部分工作。

在探讨如何用好的交互设计来管理复杂篇章中，我们第一篇讲了“筛选器”，可参考用好的交互设计来管理复杂－“筛选器”。今天我们来分析另外一个产品中大家都会遇到的复杂点：个人中心。

抽屉式、二级导航

偏工具化的App，默认的首页通常会提供产品最核心的内容，从而使得用户每次在需要使用都感觉非常轻松，一打开APP就可以快速使用。当某件东西的运转、可选项和外观与人们的概念模型相匹配，它就会被认为是简单的。

产品设计，应该是降低用户学习成本，符合用户的使用习惯，了解用户大脑中已存在的概念模型非常重要。那么“个人中心”作为一个二级模块，被放置左上方，为核心的工具化功能做辅助，且不宣兵夺主，又可以令用户能形成感觉登记，在用户需要查看个人信息或者设置工具项时，方便打开即可。因为人们在浏览信息或布局时，视线往往趋向于从左上角移动到右下角。

古腾堡图表简单的说明了阅读产品时的习惯性轨迹。

譬如滴滴打车的核心常用功能是“打车”，多看阅读的核心常用功能就是“阅读”（书架），那么把“个人中心”用这种模式放置工具界面的导航上，就比较合适。这样的交互设计会让主界面清爽，并收拾了很多属于个人中心的复杂内容，放置二级界面，感觉主次分明，管理合理。

独立Tab，多层列表

当产品有较多的信息，需要展示在个人中心，同时个人中心是用户对比核心模块而言，并行存在的一级入口时，通常我们可以用独立的Tab来放置“我/我的”（个人中心）这个模块。对于个人中心中的分类较多，条目需要较为清晰时，建议使用多层的列表呈现内容，多层的列表会显出内容与内容之间的阶层关系。一般情况下，这类列表主要适用于文字信息为主要内容的列表，列表内容里面没有图片或者图片不是很重要的信息。

另外，除了文字外可能还会用到一些按钮，选择框等一些交互控件来辅助列表的交互。多层列表的方式，高效且具有极佳的视觉可视性，能够一眼看出整体信息架构能够同时浏览与处理多个阶层的内容。如下图所示的案例：

模块化，网格缩图

与前一个交互设计对比，把列表替换为用网格缩图的方式呈现，让用户可以使用视觉图片的方式浏览内容。 这样的设计，图像比文字还容易辨识，而且更容易的区分。 因为详细内容与列表呈现在同一个画面，能轻松的阅读信息。当然模块化设计有个需要注意的地方，那就是当用户需要依赖文字来寻找的内容时，就不适合使用了，因为使用者必须不断跳跃浏览。

如果你的产品的个人中心模块，众多内容中，有部分模块需要强调，那么使用网格缩图的方式，就会比多层列表方式更加容易突出优先级或者重点，譬如下图所示，当你想要突出订单模块的内容，就可以通过留白和布局，从界面设计本身就区隔化，让用户一目了然。

综合上面三类常见模式，我们可以看到，无论选择哪种方式，在设计个人中心之前，首先应该思考，本交互动作的设计是否已满足内容的需要，同时也要考虑整个产品交互的一致性以及平台的兼容性。另外，交互方式要符合用户的操作习惯。只有从根本上管理复杂，才能够设计出简单的产品。从此思考自己的产品的需求是什么，打造一款产品满足自己的需求。

相关文章

用好的交互设计来管理复杂－「订单列表」

用好的交互设计来管理复杂－「Tab」

用好的交互设计来管理复杂－「查看更多」

用好的交互设计来管理复杂－「筛选器」