如何为细分行业设计app?

无需加好友免费技术支持

编辑导语:如何为细分行业设计app？这就要求设计团队在市场调研、竞争产品研究、规划设计等方面进行规划。在本文中，作者总结并分享了她的设计app一起来看看历程和收获。

今天，我们将看到一个相对完整的设计案例。对于陶瓷行业，作者从桌面研究开始，进行了市场研究和竞争产品研究，并计划设计一个电子商务App。经过一系列的设计过程，包括信息架构设计、线框图和视觉设计，并在最后进行了评估和回顾。这是一个从0到1设计产品的完整过程，让我们一起学习~

作为 10kdesigners 我们需要为特定领域的用户设计课程作业的一部分 App(陶器制品在我的案例中)。

以下是我给出的解决方案设计过程。

每个设计项目的开始都很酷。你必须研究一个你过去不知道的新话题。我就是这样开始的。我对陶器行业和电子商务设计模式一无所知。所以我开始做桌面研究来填补空白。

(1)如果你搜索陶器产品，你会看到这些结果

在亚马逊和Flipkart搜索陶土的结果

（2） 未来在于细分市场的电商

长尾效应表明，在线电子商务正逐渐远离主流产品，转向细分市场。

数据来源：statista.com

PS：由于时间限制，本案例研究仅集中在设计电子商务平台上。

在这里，我开始了解设计是如何帮助建立电子商务业务的，并研究了很多app，了解电子商务设计模式。

为什么用户体验在电子商务行业非常重要？

用户体验简单、积极 = 利益相关者的利润(即使转化率相差0.5%也会产生几千美元的差异 ）

应用程序的研究

在研究的基础上，我为该项目设定了以下目标：

让购物轻松、快捷、愉快。平衡用户、流程中的步骤和收集的数据量，快速通过流程。

我开始寻找各种陶器产品，它们将成为电子商务产品目录的一部分。

像Bhoomi 陶艺、SARA、Mitticool和Creamic Shop这样的网站也可以帮助我分类和标记信息。

产品分类目录

我的下一个任务是设计 App 信息导航，我用树图画整个 App 的流程。

App的信息导航

现在整体结构已经完成，我从画线框图开始定义内容的布局。这个过程很简单：

首先，用纯文本写下页面上的内容。为上述每个内容创建设计元素。迭代不同的布局。在我对布局感到满意之后，我就到了Figma视觉设计。

在这里，我开始设计所选线框图的高保真版本，并开始进一步迭代和优化，以达到目标。

主页是介绍网站和销售产品的范围。用户浏览主页时，应该能够看到商店产品的多样性和丰富性。

主页迭代设计

迭代设计分类目录

筛选器允许用户将项目列表缩小到满足其指定条件的可管理数量。筛选器还可以帮助经验较少的新手使用产品。在这里，我决定同时使用多个筛选器，因为：

迭代设计搜索框

在这里，我设计了多页结账流程，这样用户就可以专注于每一步的任务。这对用户更有帮助，因为他们可以看到自己在过程中的位置，并很容易地返回到最后一步。

归根结底，这是一个电子商务平台。因此，测量指标与销售的产品数量密切相关。此外，还可以跟踪各种产品KPI衡量产品的成功，进一步改善体验。

举例：

购物车跳出率结账跳出率交易量转化率退回客户订单

因为这是我第一次设计 App，有很多新事物，所以我开始学习如何根据人机界面规则设计，以及如何进行桌面研究、品牌推广、设计系统建设等。做视觉设计的迭代需要很多时间，这帮助我认识到线框图的重要性。在线框阶段做出重要决定是节省时间的关键。作为设计师，我们会在每一个像素上做出设计决策，但随着我们的进步，我们往往会忘记什么样的决策引导着我们。因此，文档非常重要，它不仅帮助我们跟踪设计，而且帮助我们有效地沟通设计。项目完成后，我意识到我的研究不足以启动这样的产品。要推出真正的产品，必须需要更多的研究来支持设计决策。作者：Pratik Aher；译者：彭祎婕；编辑：李莉好

原文链接：Designing e-commerce experience for pottery – UI/UX case study | by Pratik Aher | Muzli – Design Inspiration

本文由@TCC翻译情报局 每个人都是产品经理，未经许可不得转载翻译。

题图来自 Unsplash，基于CC0协议。