在平时工作的时候，免不了会面对这样的一个情景，产品的信息太繁杂，功能又太多，虽然你可能会觉的这条信息可以删除，那个功能可以舍弃。但是现实的设计不是理想化的，交互设计师没有那么大的话语权，也许这个可有可无的信息是为了加强产品的品牌效应，不能删除；那个功能是大boss要求的，不能舍弃。所以交互设计师也很无奈，并不能决定一条信息或者一个功能的生死。那么我们就要缴械投降么？No，我们可以用一些方法利用合理的页面布局和页面层级结构将这些令人无奈的信息和功能放到合适的位置。

功能图和信息架构

作为交互设计师，画功能图和设计信息架构是基本功课，在这里我们一样首先需要将产品的功能图和信息架构先画出来，这里笔者将工作中的例子拿出来和大家分享：

信息架构 原始设计

这个我的财富页面包含的信息很多，一共有十几项，如果将这十几项都一一展示，在狭小的手机屏幕上，用户很难做到快速读取可用信息，对任何一项操作的效率都影响很大。所以在下一步我们需要对这些信息做一个小小的梳理。

排列信息和功能的优先级

既然有了功能图和信息架构，那么下一步我们需要排列优先级，而排列优先级可以按照如下原则：

产品角度

从产品的角度思考每一个信息和功能的重要性，将他们分级，比如哪一个功能是最主要的，哪一条信息是必需但是可以显示在深层次的页面上。

用户角度

从用户体验的角度，可以从用户的使用目标，使用场景和使用频率等考虑每一个信息和功能是否有必要显示在最重要的第一级页面，是否可以将某些功能隐藏在第二级页面。

竞品

可以多看看竞品关于这些信息和功能的优先级是怎么设计的。

通过这三种方式将每一个信息和功能做一次梳理，排列它们的优先级，我们就得到了如下这样一个带有优先级的图。显然在这个设计中，由于债权转让、理财计划和自动投标属于专家级用户才会使用的功能，对于绝大多数的普通用户，这几个功能的使用频率不高，所以笔者将它们划分为2级。同时会员信息是低频率功能，安全中心是一次性功能（用户使用一次就不能再更改），笔者将这两个功能的优先级列为3级。

带有优先级的信息架构

根据优先级设计

接下里我们就可以根据产品功能和信息的优先级开始设计，哪一些是必不可少的，哪一些又是可以隐藏深一些，从优先级图中一目了然。这样我们就可以做出无损信息和功能的设计。

修改后的设计

---

欢迎转载，记得标明出处哦

扫描下方二维码关注Yinteraction