APP开发平台 > Blog > 移动电子商务App用户体验设计原则

对于电子商务的APP设计来说,一个「消费者循环」其实就是在「痛苦」和「舒适愉快」之间摇摆,代表消费者走完采纳、使用、交易与回头等流程。


App用户体验设计


APP用户体验设计原则


移动电子商务APP的使用可以分为四个大阶段:Adopt(采纳)、Use(使用)、Transact(交易)、Return(本文指的是「再度光临」),并且分别提出需要注意的设计原则。


采纳


  • 品牌的logo需要谨慎、巧妙地使用。在APP里,由于用户已经知道自己用的是哪个APP了,所以其实没有必要让APP/品牌的logo一直出现在画面当中。

  • APP的目的/用途,以及用户的体验历程优先顺序要清楚。

  • 只有主要内容才需要出现在画面上。

  • 滑动画面的时候,别给用户dead end,可以加上显示更多、筛选、排列或其他功能

  • 菜单上的项目清单要短(最多七个为佳),如果要做比较长,那么显示、分区清楚很重要。

  • 菜单上的术语对于目标用户来说需要清楚、明了。


注册、登录/请求许可


  • 注册流程要快,同时要清楚地让用户知道「注册有什么好处」。

  • 要让用户可以选择跳过注册流程,先逛一下APP。

  • 一些与敏感资讯相关、需要注册才能使用的服务,除了需要清楚说明为什么需要注册,注册流程也要快速。

  • 假如需要注册才能用,最好先让用户看一下demo。

  • 提供多种注册方式(邮箱和手机号等等)。

  • 输入密码时可以选择「显示」或「隐藏」,有些人会因为害怕智能手机触控键盘的缘故而输入错误,因此需要在设定密码的过程中「看见」自己输入的字串。

  • 旧访客应该要能保持在登录状态。

  • 如需向用户提出某些权限的取用请求,务必将原因或用途说明清楚。


使用


搜索


  • 搜索很重要,一定要在找得到的地方。

  • 搜索栏要有自动完成/搜索建议的功能。

  • 前几个结果一定要是高度相关。

  • 要能让用户轻松排列/过滤搜索结果(例如按照价格高低排列)。

  • 显示「近期搜索纪录」。

  • 订房表单可预先填入建议的资料。


产品和服务


  • 要让用户可以快速扫视产品描述、找出特定资讯(价格、规格等等)。

  • 产品大图一定要在摺叠内容之上。

  • 产品图片/影片品质要好。

  • 顾客对商品的评价/评语要很容易找。

  • 产品价格、费用(例如运费、税额)要透明。

  • 须提供商品是否有还有库存的资讯。

  • 注意事项要写清楚,而且很容易找到。

  • 最重要的按键就是那个让用户做出决定的 CTA(call to action,有人翻译成「移动召唤」)按键,其次则是 CTA 案件旁边那个按键,例如「加入意向清单」。

  • 显示推荐商品。

  • 用户要能够很容易找到「购物车」或「订房」等等的按键。


交易


  • 要能让顾客安心结帐。

  • 让用户可以在购物车内编辑一些产品的关键资讯(数量、款式等等)。

  • 用户可以在购物车内看见相关产品推荐资讯。

  • 移除一切会用户在结帐过程中分心的东西。

  • 对于非首次使用的顾客,在结帐过程中应预先载入资讯(送货地址、姓名、联络方式等等)。

  • 提供多种付费方式选项。

  • 信用卡资讯输入界面要友善,最好可以用一个栏位就搞定。举例,Uber在输入付款资讯(即信用卡资讯)时的设计,可让用户专心输入数字,不必手动切换栏位,就是一个好的设计。

  • 输入信用卡资讯时提供扫瞄功能。

  • 确认结帐前须再次显示所有订单资讯。


再度光顾


内容和设计


  • 直接用内容代替主画面,例如 Medium。

  • 要能在(无尽的)滑动画面中协助用户去发现内容。

  • 显示最近看过、历史搜索结果或内容。

  • 通过良好设计的音效带给用户惊喜。

  • 良好的视觉设计有助于促进用户参与、让用户感到愉快。

  • 强化互动过程的动态设计。


相较于web着重在触及(reach),原生APP着重的功能与体验,但两者也正在向对方靠拢。


原生APP的优势在于性能较佳、可提供用户较佳的体验,例如维持在登录状态、可以预载资讯、体验流畅等等,而且还可以善用各种智能手机上的感应器、GPS 或相机等等的硬件设计,提供更加丰富的体验。


负责APP用户体验的设计师其实就等同于客户、消费者,要设身处地的去思考用户会遭遇的状况,甚至就连如何吸引用户下载APP都要考虑进去,但这部分势必要与负责营销的团队共同合作。



免费获取APP开发解决方案和详细报价单:

电脑请点击https://app.apicloud.com/index?uzchannel=500

手机请点击https://app.apicloud.com/m/quickaddcustom

高效的App定制平台,标准化、便宜、快!

提交APP定制开发需求
x