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

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


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

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

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

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


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

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

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

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

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

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

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

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

页面半覆盖

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

键盘联动

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,302评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,563评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,433评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,628评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,467评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,354评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,777评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,419评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,725评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,768评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,543评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,387评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,794评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,032评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,305评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,741评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,946评论 2 336

推荐阅读更多精彩内容

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