在规划一个移动端的应用程序时,海淘科技告诉您应当牢记在心的最主要的一件工作即是务必要确保你的程序是有用且直观的。假如这个程序没有用处,那么对用户来讲就没有任何的实践价值,天然地也就没有人有任何理由去运用它。而假如这个程序有用但需求用户支付很多的学习本钱,用户天然也是不会愿意去投入学习的。
优异的界面规划都能够战胜以上两个疑问:
为了到达可用性意图,应用程序应当是以用户为中心的。用户之所以装置你的程序是由于他们需求处理某个急迫的疑问,也即是说,你的程序一定是要有实践用处的。你要细心思考用户会是怎样按着它们的方法测验去完结自个的目标需求的。
赋予界面满足的明晰度。为了有用运用他们面临的用户界面,大家首要有必要意识到这个界面是干吗用的又该怎样运用它。因而,在思考界面是不是还要明晰时绝不要犹疑。
以下是9个中心原则:
关于用户体会来说,用户的注意力无疑是一种十分宝贵的资本,而你的规划应当合理地分配这一资本。假如你的用户界面承载了比方按钮、图像、文本等许多杂乱的信息,必然导致信息过载给用户带来压力。
有一句出自 Antoine de Saint-Exupéry 得闻名的短语,即”到达完美,并不是好得不能再好,而是好得一点都不剩余。” 相似的,在移动规划中,摆脱掉全部并非肯定必要的信息是十分主要的,由于其削减了紊乱,而提高了用户的了解。
有一条简单的经历规律:每一个屏幕应当仅保留一个主要的动作。关于你的程序而言,其每一屏都应当向那些运用它的用户提供一个有实践价值的独立动作。这使的它易于学习,易于运用,易于在必要的时分参加或创立。比较于一个杂乱的屏幕,100个明晰的屏幕才是更可取的。
拿 Uber 来说,Uber清楚地知道用户运用他们应用程序的意图是叫到一辆车,所以程序中并没有掩盖太多信息: 它能够根据地舆数据主动定位用户的所在方位,唯一需求用户去做的工作就仅仅挑选上车方位。
对任何应用程序来说,协助用户导航前往精确的当地都是适当主要的一件工作。优异的导航规划就比方辅导用户旅程的一只无形的手。终究,假如用户都发现不了,那么再酷的功用特性或最最吸引人的内容也是没用的。优异的移动导航遵从以下基本原则:
(1)导航有必要是连贯的。首要,你应当运用恰当的标识物(精确的视觉隐喻),这么导航元素就不需求额定的解说阐明用户就能了解,其次,要确保每个导航元素(如图表)指向了精确的意图地。
(2)导航有必要坚持一致性。在不相同页面中,千万不要把导航控件移动到不相同的方位或者躲藏起来。这么会很简单运用户迷失掉的。
(3)导航应当传达出用户当时的方位。无法标明当时方位也许是咱们在应用程序菜单中最常看到的一个疑问。“我在哪里?” 是用户要成功的导航前有必要答复的基本疑问之一。
你不应当将移动规划视作是孤立的。对用户来讲,创立一个在移动端、桌面端和平板端无缝联系的体会是十分主要的。
以 Apple Music 为例,你在 Mac 端设置一个播放列表后会很快在 iPhone 上也看到该列表。 Apple 意识到在跨渠道间坚持这种数据的同步,创立出良好的无缝联系的体会是十分主要的。
比较于大的触控控件,小的天然更难于操作。当你在规划移动端的用户界面时,最佳是让你的控件的可接触面积满足大,这么用户才简单触及到。
控件的大最佳要控制在7 - 10毫米,这么用户方能够精确地运用手指触及到。;另一方面,用户在跟控件发生交互时,控件的边际应当是可见的,能够以明晰的视觉反应向用户传达他们的确触及到控件本身了。
另外,要确保不相同的控件间有适宜的留白区域。
比较于台式电脑,智能手机的屏幕要相对小的多,这就意味着怎样把很多的信息装到这个小屏中不得不说是移动规划的一大应战。您也许有一个挺吸引人的主意,即把所有信息都进行尺寸上的紧缩也照样能显现很多的内容。但无论怎样,你应当根绝这种主意。
对于移动端的一条经历规律:文本巨细应当起码在11pt摆布,好让用户在不用放大的状况也能够明晰的阅读。
经过增加行高或字符距离都能够进步易读性,适宜的很多的留白能够使一些最乱的界面也能够看上去简练不少。
应当运用色彩和比照度来协助用户检查宽和读你的内容。挑选出能够支撑你的程序可用性的主色调、次要色和强调色,确保不相同的界面元素间有满足的色彩比照度以使那些视力不佳的用户也能阅读运用你的程序。
关于运用有背景的文本来说,要确保文本的色彩和其背景色间有满足的比照度,好让文本有些明晰易读。W3C 中对于正文文本和图像文本的比照度给出以下的引荐比值:
小号文本跟其背景色的比照度应起码为4.5:1。
大号文本(14 pt bold/18 pt regular及以上)跟其背景色的比照度起码为3:1。
运用满足的比照度在手机上显得特别主要:由于用户也许在野外运用是,阳光的照耀会下降其比照作用。
图标和别的要害的元素相同应当遵从上述的比照度引荐值。
Steven Hoover 在他的“用户终究怎样运用移动设备”的研讨中发现,49%的人习惯于运用单个拇指来完结所有操作。鄙人图中,屏幕中不相同色彩的区域标明用户拇指能够触及的难度等级,其间,绿色区域表明很简单触及的规模,黄色则表明拇指要伸展开来才能够到,而要触达赤色区域则要求用户改动设备的手持方法。
将尖端菜单,高频运用的控件和公有的动作放在绿色区域是十分主要的,由于单拇指能够很舒服的跟它们发生交互。
另一方面,把那些具有否定含义的动作(比方删去或铲除)放在手指不简单触及到的赤色区域,由于咱们不期望用户意外的跟它们发生作用。
在手机上打字输入是一个缓慢而易于犯错的进程,因而最佳要尽量削减移动应用程序中所需的输入。
尽量移除那些不必要的输入域,坚持表单简略。
在适宜的当地,运用主动补全的功用或填入用户个性化数据,这么用户就只需求输入起码的信息。
若把你的规划方在一个大屏的电脑屏幕上看,其作用通常十分不错,但是,一旦放在一个实践的手机屏幕上测验,其作用乃至不及前者的一半。 即使是那些规划最为用心的用户界面,放在实在国际中也难免会包含一些不行见的缺陷,这即是为何咱们要让实在用户在多样的移动设备上测验咱们程序的因素。要把你的应用程序作为一个不断进化的实体,运用剖析得来的数据成果及用户的反应信息不断的提高你的用户体会规划。
就好像任何别的规划设计元素相同,这篇文章说到的许多原则也许仅仅咱们在开端能够参考的一有些。你要测验将这些原则跟自个的主意交融过滤,找出那些最佳的最适合自个的规划思路。一定要记住,规划不仅仅是面向规划人员——规划是面向用户,是为用户而规划的。