文案52553照片

2020-03-28 04:19:03 来源: 上饶信息港

3G移动手机友好网页设计方案 移动网页手指友好触控设计

目前,移动阅读功能不断普及提高,开始优化你的网站以更好地适应移动平台和它的局限性将是你的要务。有很多简单的方法可以提高你的移动阅读网站,同时又不过量的改动你的网站。让您的网站液体宽度布局是使您的3G网站设计的朝着对移动装备友好的重要一步。它不但摒弃了你的网站周围的过剩的死空间,他还可以使之在许多不同平台和分辨率下查看。 尽人皆知,对触屏装备用户来讲,面积小的目标比面积大的目标更难操纵。所以,在设计移动装备界面的时候,触控目标一定要充分的大,足以让用户操作自若。但是多大才算充分呢?多大才是对大多数用户合适的尺寸呢?各大移动装备开发者已认识到这个问题,常见的做法是在各大厂商的用户界面设计文档中寻找答案。
设计文档怎么说 Apple的人机界面指南建议以44px*44px作为触控对象的小尺寸,而Microsoft建议不小于26px,Nokia则认为不应当小于28px。虽然这些指南给了我们关于触控对象尺寸的一个大概的衡量标准,但是它们彼此之间却并非一致,乃至这样的参数也和人类手指的尺寸大小不符。事实上,它们建议的尺寸比人类真实的平均手指尺寸小多了,这样很可能致使用户在使用移动应用时碰到相关的可用性问题。 虽然每一个设计文档都给出了大体的适合尺寸,但是我们可以看到各个设计文档都有所不同。实际上,有些他们所推荐的尺寸是远小于用户手指尺寸的,而正是这些误差致使了用户在操作过程中的种种问题。 小目标,大问题 如果触控目标太小的话,用户需要付出额外的精力来进行精确的点击。用户需要不断的调整他们的手指来点击目标并获得反馈。有的人习惯用指腹,这样可以覆盖整个目标区域,但如此以来就很难在点击的同时看到按钮的内容,也看不到点击的反馈。而有些人用指尖,这样可以在点击的同时取得视觉反馈。如果用户需要屡次尝试才能到达目标的话,就会影响任务操作的顺畅,耗费了不必要的精力,并且增加了用户的挫折感。 除此之外,小的触控目标还很容易导致误操作。当整站网页设计小的按钮被组合在一起的时候,用户很容易由于目标太小而点击到邻近的按钮,从而触发了其他动作。这样的误操作在用户使用大拇指进行操作时尤其明显。有些用户为了在点击的同时看到反馈乃至将手指侧过来进行点击,其实,这完全是可以避免的。 对用户来说,很多时候他们只有一只手来操作装备,单手握持装备的时候,大概就只能用拇指进行点击操作了。我们的设计不能因为用户用的是拇指而不是食指而出现更难点击的情况,更不能致使他们的误操作。 拇指的平均宽度 有的用户喜欢用食指进行操作,而用拇指的用户更是大有人在。二者的不同在于拇指更宽。一个成年人的拇指宽度大概是25mm,换算以后大约是72px。 对拇指用户来讲,72px宽的触控区域能够很好的进行定位,同时也能看到目标的边沿和角落,从而取得反馈信息。 Microsoft Research的一项研究发现,触屏用户的误操作数量随着点击目标的增大而减小,用户点击目标的速度也随之变快。 虽然增大目标的尺寸有诸多好处,但在某些情况下也有例外。大家都知道,移动装备的空间是很有限的,如果一味的增大按钮目标的尺寸,移动设备尤其是手机的屏幕肯定会不够用。所以在设计的时候,我们必须解决屏幕大小和点击目标大小之间的冲突和矛盾,在屏幕允许的情况下尽量的使用充分大的按钮目标,如果实在不行,我们还有设计指南的推荐尺寸可用。 食指的平均宽度 MIT的一项研究指出,大多数成年人的食指宽度为16-20mm,换算后大约为45-57px,在设计文档中,只有Apple的44px还比较接近。 如果触控目标的宽度能够到达45-57px,那末操作起来就很舒适了,并且在进行点击的时候,按钮的边沿是可见的,这样点击的反馈也能很好的体现出来。用户点击和拖放目标的速度也能大大提高。根据费茨定律,目标越小,到达目标的时间越长。小的目标需要用户付出额外的精力去精确的点击它,增加目标的宽度就不用担心这些问题了。 游戏中的运用 另一个我们需要斟酌的问题是用户什么时候用食指,什么时候用拇指。如果是在游戏当中的话,用户会更倾向于使用拇指进行操作,想一想PSP,NDS。所以,游戏运用中的控制区域要适合拇指的宽度。同样,触控目标的大小要既能舒适的控制,又能看到目标的反馈。 毫无疑问,只要是用手指来进行触控的运用,采取指宽尺寸的触控对象都能够提升它们的可用性。如果你的用户在进行任务时需要将部分的注意力转移到如何地使用手指上,这样的体验明显是不好的。时刻保持这个意识,你将能做出真正的对手指友好的设计。这并不是甚么小众的需求,而是移动3G网页设计的一个新的标准。
(一品威客 anyi)

吃什么可以治小便发黄
风湿疼痛怎么用药
肾炎的治疗方法
长期便秘怎么处理
本文标签: