案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)

当前位置:首页>设计文章>UI>案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
UI & UX

Article:2022/07/31

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
欢迎来到「NEW案例三分钟」栏目~

 

「NEW案例三分钟」是由美国交互设计资讯连载的关于交互设计的案例分享栏目,每周为大家更新不同类型的UI&UX设计案例,希望大家在阅读案例的研究过程有所收获~

今天,我们一起来设计一款能够帮助人们对抗零食渴望的APP设计NOSH~

健康和保健行业正以天文数字的速度增长。目前,消费者可以选择超过 350,000 种与健康相关的应用程序。许多人仍然在努力实现和维持他们的健康和保健目标。

该项目的研究目标是重新构想人们如何在健康日常生活种增强幸福感的同时,克服自己渴望零食的行为。

设计过程

 

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
对于这个项目,设计师使用了双钻模型设计流程来发现对问题的洞察力、定义重点领域、开发潜在的解决方案,并提出最佳的解决方案。

发现

由于已经有大量的应用程序可供用户使用,最初的挑战是找到市场差距来证明产品的需求是合理的。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
设计师最初的想法不是专注于特定的健康相关问题,而是设计一个可以帮助用户更普遍地养成习惯的移动应用程序。

但是,不能把整个设计都建立在一个假设上,所以需要验证想法,以确定习惯形成是否确实是问题的本质。

为了尽快接触到广泛的受众,设计制定了一项包含 11 个问题的调查,以了解用户的健康目标、他们养成新习惯的能力以及他们对现有健康/健康数字产品的体验。

问卷调查

有42 份调查回复,完成率为 89.4% 。35至44 岁的女性占参与者的大多数。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
近93%的参与者表示他们的健康对他们很重要。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
42 名受访者中只有5人表示在形成新习惯方面存在中度以上的困难。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
这些发现让设计师放弃了最初的假设,因为创建一个解决习惯形成的产品可不是为了解决一个可能不存在的问题。

用户访谈

从问卷调查种产生了定量数据,之后设计师进行了采访,以获取真正需要被解决的问题及用户的真实想法。以下是一些用户访谈的摘录:

“我更喜欢社交吃零食,如果我和朋友在一起,我通常会比一个人吃更多的零食。”

“我通常总是在办公桌前吃零食。我甚至不知道为什么……”

“我参加了 10 次与我的饮食行为相关的治疗课程。我希望有一个应用程序可以帮助解决这个问题。”

虽然今天有许多与营养相关的数字产品,但设计师发现没有市场领导者特别关注零食问题,这也是采访的许多用户的共同点。

定义

从用户研究中,可以发现无论人们多么勤奋(或不勤奋)吃健康的膳食和使用食物跟踪应用程序,他们都难以建立健康的饮食行为和管理他们的零食。

用户画像与故事版

根据以上研究,设计师创建了一个用户画像和故事版,以确保设计的产品始终以用户为中心。

用户画像如下:

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
设计师定义了问题并牢记目标用户,针对发现的问题集思广益地提出了潜在的解决方案,并确定了产品功能的优先级。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
故事版如下:

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
之后邀请了五个用户测试了故事板,看看流程是否合乎逻辑,以及提议的产品是否可以按预期实际支持用户。

品牌和视觉系统

从外部资源和色彩心理学中汲取灵感,设计师想创造一个现代、简单、平静和温暖的视觉设计。同时避免刺激饥饿的颜色,例如红色和黄色,而是倾向于抑制食欲的颜色,蓝色和粉红色。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
设计师决定使用深青铜色作为主要和背景颜色,并带有铜绘儿乐、金属海藻和柔软的婴儿爽身粉白色,以减少纯白色在深色背景上的强烈对比。

“NOSH”这个词只是意味着零食。设计师用禅宗符号ensō代替了O。使用此符号强调产品的总体目标,通过注意和意图来改变吃零食的行为。

原型制作

低保真

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
为了帮助将故事板中表达的想法变为现实,设计师创建了快速的低保真线框草图来勾勒应用程序中内容和信息的布局。并邀请用户进行初步测试。

中保真

根据收到的关于低保真线框的反馈,之后在Figma中将纸质草图转换为数字中保真原型。

痛点1

注册确认屏幕提供了太多选项,让一些用户不知所措,因此在中保真度中进行了更改:

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
痛点2

用户想在进度屏幕中看到基本信息的概述,并可以选择“显示更多”。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
高保真

中保真原型为用户提供了与产品交互的更好指示。同时收到关于用户喜欢和不喜欢应用程序当前结构的宝贵见解。

痛点1

用户觉得主屏幕上显示的信息太多,对“清单”和“建议”这两个词感到困惑。这两个问题都在高保真中得到了解决。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
痛点2

尽管用户对确认覆盖上的选项较少表示赞赏,但由于没有明确的行动号召或层次结构,他们仍然感到不知所措。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
痛点3

用户对日志屏幕上的一些问题感到困惑,因为没有足够的上下文来告知预期的操作。

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
因此设计师将日志屏幕分为三个部分,其中包含有关每个区域解决此问题的预期信息,同时更改了个别问题的措辞,以使它们更易于理解。

最后对高保真原型进行了另一轮可用性测试,进行了额外的外观更改,并改进了一些更复杂的动画。

视频展示

设计师说

“我真的很喜欢在这个项目上工作,并且为设计的结果感到无比自豪。也就是说,这个设计远非完美,所以我想继续测试、改进和完善设计和概念。

在这个为期两周的项目中,我学到了很多宝贵的经验。其中最主要的是:

时间管理在 UX/UI 设计过程中至关重要——我经常发现自己处于一种心流状态,我几乎没有时间概念,并且会花费数小时从事非常具体的细节工作。在未来,我将不得不更加注意时间。

完美主义可能是一个主要障碍——在与用户进行测试之前,我浪费了大量时间试图“完善”我的低保真和中保真原型。将来,我会更快地将我的早期迭代呈现在用户面前,因此我将有更多的时间在更高的保真度上。”

感谢阅读:)

你还感兴趣什么主题的案例分析呢?

欢迎加入交流群我们一起讨论!

(部分图文来自网络,若有侵权,请联系删除。)

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
加入UI&UX交流社群~

设计资源/书籍资源/知识互动

还有更多神秘福利!

一起创作更好的设计~

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)
往期推荐 | Read More

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)

来测测你是否是一个好设计师?快速核对清单!

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)

早鸟价倒计时!IDEO设计师带队!6周搞定交互实战项目!

案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)

设计资讯:动态界面的未来?设计与自然环境同步的用户界面美学

文字丨Joy

编辑丨Joy

如果觉得我们做的还不错点个赞和在看吧!

温馨提示:

文章标题:案例研究:一款帮助人们对抗零食渴望的移动应用——NOSH!(文末加入交流群)

文章链接:https://www.uied.cn/16107.html

更新时间:2023年04月18日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
交互设计干货

2022年提升数字世界体验的十大设计趋势!

2023-4-18 11:20:15

UI交互设计干货

UI 设计的一致性:改善用户体验的 8 个技巧!

2023-4-18 11:20:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索