专业知识分享案例研究 · 设计 · 体验

案例研究—为我的“多肉”健康成长而进行设计

2021-05-0110 MIN READ原载于微信公众号 ↗


01

背景

项目介绍

Planty是一个移动应用程序,可以指导和帮助你正确照顾所有植物。作为一名UX / UI设计师,我通过对UX / UI设计原则的研究和构思,对这个项目从开始到结束都进行了设计。

  • 持续时间:5周。
  • 方法:调查、访谈、Kano模型、桌面研究、用户画像、用户旅程、亲和图、待完成工作、网站地图、流程、高保真线框、情绪板、样式图。
  • 工具:Figma、Whimsical、Notion。

灵感来源

正如西班牙网红@ lavecinarubia在推特上所说:“所有人都有一个让植物甚至仙人掌死亡的朋友。如果你没有,那这个人就是你自己”。在不到一个小时的时间内,她拥有了超过260万的粉丝,那条推文她获得了5万个赞。

那么,植物怎么了?它们使房间内感到舒适和充满生机,但事实是,它们并不会附带说明,或者是因为我们为自己的住所选择了错误的植物,又或者是我们在照顾它们时忘了或搞砸了,导致它们最终的结果就是经常生病。

为了解决这个问题,我设计了Planty,它是一个移动应用程序,可以帮助你照顾幼苗,并在Planty社区中进行分享。

设计过程


02

发现问题

竞品分析

我的研究始于竞品分析,我使用了Kano模型方法。在我的研究中,我发现有很多现有的应用程序,它们要么信息过载,对于某些用户(尤其是新用户)来说可能是难以承受的;要么就太具体化了,功能单一,这是不够的。这些洞察证明,有必要创建一个能用且有用的应用程序来帮助用户照顾植物。

调查与访谈

在进行竞品分析的同时,我采访了一名数据分析师,她在从事数据分析工作之前是研究生物学的,并且曾开发过一种机器学习模型,该模型能够扫描植物的图片,检测问题并为该问题提供真正的解决方案。

我从这次访谈中得出的主要洞察是,关于植物为什么无法生长得最好,有很多变数:浇水不足或过多、阳光缺乏或过量、湿度、温度、病害、昆虫、花盆……如果没有专家的帮助,这很难分辨。

为了获得消费者有关于植物和花卉的行为和偏爱的更多信息,我开展了一项调查,并获得了53个不同技能水平的回答样本。首先,我想了解所有可能的变数中,最难把控的是哪一个,以便优先考虑可能的解决方案或功能;其次是他们在购买和扔掉植物时的行为;最后是他们在这方面的知识水平。

主要发现和洞察

这些调查和访谈帮助我了解了更多有关用户需求和挫败感的信息,并且能够得出一些有助于完善我的项目的关键发现:

| 技术是有帮助的

正如Mireia之前所解释的那样,关于植物为什么无法生长得最好的因素不计其数。因此,我决定使用一种技术解决方案来为用户提供快速简便的结果,以使用户了解植物的状态,并制定一个切实可行的计划。

| 信息简单化

对于某些用户而言,信息过载是无法承受的,尤其是初学者。因此,对于应用程序和信息架构上可用的信息量应该采取一种简单化的方法。| 量身定制个性化体验消费者的购买是基于个人倾向和喜好,而不是与其所在的环境相匹配的。基于此,我决定根据技能水平,地理位置分为三个不同的类别来定制体验。根据用户的技能水平和地理位置,该应用程序会建议购买最合适的植物和花卉。| 创建社交媒体社区用户对购买植物和为植物花费额外的钱感兴趣,同时,他们也喜欢在社交媒体上分享它们。据此,我设计了一个每个用户都可以创建自己的个人资料来分享技巧、诀窍和他们的植物,以及可以交换或买卖不同商品的市场的应用程序。

用户故事和待完成的工作

最后,我将一些用户故事与待完成的工作混合在一起,以便更好地理解用户的潜在需求,帮助确定Planty的功能需求,并在整个项目中参考这些内容以保持关注。


03

定义问题

问题陈述

每种技能水平的植物所有者都需要一种方法来找到易于理解和可靠的诊断方法,并根据需要制定相应的计划,因为他们需要能够正确地照顾好每株植物。

用户画像

由于我的用户研究的一个关键洞察点是用户不了解植物的需求,因此我创建了两个用户画像——初学者和专家用户。我经常重新审视这些用户画像,以提醒自己用户的需求和挫败感,并在项目进行期间保持以用户为中心。

客户旅程图

利用收集到的所有研究,我为每个用户画像创建了一个客户旅程图,以了解用户可能如何与应用程序交互,并创建更直观的用户体验。

