移动端设计中，因尺寸限制常需隐藏信息。本文探讨了多种隐藏策略：系统控件、功能介绍入口、折叠/展开、多个Banner和横向滑动卡片。例如，通过‘功能介绍入口’提供非高频必要信息，‘折叠/展开’适用于内容过多的情况，‘多个Banner’用于增强曝光效果，而‘横向滑动卡片’则在保证用户体验的同时展示更多内容。
在移动端设计页面布局及信息层级时，因其尺寸及空间的有限性，需要对某些没那么重要或过多的信息做一些恰当的隐藏，其常见的方法大致如下：
一、通过系统控件
通常指的是通过时间、日期控件等，将同级的更多时间、日期选择放置于控件中，让用户能够相对独立地在控件中进行更多同级内容的选择。
适用场景：
被隐藏的同级选择项特别多，且格式相对统一
缺点：
(1)选择项过多
(2)无法快速精准地定位目标选项
二、通过“功能介绍入口”
指的是界面中存在一个介绍性的入口，去介绍些用户可能某些场景下，需要解释的内容。通常通过“图标“或”文字按钮“去作为入口，而承接页则可能是一个弹窗或一个说明性的H5页面。比如，像滴滴出行中的“更多信息“图标型按钮，点击之后则进入一个价格详情页。
适用场景：
说明的内容是必要的，但在使用上来说是非高频的。
缺点：
需要明确地暗示入口的“可点击性”
三、通过主动的“折叠/展开”
指的是界面中默认仅呈现部分内容，用户需通过主动操作，查看更多的完整内容。
1.用户可点击「展开/折叠」按钮进行折叠展开
比如，在京东中我们查看商品详情时，有些内容需用户点击「展开」，才能看到所有内容。同时，用户也可点击「收起」将内容进行折叠。
适用场景：
内容过长，但仍有其他长内容需要展示，常见于详细内容说明。
2.用户点击「展开」后，无法主动「折叠」，下次进入默认「折叠」
比如，在网易严选中我们查看商品详情时，其采取的策略则有所不同，用户点击「展开」，看到所有内容后，不再提供「收起」的选项，而是再次进入时，默认保持为折叠状态。
适用场景：
内容过长，但无其他长内容需要展示，常见于详细内容说明。
3.用户需通过“向上滑动”加载更多信息
适用场景：
内容过多，一次加载全部内容存在性能问题，需用户通过“向上滑动”，主动触发加载更多内容的操作，常见于列表。
四、通过多个Banner
最早从WEB端兴起，通过固定时间间隔的横幅，自动左、右横滑呈现更多内容，且用户也可主动操作进行滑动。
1.自动横向切换：
比如，像去哪儿app首页中，每隔几秒就循环滚动的Banner位，在各类电商或旅游类产品中都比较常见，其主要是想通过Banner的自动滚动，达到多个同类信息传达的目的。
适用场景：
同级内容不是太多，但需要较强曝光效果内容，常见于页面中的广告内容。
2.自动横向切换+停留时长
比如，像airbnb首页中的Banner位，不仅每隔几秒进行循环滚动。同时，也通过大致时间进度的方式，告知用户当前广告会存在多久，以给用户一定的心理预期。而如果当前Banner本身吸引力足够的情况下，用户看到其即将被隐藏，而因此点击的可能性将进一步增强。
适用场景：
(1)同级内容不是太多，但需要较强曝光效果内容。
(2)能够给用户每个内容的大致停留时长的相关预期。
五、通过横向滑动卡片
其本质与Banner有一定的类似性，不会自动地以固定时间间隔进行滑动，但用户可主动进行滑动操作。
1.仅有页面指示器
比如，像iOS系统中自带的“天气应用”，当你同时有关注多个城市天气时，不同城市间的天气信息即通过“页面指示器”告知用户左、右横滑进行切换。
适用场景：
同级内容不是太多，且用户滑动查看其他同级内容频度不高。
缺点：
(1)不易快速定位中间页面
(2)对于页面可横向滑动的指示性不强
2.部分隐藏内容的露出
比如，像iOS系统中自带的“app store”中。当有多个热门app时，通过“其他热门app“的部分露出，告知用户可通过向左滑动，查看更多内容。其本质来说，是“页面指示器”的一种衍生。
适用场景：
(1)同级内容不是太多
(2)用户滑动查看其他同级内容的可能性较高
(3)需要向用户表达出，可横向滑动操作的较强指示性
缺点：
如需快速定位中间内容则比较难。
扫一扫
2692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
