减少页面跳转的10个方法总结

我们在进行设计的时候面对信息的无限性和手机屏幕的有限性之间的矛盾,如何把信息合理的展示给用户,需要我们重新对信息进行组织分类,使信息能更高效有序地被用户认知。在进行信息设计的时候,我们经常会遇到「扁平化设计」这个词,在我的理解看来,扁平化设计可以理解为:「精简交互步骤,用户用最少的步骤就完成任务」。层级太多了用户就会看不懂;即使看得懂,层级多了用起来也麻烦。因此手机上能不跳转就不跳转。


列表型、宫格型入口架构改为tab形式,跳转页面改为滑动页面

当我们页面承载信息少,并且不展示每个模块二级内容的时候,我们可以采取列表型、宫格型的导航设计,这样可以帮助用户快速的定位到相应的页面,但是每次信息获取时,需要点击跳转到另外一个页面。当每个模块都需要展示一部分内容的时候,加入采用列表的导航设计时,往往高度就过长,用户需要滑动好几屏才能浏览完信息,这样导致信息获取的效率大打折扣。此时我们考虑采用tab的导航方式,把不同类型的内容形式通过tab的形式展示出来,这样做有两个好处:

1、用户能快速掌握全局内容

2、能快速切换定位目标内容进行信息获取


针对用户核心路径优化,页面中露出内容、便捷入口

比如腾讯动漫APP,旧版本用户在追更、继续阅读时,通过点击书架,然后再次点击作品进行阅读,在观察用户行为时,我们发现用户持续阅读的行为时长远大于浏览寻找新作品的行为时长,为了让用户最方便的进行追更与持续阅读,我们在首页放出了最近在看的作品,让用户能快速进行阅读,同时采用横放的形式,以保证该栏目不会过高。

内容显性化,列表内容外露显示

工具内容显性化设计,能让用户所见即所得,快速明确的理解到工具所提供的核心功能和服务;也能有效地减少用户与工具所提供的核心服务之间的交互步骤和流程,让用户在当前工具的内容区完成与工具的核心交互。

比如淘宝APP中,「我的淘宝」页面就采用了大量内容显性化的设计,用户在当前页面就能够快速掌握到核心信息。

先露出一部分,滑动露出更多

在Y轴上,通过页面覆盖的形式,我们可以在当前页面露出一部分信息,当用户有兴趣时,可以通过滑动浏览更多信息。

比如每日优鲜「我的页面」,用户想了解会员有什么权益时,可以滑动页面查看更多会员信息,无需跳转进入会员权益页。

页面半覆盖

当需要承载内容信息时,我们往往使用「更多」的形式跳转到一个新的页面。那么对于「更多」,我们可以使用页面半覆盖的形式,当点击下拉时,新的内容页面展开覆盖当前页面。比如虾米音乐的看点页面,点击「更多分类」时,下拉页面半屏覆盖,展示更多的筛选条件。比如优酷视频,视频详情页,点击简介或选集时,新内容从下方滑出半页面覆盖。

键盘联动

键盘联动,如赶集房屋发布,58创建简历。

我们可以整合表单的信息字段,将同类型的字段进行合并,同时结合输入控件,设计联动式组件,让用户在表单输入时更加高效,避免用户频繁的跳入跳出相同类型的输入项。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,154评论 1 92
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,708评论 4 46
  • 姓名:廖治兵 公司:浙江柯勒电子商务有限公司 【日精进打卡第10天】 【知~学习】 《六项精进》 3遍, 共53遍...
    廖治兵阅读 87评论 0 1
  • 皮革是一种神奇的产品,奢华、天然、舒适、时尚;它的加工、生产更是一个复杂的过程;它是一个庞大的产业链。在这里,我们...
    逐浪击水看飞花阅读 114评论 0 1

友情链接更多精彩内容