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

导读:本文是来自移动应用开发公司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 编译:伯乐在线 - 陈远

时间: 2024-10-02 17:25:13

移动应用设计中应避免的10种错误的相关文章

Web 设计中最常用的 10 种色调以及它们的示例

程序员痛苦之色彩篇,你会做网页配色吗,是不是做出来的网页发现颜色很不协调,像某些菜馆里服务员穿的大红大绿的衣服.本文主要介绍一些在 Web 设计中常见的配色方案,好好学习下,避免做出来的网站跟 oschina 一样. 红色 Red Red symbolizes passion, aggressiveness, power, and also help stimulate the energy, vitality. This color has a productivity effect, str

网页设计中META标签写法的常见错误及后果

错误|设计|网页|网页设计 网页设计中META标签写法的常见错误及后果[摘要]:网页设计中META标签描述和关键词写法的常见错误包括:整个网站所有的网页使用同样的META标签内容,META标签中网页介绍信息与网站内容缺少相关性等.本文归纳了网页设计中META标签写法的常见错误,并分析了出现不合理的META标签设计的可能后果. 网页设计中META标签写法的常见错误及后果 搜索引擎优化通常会涉及到网页META标签的话题,META标签内容写作的是网络营销导向网站建设中网页设计的基本工作内容之一,在网络

制定营销计划常犯的10种错误

错误     市场营销计划几乎是所有赢利性组织的核心计划之一,正确的市场营销计划往往为公司的成功作出了最基本的贡献.市场营销计划是用来回答公司经营的三个基本问题的核心文件,这三个问题是:我们现在在哪里(对现状进行分析).我们想到哪里去(形成公司的战略方向和目标).我们怎样到那里(选择战略和营销组合).     经过调查发现,90%以上的公司营销高级主管参与了营销计划的制定过程,平均每年有45天左右的时间来从事这项工作.营销计划的基本框架和产生的过程对营销计划的正确与否起着关键的作用.一般来说,制

网页设计中常遇到的10个小问题

在这篇文章中说了几个在设计中常遇到的问题.希望你看完之后,在你设计网页的时候想想要如何解决这些问题.那么我写这篇的文章目地也达到了. 1.要记住你只有4秒的时间 在整个internet中日均页面访问只有4秒.这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动.所以你要尽可能精确的来说明你这个网站最主要的功能是什么.如果一个网站打开的时间超过了浏览者等待的时间,那么浏览者将会失去兴趣,最终的结果是浏览者去别的网站.(木木:这就意味着:我们在设计首页时尽可能的简化,并加速打开网站的速度.)

列举游戏设计中应回避的20个坏习惯

作者:Jorge Diaz 人人都有坏习惯.可以说,坏习惯是人们日常生活中的一部分,不管我们是否喜欢,它们都将影响我们的日常工作.到底应该如何定义坏习惯? 坏习惯可以指那些定期重复且下意识出现的负面行为.游戏开发可以说是一个重复循环的周期或过程,但是我们要如何定义设计坏习惯?这个问题就跟定义游戏设计师一样困难. 我们可以说游戏设计是关于设计游戏内容和规则的过程,而"内容"则包含声音,关卡,对话等方面.我将在这里列出我所知道的20个不良设计习惯,它们也适用于游戏之外的一些创造性领域. 游

在移动界面设计中应用费茨法则

  在人机交互理论中,费茨法则是非常基本的准则.无论是桌面界面设计还是笔记本的界面设计,都要遵循这一定则,对于日益复杂的移动设备来说,这一法则是否依然适用?我们一起来探索一下. 首先,来了解一下什么是费茨法则.Fitts法则最基本的观点就是任何时候,当一个人用鼠标来移动指针时,屏幕上的目标的某些特征会使得点击变得轻松或者困难.目标离的越远,到达就越是费劲.目标越小,就越难点中. 从鼠标到达目标的时间可以用公式Time = a + b log2 ( D / S + 1 )来计算. 其中:D:鼠标达

IT公司中最流行的10种编程语言

导读:近日bcahub.shareittips.com作者Akash Padhiyar发布了一篇题为"10 Popular Programming Languages In IT Companies"的文章,译文如下 1. C语言 C语言是一种通用性的编程语言,由Dennis Ritchie于1969年-1973年间在贝尔实验室为Unix操作系统而开发. 尽管C语言是为实现操作系统软件而设计的,但它也广泛的应用于开发便携式应用软件. 代码: #include <stdio.h&g

网站界面设计中应该避免的六个错误

网站的界面设计是否精美决定着你的网站是不是足够吸引客户?很多设计师很迷茫,到底网站该重功能还是重设计,无法去满足所有用户的需求.下面小编为你总结了在网站界面设计中应该避免的六大错误,教你怎么留住客户. 避免程序太过复杂:必须使你的客户从打开网站到完成交易的整个过程都非常简单.安格瓦斯基表示,评估网站设计优劣时首先要站在顾客和浏览者的角度思考.从用户的角度出发,是作为一个网站最先应该考虑的.要让客户买得舒心才是最终目标. 避免全而不精:一个网站不可能面面俱到.仔细挑选要放上网的内容,精心组织,做到

Python程序员开发中常犯的10个错误_python

Python是一门简单易学的编程语言,语法简洁而清晰,并且拥有丰富和强大的类库.与其它大多数程序设计语言使用大括号不一样 ,它使用缩进来定义语句块. 在平时的工作中,Python开发者很容易犯一些小错误,这些错误都很容易避免,本文总结了Python开发者最常犯的10个错误,一起来看下,不知你中枪了没有. 1.滥用表达式作为函数参数默认值 Python允许开发者指定一个默认值给函数参数,虽然这是该语言的一个特征,但当参数可变时,很容易导致混乱,例如,下面这段函数定义: 复制代码 代码如下: >>