数极客首页

手指友好型设计 – 为了更好的点击而设计

玩飞镖的时分
,靶心是最难射中的位置,由于
靶心是整个靶面上面积最小的部分

。越是小的目的
,就越是难以抵达

。这个准绳

在移动

设备的触摸屏幕上同样适用。

众所周知,关于
触屏设备用户来说,面积小的目的
比面积大的目的
更难支配
。所以,在设计移动

设备界面的时分
,触控目的
一定要充沛
的大,足以让用户操作 自如

。但是多大才算充沛
呢?多大才是关于
大多数用户最适合

的尺寸呢?各大移动

设备开发者曾经
认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档 中寻觅
答案。

那么,设计文档怎样
说?

Apple的IPhone Human Interface Guidelines引荐
触控目的
的最小尺寸是44*44 pixels。Google的Android Design说7-10mm是比较

理想的尺寸。Microsoft的Windows Phone UI Design and Interaction Guide引荐
的最小触控目的
尺寸为7*7mm(26*26px),理想的尺寸为9*9mm(34*34px)。Nokia的开发指南倡议
目的
尺寸应该不小于10*10mm(28*28px)。

固然
每个设计文档都给出了大致
的适合

尺寸,但是我们能够
看到各个设计文档都有所不同。实践
上,有些他们所引荐
的尺寸是远小于用户手指尺寸的,而正是这些误差招致
了用户在操作过程中的种种问题。

小目的
,大问题

假如
触控目的
太小的话,用户需求
付出额外的肉体

来中止

精确

的点击。用户需求
不时
的调整他们的手指来点击目的
并取得
反响

。有的人习习用
指腹,这样能够
掩盖
整个目的
区域,但如此以来就很难在点击的同时看到按钮的内容,也看不到点击的反响

。而有些人用指尖,这样能够
在点击的同时取得
视觉反响

。假如
用户需求
多次

尝试才干
抵达
目的
的话,就会影响任务操作的顺畅,耗费

了不用
要的肉体

,并且增加了用户的波折
感。

手指友好型设计 – 为了更好的点击而设计

除此之外,小的触控目的
还很容易招致
误操作。当小的按钮被组合在一同
的时分
,用户很容易由于
目的
太小而点击到临近
的按钮,从而触发了其他动作。这样 的误操作在用户运用
大拇指中止

操作时尤为显然
。有些用户为了在点击的同时看到反响

以至
将手指侧过来中止

点击,其实,这完整
是能够
避免

的。

手指友好型设计 – 为了更好的点击而设计

关于
用户来说,很多时分
他们只需

一只手来操作设备,单手握持设备的时分
,大约
就只能用拇指中止

点击操作了。我们的设计不能由于
用户用的是拇指而不是食指而呈现
更难点击的状况
,更不能招致
他们的误操作。

食指的平均

宽度

MIT的一项研讨
指出,大多数成年人的食指宽度为16-20mm,换算后大约为45-57px,在设计文档中,只需

Apple的44px还比较

接近。

手指友好型设计 – 为了更好的点击而设计

假如
触控目的
的宽度能够

抵达

45-57px,那么操作起来就很温馨
了,并且在中止

点击的时分
,按钮的边缘是可见的,这样点击的反响

也能很好的表现
出来。用户点击和拖放目的
的速度也能大大进步
。依据
费茨定律,目的
越小,抵达

目的
的时间越长。小的目的
需求
用户付出额外的肉体

去精确

的点击它,增加目的
的宽度就不用担忧
这些问题了。

拇指的平均

宽度

有的用户喜欢用食指中止

操作,而用拇指的用户更是大有人在。两者最大的不同在于拇指更宽。一个成年人的拇指宽度大约
是25mm,换算之后大约是72px。

关于
拇指用户来说,72px宽的触控区域能够

很好的中止

定位,同时也能看到目的
的边缘和角落,从而取得
反响

信息。

Microsoft Research的一项研讨
发现,触屏用户的误操作数据量
随着点击目的
的增大而减小,用户点击目的
的速度也随之变快。

 

固然
增大目的
的尺寸有诸多益处
,但在某些状况
下也有例外。大家都知道

,移动

设备的空间是很有限的,假如
一味的增大按钮目的
的尺寸,移动

设备特别
是手 机的屏幕肯定会不够用。所以在设计的时分
,我们必需
处置

屏幕大小和点击目的
大小之间的抵触
和矛盾,在屏幕允许的状况
下尽可能的运用
充沛
大的按钮目的
,假如
真实
不行,我们还有设计指南的引荐
尺寸可用。

游戏中的应用

另一个我们需求
思索
的问题是用户什么时分
用食指,什么时分
用拇指。假如
是在游戏当中的话,用户会更倾向于运用
拇指中止

操作,想想PSP,NDS。所以,游戏应用中的控制区域最好要合适
拇指的宽度。同样,触控目的
的大小要既能温馨
的控制,又能看到目的
的反响

手指友好型设计 – 为了更好的点击而设计

毫无疑问,让移动

应用中的触控区大小与用户手指尺寸相匹配大大进步
了应用的可用性。假如
用户在运用
移动

应用的时分
还要特别花留意
力来中止

点击操作,那么其用户体验必将大打折扣。

源地址:http://www.uedreamer.com/?p=258

 

给大家引荐
我国新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是用户行为剖析
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章