我在外网上看到一位名叫 Om Arya 的自由职业 UX 设计师,分享了他的一个线上超市 APP 设计案例。
虽然这是虚拟项目,但是他的设计思考不输真实项目,而且最终方案的效果也不错。关键是,他做完这个项目后,居然有一家东南亚的在线购物公司,真的找他来做项目了!
由于设计师所在的地区——印度,并没有在线超市购物习惯,所以这个项目的目标比较简单,就是方便用户用在线购买食物和日用品。目标人群定位 18-45 岁之间,有超市购物需求,且具备智能手机操作能力的人。
虽然收集数据很容易,但这位设计师认为,只有与潜在用户直接沟通,才能真正。了解他们的需求。找到五位有孩子的父母进行交谈,从而达到非直接访谈的目的。
从交谈中获取到了一些大概的信息,可能对产品设计有所帮助:为了确保客观性,这位设计师使用了「亲和图」的信息分类方式:
如果缺乏经验,会购买到质量糟糕的蔬果。
大家都忙于生活,购物不是一件轻松的事情。
有些人在郊区,购物还得去一趟市中心。
超市不会将商品和优惠信息提前通知给顾客。
于是可以分析出,对于用户的痛点,线上超市可以有哪些解决方案:
最容易解决的是时间成本,因为用户可以很方便的地查找商品,且等待送货。
APP 可以更好地将优惠信息告知给用户,帮中产家庭省钱。
蔬果的质量会是一个重要问题,这个可以通过公开的评分和评论系统解决。
在线购物时,购物车的价格是十分清晰的。为了避免漏买,用户还可以将商品保存在心愿单中,方便下次购买。
将产品需要的页面或功能模块,画出来,做一个整体的规划:
将信息导航中的主要页面,用纸和笔画出线框草图,这样如果发现问题可以及时修改:完成设计构思后,设计师用 Figma 画出低保真设计稿,并制作出可以用了做用户测试的可交互原型:
由于这个产品主打在线购买蔬果,所以选择代表能量和自然的绿色作为主色调。
选择了 Front Page News 作为 LOGO 字体,并在首字母上加了一片叶子增添自然气息。设计师直接使用前面的低保真稿做成原型,来进行可用性测试,并找到了一些反馈:
画低保真的时候缺了这个页面,用户测试时发现需要补上。
虽然纯图标的导航栏看起来会很简洁,但是文字说明才能帮助用户快速理解并学会使用。
虽然优惠信息很吸引人,但谁都清楚这些都有限制条件的。
与其于让用户产生怀疑,或者进一步尝试后再失败放弃,还不如一开始就解释明白。在低保真阶段,把可用性问题都找出来后,就可以放心做高保真方案,而不用担心来回修改了。
这位设计师最后还做了一个可交互的高保真原型,可以用于展示或进一步的用户测试。
据说一个很大的东南亚电商平台在看到这个虚拟项目之后,就真的请他来设计产品了!
想要学习或者练习交互,但又缺少机会和动力的朋友,可以了解一下「体验设计学习社」。
无限制作品集详细点评+答疑+免费训练营&学习打卡等活动,更有各类大厂内推:
如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群: