用户体验 » 服装电商APP设计经验分享,从调研到视觉稿的详细流程!

服装电商APP设计经验分享,从调研到视觉稿的详细流程!

发表于: 用户体验, 视觉设计. 评论
Sponsor

今天为大家分享的设计案例来自一位名叫Mandy的设计师。Mandy是一位可持续设计爱好者。她发起该项目的初衷是缘于她周围的可持续理念人士平日很难购买到可持续服装的痛点,因此她设计了这款App,帮助他们能够购买到符合可持续价值理念的服装。

服装电商APP设计经验流程分享

前期调研

服装电商APP设计经验流程分享

数据调查显示:全球道德时尚市场预计将从 2020 年的 46.7 亿美元增长到 2030 年的 151.7 亿美元,复合年增长率为 9.1%。

与 2016 年相比,2019 年“可持续时尚”的互联网搜索量增加了三倍以上。

全球道德时尚市场正在快速增长并有望稳步增长——占全球消费者 40% 的 Z 世代比以往任何一代人都更重视社会和环境事业。

 

目标用户

想要第一次购买可持续服装的可持续时尚初学者(19~35岁)

难以寻找可持续服装和品牌的可持续时尚客户(19~35 岁)

设计师从 reddit 采访了来自可持续时尚社区的 5 位客户,其中包括:4 位初学者(少于 4 个月)和1个中级客户(1年以上),并创建了以下用户旅程地图来记录和理解可持续时尚客户的体验。

服装电商APP设计经验流程分享

 

用户旅程地图

服装电商APP设计经验流程分享

与 Nike 或 Zara 不同,可持续时尚品牌对于初学者来说是完全未知的领域,拥有社区功能对于初学者和中级客户来说都是一个很大的帮助。与快时尚相比,可持续服装的价格大多是快时尚的 2-3 倍,因此作出购买这些服装的决定并不容易。

作者关于购买决策做了一个简短的调查后发现,

服装电商APP设计经验流程分享

痛点很明显!大多数可持续客户都希望了解到到产品和品牌的评论信息。

 

设计师对直接竞争对手和间接竞争对手进行了调研,以了解现有竞争对手的类型及其业务战略。

直接竞争对手:goodonyou, Renoon

间接竞争对手(二手):Depop、Poshmark、Vestiaire

服装电商APP设计经验流程分享

下面的矩阵展示了竞争对手在“目标用户年龄”和“社区活跃程度”方面的商业策略

服装电商APP设计经验流程分享

 

直接竞争对手主要专注于学习可持续性并提供有关可持续性的准确信息

用户的Motivation

  1. 通过可靠且合格的评论,帮助可持续时尚的客户轻松找到产品和品牌
  2. 提供一个可持续发展的客户可以分享他们的可持续旅程和时尚的地方

那么,如何在提供准确可靠信息的同时,提供有助于他们做出购物决策的沟通体验就成为了该产品成功的核心。

 

设计师通过制作用户画像以深入了解用户需要什么。

服装电商APP设计经验流程分享

中级客户

服装电商APP设计经验流程分享

初级客户

 

用户故事

设计师最初想出了 10 个用户故事并将其缩小到 4 个主要用户故事。

服装电商APP设计经验流程分享

 

HMW 和 5WHY

根据主要用户故事,设计师做了 HMW 问题和 5 个Why,以提供更好的用户流程和体验!

服装电商APP设计经验流程分享

  1. HMW 让初学者在登陆主页标签时不会感到迷茫?
  2. HMW 在品牌价值和可持续发展实践方面提供准确可靠的信息?
  3. HMW让用户更容易找到与其价值和风格相符的品牌?
  4. HMW 提供合格和可靠的客户评价?
  5. HMW 让用户与其他用户交流?

 

流程图

服装电商APP设计经验流程分享

线框图

服装电商APP设计经验流程分享

服装电商APP设计经验流程分享

在为主要用户故事开发基本用户流程之后,设计师构思了关键功能和用户进行的交互。

以下是几个主要界面的展示:

服装电商APP设计经验流程分享

服装电商APP设计经验流程分享

服装电商APP设计经验流程分享

设计关键要点

  1. 用户希望拥有包含品牌列表的品牌页面以查找新品牌。
  2. 用户不想无限滚动以在家庭水龙头上找到品牌部分。
  3. 用户希望在“主页”选项卡上拥有更简单和一致的内容。

产品的迭代过程

服装电商APP设计经验流程分享

服装电商APP设计经验流程分享


有关该项目的作者信息:

设计师Mandy
个人主页:https://medium.com/@leedeuksun55

来源:美国交互设计资讯(公众号:gh_deb1a91db646)

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }