这5个实用技巧,教你设计出更好的Ap...

  • 经验类型教程原作者:Sparklin

  • 经验属性自译外文
  • 经验版权署名-非商业性使用
2101 2 10 2019-02-17

三年前,谷歌公司分享了一项研究:用户平均会安装36个app在手机上,但每天都使用的只有9个。据统计,只有4%的app会被使用一年以上。


所以,能运用基本用户体验设计原则来设计出更好的app,对公司大有裨益。一个实用的app可以让用户高度参与,以此来降低卸载应用的机会。更好的使用体验,用户留存时间增长,也是能让app口耳相传的主要原因之一。毕竟,除了在应用商店被发现,52%的用户来源是亲朋好友的互相安利。


下面分享五个技巧,可以帮助你设计出更好的移动端app。


01 实用性和用户目标


设想一下,当你站在一个陌生城市的陌生街道上,突然一阵妖风,开始下起了暴雨。你打开了朋友强烈安利的一款打车app,此时此刻你最需要的是什么?

“我想尽快呼叫到一辆出租车。”


Image title

用户的首要目标是什么?


如果你们的用户可能遇到这样的情况,那就根据他们的需求来设计产品。创建一个用户体验流程——能让他们在最短的时间,以最简便的步骤预订到出租车。没有噱头或者花里胡哨的东西——就是简简单单满足用户期望!

Image title

你会想先评价司机还是先打车?


当你打开app准备叫车时,干嘛要弹出一个窗口让你给之前的司机打分? 再比如,为什么app只在你想找附件的车时突然提醒你余额不足? 对于这些时间点的问题,打车

app可以继续优化。我们不能强迫用户去应对那些不是他们最大痛点的问题。


“简单的设计很容易被忽略,但如果实施得当,则非常有效。—Himanshu Khanna”


02“行动按钮”清晰明确


“行动按钮”,也就是常说的CTA(Call-to-action)。

Image title

 上面哪种按钮更清晰明确,一目了然


设计“行动按钮”时候需要注意:一,明确行动是什么。在这款打车app中,行动按钮是“打车”(Request a Cab),而不是“提交”(Submit)。这样才更明确地表达行动目标。


二,“行动按钮“要明显可触。对于惯用右手的用户而言,你让他去点击屏幕的左上角,自然就十分费力,或者得用双手才行。你自己握住手机,观察下自己的拇指能轻松碰触的区域,这就是适合放置“行动按钮”的地方。


03 为胖手指设计


想象一下下面这种场景:


打车app为用户提供了两辆可选的出租车,两辆车是以小圆圈的样子并列显示在屏幕下方。如果这个用户手指很粗的话,他本想点击第二辆车,结果却误点了第一辆 ……

这样就尴尬了。

Image title

右图的设计更佳:有更大的“行动按钮”,更合理的距离


只有当“行动按钮“足够大(当然也不能过度)时,才会避免这种错误和挫败感。设计更大的“行动按钮“并让它们保持一定距离,使用体验会更好。


04 为用户节省流量


流量也是花钱的。影响移动app用户体验的另一个因素是流量的高消耗。限制运行时需要下载的信息。后台服务也会消耗大量流量。


因此,为app里的多种任务设计可重复使用的平面素材,比如用一个出租车图标表示城市里所有可选的出租车。在加载一些信息、平面素材、图片、视频之前,给用户下载的选择权。


另外,优化字体、图像和视频,来减少移动端的流量消耗。 我们可不能因为流量让“打车”更贵对吧。


05 不要耗尽电池


在2018年11月,谷歌在Android Dev Summit上透露了智能手机如何耗费电池寿命。他们分享说,电池消耗的最大因素是屏幕亮度和屏幕颜色。


谷歌承认他们犯了一个错误。自Google的Material Design计划启动以来,他们一直鼓励设计师将白色作为所有应用和界面的主要颜色。

Image title

   每种颜色都有不同程度的电池消耗

Image title

谷歌可能会继续在其应用中使用“暗模式”


如果app的运算或者导航较为复杂,那让电池耗尽的可能性更高。比如像定位这样的后台服务就很费电。


身处一个陌生城市,下着暴雨,此时用户最不想碰到的事儿就是“手机没电了”。因此,产品设计中要尽量保证UI的简洁,暗色调,更短的导航路径,以及有限的后台服务。


希望以上这些技巧可以帮助您改善app的用户体验设计,提高用户留存。


本文由墨刀编译自Sparklin 的 5 UX tips to design better mobile apps

全部评论:2

  • 薰衣草丶

    2019-02-26 13:57

    666

  • 岳绮罗丶

    2019-02-19 09:23

    第05条有一天看不太明白,不要耗尽电池,是指越鲜艳的颜色越费电吗?【电池消耗的最大因素是屏幕亮度和屏幕颜色。谷歌承认他们犯了一个错误。自Google的Material Design计划启动以来,他们一直鼓励设计师将白色作为所有应用和界面的主要颜色。】可是这个表格中耗电最低的两个颜色也都比较亮而最暗的色也处在中间的位置并没有显示出耗电效果多么有效,这到底是什么意思?

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票