恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
饿了么和美团app中的优秀设计细节
0.0°
2018-05-17 自译外文 经验/观点 原作者: Britta Cheng 举报 6139 10 32 0

中美的外卖软件都有着庞大的用户数量,然而这两个国家的外卖软件在用户体验设计却有一些有趣的差异,这篇文章介绍了我认为中国的外卖软件做的好的地方。


总览

目前中国的外卖软件有两大巨头

Image title

美团外卖:月均活跃用户3749万


Image title

饿了么:月均活跃用户6178万


这两款软件都提供了按需送货服务,包括送外卖、超市商品、新鲜水果、蔬菜,非处方药、饮料、面包以及鲜花。换句话说,下载这两款app中的任意一款就相当于下载了美国的GrubHub、UberEats/DoorDash、Instacart和PostMates。

Image title

从设计和美学角度来说,由于这些软件功能点过多,很难将其设计成一个简洁美好的应用,但他们却另辟蹊径,将应用设计成为用户提供一个简单易用,具有良好购物体验的外卖应用,我非常欣赏他们的这种做法。


他们有哪些做的好的地方呢?


1、信息透明化

近期的一项研究发现导致用户在结账过程中放弃支付主要有以下几种原因:

  • 60%:额外费用太高,例如配送费、税费等;
  • 23%:不能直观地看见或者计算订单总费用;
  • 18%:配送时间太长;
  • 11%:认为退货政策不公平或者不满意;

美团和饿了么对于这些问题都有自己的解决办法。他们将所有信息提前展示,确保了用户在结算页面时不会产生困惑。事实上,通过估算所有的隐藏费用并在结算前提现展示重要信息,用户会从购物的一开始就会有控制感,并且认为这个产品时可信赖的。

Image title

不得不承认的是,这种方式在美国是不容易做到的,因为中文相比于英语来说更加简洁高效。例如:“Limited Time Offer”占了18个字母的位置,但用中文“限时特惠”表达,只占8个字母的位置。


2、即时反馈

在我之前的文章中,谈论了在Instacart app的购物体验,其中一个关键点是,用户不知道最低消费额是多少,并且当用户满足了最低消费额的时候,应用没有提供任何关于此的提示,但美团和饿了么都巧妙的解决了这个问题。

Image title

饿了么将订单的总费用放在了用户挑选商品页面的tab栏。动画以及颜色的变化可以在订单达到最低消费额时清楚地告诉用户。(美团外卖也有类似的方法)

Image title

3、无缝衔接的交互

记得上一次你用手机购物的时候截屏是为什么吗?通常有以下几种原因:

A、把截屏分享给朋友或者家人

B、向售后反馈问题

美团和饿了么则考虑到了这个细节,当用户在App内进行截图操作时,提供了额外的分享以及反馈提示。(其实国内的大多数应用都考虑了这个细节,例如携程/去哪儿等)

Image title

当用户熟悉一款app之后,他们就希望能够更高效地使用它。当用户使用app进行操作的时候,他们希望能够使用地更快,并希望app能够及时响应他们的操作。上面提到的操作在这款app的其他地方也可以找到,但是通过与截屏操作相结合的交互方式可以为用户创造流畅的用户体验,并最大化地提高了用户的使用效率。


总结

许多产品设计师认为中国的app功能太多,看起来也很丑。巧的是,最近我读了Jason Brush的一篇关于亚马逊设计理论色文章:

亚马逊的成功让我们知道了一条设计界难以接受的理论:成功的设计未必是好看的。当然,随着以研究为导向的设计被广泛接受,认为设计仅仅是美学实践的观念很早就被揭穿了。然而,接受一个精心设计的用户体验可能并不好看对人们来说依然是一个挑战。

在我看来,美团外卖和饿了么就是用户体验很棒,但看起来不美观的典型例子。

更新:2018-05-17

收藏

10人已收藏

Yice

https://dribbble.com/Yice

  • 13

    作品

  • 31

    粉丝

  • 4

    关注

  • 手游社区UI设计
  • 一个专注于图片调色的APP(Colorful)
  • 如何用AE做出App store的卡片动态效果
  • 彻底搞懂AE曲线,让设计中的动效更加有趣
相关标签

    猜你喜欢

      2018-05-17 自译外文 经验/观点 原作者: Britta Cheng 举报 6139 10 32 0

      饿了么和美团app中的优秀设计细节

      0.0°

      你确定要举报饿了么和美团app中的优秀设计细节

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      32
      10
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录