Android应用UI设计和用户体验的10个要点

随着移动互联网超越其他产品飞速发展的大势&＃xff0c;越来越多的开发者开始向移动应用开发转移&＃xff0c;利用优秀的创意在业余时间开发应用。

每个应用开发都会有这样一个阶段&＃xff1a;产品基本完成&＃xff0c;接下来干什么&＃xff1f;听说过“用户体验”吗&＃xff1f;接下来&＃xff0c;我们来看十个技巧&＃xff0c;以其帮助新的开发者在应用发布前&＃xff0c;最大限度的挖掘潜能&＃xff0c;降低差评和低下载量等等风险。

1、初开启体验

优秀的网站和应用有相同的优点&＃xff1a;都能够在瞬间就吸引住用户或访问者。如果你做不到&＃xff0c;用户可能点几下鼠标就走了。大多数用户不会浪费时间去想你这货到底是怎么用&＃xff0c;或者去看复杂的说明书。他们只会选择放弃该应用。

当你打开一个应用&＃xff0c;你的脑袋里就仨问题&＃xff1a;我在哪&＃xff1f;我现在能做什么&＃xff1f;过一会能做什么&＃xff1f;

试着通过你的应用让用户迅速的得到答案。如果你能很快的告诉用户这是个适合他们的产品&＃xff0c;那么他们会选择继续尝试。

图&＃xff1a;Gowalla有着良好的初开启体验

2、有效输入方式

开发者们想一想你到底怎么用你的手机&＃xff1a;手机躺在桌面上&＃xff0c;连接到你强大的PC上&＃xff0c;或许还一直开着背光。但你再想想用户呢&＃xff1a;走在熙熙攘攘的街道上&＃xff0c;一手拿咖啡&＃xff0c;一手拿手机查看昨天晚上球赛的结果或者其他小道消息。

在多数情况下&＃xff0c;人们只使用大拇指来操作。忘了多点触摸以及类似的复杂输入方式&＃xff0c;而是多考虑滑动和触摸方式。让用户快速解决屏幕和信息的切换和导航。简单的说&＃xff0c;要善用和节约用户的输入操作。

图&＃xff1a;Tasko只要简单操作就可以添加新任务

3、对比度

当你开发应用的时候&＃xff0c;你可能是在光照充足的房间对着你的XX寸大屏幕&＃xff0c;但用户可不是这样的。不可避免的&＃xff0c;用户会在光照强烈的环境下使用手机。这会对屏幕的显示效果产生影响&＃xff0c;设计时应当加以考虑。在上述条件下&＃xff0c;可能会导致细节丢失&＃xff0c;颜色难以分辨&＃xff0c;某些区域甚至可能因为光照而无法看见。

这并不说咱们只能将界面设计成黑白的&＃xff0c;抛弃那些美好的想法。这只是说&＃xff0c;一些重要的元素应当有一定的对比度&＃xff0c;使之在复杂条件下能快速识别。如果你想要给某些元素上色&＃xff0c;那么要添加一些文字标签。如果你想用小心思来建立独特的风格也不是不行&＃xff0c;但你要确保UI在无法清晰显示时依然能够正常操作。

设计清晰明了&＃xff0c;突出呈现最重要的功能&＃xff0c;将任何不重要的内容拿掉。

图&＃xff1a;SoundHound有许多选项&＃xff0c;但主功能字体明确清晰

4、别让用户等待

没有人愿意等&＃xff0c;特别是在移动领域。我们在旅行途中回复邮件&＃xff0c;在出门的时候看天气预报。这都是利用碎片时间去做琐碎的事情。所以开发者需要增强应用表现&＃xff0c;设计良好的UI&＃xff0c;让用户所需结果的更快更好的呈现。

当然了&＃xff0c;所有人都知道&＃xff0c;有些任务不是马上就能执行&＃xff0c;比如需要从网上下载数据包。但是不要让用户无聊的等待。要让他们感觉到这个事儿正在进行中。为比如载时间较短则添加旋转图标&＃xff0c;加载时间较长使用进度条。但是&＃xff0c;绝不要让用户面对空白屏幕。

等待总是令人讨厌&＃xff0c;但你起码要让用户知道需要等待多久。

图&＃xff1a;Google Reader在顶端显示旋转符号&＃xff0c;用户就明白自己正在等待什么

#p#

5、别忘了横屏

有时&＃xff0c;你或许会忘记手机设备不只有单一的纵向呈现。虽然多数人能够适应只支持纵向模式的应用&＃xff0c;但确实有某些人喜欢横向使用他们的设备&＃xff0c;尤其是那些有着实体键盘的设备。随着Android平板电脑的流行&＃xff0c;这类用户的数量可能会逐渐增加。

不要有那种错误想法&＃xff1a;以为横屏的时候只要拉宽应用界面就可以了。横屏的用户体验完全不同。因为这时你可以用两个拇指操作&＃xff0c;输入更方便。而且阅读习惯也变成了从左至右。事实上&＃xff0c;如果你的应用有大量的阅读需求&＃xff0c;那你一定要设计个不错的横屏模式。

你可以带给用户完全不同的横向体验。利用横屏的不同去展示更多信息。例如屏幕上方的按钮可以搬到一侧&＃xff0c;利用横屏&＃xff0c;地图、图表和图片还有阅读都可以呈现新的信息。

图&＃xff1a;YouToube为不同的横屏和竖屏分别设计布局

6、分享的目的也是构建完整应用操作流程

