1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

用薄荷健康的案例告诉你,设计是怎么解决问题的!--九分科技

时间:2020-06-27   分类:设计管理    作者:网络   来源:网络整理   点击:181

用薄荷健康的案例告诉你,设计是怎么解决问题的! 本文来自九分网络

www.9fen.net

@小乖乖老爸 :作为一名设计师,在日常的设计工作之余,也许会问自己(或被问到)一个形而上的问题:设计是什么?设计的目的是什么?设计的本质是什么?设计的作用是什么? www.9fen.net

每个人的回答都不尽相同,《网站设计的艺术与科学》一书的作者 Jeffrey Veen ,他的回答很有代表性: copyright 9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的! 九分网络

九分网络

△ 好的设计是解决问题 九分网络

设计领域之外的人总是认为设计师的工作就是修饰,这让我感到惊讶。好的设计是解决问题。

www.9fen.net

「设计 = 解决问题」这个说法似乎有点空洞,不太容易理解,更不知道怎么运用在自己的工作中。

本文来自九分网络

而且不光设计师认为自己在解决问题,产品经理也说我们是在帮用户解决问题啊。这就有点儿懵了。

九分网络

没关系,接下来我们通过一个案例,看看设计是怎么解决问题的。 内容采集来自9fen.net

文章目录

案例的背景介绍

内容采集来自9fen.net

信息如何展示

copyright 9fen.net

如何帮助小白用户快速决策

九分网络

如何让中阶用户看得懂

www.9fen.net

如何向高阶用户解释复杂问题

九分网络

吐槽 本文来自九分网络

案例的背景介绍

我们来看一个案例:食物详情页面的设计。

九分网络

先交代下项目的背景:会关注食物热量和营养信息的用户,主要是减肥和健身人群。

内容采集来自9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的! 内容采集来自9fen.net

九分网络

△ 不同人群关注的饮食

本文来自九分网络

减肥用户总是会问:这个食物减肥时能不能吃?吃了会不会长胖?他们比较关心食物的热量、脂肪、碳水化合物。 内容采集来自9fen.net

健身用户也有类似的问题,他们比较关心食物的蛋白质。

九分网络

还有,孕妇会关注叶酸和钙,糖尿病患者会关注 GI 和 GL,妈妈会关心儿童生长所需的钙和锌,高血压患者会关心钠、钾、镁…… 本文来自九分网络

薄荷健康App 在设计食物详情页面的过程中,踩过许多坑,以下是几个有代表性的历史版本。 copyright 9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的! 内容采集来自9fen.net

内容采集来自9fen.net

△ 历史版本 www.9fen.net

左边第一个是2014年的,那时流行拟物风,设计师会花很大精力在怎么体现质感上。然后一步步的扁平化,过渡到最右边的,2018年的大标题的简约风格。 copyright 9fen.net

不要觉得以前的版本土,人都是猴子变的。要是一直觉得以前的好,说明没有进步了。欢迎大家对现在的版本提出意见和建议,帮助我们做得更好。 copyright 9fen.net

信息如何展示

食物的基本信息有不少:名称、热量、三大营养素(蛋白质、脂肪、碳水化合物),以及近20项营养素(膳食纤维、维生素、胆固醇、钙……) 内容采集来自9fen.net

这么多信息要如何展示呢?对比下国内外竞品的做法。 copyright 9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的! 内容采集来自9fen.net

内容采集来自9fen.net

△ 国内外竞品

内容采集来自9fen.net

薄荷的做法是:名称等基本信息放在顶部,热量信息放在明显位置,次要的三大营养素放次要位置,更多的营养素就折叠在次级页面。 内容采集来自9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的!

www.9fen.net

本文来自九分网络

△ 薄荷的食物详情布局 九分网络

薄荷的食物详情页面,似乎比竞品多了些东西,这是为什么,下面会分析。

内容采集来自9fen.net

如何帮助小白用户快速决策

第二个问题来了:这些字我都认识,可这些数字意味着什么呢?比如我是个减肥的小白用户,我就想知道这个东西能不能吃,能不能简单明了地告诉我?

copyright 9fen.net

为此,薄荷推出了食物评价体系。 www.9fen.net

方案A:分为10档

www.9fen.net

用薄荷健康的案例告诉你,设计是怎么解决问题的!

copyright 9fen.net

www.9fen.net

△ 分成10档的评价体系 内容采集来自9fen.net

你觉得评级A 和评级D+ 哪个更好?

内容采集来自9fen.net

应该是 A 吧(犹豫中)?你再看看10个档的颜色变化,确定了,应该是 A 比较好。 内容采集来自9fen.net

A 并不必然比 B 好。就像钢琴十级比一级厉害,跆拳道则是一级(红黑带)比十级(白带)厉害。 本文来自九分网络

虽然能看懂,但是不够直观,不够符合直觉。 www.9fen.net

方案B:红绿灯

内容采集来自9fen.net

我们借用了交通红绿灯,这是大家已经熟知的概念。看到红灯食物就别吃了,黄灯食物就少吃点,绿灯食物就放心吃。 本文来自九分网络

标签: 实战案例 设计案例 优设 优设网 优秀网 设计实战 薄荷健康

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----