我们在进设计时候，往往遇到以下场景：
这是信息限性和手屏幕有限性矛盾，如何把信息合理展示用户，需要我们新信息进组织分类，使信息能更高效有序地被用户认知。在进信息设计时候，我们会经常遇到「扁平化设计」这个词，在我理解看来，扁平化设计可以理解为：「精简交互步骤，用户用最少步骤完成任务」。层级太多了用户会看不懂；即使看懂，层级多了用起来也麻烦。此手上能不跳转不跳转。那我们来看看有没有办法减少跳转。
列表型、宫格型入口架构改为
我们页承载信息少，并不展示个模块级内容时候，我们可以采取列表型、宫格型导航设计，这样可以帮助用户快速定位到相应页，是信息获取时，需要击跳转到另个页。个模块都需要展示部分内容时候，假如采用列表导航设计时，往往会导致页高度过长，用户需要滑动好几屏才能浏览完信息，这样导致信息获取效率大打折扣。此时我们考虑采用 tab 导航，把不类型内容形过 tab 形展示出来，这样做有两个好处：
- 用户能快速掌握局内容类型；
- 能快速切换定位目标内容进信息获取。
关于全民K歌的改版思 → 《如何好型视觉改版？看全民K歌5.0 的改版验总结！》
针对，页面中露出内容、便捷入口
比如腾讯动漫APP，旧版本用户追、继续阅读时，通过点击书架，然后再次点击作品行阅读。观察用户行时，我们发用户持续阅读的行时远于浏览寻找新作品的行时，了让用户方便行追与持续阅读，我们首页出了近看的作品，让用户能速行阅读，同时采用横封的形式，以保证该栏目不会过高。
TIPS:
- 采用这方法通常观察用户的行数据，分析用户的行径，同时也与产品沟通确好优先级与产品策略。
- 采用种方式时，通常是结合左右滑动的手势露出更的品。
，列表内容外露显示
工具容显性设计，户见即得，快速明确的解到工具供的核心功和务；有效地减户与工具供的核心务之间的交互步骤和流程，户在当前工具的容区成与工具的核心交互。
比如淘APP中，「的淘」页面就采用了大量内容显性化的计，用户在当前页面就能快速掌握核心息。
先露出一部分，
在Y轴上，通过页面覆盖的形式，我们可在当前页面露一分信息，当户有兴趣时，可通过滑浏览更多信息。
比如虾音播放页，默认评论只露出标题让用户可以发现有该栏目，当用户上滑，采用动效的形式将评论页面在当前展开。
比如每日优鲜「我的页面」，用户了解会员什么权益时，可以滑动页面查看多会员信息，无需跳转入会员权益页。
△ 每日优鲜
当需承载内信息时，我们往往使用「多」的形式跳转到一新的页面。那么对于「多」，一不用跳转的解决办法呢？我们可以使用页面半覆盖的形式，当点击下拉时，新的内页面展覆盖当页面。比如虾米音乐的看点页面，点击「多分类」时，下拉页面半屏覆盖，展示多的筛选条件。比如优酷视频，视频详页，点击简介或选集时，新内从下方滑出半页面覆盖。
△ 虾米音乐点击多分类
△ 优酷播页点击简介
键盘联动，如赶集屋发布，58创建简历。
我们以整合表单的信息字段，将同类型的字段进行合并，同时结合输控件，设计联动式组件，让用户在表单输时更加高效，避免用户频繁的跳跳出相同类型的输项。
△ 赶集网优化前控件反复跳出
△ 优化联动式键盘
（大趋势如此）
面对需要展示更信息或下一步操需要进行跳转时，目前越来越采用从下往上浮的形式，现与原场的衔接。
比如，腾讯动漫APP阅读券支付页，NOW APP播送礼，淘宝详情页查看参数、添加物等都用了浮层半跳转形。
假同时展示种内容，但对某个内容有曝光需求，或者是想让用户触达到该内容，不希望因为页面内容长导致被忽略或难以找到，以考虑采用页面Z轴级覆盖的形式，给该内容一个曝光的口。采用Z轴级覆盖的架构形式，用户的主要操变为上拉、下拉来阅读信息，减少点击跳转一类的操。
如瓣fm，瓣详情页。
△ 瓣详情页
的处理，在当前页面进行更多信息的预览（iOS）
压敏屏幕所带来3D Touch 让iPhone 交互多了个全新维度，交互从此不再局限于2D平手势，按压操作使手交互进入了3D维度，我们可以不打开 app 或者进入详情页，也能接浏览内容或调用常用功能。
我们在立不状态动效时，可以查看它们是否有任何公共元素，并将它们联系起来，过公共元素动画来立两个状态联系。这样可以使层级衔接关联性更大，减少层级跳转感。
如APP Store中的Today。
△ 图片素材来源于上
△ APP Store Today
我们把当前的页面可想象成一个无限拓展的维世界，分为X轴，Y轴，与Z轴，在这个维上，可进行无限的拓展。减层级上的跳转，总结起来，就是在x轴、y轴、z轴上使手做适时的收纳与展现。
△ 作者：way
欢迎关注「TCD计中心」公众号：
浙公网安备33011002017549号