用户流程图

最后,我为每个角色创建了一个用户流(User Flow)。这使我清楚地了解了用户达到其理想目标所需采取的步骤,以及如何以最有效的方式实现这一目标。

核心功能

为了更好地了解用户及其需求,我确定了 MVP(最简化可实行产品)需要重点关注的三个特性。| 通过扫描获取诊断,并制定解决问题的计划一种扫描功能,用于检测植物的类型、状态和需要。| 地理定位以获得更好的体验通过启用地理位置,该应用程序能够检测用户所在的半球和气候,并为用户提供一系列自定义的选项,以便在家中种植植物。| 扫描并添加新植物一种扫描功能,可以检测植物的类型,并将其添加到用户的个人资料中,同时提供其需求的总体情况,以便用户能够制定计划来照顾该植物。| 每株植物的日历计划一个“项目计划”功能,能够帮助用户通过推送通知来管理每株植物。

卡片分类

考虑到这些核心功能,我进行了一次卡片分类,以了解用户可能希望如何组织和显示内容,并利用结果创建了网站地图。


04

概念化

低保真线框

由于简单易用是Planty的最大目标之一,所以我将页面的数量控制在最低限度,以突出核心功能。

我从手绘的线框开始,用我认为可以满足用户需求的功能和元素的组合来创建页面,并尽可能以Instagram应用程序作为我的主要参考,因为我的目标用户对它很熟悉。

接下来,我在Figma中创建了这些线框的高保真版本,并创建了可点击的原型。

情绪板和样式图

在明确了我的第一个MVP之后,我设计了一个情绪板,以帮助我将产品的视觉效果传达给用户。

考虑到这一点,我创建了一个样式图,其中包含了视觉元素和产品要遵循的标识。

用户体验写作

除了UI,我还编写了UX,以产生一种亲近感,并提升用户体验。由于植物是一种友好而有趣的事物,所以我的目标不仅是要与我设计的功能建立联系,而且要与品牌本身建立情感联系。

MVP原型

在设计了第一个MVP之后,我设计了两个与我设定的一个用户目标一致的主要用户流原型,它包含了我的两个核心功能——可以快速、轻松地扫描一株植物,以及了解其需求,同时,看起来很吸引人,使用起来也很简单。

(此处为视频,请在原文中观看)

移动应用原型


05

追溯

设计挑战

最大的挑战是坚持首要问题——防止植物死亡,并避免过多的操作才能实现目标。我制作了一个亲和图,以及对现有应用程序和设计系统进行了大量研究来克服这一问题,这就是我如何找到遵循Instagram架构的解决方案的方式。

除此之外,我还必须选择要开发的用户流和功能,并希望在定义过程中处理我设计的其余流程。

我面临的另一个挑战是缺乏足够的时间来开发我的MVP。由于在Ironhack从事全职工作时只有5周的时间来创建它,所以我没有足够的时间来测试和迭代产品,尽管我知道我会遇到这个问题。因此我之前创建了一个有期限的Sprint计划,以期取得可观的结果。

改进

我明智地投入了时间来保证质量和数量。我唯一关心的是,正如我在上一点中所解释的那样,我没有时间进行测试和迭代,因此此MVP对多个迭代和版本开放。

另一件可以改进且我不是100%满意的是,我觉得个人资料页面缺乏额外的触控来添加一些个性化的内容,以及扫描页面上的按钮与额外点击来选择选项容易混淆。

下一步

接下来的前两步是为没有做过的用户流制作低保真和高保真线框,并与用户一起测试和迭代屏幕及流程。

从长远来看,我想增加市场以考虑盈利能力,并构建一个基于实时扫描而不是图片扫描的机器学习模型,以改善体验,并避免用户受挫。

最后

我们经常分享很多的UX CASE STUDY给大家的原因是, 对于刚接触ux领域的同学来说,从别人的案例研究开始学习,是一种很不错的学习方法。

我们也欢迎,UX领域的前辈来投稿哦~做一名”知识分享官”~


参考文章:

查看链接 ↗

作者:Bárbara Quecedo

译者:设计小菌

原文请戳【阅读原文】

为尊重版权和译者

转载请联系我们


相关阅读

iPhone 12 vs 设计师

智能手表界面设计指南:面向所有人的设计

终极指南—可用性与用户体验之间的区别

设计更好的结帐体验——UX / UI案例研究

用户体验案例研究——Google Home Reports

你有想过为你的“校园APP"重新Redesign下用户体验吗?

我 们

服务.体验.交互设计传道者

公众号

「yizhizhaojun」

一只朝菌设计学园

联络微信

平菇老师

「zhaojundesign」

「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。

教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。

清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询