在人机交互中，我们要通报的信息，用户并不能完全吸收。很大部门都像水过鸭背，在通报的历程中损耗掉了。设计师的事情，就是要解决信息损耗的问题，把信息清晰的转达给用户。
一、拷问设计师灵魂的问题作为一名设计师，在日常的设计事情之余，也许会问自己（或被问到）一个形而上的问题：设计是什么？设计的目的是什么？设计的本质是什么？设计的作用是什么？每小我私家的回覆都不尽相同，《网站设计的艺术与科学》一书的作者 Jeffrey Veen ，他的回覆很有代表性：设计领域之外的人总是认为设计师的事情就是修饰，这让我感应惊讶，好的设计是解决问题。「设计 = 解决问题」这个说法似乎有点空洞，不太容易明白，更不知道怎么运用在自己的事情中。而且不光设计师认为自己在解决问题，产物司理也说我们是在帮用户解决问题啊。
这就有点儿懵了。没关系，接下来我们通过一个案例，看看设计是怎么解决问题的。
二、案例的配景先容我们来看一个案例：食物详情页面的设计。先交接下项目的配景：会关注食物热量和营养信息的用户，主要是减肥和健身人群。减肥用户总是会问：这个食物减肥时能不能吃啊？吃了会不会长胖啊？他们比力体贴食物的热量、脂肪、碳水化合物。
健身用户也有类似的问题，他们比力体贴食物的卵白质。另有，孕妇会关注叶酸和钙，糖尿病患者会关注 GI 和 GL，妈妈会体贴儿童生长所需的钙和锌，高血压患者会体贴钠、钾、镁……薄荷康健 App 在设计食物详情页面的历程中，踩过许多坑，以下是几个有代表性的历史版本。左边第一个是2014年的，那时盛行拟物风，设计师会花很大精神在怎么体现质感上。然后一步步的扁平化，过渡到最右边的，2018年的大标题的简约气势派头。
不要吐槽以前的版本土啊，人都是猴子变的。要是一直以为以前的好，说明没有进步了。
接待大家吐槽现在的版本，资助我们做得更好。三、问题1：信息如何展示食物的基本信息有不少：名称、热量、三大营养素（卵白质、脂肪、碳水化合物），以及近20项营养素（膳食纤维、维生素、胆固醇、钙……）这么多信息要如何展示呢？对比下海内外竞品的做法（见下图）：薄荷的做法是：名称等基本信息放在顶部，热量信息放在显着位置，次要的三大营养素放次要位置，更多的营养素就折叠在次级页面。薄荷的食物详情页面，似乎比竞品多了些工具啊，先别管，那是后面要讲到的。
四、问题2：如何资助小白用户快速决议第二个问题来了：这些字我都认识，可这些数字意味着什么呢？好比我是个减肥的小白用户，我就想知道这个工具能不能吃，能不能简朴明晰的告诉我？为此，薄荷推出了食物评价体系。方案 A：分为10档你以为评级 A 和评级 D+ 哪个更好？应该是 A 吧（犹豫中）？你再看看10个档的颜色变化，确定了，应该是 A 比力好。
A 并不一定比 B 好。就像钢琴十级比一级厉害，跆拳道则是一级（红黑带）比十级（白带）厉害。虽然是能看懂，可是不够直观，不够切合直觉。
方案 B：红绿灯我们借用了交通红绿灯，这是大家已经熟知的观点，连幼儿园的小朋侪都知道。看到红灯食物就别吃了，黄灯食物就少吃点，绿灯食物就放心吃。
小白用户不需要正确的空话，他需要你的态度，你的结论，越简朴粗暴越好，这才气迅速的资助他决议吃还是不吃。四、问题3：如何让中阶用户看得懂中阶用户并不满足于简朴粗暴的结论，他还想知道得更多，想自己来判断。
好比一个苹果的热量是53千卡/100克，这意味着什么？53算是高热量还是低热量？没观点的。要明白数字的寄义，就得有相对比力。
方案 A：参照物差别类的食物不能简朴的对比啊，我们就多找了几个参照物。主食类的参照物是一碗米饭，水果类的参照物是一个苹果，饼干类的参照物是一块奥利奥……这个方案效果不佳，用户对参照物自己都没有什么观点，还怎么用参照物来权衡？方案 B：参照系好比苹果的热量，比55%的水果都要低，那么苹果的热量是相对一般，不算高也不算低的。榴莲的热量，只比8%的水果低，那么榴莲的热量就相对较高了。相比第一个方案，这就更容易被明白了。
需要注意的是，参照系会占用较大的面积，可以用，但不能滥用。如果热量有参照系，三大营养素（卵白质、脂肪、碳水化合物）不落人后也都来一个参照系，那整个页面就没法看了。
怎么办呢？有措施。方案 C：标签凭据数值，给出「低脂肪」、「高卵白」等标签，也能资助用户明白，又比参照系更轻量。所以薄荷 App 上是方案 B 和 C 都有用到，而且另有「食物亮点」，列出该食物进入了 xx 榜单，来拓展阅读。五、问题4：如何向高阶用户解释庞大问题三大营养素的数据，最早是纯数字展示，厥后为了更直观的展示，运用了可视化的表达。
三大营养素各有一个圆环，三个圆环加起来是100%。细心的用户会自己去算，然后反馈说，这三个环里的比例是错的。好比：100克番茄，卵白质0.9克，脂肪0.2克、碳水化合物3.3克。
算起来，脂肪的比例 = 0.2 / (0.9 + 0.2 + 3.3) = 4.5%，但圆环上显示的是10%，显着是错了嘛。我们想表达的是：这不是重量比例，是供能比例，是这样算的……以下是科普时间：三大营养素都市发生热量：卵白质的热量 = 0.9克 * 4 = 3.6千卡，脂肪的热量 = 0.2克 * 9 = 1.8千卡，碳水化合物的热量 = 3.3克 * 4 = 13.2千卡。
总热量 = 3.6 + 1.8 + 13.2 = 19千卡。于是，脂肪的供能比例 = 1.8千卡 / 19千卡 = 10%请用尽可能少的篇幅，尽可能浅显的方式，向用户解释。OMG！我的数学是体。
本文关键词：案例,剖析,设计,是,E星体育官网,怎么,解决,问,题的,星,在
本文来源：E星体育官方网站入口-www.fsgsez.com