尽管你可能为不同的用途设计了各种各样的应用程序&＃xff0c;但它只是一系列动作系列的一个步骤。

想想现在智能手机的功能吧&＃xff1a;电话、联系人、短信、Email、浏览器、拍照和视频、GPS导航等。这些已经有的&＃xff0c;用户已经很熟悉了&＃xff0c;别在这上面浪费精力。

让我们来看一个简单的流程&＃xff1a;接到邀请你去某地的电话&＃xff0c;看时间&＃xff0c;看天气&＃xff0c;Google Maps搜索&＃xff0c;然后Foursquare签到。那么&＃xff0c;你的应用要加在哪个环节呢&＃xff1f;没有人会单纯为一个目的而长时间折腾手机。但是如果你的应用还不错&＃xff0c;他们可以把它将其融合到平时的手机使用中。

注意&＃xff0c;要让用户方便的使用分享的功能&＃xff0c;使他们交替使用你的应用和其他应用。

图&＃xff1a;许多应用会直接绑定Android的分享机制Share

7、让你的应用更具特色

Android Market里已经有了几十万款应用。你或许会思考&＃xff0c;如何从中脱颖而出。如果你又做了一个无聊的数独&＃xff0c;或者是基于官方代码范例的记事本什么的&＃xff0c;那就很别指望什么下载量了。但也别以为市场就没有空间了&＃xff0c;用户喜好各不相同。无论你选择的是哪个方向&＃xff0c;要整出点特色。如果将你的应用视为住在智能手机中的一个人。在与你交流的时候&＃xff0c;你希望自己的“应用人”聪明可爱&＃xff0c;还是精明灵巧&＃xff0c;或是滑稽搞笑&＃xff1f;

在你创建应用的开始就得想着这点&＃xff1a;人们喜欢与其个性贴近的应用。如果你做照片分享应用&＃xff0c;可以添加主题和徽章。如果做一款LBS应用&＃xff0c;可以考虑将其简化至最基本的功能。应用设计初衷的一点点改变都可能会改变应用和用户的使用习惯。

图&＃xff1a;Feedly engadget使用类似于杂志的呈现方式

#p#

8、遵守平台规则

不管你是不是想做一款独特的应用&＃xff0c;但这不是说每个地方都要特殊化。谷歌对于Android应用的设计和开发提出了许多指导方针。你得熟悉这些规则&＃xff0c;而且不要以为大家有很多时间去研究你的应用&＃xff0c;更不要让应用中遍布自己设计的玩意&＃xff0c;这会让用户更没耐心。试着使用Android手机&＃xff0c;用户得去适应触摸、输入、摇动等操作。他们还得认知输入区域、选择框、对话框和菜单等。你还想给他们加点活吗&＃xff1f;

使用简单直观的样式&＃xff0c;用大图标来呈现主要功能&＃xff0c;添加标题作为最主要或者常用功能的入口&＃xff0c;让用户能随时返回主屏幕。不要擅自改动系统指导方针的模式&＃xff0c;除非你能做出特别显著的提升。认真研究谷歌的界面和平台规则&＃xff0c;并在开发应用时注意。当然&＃xff0c;还是那句话&＃xff0c;如果你有信心能有特别大的提升&＃xff0c;你可以勇敢去做。

图&＃xff1a;catch notes里用户的多数动作可利用大图标功能实现

9、反复测试

我们必须承认&＃xff1a;所有的用户都是不同的。你可能用尽所有心力去做一款应用&＃xff0c;也不能令所有人都满意。甚至连想符合多数人的口味都是件很困难的事情。

别误会&＃xff0c;这不是找借口的。在发布应用前&＃xff0c;考虑到不同用户的习惯&＃xff0c;你可以寻找不同的人来测试&＃xff0c;找出问题和漏洞&＃xff0c;以及不合理的环节设计。大公司可能会找数百名试用者在实验室里进行体验活动。虽然这可以提升应用UI&＃xff0c;但多数独立和小团队开发者没有这个时间和精力。你可以想点成本更低的办法&＃xff0c;比如买些小礼物&＃xff0c;从同事和好友开始&＃xff0c;然后再找些陌生人。多数人都愿意体验新事物&＃xff0c;只要你礼貌点&＃xff0c;或者顺便提供一些小奖励。

细致地观察使用过程。告诉他们应用的最终目标&＃xff0c;尽量少提供帮助&＃xff0c;但也别让他们卡在某个环节。这样你就好找出应用不合理的地方和漏洞。

10、发布到Android Market

你已经完成了自己的首个应用&＃xff0c;别得意。不要犯许某些浅显的错误。当然&＃xff0c;谁都想着赶紧发布应用&＃xff0c;看看大家有什么评价。稍等&＃xff0c;最后有些步骤能帮你收到更好的效果。

上传到Android Market的应用应当包括&＃xff1a;清晰明了的功能描述&＃xff1b;大尺寸的应用图标&＃xff1b;在Android Market上的小型推广条幅&＃xff1b;显示在网页市场里应用旁边的较大“推荐”图像。

不要低估这四个地方。精心和细致的在这方面加点力气&＃xff0c;用户会感觉到你是一个用心的开发者。如果对写作或者PS不擅长&＃xff0c;花点钱也不是丢人的事儿&＃xff0c;而且也不费时间不是吗。

当然&＃xff0c;你还可以顺手注册Twitter&＃xff0c;搞点应用宣传&＃xff0c;最好是一开始就能让用户对你的应用充满兴趣。