设备越大,易操作区域就越小,就越需要通过设计的调整和适应来提升用户体验。
在我详细讲为什么之前,我觉得我有必要花点时间先讲几件事情。让我们穿越回去iOS7发布那会儿吧。新系统相较旧版本发生了哪些变化?
~用户的内容优先级最高
~摒弃了拟物化设计
~轻量化UI
~更专注于交互
几乎所有的东西都遵循Dieter Rams(迪特·拉姆斯,德国设计师,提出优秀设计的10条准则)的设计法则。这是非常正确的,也是苹果做的非常必要的一个举动。
但是,他们有什么是没有改的呢?
使用的模式!
众所周知从最早的iPhone到iPhone4s,屏幕的尺寸都是一样的。因此,用户的使用习惯和设备的使用模式都是一样的。这也保证了用户几乎可以无缝的迁移到iOS7. 用户可以通过类似的UI元素迅速熟悉新版本——导航栏在顶部,选项卡(标签栏)在底部,列表视图,等等...
苹果的iPhone阵营尺寸在逐年增大,我想苹果应该已经到了一个极限了吧。我不是说苹果不会有更大的设备,我只是说,如果有比iPhone6+还大的设备,那它一定是完全不同的另一个产品了。它会被叫做——平板电脑。因此,也是另一种使用方式,和另一种用户行为了,等等。
苹果很清楚的知道大尺寸的手机是不可避免的,是趋势。更大的屏幕也让每一个系统元素变得更大。因此,服务器的负载,网络环境等等都需要考虑,……我觉得这也是为什么我上面提到的这些变化都被应用了的一个主要原因。但是,他们有考虑随着最早的iOS版本发布以来养成的这些固有的使用习惯是否在大屏幕的手机上看起来非常的不舒服或者是不符合人体工学呢?我觉的,他们并没有。
基本情况
现在快看看你的手吧,你的手指、手掌有整体变大吗?没有吧!嗯,我的也是(当然,如果你是一个青少年朋友,那确实是会变大的...汗...)。我甚至觉得他们变薄了点,因为不断的使用手机的缘故。但一般来说,他们还是一样大的,对吧。
然后再看看你的手机?你三年前用的手机大小是多少,现在又是多少?
手机尺寸的变化不可避免的导致了我们拿手机的方式,使用的方式等等的变化。从我们不再继续生长的那时开始(人类身体停止生长的时间是18-21岁之间),使用iOS界面的行为模式就已经在之前的版本被奠定好了,从iPhone5开始就不能很舒服的使用了。
这里是3个人们使用手机的基本方式。
85%观察到的用户都是用单手拿手机。这是一个潜意识层面的机械性的操作。摇篮式拿法(cradled)看起来是个很好的解决方案。但是它有明显的好处和坏处。
几乎全部的设备都在一个易得的区域。
双手总是很忙
但是我非常确定摇篮式拿法是一个非常必须的方法,它的出现正式由于大尺寸手机操作的不便。人类是很懒惰的生物,能用单手拿就绝不用双手的那种。不过这就是另一个话题了“用户行为在心理物理学层面的解析”或者其他类似的话题。
问题
下面的热区图展示了拇指在2007年以来所有iPhone上的操作区域,
你有没有注意到,从iPhone5开始,典型的导航栏的位置就处于红色区域了?这简直成了整个系统的绊脚石,因为导航区域包含了最重要的动作(发送、完成、保存、确认、返回、关闭等)。因为这个模式已经被应用到系统层面了,所以以前的iOS版本就在用,现在也在用,我们也都习惯了这么用,即使它一点也不方便。开发者们也不得不沿用这套模式,因为他们没有选择。现在,对于一般用户来说,这套模式已经成了金科玉律。
我知道有一些很棒的开发者已经尝试着改变这种境况,来提升自己App的用户体验。但是这还不足以摧毁甚至是改变哪怕一点点这个强大的金科玉律。这必须从系统层面来改变。从iOS改变,从苹果内部开始。才能让用户习得一种新的,正确的,更方便的模式。
也就是说,在iOS8发布的时候,苹果就应该带着已经改变的并能很好适用新尺寸手机的新设计来,但是他们没有。这就是我觉得iOS8 很shi的最大的原因!所以,结论:
手机越大,易操作区域就越小,所以当务之急就是更新设计,已提高用户体验。
为什么我们要关注大屏手机的原因在下图,请查看下图图表,这只是个开始!
现在让我用我每日常用的几个app来做个简单的实验。
1.Mailbox:所有的导航控制操作区域都在红色区域里了。所以,不得不改变手握方式来让自己够到那些元素。这些人在iPhone5发布之后的第六个月才发布自己的产品。这也就是说,他们知道他们的产品将在一个更大的设备上被使用,但是他们什么也没做。原因很简单——用户会对这个app很熟悉,打开就会用。但是他们却在大屏上输掉了可用性。
2.Twitter:
这个好点。他在底部有标签栏,几乎所有的导航控制都在这里,也容易操作。但是,最重要的“发推按钮”却TM的在红色区域...而且也没有任何快捷手势来发推(例如:给高阶用户一个长按时间轴发推的手势,有何不可?)。所以,你需要变换握手机的方式!每次!当你想发推的时候!
3. Pocket
:所有的导航控制都在脚部。你可以很轻松的触到这些区域。如果你是拿着手机的中部的话,你需要将手往下移,不过迟早你也会因为要点home键而把手下移的。
所以,你可能已经注意到了,放置主要导航的最好的位置——尤其是关键按钮——是在页面的底部(或者是下半部,如果你想这么做的话)。这是一个比较容易操作的区域,而且你也不需要每次都为了Home键和键盘变化握手机的姿势了。但是呢,让我再继续深入一点。
解决方案
从iOS7 以后Apple的设计和应用
苹果为了改善现状在iOS中做了哪些努力?他们介绍了一些新的手势:
左侧边缘处滑动:返回动作(从iOS7开始)
双击Home键:下拉悬停(从iOS8开始)
第一条仅仅是为了解决返回不方便的问题。
第二条——让上半部分区域变的比较好点击,但是很多用户依然不知道有这样的手势存在(这也说明了这个手势并不实用)。
返回手势使用效果不错,但是双击那个嘛...你自己想把。
你写了一封邮件,准备发送,你将会怎么做?你很自然的将手指移动到你的iPhone6页面上半部分的角落里去寻找“发送”按钮。你为什么这么做呢?因为这是模式,是惯性...不过,现在你的手在半中间停住了(因为你发现够不到...汗)。你的大脑给了你两个建议:
换一下拿手机的方式吧,把你的手放到手机中间拿。
或者在Home键上双击一下
好了,你更倾向于双击。你的大拇指往下移去够到Home键,双击。现在你的眼睛关注的是UI怎么变化(向下)。这时这个“宝贝”的“发送”按钮才能方便的,不用再做额外的动作或移动的被触碰到...
太慢了,太麻烦了,太多点击了,太....很糟糕吧?但是,它可以拯救你,如果你是个iPhone6+用户的话。
说回来,这真不是个好的解决方案。对了,也别忘了,iPhone6 和iPhone6+变得更滑溜了,因为使用了更圆滑的边缘设计。所以,任何不小心的移动或者是变化单手变化手握姿势都很容易让你的手机“飞走”。
解决方案
第三方应用给出的设计解决方案
现在让我们想这样一个问题:做为第三方app的UX设计师来说,我们可以怎么做来提高我们产品的用户体验呢?以下是一些不错的解决方案。
1.选项卡:用这种导航来替代顶部导航条——顶部导航条仅用作次级导航之用。选项卡在iOS中也经常被用到,所以用户会很熟悉。这个可以是基于内容的,也可以是可定制的,也可以通过长按弹出操作区域(e.g. Tweetbot)。最重要的是,他可能包含一个关键按钮(e.g. Intagram,Path)——增加、创建、发送、开始、照相、等等
2.底部浮标:
在特定的地方使用,或者没有必要用选项卡的时候用。它可以是基于内容的。很好操作,也会吸引用户的注意力,当你想鼓励用户做某种行为的时候用这个再合适不过了(e.g.“Compose email,像Gmial的Inbox这样)。你也可以利用手势,像长按、滑动、双击(为什么没人用这个手势?)去表达更多的功能(e.g. Path,老版那个)。
3.手势:
更多的使用“只用一个拇指或其他手指就能轻易完成的手势”来导航。不过在那种情况下,你必须遵循3个设计规则,他们用语言很好描述,但是很难理解。
1. 赶快丢掉双重按钮吧。一般用户是不会等到那里有一个指示按钮的时候才去用手势操作。为什么呢?用户的行为模式就是这样的啊......
2. 展示并教给用户如何使用手势。用户一定是是从你这知道他可以做什么,而不是从其他奇怪的途径。
3. 用过场动画来展示给用户发生了什么,这会帮助用户理解之间的逻辑,以及当前最重要的是什么。
4. 声音指令:
至少用声音识别技术来支持用户做最简单的功能指令,就像詹姆斯邦德一样。
5.压感触控
苹果手表和最新MacBook的触控板确实把这项技术带到了我们身边。我期待新一代iPhone也有这个功能。我确信压感触控技术一定会为用户与智能手机的交互方式带来很多新的可能性。
6.控制中心
系统控制中心可以是隐藏状态(用一个状态栏来控制)。你可以用上滑的手势(从界面底部)快捷调出一些常用的功能(比如设置界面)。但是 这种只适用于全屏模式。
总结
我们不会再“长大”了,我们的手指也不会。但是我们的手机会。我们拿手机的方式很大程度影响着我们使用手机的方式。
所有这些都在提醒着设计师和开发者们“必须”让他们的设计适应更大的手机。必须提高大屏手机的用户体验,让它使用起来更方便更顺滑。我相信,苹果会听到我们的声音的。
要负责。创建更好的用户体验。不要遵循不好的使用模式和模型。不要忘了人类工程学。
用一张图来总结一下这篇文章吧。
最后一件事情......
你可能会问了,为什么你都不说别的平台呢,好了,下面这些图就是给你的答案:
参考文献:
‘How to design for thumbs in the era of huge screens?’by Scott Hurff. Oct, 2014
‘How do users really hold mobile devices?’by Steven Hoober. Nov, 2012
Adobe Digital Index, 2014
‘This is why the iPhone’s screen will always be 3.5 inches’ by Jesus Diaz. Aug, 2011
‘Apple Q1 2015 Results: $74.6 Billion Revenue, 74.5 Million iPhones, 21.4 Million iPads Sold’, by Federico Viticci. Jan, 2015
‘Hand measurements of men and women’, from the ‘The Measure of Man and Woman’ book by Alvin R. Tilley, 2001
谢谢你看完了,你真棒!!