- 浏览: 80948 次
- 性别:
- 来自: 北京
文章分类
最新评论
导读:本文是来自移动应用开发公司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上面的官方邮件应用 (译者:又是老生常谈的例子),用户可以在收件箱中通过横扫邮件标题激活删除功能,这就免去了用户点击“编辑”、选择邮件、选择删除的麻烦。这里我们发现有个平衡点:老用户可能发觉出用手势完成快速删除,同时保留“编辑”按钮以便不熟悉的用户完成删除、标记等其它操作。所以,善用手势但不能过分倚重手势,一般来说要最好不要用手势操作替代菜单等需要点选操作的界面元素。
总结
如果要用一句话概括文本提到的点点滴滴,那就是:好的设计是经过深思熟虑的。带着审慎的态度全面的考察你的设计,真正的从用户的角度出发想问题。不要试图走走捷径,也不要跳过测试,不要设计出连你自己都拿不出手的东西
在了解了跨平台移动应用设计的利弊和移动应用开发常见错误之后,你想到了一个不错的应用创意,你甚至连应用的名字都想好了,接下来该干什么?
现在,我们要谈谈设计了。你需要考虑移动应用的功能结构、用户流程等问题,而这些并不是那么容易。考虑到进入开发阶段我们会涉及到诸如需求变动、项目管理等棘手的问题,所以在设计阶段,我们需要给自己制定一些原则,并且要切合实际的开展工作。这样我们才能开发出一款好用又有趣的应用。忽略这些潜在的问题而盲目瞎干,你很有可能在此后的开发阶段陷入灾难。
本文试图帮助移动应用设计者在工作中避免一些难缠的麻烦,希望你的应用以及你的设计思路均能因此受益。
错误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上面的官方邮件应用 (译者:又是老生常谈的例子),用户可以在收件箱中通过横扫邮件标题激活删除功能,这就免去了用户点击“编辑”、选择邮件、选择删除的麻烦。这里我们发现有个平衡点:老用户可能发觉出用手势完成快速删除,同时保留“编辑”按钮以便不熟悉的用户完成删除、标记等其它操作。所以,善用手势但不能过分倚重手势,一般来说要最好不要用手势操作替代菜单等需要点选操作的界面元素。
总结
如果要用一句话概括文本提到的点点滴滴,那就是:好的设计是经过深思熟虑的。带着审慎的态度全面的考察你的设计,真正的从用户的角度出发想问题。不要试图走走捷径,也不要跳过测试,不要设计出连你自己都拿不出手的东西
发表评论
-
Android SDK下载速度慢无法更新?使用国内镜像站加速
2016-01-29 18:18 694https://blog.kuoruan.com/24.htm ... -
探秘腾讯Android手机游戏平台之不安装游戏APK直接启动法
2014-08-01 12:02 372原文地址:http://blog.zhourunsheng.c ... -
关于ViewPager和Fragment
2014-07-07 14:18 986原文地址:http://www.cnblogs.com/iho ... -
Android移动操作系统的脆弱性分类研究
2014-03-18 14:46 587下载地址:http://www.paper.edu.cn/re ... -
Android实战技巧:深入解析AsyncTask
2014-03-06 11:21 320原文地址:http://blog.csdn ... -
Ubuntu android真机调试
2014-03-06 11:01 423关闭adb服务,切换到root,重启adb服务,离开root ... -
64位Ubuntu配置android环境报错(...adb": error=2, 没有那个文件或目录)
2014-02-07 13:29 563原文地址:http://blog.csdn.net/jayho ... -
【Android 声音处理】MediaPlayer和SoundPool
2014-01-14 17:08 1868原文地址:http://blog.sina ... -
Android自定义组件之一:View详解
2013-07-15 16:08 738原文地址:http://www.eoeandroid.com/ ... -
Android中error inflating class fragment
2013-06-19 17:21 1051原文地址:http://blog.csdn.net/qp120 ... -
拿来主义Android优秀开源项目
2013-06-05 11:57 849http://dengzhangtao.iteye.com/b ... -
android sqlite db-journal文件产生原因及说明
2013-06-05 11:37 3507原文地址:http://blog.csdn.net/chthq ... -
Android系统自带Camera方向判别
2013-05-22 16:40 633使用了OrientationEventListener, 也就 ... -
android onTouchEvent和setOnTouchListener中onTouch的区别
2013-03-27 10:35 680原文地址:http://blog.csdn ... -
Android源码编译整理总结
2013-01-08 11:37 656原文地址:http://www.cnblogs.com/hoj ... -
安卓图表引擎AChartEngine(一) - 简介
2012-12-20 17:47 919原文地址:http://blog.csdn.net/lk_bl ... -
微技巧:Android手机隐藏指令大全
2012-12-07 11:36 732原文地址:http://news.xinhuanet.com/ ... -
自定义控件(attrs定义属性的使用)
2012-12-04 11:38 1126这里为了演示使用自定义变量,字体大小改用自定义的属性。 首先 ... -
二进制在数学中的妙用
2012-11-14 15:50 774原文地址:http://blog.csdn.net/hackb ... -
国外程序员推荐:每个程序员都应读的书
2012-11-06 10:58 770原文地址:http://blog.jobbole.com/58 ...
相关推荐
软件设计规范可以确保软件的质量、可靠性和可维护性,避免软件开发过程中的错误和缺陷。软件设计规范可以提高软件的开发效率和质量,降低软件的维护成本和风险。 2. 软件设计规范的组成部分 软件设计规范通常包括...
本文将带你深入了解Swift的特点、语法、应用领域以及对开发者和移动应用开发的重要意义。 一、Swift的特点 1. 现代化:Swift采用现代化的编程范式和设计理念,使得代码更简洁、易读、易维护。它引入了许多新特性,...
如上一节所说,本书还从实现者的角度出发,力图澄清移动I P标准文件中的明显错误、 用词不当之处和令人疑惑的地方;还力图帮助那些想采用移动I P技术的人了解其中的安全隐 患,并解释了消除和减轻这些安全隐患的方法...
"基于移动互联网的智能车载APP.pdf" ...本文设计了一种基于移动互联网的智能车载APP,旨在提供智能的车载诊断服务,提高人们驾驶的安全系数和汽车的运行状况。本文的研究结果将有助于汽车行业的发展和人们生活的改善。
Nicelabel是由Euro Plus推出的一系列为桌面用户、企业用户以及移动终端用户专业提供条码和RFID标签设计及打印解决方案的软件,在防伪印刷、物流流通、工业生产等各大领域应用良多,是各类产品生产厂家、产品流通行业...
Android 作为移动操作系统,已经成为当今最流行的移动平台之一,而 SQL Server 作为关系型数据库管理系统,广泛应用于企业级数据库管理中。随着移动设备的普及,Android 应用程序需要与后台数据库进行交互,以实现...
exception 表示一种设计或实现问题。也就是说,它表示如果程序运行正常,从不会发生的情况。 19、同步和异步有何异同,在什么情况下分别使用他们?举例说明。 如果数据将在线程间共享。例如正在写的数据以后可能...
计算机应用基础试题及答案2020- 卷面总分:100分 答题时间:70分钟 试卷题量:50题 一、判断题(共50题,共100分) 1.计算机开机时应该先开外部设备电源,再开主机电源。 正确 错误 正确答案:正确 您的答案: 2....
由于Android构建在开源代码的框架之上,而且提供了强大的SDK库和开放的理念,所以它为广大的没有任何移动应用程序开发经验的新手开辟了一条开发完美的移动应用程序的康庄大道。而富有经验的移动开发人员现在也可以...
大数据在物流中的应用全文共3页,当前为第1页。大数据在物流中的应用全文共3页,当前为第1页。大数据在物流中的应用 大数据在物流中的应用全文共3页,当前为第1页。 大数据在物流中的应用全文共3页,当前为第1页。 ...
3. 移动设备:在移动设备中,动态内存检测可以检测程序中的内存使用错误,避免程序崩溃、数据丢失等问题。 基于源代码插装的动态内存检测方法是 Linux 平台下一种非常有用的技术,可以提高程序的可靠性、安全性和...
Excel打印中如何不显示错误值符号 对于一些不可打印的字符的处理 用那个函数可将个位数前面的零值显示出来? 如果你要在A3的前面插入100行 请问如何每隔30行粘贴一新行 在工作表里有连续10行数据, 现在要每行间格2行 ...
GPRS网络广泛应用于移动通信领域。 知识点5:智能化采集 智能化采集是指使用GPS终端和GPRS网络对资源进行采集和录入的过程。智能化采集可以提高工作效率和准确性,避免人工错误。 知识点6:系统设计 该系统的...
超级玛丽小游戏的JAVA程序,进入游戏后首先按空格键开始,利用方向键来控制的马里奥的移动,同时检测马里奥与场景中的障碍物和敌人的碰撞,并判断马里奥的可移动性和马里奥的生命值。当马里奥通过最后一个场景后...
使用Visual Studio 2010, 专业开发人员能够: 使用改进后的可视化设计工具、编程语言和代码编辑器,享受高效率的开发环境 在统一的开发环境中,开发并调试多层次的服务器应用程序使用集成的可视化数据库设计和报告...
AODV(Ad hoc On-Demand Distance Vector)是一种按需路由协议,广泛应用于无线移动自组网中。无线移动自组网是一种可移动、多跳和自治式的无线通信系统,广泛应用于传感器网络及商业领域。为了实现AODV路由协议在...
减少错误,避免了人工操作的失误(手工录入错误、手工写入错误);提高品牌形象,应用了先进的订货会系统,提高了管理理念;提高了订货速度和效率。 五、结论 物流行业订货移动信息化解决方案-无线PDA订货会解决...
PM最初的设计构想是成为Windows的一种保护模式版本,但是图形API改变程度太大,致使软件生产厂商很难提供对这两种平台的支持。 到1990年9月,IBM和Microsoft之间的冲突达到了高峰,导致这两个公司最后分道扬镳。IBM...