经典好文!如何为拇指做设计?

2017-10-12 20:52 来源:易采站长用户投稿 作者:优设网 点击: 评论:

A-A+

  没有暂前,战别的一名同事关于某一界里操纵按钮的地位有过争辩,因而发生了关于那一成绩的进一步考虑,期望也对各人有所启示。海内该当有教者对那一类成绩有过研讨,若有差别的不雅面,欢送能够一同讨论。

  本文经由过程分离外洋的一项尝试研讨,会商脚机界里交互设想中,设想师该当具有的一项设想思想──为拇指而设想。

  本文的参考本文: Thumbs in the Era of Huge Screens

  为拇指而设想

  甚么是为拇指而设想?简朴的去道,便是设想用户界里让用户觉得操纵温馨,契合我们脚指天然挪动的弧度地区。可是,用户的操纵是很庞大的,我们会下认识的调解我们脚握装备的姿式去触及显现屏的差别可操纵地区。我敢赌钱,进进年夜屏时期后,您必然会舒展握姿或调解角度去愈加简单的触及差别的地区。

  我们需求做一些考虑。研讨显现,年夜部门的用户是以下图的方法抓握脚机:以拇指的底部为收面,抵正在脚机的左下角。

  

 

  那个假定去自于脚机专家 Steve Hoober 的一项尝试。其时一共有 1333 名到场者到场了该项研讨。他经由过程不雅察发明用户会用以下三种姿式停止脚机操纵:

  单脚操纵:49%

  一脚支持,一脚操纵:36%

  单脚操纵:15%

  

 

  △ 用户怎样利用本人的脚机

  固然,以上数据去自卑约 60% 的被不雅察者,别的约 40% 的被不雅察者并出有操纵脚机屏幕,而是正在通话、听音乐大概看视频。

  正在单脚操纵的状况下,阁下脚利用比例:

  左脚拇指操纵:67%

  左脚拇指操纵:33%

  Hoober 指出,左撇子的生齿数目约莫是总生齿的 10% ,可是不雅察到的左脚用户比例却下于那一比例。能够的本果是一些被不雅察者正在操纵脚机的同时借正在做其他的工作,好比吸烟,骑车,喝咖啡,吃德国咖喱喷鼻肠等等。

  

 

  拇指地区

  那里的拇指地区以热图的情势去展现。它能够显现出年夜拇指操纵脚机屏幕地区的易易水平。借以Hoober的研讨成果,绘出最多见的利用情境的拇指热图:

  单脚操纵

  左脚拇指操纵

  拇指底部牢固正在脚机左下角

  

 

  △ iPhone6 战 iPhone6 Plus 的拇指热图比照

  您会发明宁静的绿色地区大抵类似,可是又有所差别。果为我们的年夜拇指没有会跟着屏幕的巨细而变革。

  取 iPhone 6 比拟,iPhone 6 Plus 的 OW 地区(没法触及的地区)较着删减了许多。别的, iPhone 6 Plus 的绿色温馨地区的外形也没有太一样,那是果为尺寸变年夜后,抓握的脚势改动了,用户会操纵小拇指去不变停止机。那样的阅历让我有些惊奇。

  注:我的拇指没法触及全部屏幕,可是您的脚掌和拇指大概比我的年夜。每一个人的前提状况能够会纷歧样。

  假如脚的地位改动了,拇指举动地区会怎样改动?偶然候您能够会上移您的脚握姿式,将拇指底部牢固正在脚机垂曲标的目的的中心部位,以便更简单的触及屏幕的一些地区。以下图:

  

 

  △ 拇指底部牢固正在脚机垂曲标的目的的中心地位

  图中能够明晰天看到 iPhone 6 Plus 的年夜屏幕所能触及到的天然地区。比拟而行,正在 iPhone 6 上的天然地区少了一些。

  可触及性

  实践上苹果体系早便思索到了那一面(从iOS 8开端)。经由过程两次沉击home键(没有是按下Home键展现正正在运转的使用),iOS会将全部屏幕地区下移,制止了用户需求经由过程被动的改动脚握姿式,去停止念要的操纵。

  以下是正在iPhone 6 Plus上,拇指地区热图取可触及性分离的表示图:

  

 

  △ 苹果演示图片中拇指地位恰好正在绿色天然地区

  另外一个不雅察去自 John Gruber :便可触及性而行,屏幕正在6 Plus上的挪动比例要比正在6上的愈加聪慧,果为可触及的地区愈加契合一个典范的拇指少度(正在拇指底部牢固正在左下角的常睹情境下)。以下图:

  

 

  整体上,脚机的尺寸趋于类似,那是一件功德。可是,那也意味着我们不克不及只是简朴的把5.5英寸的屏幕当作小屏幕的放年夜版。脚握姿式改动了,您的用户界里也需求思索更多。因而,本型设想并停止实在场景下的用户测试便愈加主要了。

  小我私家总结

  本文利用的是 iPhone6 战 iPhone6 Plus 做为研讨工具,可是以后呈现的新系列 iPhone 取之根本分歧(显现屏战机身尺寸),以是结论仍旧能够用去鉴戒。

  

 

  值得留意的是,前没有暂公布的 iPhone X 的实践尺寸巨细介于 8 战 8 Plus 之间,但是X的显现屏为 5.8 英寸,固然屏幕宽度战 6、6S、7、8 一样,可是下度却超出跨越了 145pt ,约莫超出跨越了 22% 。因而,关于设想师去道怎样设想出温馨操纵的交互界里便愈加主要了。特别是正在停止立异设想和界里可操纵元素较少的状况下,能够多思索为年夜拇指而设想。

  最初,用上面一个简朴的案例让各人更好的了解为拇指而设想:

  图一是根据苹果的设想标准停止的设想,底部标签栏有五个标签;假如正在没有改动标签巨细战地位的状况下,将标签数目缩加到3个,您会怎样挑选?图两借是图三?

  

 

  按照上文的拇指热区表示图,比拟于图两的交互界里,图半夜契合单脚拇指的温馨操纵。可是正在实践项目傍边,借是需求经由过程用户测试去停止考证,能够借需求恰当的调解标签的地位,而没有是简朴的删除过剩的标签。

【易采站长站编辑:秋军】

  • 0
  • 0
  • 投稿