加载中 ...
首页 > 运营 > 交互 > 正文

移动应用设计中应避免的10种错误

2019-05-07 19:04:57 来源:

导读:本文是来自移动利用开辟公司Sourcebits系列文章Mobile App Trends Series(译者:此网站要梯子)中的一篇,文章内容合适初涉此范畴的读者,现翻译以下。

在领会了跨平台移动利用设计的利弊和移动利用开辟常见毛病(译者:此两篇翻译中)以后,你想到了一个不错的利用创意,你乃至连利用的名字都想好了,接下来该干甚么?

此刻,我们要谈谈设计了。你需要斟酌移动利用的功能布局、用户流程等题目,而这些其实不是那末轻易。斟酌到进入开辟阶段我们会触及到诸如需求变更、项目办理等辣手的题目,所以在设计阶段,我们需要给本身拟定一些原则,而且要符合现实的展开工作。如许我们才能开辟出一款好用又有趣的利用。疏忽这些潜伏的题目而盲目瞎干,你很有可能在尔后的开辟阶段堕入灾害。

本文试图帮忙移动利用设计者在工作中避免一些难缠的麻烦,但愿你的利用和你的设计思绪均能是以受益。

毛病1. 在弄清用户流程之前慌忙起头界面(草图)设计

?

在起头界面设计前,我们要先把完全的用户流程具体的走通顺走清晰。哪怕是再简单的利用,为了确保用户流程逻辑准确、界面结构公道,我们需要频频斟酌用户流程并绘制近似上面的流程图。别的值得注重的是,最好把关头功能绘制在流程图接近顶部的处所,而不是被层层分支覆没在底部。

跳过此环节而轻率的起头界面设计,终究开辟出的利用极可能在利用流程上不敷清楚公道,用户上手后不得其解,乐趣索然。

毛病2. 低估开辟本钱

设计师在Photoshop中画出的任何工具,终究都需要经由过程开辟职员的代码在屏幕上表示。本来只需几小时开辟的功能,因为设计师的一个看似细微的改动,可能会多花费几天的开辟时候。所以,在设计进程中要避免弄巧成拙。

换句话说,若是设计师主导了移动利用功能的弃取,那后果会很严重。举个搜刮框的例子,本来相对简单的一个功能,设计师灵光乍现——在用户输入关头词的同时不竭给出及时的搜刮成果。这个看似细节的改动,极可能闪开发职员就地吐血。像这类的功能改动最好颠末多方会商后做出决议计划,而不是任由设计师自说自话。

毛病3. 在低分辩率下设计,利用位图文件

始终对峙为Retina屏幕的高分辩率绘制设计图,然后以此输出低分辩率版本图片。这对内行来讲是常识,我们在这里再烦琐几句。年夜家都知道,移动装备的常见屏幕尺寸是愈来愈八门五花(以iOS平台 为例,迄今需要斟酌的就有4种分辩率)。所以,绘制高分辩率版本的图片,乃至是利用矢量图而不是位图,这些有助于设计师效力最年夜化,和更好的应对将来的新硬件。

毛病4. 触摸区域太小

通俗人的食指触摸面积在1.6至2厘米见方,并且在利用移动利用的年夜大都时候里,他们的手指飞快的擦过屏幕。设计移动利用界面需要时刻提示本身这一点,用户的触摸其实不能像鼠标点击一样切确。看看你的设计是否是在一屏里包括了太多的按钮等功能触发点,按钮是否是足够年夜,间距是否是足够宽,会不会产生用户点选不到或误按其它按钮的题目?

毛病5. 滥用开场动画

在启动时播放一段精美的动画仿佛是个不错的设法,但切忌不要为了动画而动画。Path和Thrillist’s JackThreads利用很酷的开场动画是由于这些利用启动需要一些时候,在法式完成加载之前用户甚么也不克不及做(译者:Path启动貌似没有啥动画,莫非是针对老版本说的?)。这类环境下,为用户筹办一段简短愉悦的动画以消弭期待的焦炙就显得很应时宜了。

因为利用启动时必需起首显示一张静待图片(译者:如iOS利用的Default.png),然后才能切换到动画,所以务必确保这个切换看起来完美无缺。一些欠好的例子在处置这个环节的时辰发生了不调和的跳转或闪屏,这都是需要避免的。(译者:优酷iPad利用的初期版本存在这类切换,处置中有一闪而过的黑屏,此刻的版本把动画直接去失落了)

毛病6. 让用户手足无措的原地期待

在法式加载、处置数据、或期待收集反馈时不给用户实时的反馈,会让用户误以为利用挂了,这也是一种欠好的用户体验。

举例来讲:经由过程收集加载数据的同时,不要让用户傻傻的盯着一个空缺的屏幕期待,显示一个转菊花或动画殊效甚么的,让用户大白利用运行正常,只不外是在期待收集数据。若是能显示数据读取的进度条那就更好了,不外事前和开辟职员筹议一下开辟难度(参考本文第二点)。

毛病7. 盲目鉴戒其它移动平台气概

糟的剽窃只会让用户感应迷惑和愤慨。每个移动平台都有本身的气概,平台厂商也已根据其平台本身的审美诉求撰写近似苹果的Human Interface Guidelines之类的指点性文档(译者:Android此刻也有近似的文档)。在iPhone上开辟近似Windows Phone 7的Metro气概利用就极可能让习惯了iOS的用户感应无从下手。

我想说的是,你的利用其实不必然要和官方利用如出一辙,但也不克不及看起来另类到像不属于这个平台一样。

毛病8. 过度拥堵的界面

在高PPI下设计移动利用界面,你可能不知不觉中就在一个屏幕里放了太多的工具。在27″的iMac屏幕上看设计图,你的设计是那末的心旷神怡。请在移动装备上再多看一眼(哪怕仅仅是把设计图导入手机相册看),可能就不是那末回事了。在一个屏幕内塞太多的元素,会让用户操纵起来吃力,乃至覆没了最主要的信息。

毛病9. 以为所有效户都和你一样的利用利用

不管你的利用界面看起来有多赞,都要做可用性测试。你可以在熟人圈内展开小范围的beta测试,记住让一些资深的设计师也加入。按照他们的反馈,在终究发布前调剂界面。你也能够在Craigslist上发布告白,约请一些学生来试用新产物,记得供给比萨或一点报答甚么的。

毛病10. 健忘利用或滥用手势操纵

记住其实不是所有界面元素都必需直不雅的被用户看到,有时我们可以埋没一些欣喜。

拿iPhone上面的官方邮件利用 (译者:又是陈词滥调的例子),用户可以在收件箱中经由过程横扫邮件题目激活删除功能,这就免除了用户点击“编纂”、选择邮件、选择删除的麻烦。这里我们发现有个均衡点:老用户可能觉察出用手势完成快速删除,同时保存“编纂”按钮以便不熟习的用户完成删除、标识表记标帜等其它操纵。所以,善用手势但不克不及过度倚重手势,一般来讲要最好不要用手势操纵替换菜单等需要点选操纵的界面元素。

总结

若是要用一句话归纳综合文本提到的点点滴滴,那就是:好的设计是颠末沉思熟虑的。带着谨慎的立场周全的考查你的设计,真实的从用户的角度动身想题目。不要试图逛逛捷径,也不要跳过测试,不要设计出连你本身都拿不出手的工具。

英文原文:mashable ?

编译:伯乐在线 - 陈远

“广域创业网”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服邮箱,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。