恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
抽屉式导航的衰退及大屏下的产品设计
0.0°
2015-08-02 好文转载 经验/观点 原作者: kentzhu 举报 2201 11 8 0

2011年11月左右,FB发布了新的ios和android客户端,其中一个重要的变化就是导航模式的变化,推出了新的抽屉式的导航,同时强化了对Timeline的展示。

FB推出这种新的导航模式不久,Gmail的ios版本同样采用了这种导航模式,再之后path 2.0版本也采用了这种抽屉式导航并将其演变到极致。至此,这种抽屉式的导航模式迅速窜红与ios产品设计中。

我在2012年7月曾经对抽屉式导航做了总结,在「说说抽屉式导航」中我认为,大部分APP会使用抽屉式导航,核心原因是为了突出核心功能,将其他的功能隐藏掉。

现在来看,这个说法并不完全对。2011年到2012年,是中小屏幕移动设备占绝对主导的时代,中小屏幕,单手完全可以操作,不存在太多的操作盲区。同时,中心屏幕使得可以展示的内容有限,所以,抽屉式导航是最合适的做法。将导航收缩到一个入口,放在左上角最显眼的位置,用户操作也没有困难,其他核心的内容直接显示出来。

2012年之后,大屏幕成为移动设备的一个新趋势。一方面手机从一个单一的工具,逐渐演变成人们生活的一部分,不可或缺的一部分,用户在手机上处理的事务越多,使用的时间越长;另一方面,屏幕尺寸和内容消费效率及阅读舒适度极为相关。所以慢慢的,手持舒适度和携带便利在整个产品设计众多决策里面的重要排序便没有那么高。

所以,我们看到4寸屏、5寸屏越来越成为主流,尤其是iPhone6和iPhone6 plus的推出,大屏幕手机时代就这么不可阻挡的来了。

手机屏幕越来越大,带来了哪些问题呢?最简单直接的就是,内容显示变多了,但是,单手操作变难了。曾经有报告显示,49%的用户是单手操作手机的,现在,是改变单手操作的设计的时候了。

这张图,非常直观明了的告诉了我们,为什么抽屉式导航衰退了。因为,一个需要被经常操作的入口,现在,处在了操作盲区。

那么,伴随着抽屉式导航的衰退,在大屏幕时代,该如何去设计呢?这是每个产品设计师面临的一个新的思考。我有几点感受,可以分享出来

1、手势操作将会变的更加重要

Android上有单独的back键,而iOS的返回一直依靠左上角的导航。大屏幕下,iOS的左上角点击返回将非常低效,在屏幕边缘右滑返回是最高效的模式。另外,针对信息流类产品,点击顶部迅速返回到最开始的信息的模式,也是一种高效的交互。阅读类产品可以考虑使用双击关闭这类的手势交互。相应的,一个产品统一使用上滑、下滑来进行导航的产品将会更多。

2、底部Tab模式导航重新受追捧

实际上,底部Tab模式导航在iOS和Android上一直是「最安全」的一种导航模式,他不怎么出彩,但是绝对不会犯错。在大屏幕时代,底部Tab模式的导航更能适应,也更好设计。

3、浮动导航入口有可能出彩

在path的3.0版本,那个浮动在左下角的「+」号曾经一度流行。在大屏幕时代,这种浮动的入口很有可能出现优秀的设计。

4、将提交类操作按钮,放在弹出的键盘的顶部

这个模式,在Android中较为常见,但是同样存在不同屏幕的适配问题,需要仔细考虑。

5、语音交互

谨慎看好语音交互,始终感觉没有一个好的使用场景。 

更新:2015-08-02

收藏

11人已收藏

  • 28

    作品

  • 1535

    粉丝

  • 33

    关注

  • SmartianOS-ROM
  • 魅族ROM flyme 5.0
  • 致敬经典MIUI V5
  • 某APP V2.0改版概念稿
相关标签

    猜你喜欢

      2015-08-02 好文转载 经验/观点 原作者: kentzhu 举报 2201 11 8 0

      抽屉式导航的衰退及大屏下的产品设计

      0.0°

      你确定要举报抽屉式导航的衰退及大屏下的产品设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年08月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      11
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录