Alice

我在外网上看到一位名叫 Om Arya 的自由职业 UX 设计师,分享了他的一个线上超市 APP 设计案例。虽然这是虚拟项目,但是他的设计思考不输真实项目,而且最终方案的效果也不错。关键是,他做完这个项目后,居然有一家东南亚的在线购物公司,真的找他来做项目了!我们来看看,他这个虚拟项目是怎么做的。

 

一、明确目标

由于设计师所在的地区——印度,并没有在线超市购物习惯,所以这个项目的目标比较简单,就是方便用户用在线购买食物和日用品。

  • 项目目标:解决线下购物所遇到的问题
  • 用户目标:安心而有效地进行线上购物
  • 商业目标:向人们展示在线购物的好处,并增强辨识度

目标人群定位 18-45 岁之间,有超市购物需求,且具备智能手机操作能力的人。

 

二、用户访谈

虽然收集数据很容易,但这位设计师认为,只有与潜在用户直接沟通,才能真正了解他们的需求。

找到五位有孩子的父母进行交谈,从而达到直接访谈的目的。

从交谈中获取到了一些大概的信息,可能对产品设计有所帮助:

生活状况:

  • 大家的生活方式、目标和场景各不相同。
  • 有些人喜欢在业余时间购物、交友,有些却忙于工作或个人问题。
  • 他们经常从线下市场购买新鲜蔬果,并且能够得到常客的特别优惠。

面临问题:

  • 缺少购物和挑选蔬果的时间。
  • 购物时寻找商品很耗时间。
  • 一些家庭主妇没有在线支付,也很难知道正在出售和即将出售的货品有哪些。
  • 线下购物时不知道购物车里商品的总价,也经常漏买一些东西。

以下是一些访谈记录的摘要:

图片

 

三、需求分析

访谈中获取了各种各样的信息:

图片

需要一定的整理分析,才能了解潜在用户的需求。

为了确保客观性,这位设计师使用了「亲和图」的信息分类方式:

图片

接着从这些信息中,整理出以下痛点

  • 如果缺乏经验,会购买到质量糟糕的蔬果。
  • 大家都忙于生活,购物不是一件轻松的事情。
  • 有些人在郊区,购物还得去一趟市中心。
  • 超市不会将商品和优惠信息提前通知给顾客。

于是可以分析出,对于用户的痛点,线上超市可以有哪些解决方案

  • 最容易解决的是时间成本,因为用户可以很方便的地查找商品,且等待送货。
  • APP 可以更好地将优惠信息告知给用户,帮中产家庭省钱。
  • 蔬果的质量会是一个重要问题,这个可以通过公开的评分和评论系统解决。
  • 在线购物时,购物车的价格是十分清晰的。为了避免漏买,用户还可以将商品保存在心愿单中,方便下次购买。

 

四、信息导航

将产品需要的页面或功能模块,画出来,做一个整体的规划:

图片

 

五、线框图

将信息导航中的主要页面,用纸和笔画出线框草图,这样如果发现问题可以及时修改:

图片

 

六、低保真原型

完成设计构思后,设计师用 Figma 画出低保真设计稿,并制作出可以用来做用户测试的可交互原型:

图片

 

七、视觉设计

由于这个产品主打在线购买蔬果,所以选择代表能量和自然的绿色作为主色调。

选择了 Front Page News 作为 LOGO 字体,并在首字母上加了一片叶子增添自然气息。

图片

图片

 

八、用户测试

设计师直接使用前面的低保真稿做成原型,来进行可用性测试,并找到了一些反馈:

 

1. 结账时增加送货地址页

画低保真的时候缺了这个页面,用户测试时发现需要补上。

图片

 

2. 导航栏需要文字说明

虽然纯图标的导航栏看起来会很简洁,但是文字说明才能帮助用户快速理解并学会使用。

图片

 

3. 明确优惠信息限制条件

虽然优惠信息很吸引人,但谁都清楚这些都有限制条件的。

与其于让用户产生怀疑,或者进一步尝试后再失败放弃,还不如一开始就解释明白。

图片

 

九、高保真方案

在低保真阶段,把可用性问题都找出来后,就可以放心做高保真方案,而不用担心来回修改了。

图片

图片

图片

图片

 

十、高保真原型

这位设计师最后还做了一个可交互的高保真原型,可以用于展示或进一步的用户测试。

 

总结

虽然虚拟项目,完成度也是很不错了。

据说一个很大的东南亚电商平台在看到这个虚拟项目之后,就真的请他来设计产品了!

而且他接到的这个项目,也把设计过程分享出来了…

后面会发整理出来给大家看看~

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网 » 靠这个虚拟项目,他争取到了不错的工作!

登录收藏
 
你可能喜欢的:
用好“对比色”,让你的设计更有吸引力!(实操篇)用好“对比色”,让你的设计更有吸引力!(实操篇)
B端产品C端化,抱歉我想的太简单!B端产品C端化,抱歉我想的太简单!
详解|可用性测试,看这一篇文章就够了!详解|可用性测试,看这一篇文章就够了!
测试了新手指引方案,总结下失败经验测试了新手指引方案,总结下失败经验
如何强化图标设计的细节?我总结了12个关键点!如何强化图标设计的细节?我总结了12个关键点!
体验设计构建品牌价值-打造影响用户心智的价值连接体验设计构建品牌价值-打造影响用户心智的价值连接
总监说我的UI配图不够有设计感,后面教了我10个优化办法,学到了!总监说我的UI配图不够有设计感,后面教了我10个优化办法,学到了!
私域营销推广设计3大趋势--校园招聘产品推广研究私域营销推广设计3大趋势–校园招聘产品推广研究
结合项目来聊聊UI设计师的多面性结合项目来聊聊UI设计师的多面性
配色没有冲击力?来试试对比色搭配配色没有冲击力?来试试对比色搭配