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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
大屏时代 热区设计考量
0.0°
2014-09-20 自译外文 经验/观点 原作者: Scott Hurff 举报 36979 150 53 4

经过多年的挣扎和慎重的考量,苹果终于在上周正式宣布进入大屏时代。据称,就在这周周一,苹果在发布会的当晚仅通过预定就卖出了400万台iphone,几乎是去年iphone5s和5c发布当周的一半!

3.5” 和 4”尺寸的屏幕似乎是不可避免的持续减少,这也意味着我们过去的apps,站点反应和视觉浏览已经过时。

根据Adobe2014移动基准报告称,4”以及更小的手机屏幕浏览使用已经减少了11%。

这也意味着充分考量拇指的设计变得更加重要,幸运的是适应大屏幕手机而诞生的设计经验已有不少,有一定的通用性。据粗略的数据显示,目前安卓手机屏幕最受欢迎的尺寸是5.1” 和 5.7”。

随着小尺寸手机退出历史舞台,苹果的改变目的是便利我们的生活。但是由此,我们必须使我们的设计适应这种改变。如果做不到,未来我们的拇指“负担”可能会很重。

对于我们现存的iOS apps也尤为重要的,毕竟已经售出的订单不会瞬息消失,我们永远无需担心改变所带来的不幸。


为了拇指?

充分考量拇指意味着建立一种对用户来说更舒适的操作体验,更自然的感受滑动。这也将是复杂的。我们一直都在不自觉的调整我们拿手机的方式。为了完成操作,我敢打赌你会使劲深长你的拇指或者换个握手机的姿势,而且你还得保证不摔了你的iPhone。

去年,Steve Hoober针对使用手机的方式,调查研究了1333人次,他总结一些数据如下:

  • 单手:49%
  • 支架:36%
  • 双手:15%

左右手的区分:

  • 右手:67%
  • 左手:33%

Hoober分析实质上的左撇子只有大概10%,而调查数据中左手使用手机频率较高多半是因为右手在同时干别的事,诸如抽烟,喝咖啡,吃甜点之类。

拇指热区

根据拇指使用情况的热区,我们将更容易了解拇指在使用手机时的适应情况。

在Hoober的拇指热区中采用了右手拇指,且以大拇指跟扣紧手机左下角为基准。

下图中展示了2007年以来的iPhone的使用情况:

 

下图更鲜明的展示了iPhone 6和iPhone 6 Plus:

你将发现绿色代表的最舒适的操作区域大致相同(iPhone 6 Plus的不同我会在下文分析)。这是因为我们手的大小始终不变,不过这有点不幸运,要知道我对街霸中的Dhalsim非常着迷。

但是红色代表的难操控区域的变化显而易见,而且在iPhone 6 Plus特别显著。关于iPhone 6 Plus的显著变化我们可以知道,因为他的尺寸,我们必须用更大的手掌面作为支撑,自然也就限制了拇指的活动。不过说实话,我没想过会有这么大的区别。

当然了,也许你的手比我的要大,每个人手掌大小不一使用情况也因人而异。所以我的数据仅为一点参考。

换个姿势

有时为了方便操作,也许你会以垂直的方式,掌心握在手机中间。下图也清晰的展示了拇指操作情况:

由于iPhone 6 Plus的屏幕尺寸,绿色区域有一定增加。在iPhone 6 中,指尖已经超出屏幕大小。

REACHABILITY

 

REACHABILITY是iOS 8为了改善大屏幕操作而添加的新手势,意味着只要通过双击home键(和用户查看正在运行的apps不同),整个屏幕会向下滑动,如此用户即可点击顶部的按键了。


由图我们可以看出绿色区域倒是恰好的操作必要的区域。

正如John Gruber所指出的:REACHABILITY在iPhone 6 Plus中下拉的幅度比iPhone 6更大,下滑后所设备底部可操作的区域正好是拇指的长度。

如图所示:

思考

手机屏幕的尺寸越来越相似,这也许是好事。但如果我们只是把apps简单的按比例扩大根本行不通,所以你的页面必须得发生改变。所以此时,原型设计也变得尤为重要。如果你打算改变你的初衷,我想是时候了。

更新:2014-09-20

收藏

150人已收藏

Muselilys

Know your shabby.

  • 32

    作品

  • 501

    粉丝

  • 6

    关注

  • 设计师如何找到自己真正热爱的工作
  • 你的滚动条
  • Twitter设计总监谈“宏交互”
  • 乌托邦式UI构建者:Bret Victor
相关标签

    猜你喜欢

      2014-09-20 自译外文 经验/观点 原作者: Scott Hurff 举报 36979 150 53 4

      大屏时代 热区设计考量

      0.0°

      你确定要举报大屏时代 热区设计考量

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年09月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      53
      150
      4

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

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

      登录

      手机号

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

      登录
      第三方账号登录