(单词翻译:单击)
The Wallaby app maximizes and organizes your wallet to save you hundreds of dollars each year by showing you which card to use while you shop. As the Lead User Experience Designer at Wallaby, I’ve seen the app go from a minimum viable product to being named a Best Financial App by Money Magazine. Here are 3 key tips that has helped us create an awesome user experience that can be applied to your own apps:
Wallaby是一款钱包管理工具,通过在购物时提醒你使用最合适的卡片,达到返现最大化,每年都可以帮你省下数百刀。作为Wallaby的首席用户体验设计师,我见证了它从一个小产品成长壮大直至被Money Magazine评为最好的财务类应用。这里的三条小窍门,指导我们设计出如此优秀的体验,希望也能被你所用:
1. Design for the Platform
1. 为不同的平台定制体验
iOS and Android have different conventions and standards that you should do your best to follow, some of which include:
iOS和Android有着不同的法则和标准,我们应该尽力去遵循,包括如下:
•Different sizes and resolutions
- 不同的屏幕尺寸和分辨率
•Android devices have a dedicated back button
- Android设备有个专门的返回的按钮
•iOS has tabs on bottom of the screen versus Android at top
- iOS的标签在屏幕下方而Android在上方
•Look and feel of UI components — date picker, on/off vs checkbox
- UI控件的外观——日期选择器,开关按钮对勾选框
When we first designed the Wallaby app for Android, we ported over the same look and feel from iOS, which led to a lot of angry Android users. Since then, we’ve adopted the Android look and feel and have seen our app rating rise constantly.
在设计Wallaby Android版本之初,我们使用了与iOS一样的视觉设计,导致了许多Android用户的抱怨。之后我们便采用了Android的规范进行设计,我们应用的评分就开始持续上升。
If you’re developing for both platforms, be sure to read read the Apple iOS Human Interface Guidelines and Android Design page. If you have access to both iOS and Android devices, get familiar with both —use each as your primary device for a few days and compare your favorite apps—to get a good sense of the subtle but important differences.
你要是开发双平台都适用的应用,确保你熟读了iOS和Android的设计规范。要是同时拥有iOS和Android的设备,就玩熟他们——把它们分别当成你的主设备用几天,然后比较你最喜欢的应用,从而加强对于那些重要不同点的意识,尽管它们很细微。
2. Get Feedback Early and Often
2. 尽早并且频繁收集用户反馈
1-star reviews hurt but you can learn a lot about what’s wrong about your product from them — whether it be about the app crashing, incorrect data or missing features. Not everyone wants to take the time to write a review, so let your users send you feedback other ways or contact your users to get their opinions. If you don’t give users an easy way to contact you, how will you ever know something is wrong?
一星评价总是让人觉得很受伤,但是你可以从中认识到产品的问题所在,是因为应用崩溃,数据错误还是某些功能的缺失。并不是所有人都愿意花时间去写个评价,所以让你的用户通过别的方式给你发送反馈,或是直接联系用户得到他们的意见。要是不提供用户简单的联系方法,你又怎会知道问题出在哪?
The Wallaby app offers multiple ways to send feedback on different screens. In addition, we send out emails and surveys about the app and what can be improved. For example, our #1 requested feature was support for online stores. We not only added support but we sent out surveys to see which stores were most popular to make sure we supported them. If users can’t find their store, they have the ability to submit it to us so we can add it to our database.
Wallaby在不同的页面中提供了多种提交反馈的方法。除此之外,我们还会给用户发送邮件或是调查问卷来得知那些应该改进的地方。例如,我们的首要功能是支持在线商店。我们不仅仅提供了支持还发送问卷用以调查哪些商店是最受欢迎的,并且确保我们是支持这些商店的。如果用户找不到他们想要的商店,他们可以提交给我们,让我们加入到数据库中。
3. Get Users to their Goals Faster
3. 让用户更快的完成他的目标
People are constantly on the go so any time that can be saved can greatly improve your app’s user experience. With mobile phones, you don’t have to start at a blank slate. Use the information you already have to create a faster, smarter user experience. With a mobile phone, you have access (with permission) to a wealth of data such as a user’s location, address book, pictures, calendar and much more.
用户常常忙个不停,所以任何时候帮助用户节约时间就可以大大提升应用的用户体验。在移动端,大可不必让用户从一个空白页开始任务,利用已有的信息来建立一个快速巧妙的体验。在获得授权的情况下,你可以利用许多有价值的数据例如用户的位置,联系人,照片,日历等等。
With the Wallaby app, the main use case of the app is advising which card to use. Earlier versions of the app showed a list of nearby locations when you launched the app and required you to select a place before the app would let you know which credit card to use. Now, you are presented with the same list of nearby locations but the app shows you which card to use right next to it, thereby skipping a step to get the information you need. You can still tap on the place to get get more detailed information if you want.
在Wallaby应用中,最主要的使用场景就是我们给用户建议他该使用哪张卡片。早期版本中,用户启动应用会看到附近商店的列表,用户需要选择一个消费的地点然后我们才会告诉用户该使用哪张信用卡。现在,用户也会看到和之前一样的附近商店列表,但是我们直接将推荐使用的卡片信息展现在了地点信息的边上,用户仍然根据需要可以点击这个地点得到更多详细的信息。
How could we improve this even more? By not even requiring them to launch the app. If you connect with Foursquare, you can check in with the Foursquare app and we'll send a push notification about what card to use. If your card has a special time sensitive bonus, such as the Chase Sapphire Preferred with triple points every first Friday of the month, we’ll push an alert that morning to remind you. We've also dabbled with wearables like Pebble and Google Glass, presenting the same information without having to take out the phone. For the online shoppers, we developed a browser extension, so users would be able to view their best card in front of their computer when shopping as well.
如何还能够做的更好?我们甚至不需要用户启动应用。如果你在使用Foursquare 签到(译者注:街旁的原型), 我们就会给你发送一个提醒,告诉你该用哪张卡片。如果你的卡片有特殊促销,例如Chase Sapphire Preferred (译者注:一种信用卡的名字)在每个月的第一个周五有三倍积分的活动,我们会在那天的早晨发送消息提醒你。同时,我们还与Pebble,Google Glass交互,你都不用拿出你的手机,就能在上面看到同样的信息。在电商领域,我们开发了一款浏览器插件,这样用户在线购买时也能看到推荐使用的卡片了。
Look at any highly rated app (not including games) and you’ll likely notice that the majority follow the designs and conventions of the platform so users will already have a sense of how to use the app. They collect lots of feedback, listen to their users and constantly improve their app. Finally, they are smart about what is shown and are always helping users accomplish their goals faster. You might have the greatest idea for an app but if the UX is poor, no one will use it. By following paradigms, getting feedback, and reducing friction, you’ll be well on your way to an improved user experience and a 5 star app.
看看那些高评分的应用(游戏除外),你会发现大部分都遵循了平台的设计规范,这样用户对于该如何使用这个应用就有了基本的意识。他们收集用户的反馈,聆听用户的需求并且持续改进体验。最后,他们对于那些能帮助用户更快完成目标的设计都处理得很聪明。你也许有很漂亮的点子,但是如果体验不好,没有人会去用它。遵循规范,收集反馈,降低用户使用的阻力,这些能帮助你的应用提升体验并且得到五星。