大屏时代 热区设计考量

  • 经验类型经验/观点原作者:Scott Hurff

  • 经验属性自译外文
  • 经验版权不使用原创授权
37559 4 53 2014-09-19

经过多年的挣扎和慎重的考量,苹果终于在上周正式宣布进入大屏时代。据称,就在这周周一,苹果在发布会的当晚仅通过预定就卖出了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简单的按比例扩大根本行不通,所以你的页面必须得发生改变。所以此时,原型设计也变得尤为重要。如果你打算改变你的初衷,我想是时候了。

全部评论:4

  • 盖小饭

    2014-10-20 17:21

    内容不错,没有一个整体的完善总结!期待

  • yoko0509

    2014-09-22 16:21

    内容不错,但没有给出结论啊,期待进一步的研究

  • sunyx

    2014-09-22 12:25

    操作交互要有新的改变了

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票