用户是如何使用手机的
①780名用户是通过滑动、点击、打字等来操作屏幕,其他用户则仅仅是用手机
来收听、观看、打电话。
②49%的用户通过单手操作,36%一手拿着手机一手操作,另有15%双手操作。
③在单手操作用户中,有33%的用户用左手拇指来操作。
④用户经常变换操作姿势和手势。
49%的单手操作用户是以下两种姿势(左手用户相反)。绿色代表容易点击区域
,黄色为拇指伸展可到点击区域,红色区域超出单手可点击范围。
触控屏是如何来感知操作的
StevenHoober通过研究在《CommonMisconceptionsAboutTouch》[2]中指出
,因为我们的手指是三维立体且柔软的,在操作屏幕的时候,只有手指的部分区
域是和屏幕接触的,这部分区域称为接触印迹。而触控屏仅仅感知人们接触印迹
的几何中心位置来出发操作,与接触印迹区域大小无关。
除了以上这些因素外,硬件设备的差异,用户使用移动设备时的视线角度都会影
响点击操作的精准度(更多详细介绍可在文章后所附原文链接查看)。为此
StevenHoober提出为界面元素分别设计视觉目标和触控目标(即我们常说的热
区)的建议。如点击文章中的网址链接(视觉目标),我们不需要精准地点击到
链接上的字母,而仅仅需要触发它周围的方形区域(触控目标)即可产生跳转到
该网站。在不影响视觉效果的基础上,适当放大触控区域可提高操作的精准度。
另外一个将视觉目标和触控目标分开设计的方法即为我们常说的手势操作,如上
文所述手机使用过程中单手和左手操作的用户比例都比较大,好的单手操作手势
设计能有效提高使用效率,减少误操作,给用户带来惊喜。为此,笔者在下文中
总结了现有APP单手操作中的4类用法。
手势是如何被利用的
页面切换
在有限的屏幕空间中使用APP时,多层级、多页面切换是最频繁的操作,如果仅
仅依靠大多数应用左上角的back键来返回或是点击后才能切换tab,使用起来将
非常不方便,因此单手操作最常见的应用场景则是利用左右滑手势来穿行于各层
级页面间。如下图网易云阅读资讯中心的tab切换。在这个手势操作中有两个关
键因素影响使用体验:一是滑动过程中页面要跟随手指,这样能让用户形成对产
品的控制感和更明确的层级感;二是需要有“路标”作用的页面元素作为指引。
图(1)是网易云阅读和iOS设置中的右滑操作示意。网易云阅读中,在页面任何
位置轻轻右滑即可返回,iOS的返回操作手势热区在屏幕边缘。这两者的区别是
,云阅读中的返回设计更多是利用用户的下意识行为,操作成本低,但同时增加
了误操作的风险。iOS中用户的操作多是有意识的行为,误操作几率小,同时操
作成本也增加了。这两种方式各有利弊,因此在设计中应更具实际场景定义好对
手指滑动的感应范围和角度。
图(1)iPhone和网易云阅读的右滑手势热区
图(2)为网易云阅读和网易新闻的文章正文页,都能通过左滑返回,
后滑进入评论页。相比之下用网易新闻显得更自然,初次用网易云阅读的用户会
更容易对右滑进入评论页产生迷惑。究其原因,网易新闻在标题栏两边分别放置
了“返回”和“跟帖”的页面元素,就像是分叉口的两个路标,让用户对前方的
路形成心理预期。相比之下,网易云阅读的返回和评论同处于页面底部的左边,
引导性不太明确。
2.内容呈现维度的切换
下图中Cal和数读展示了手势的另一中应用方式。日期的可拆分维度有年、月、
季度、周等,不同的使用场景需要切换时间粒度,Cal利用手势上下滑动方便地
切换周历和日历,利用左右滑切换日期。数读首屏,默认显示文章概要,上滑即
可浏览文章详情,由此利用手势的上下左右滑动可以针对文章展开4个维度的浏
览:概要,详情,上一篇,下一篇。此外,相似的手势运用还是墨迹天气等。
3.将相关功能隐藏在对内容的手势操作中,扩充屏幕内容展示空间。
智能手机受尺寸限制,对用户而言首屏空间越发宝贵。如果不能在第一时间让用
户得到有效信息,APP的魅力将大打折扣。然而实际设计时往往功能众多,若放
在首屏,页面将会是功能按钮的堆砌,占用了有效信息的展示空间,若不放在首
屏,有可能层级太深,让用户找不到方向。资讯阅读软件Digg和追剧神奇TeeVee
则采用了如图(5)和图(6)所示的操作方式。Digg通过右滑手势后,可对该资
讯模块进行赞、添加书签、分享等操作。TeeVee中,左滑是最常见的删除操作,
右滑可查看更详细的剧目更新信息和提醒设置。这种直接操作内容的自然人机交
互方式,不仅符合用户的感知习惯,也能很好地节约屏幕空间,创造沉浸式的阅
读体验,这点和WindowsUI的设计理念非常契合。只要对新手用户做好引导,之
后的操作就非常得心应手。
临沂凯德传媒有限公司是临沂一家专业承接iphone、ipad、android,windows
phone软件、应用项目开发的团队,已为国内多家企业开发过各类iphone、ipad
、android杂志、新闻、产品展示应用、美容美发、家具、陶瓷、LBS应用、IM应
用、移动OA软件、微信公众平台开发,具有丰富的软件开发经验。
我们的成功案例:家在临沂、7天连锁、望湘园、俏江南、中国塑胶门户、建材
门户、薇薇新娘、一品坊等。
-
app开发小程序开发就找山东中扬科技山东中扬信息技术有限公司,为企业提供手机APP开发、小程序开发、物联网开发、H5开发、网站建设等。中扬科技是一家提供移动应用解决方案提供商,专注于移动互联网领域的发展与创新,我们已为多家企业提供了相应...
-
什么是软件定制开发,软件定制开发的特点什么是软件定制开发,软件定制开发的特点什么是软件定制开发?软件定制开发是指根据客户的需求,量身定制一系列符合客户实际应用的软件。目前的多数理软件可以满足行业内的通用需求,而部分软件需要根据用户的具体需...
-
汽车小程序开发解决方案提供商!汽车小程序开发解决方案提供商!汽车服务业是一个竞争激烈的行业,如何为用户提供全方位的服务,方便消费者,留住用户,改善用户的重复消费,小程序无疑是一个很好的组合点,扫描可以在线处理,无需下载和关注,方便...
-
移动版H5APP开发与原生版APP开发区别企业关于要开发H5手机软件APP或是定制一款原生手机软件APP是否相同的疑问,其实不管是在定制条件、开发的技术、手机软件APP开发等方面,这两种开发方式都各有各的优势。APP开发定制条件原生版App开...
-
天气预报APP软件开发方案分析随着科技的进步人们现在在对于天气预报的预测与播报更加的准确,天气预报APP开发为你提供最准确的天气预报。人们在出门游玩的时候会对于长期的天气的预报的需求。现在通过一个天气预报APP就可以轻松地实现,通...