用好的交互设计来管理复杂-“个人中心”.pdfVIP

用好的交互设计来管理复杂 －“个人中心” “复杂是世界的一部分 ，但它不应该令人困 ，好的设计能够帮助我们驯服复杂 ，不是让事物 变得简单 （如果复杂是符合需求的 ），而是去管理复杂”。复杂是可以被管理的 ，但要做到 这一点 ，我们都必须做好自己该做的那部分工作。 在探讨如何用好的交互设计来管理复杂篇章中 ，我们第一篇讲了“筛选器” ，可参考用好的交互设计来 管理复杂 －“筛选器”。今天我们来分析另外一个产品中大家都会遇到的复杂点 ：个人中心。 抽屉式、二级导航 偏工具化的A pp ，默认的首页通常会提供产品最核心的内容 ，从而使得用户每次在需要使用都感觉 非常轻松 ，一打开A PP就可以快速使用。当某件东西的运转、可选项和外观与人们的概念模型相 匹配 ，它就会被认为是简单的。 产品设计 ，应该是降低用户学习成本 ，符合用户的使用习惯 ，了解用户大脑中已存在的概念模型非 常重要。那么“个人中心”作为一个二级模块 ，被放置左上方 ，为核心的工具化功能做辅助 ，且不宣兵 夺主 ，又可以令用户能形成感觉登记 ，在用户需要查看个人信息或者设置工具项时 ，方便打开即可 。因为人们在浏览信息或布局时 ，视线往往趋向于从左上角移动到右下角。 古腾堡图表简单的说明了阅读产品时的习惯性轨迹。 譬如滴滴打车的核心常用功能是“打车” ，多看阅读的核心常用功能就是“阅读” （书架 ），那么把“个人 中心”用这种模式放置工具界面的导航上 ，就比较合适。这样的交互设计会让主界面清爽 ，并收拾了 很多属于个人中心的复杂内容 ，放置二级界面 ，感觉主次分明 ，管理合理。 独立Tab ，多层列表 当产品有较多的信息 ，需要展示在个人中心 ，同时个人中心是用户对比核心模块而言 ，并行存在的 一级入口时 ，通常我们可以用独立的Tab来放置“我/我的” （个人中心 ）这个模块。对于个人中心中 的分类较多 ，条目需要较为清晰时 ，建议使用多层的列表呈现内容 ，多层的列表会显出内容与内容 之间的阶层关系。一般情况下 ，这类列表主要适用于文字信息为主要内容的列表 ，列表内容里面没 有图片或者图片不是很重要的信息。 另外 ，除了文字外可能还会用到一些按钮 ，选择框等一些交互控件来辅助列表的交互。多层列表的 方式 ，高效且具有极佳的视觉可视性 ，能够一眼看出整体信息架构能够同时浏览与处理多个阶层的 内容。如下图所示的案例 ： 模块化 ，网格缩图 与前一个交互设计对比 ，把列表替换为用网格缩图的方式呈现 ，让用户可以使用视觉图片的方式浏 览内容。 这样的设计 ，图像比文字还容易辨识 ，而且更容易的区分。 因为详细内容与列表呈现在同 一个画面 ，能轻松的阅读信息。当然模块化设计有个需要注意的地方 ，那就是当用户需要依赖文字 来寻找的内容时 ，就不适合使用了 ，因为使用者必须不断跳跃浏览。 如果你的产品的个人中心模块 ，众多内容中 ，有部分模块需要强调 ，那么使用网格缩图的方式 ，就 会比多层列表方式更加容易突出优先级或者重点 ，譬如下图所示 ，当你想要突出订单模块的内容 ， 就可以通过留白和布局 ，从界面设计本身就区隔化 ，让用户一目了然。 综合上面三类常见模式 ，我们可以看到 ，无论选择哪种方式 ，在设计个人中心之前 ，首先应该思考 ，本交互动作的设计是否已满足内容的需要 ，同时也要考虑整个产品交互的一致性以及平台的兼 容性。另外 ，交互方式要符合用户的操作习惯。只有从根本上管理复杂 ，才能够设计出简单的产品 。从此思考自己的产品的需求是什么 ，打造一款产品满足自己的需求。 作者 ：权莉 ，微信昵称 ：Mandy权。一名快乐的产品经理 ！ 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台