正文

产品设计分析案例（10个产品设计成功案例）

发布时间：2023-04-28 13:42:00 稿源：创意岭阅读： 668

大家好！今天让创意岭的小编来大家介绍下关于产品设计分析案例的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、如何增加设计的层次感？
2、设计原则| 尼尔森十大可用性原则案例解析
3、产品设计中如何有效地传达信息
4、三只松鼠页面中结合中秋节的活动请从配色和布局两个方面分析三只松鼠店铺的Banner 视觉设计？

产品设计分析案例（10个产品设计成功案例）

一、如何增加设计的层次感？

层次感是什么？

把画面中的各个元素合理的、清晰的、有节奏的组合在一起，使整个画面看起来更加的舒适、愉悦和协调。是不是感觉很深奥？好吧，换句简单的话来说就是——不多、不少，看起来舒服正好！

这篇文章分为3个章节，而每个章节都有若干细分的知识点，各位看官请仔细看哦！

初步理解，先来看看文章大纲：

一、画面的层次

使用点、线、面来分割画面
留白
在摄影中找层次

二、色彩的层次

颜色的对比
渐变色的流行
多种颜色搭配的控制

三、文字的层次

字体的对比
文字的对比

请点击输入图片描述

一、画面的层次

1.使用点、线、面来分割画面

点、线、面是设计中最基本的设计元素，学过平面构成的同学应该都有些了解，连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线，线的宽度增加和点扩散到一定的面积也就成为面。

上面的这几句话看起来比较复杂，其实仔细想想这就是世界里一切元素的原理甚至是宇宙星空。我们下面来举个例子。

请点击输入图片描述

上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。

请点击输入图片描述

红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对最小的元素都可以看做成“点”。而画面中的小圆点既可以看做“点”，也可以看作“面”。所以连点成面也是没错的。

请点击输入图片描述

黄色圈里的线大家认为是什么？我认为它并不是线而是点。为什么呢？因为无论从它在画面中的占比还是所起到的作用来看，它都属于点的属性。而线在那？在绿色块和红色块的交界处。还有色块的边界处。而这正说明了“线”的一个重要的用途——分割。画面中的“线”把整个画面分割成了4个大小不一的区域，这种分割让画面更加有趣味性也更加有层次感。

请点击输入图片描述

而线分割出来的4个区域也就是元素“面”。

这个图例不仅说明了点线面的几个重要的特征，也证明了点线面并不会因为它的形状而固定的，而是会不断变化的。

最后总结一下点线面的一些特点：

点：是最有装饰性的元素，因此大多情况下在画面中起到装饰作用。

线：除了装饰作用外还起到对画面的分割、元素的穿插和对视觉引导的作用。

面：往往起到稳定画面和承载重要信息的作用。

另外要注意的是：点线面是组合使用的，想想看没有面的衬托又怎么能显示出点和线的特征呢？

请点击输入图片描述

通过这些设计案例我们可以分析并总结出，有效的利用点线面的组合可设计出层次丰富的作品。而我们要如何做呢？——置换临摹。借鉴好的设计作品的点线面的构成元素再加以利用和创新。

请点击输入图片描述

2.留白

留白是设计中很常用的手法，留白除了让画面整洁、干净和透气外，更是对“面”的更深刻的理解和使用，而现在用的非常广泛的极简设计就是在留白的处理上用的比较好的一种设计类型。

我们这里再说一下留白对层次的影响，先看几个设计案例。

请点击输入图片描述

上面的几个设计作品的共同特点就是有大量的设计留白，并且在留白的同时对画面的层次进行了处理，例如留白与主图之间的大小对比，标题与补充性文字直接的对比。

请点击输入图片描述

我把上面的图做了个处理，分成背景层，留白层，主体模特层，标题文案层和功能文案层。从这里我们就能看出这幅设计的层次是如何设计的了。大家也不妨把自己喜欢的设计这样分层解构，来研究一下设计的层次。

3.在摄影中找层次

现在的设计中，摄影图片的使用也是越来越多了，尤其是质量高的摄影作品往往能最大限度的提高设计的品质。但是这是为什么大家想过吗？其中一个原因是摄影中也存在着层次。

请点击输入图片描述

这个装B耳机大家熟悉吧，这就是用摄影的方式来做的，并且其中近景，中景，远景三个层次全都有。不仅看起来画面非常细腻丰富，而且也品质感十足。

但是如果图片层次少怎么办？很简单，我们可以使用文字来做为图案元素来增加画面层次。

请点击输入图片描述

二、色彩的层次

1.颜色的对比

使用对比色和反差大的颜色来设计也是增加层次感的一个常用方法，因为有非常强烈的颜色对比，画面的冲击力会非常强烈，给人们的视觉观感也会更加刺激。

黑黄对比是非常经典配色方案，虽然只有两个颜色，但是通过画面中的文案和图片的组合也会显得非常丰富，在这种极简的配色中更加需要对点线面的合理运用否则会显得有些单调。

请点击输入图片描述

从上面的设计来看，设计师在用黑黄配色的时候又用了黄色的对比色——蓝色，这样既可以让画面的颜色更加丰富不会单调，又会让画面中的一些重要元素凸显出来，起到强调作用。

请点击输入图片描述

黄蓝配色和红绿配色也是经常用到的经典配色，上面两个案例可以看到，黄蓝配色多用饱和度比较高，这样显得年轻时尚有科技感，而另一个设计是红绿蓝的配色，饱和度较低，显得更加复古和深沉。

2.渐变色的流行

渐变色已经流行了几年，今年淘宝的手机app也是以渐变色来设计的，可见渐变色的使用范围也是越来越大了。而渐变色本身就具有层次丰富的特点，因此，使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时最大限度的丰富画面的层次。

在我们日常的设计中渐变色的使用还是需要更加精心的选择颜色的色值，一般来说会选择同色渐变、邻近色渐变和对比色渐变。而渐变的颜色数量也不宜超过2种。2种以上的渐变色就需要非常强的控色能力来驾驭了。（我这里说的是在同一渐变色里的2种以上的颜色哦）

请点击输入图片描述

渐变色的使用大多都出现在UI设计中，而随着UI设计的发展，web端的设计，无论是网页还是电商也有很多借鉴UI设计的设计方法和配色方法。

请点击输入图片描述

渐变色的配色是可以搭配使用的，例如上图，都属于同色渐变，但是这样使用有一个规则，就是互相搭配的几个渐变色的饱和度要基本一致，否则会出现颜色“花”的问题。

3.多种颜色搭配的控制

对于多颜色的设计我们要做的就是控制饱和度和明度，尽量使各个颜色的饱和度和明度保持协调的一致。无论是清淡的中国风，还是浓烈的欧美风，都会让画面丰富有层次的同时不会“乱掉”、“花掉”。

请点击输入图片描述

我们可以看到，上面的几个图例里的颜色非常多，但是为什么我们会感觉非常丰富而又有层次呢？没错，就是饱和度和明度的控制到位。

请点击输入图片描述

三、文字的层次

1.字体的对比

字体是我们设计中必须使用并且比较难的一个环节，但是正式这个让大家比较闹心的环节会使画面的层次变得异常丰富，即使在只有文字没有图案的时候，只要排版合理也可以得到惊人的效果。

请点击输入图片描述

不同的字体表达不同的意境和涵义，尤其是中文字体传承几千年每一个字都有特定的涵义。而西文主要是以衬线体和非衬线体的字形装饰的变化。时而粗犷，时而纤细。

请点击输入图片描述

2.文字的对比

这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢？因为对比是最能拉开并体现层次的方法，我们逐个来说。

请点击输入图片描述

我来那这个作品来分析解构一下，30%是文字里面积最大的，也同样是画面元素里占比最大的，通过DISCOUNT VOUCHER的解释说明这是折扣信息，而这个解释也是画面里第二大占比的文字。然后就是下面的时间、地址、电话等信息，使用最小号的文字。通过这三种文字大小来把层次拉开，并且一下就得到3个层次，在加上最后面的花纹背景、白色背景和金色蝴蝶结总共是6个层次。另外为了统一画面，文字的字体都采用了衬线体。

请点击输入图片描述

上面的这两个海报也是同样的道理，大家可以解读一下。

字体的颜色，上面两个aranya的海报是个系列，分别把主题文字aranya的颜色换成绿色和蓝色，一方面可以增加文案的层次感，另一方面可以与视觉主体的颜色统一。下面是一些设计的案例大家可以试着分析一下。

请点击输入图片描述

最后说一说对齐，对齐是使画面更加有秩序，看起来更合理且舒服。我们用上面这个海报来分析一下。

请点击输入图片描述

看这些蓝色的线，就是这幅海报的对齐方式。

总结

其实层次是在综合的运用了点线面的分割，色彩的搭配和文字的排版而形成的，并且在大小比例，颜色选择，对齐等这些细节上精益求精，层次自然立现。

二、设计原则| 尼尔森十大可用性原则案例解析

开篇灵魂拷问：

你认为一个怎样的产品才算是一个好的产品？

这个问题耳熟吗？面试的时候是不是有被问到过？

我们经常使用的那些产品，哪些是好的产品呢？

当我们谈论一个 APP 产品时，作为用户你最关心的是什么？

一般都是是这个产品好用吗？功能复杂吗？

而不是这个产品用户界面颜色好看吗？

交互的动效酷炫吗？

互联网已经深入到每个人的生活当中，时刻影响着我们；

一个好的产品会给我们带来便捷，使我们的生活变得简单而又美好；

也会有一些产品使用时会感到不舒服，糟糕的产品体验会让我们的生活变得复杂而又烦恼。

所以，决定一个产品好不好用，能不能长期使用都是用户体验直接决定的。

用户体验关注的是在满足用户需求的同时带给用户美好的感受。

接下来我们来聊一聊「尼尔森十大原则」，这十大原则是具体而又全面的用户体验可行性检验方法。

尼尔森是谁？

雅各布·尼尔森（Jakob Nielsen）是毕业于哥本哈根的丹麦技术大学的人机交互博士，他拥有79项美国专利,专利主要涉及让互联网更容易使用的方法。于1995年1月1日发表了「十大可用性原则」。1995年以来，他通过自己的 Alertbox 邮件列表以及 useit.com 网站，向成千上万的 Web 设计师传授 Web 易用性方面的知识，尽管他的一些观点可能带来争议，至少在 Web 设计师眼中，他是 Web 易用性领域的顶尖领袖。2006年4月，并被纳入美国计算机学会人机交互学院，被赋予人机交互实践的终身成就奖。他还被纽约时报称为“Web 易用性大师”，被 Internet Magazine 称为 “易用之王”。

尼尔森的十大可用性原则，它们被称为「启发式」，

是广泛的经验法则，而不是特定的可用性指导原则。

虽然是1995年提出来的，但是至今仍然被奉为交互设计师的入门法则，

我们不能把它上升为一种标准，而只当做一种经验来学习，

然后跟现实中的设计结合来使用。

因为尼老师是从 web 设计提出的十大可用性原则，

我们要结合的是目前移动互联网的特点，

然后在「尼尔森十大原则」的结构下探讨在用户体验上达到的目标。

尼尔森十大可⽤用性原则为：

01. 状态可见原则

02. 环境贴切原则

03. 撤销重做原则

04. 一致性原则

05. 防错原则

06. 易取原则

07. 灵活高效原则

08. 易扫原则

09. 容错原则

10. 人性化帮助原则

下面我们就针对每一条来单独分析一下吧~

1 ·. 状态可见原则

系统应该让用户知道发生了什么，在适当的时间内做出适当的反馈。

不要蒙蔽用户；沟通是所有关系的基础，无论⼈还是设备。

示例：在淘宝里，我下拉时他告诉我「松开刷新」，也就是现在还没有开始刷新；我松开后状态变更成「刷新中」，表示现在正在刷新。

这样的设计告诉我们，界面现在是什么状态，现在在干嘛，在整个功能的变化过程中我们都能看到对应的文字描述。

其他示例：下拉刷新时的加载中，加载完成提示，收藏成功、支付成功、实付失败等提示。

2 ·. 环境贴切原则

功能和服务贴近用户使用的场景，符合当前场景用户的体验。

产品的功能和服务应该贴近真实世界，让信息更自然，逻辑上也更容易被用户理解。

示例：我们在店里买东西的时候经常会听到这样的声音「支付宝到账：5元」就是贴近环境的设计。商家需要确认你是否付钱，但是又经常忙于手头的事情无法及时查看；

而这样功能的设计，商家即使在忙着手头的事情依然能通过声音来确认已经收到你的钱了。

这样的设计对于商家和消费者是友好便捷的。

3 ·. 撤销重做原则

在使用产品时了解和掌控当前页面。

如果用户误操作，可以随时撤销，用户在使用产品时足够自由。

示例1：我们用微信和对方聊天时，当我们写了很多字，发出去时却发现其中有错误，这时我们可以使用微信的撤回功能，体验更好的是，撤回消息旁边有「重新编辑」功能，可以让之前编辑的文本回到对话框重新编辑再发送。如下图：

示例2： iOS系统照片的删除和撤回

4 ·. 一致性原则

同样的文字、状态、按钮，都应该触发相同的事情，遵从通用的平台惯例。也就是，同一用语、功能、操作保持一致。主要包括以下五个方面：

1. 结构一致性

保持一种类似的结构，新的结构变化会让用户思考，规则的排序能减轻用户的思考负担。

示例：微信中每个模块的条目都有统一的「图标+文字信息」的结构样式，能让用户快速了解每一个模块；

2. 色彩一致性

产品所使用的主要色调应该是统一的，而不是换一个页面，颜色就不同。

示例：淘宝的图标颜色与界面的主色均为橙色，也包括其中一些标签和强调的文字颜色都是橙色色。整个界面除了图片的有效信息外，都通过灰、白、橙色色来呈现，界面保持了很好的一致性；

3. 操作一致性

能在产品更新换代时仍然让用户保持对原产品的认知，减小用户的学习成本。

示例：微信在对话框和通讯录都采用了左滑出操作的交互，如下图：

4. 反馈一致性

用户在操作按钮或者条目的时候，点击的反馈效果应该是一致的。

示例： QQ的每个分组点击后都是向下展开组内成员列表；

5. 文字一致性

产品中呈现给用户阅读的文字大小、样式、颜色、布局等都应该是一致的。

示例：例如微信几个关键界面的字体：三个主界面内容结构不尽相同，但是，列表的标题字体和间距都一样，这样让整个APP视觉上看起来很舒服；

5 ·. 防错原则

比出现错误信息提示更更好的是，用设计防⽌止这类问题发生。在用户选择动作发⽣生之前，就要防止用户容易混淆或者错误的选择。

1. 限制操作范围与条件；

示例：未输入验证码前，底部的登录按钮是置灰不可点击的，只有填写完整，底部的登录按钮才会变为可点击状态。这就是为了防止用户犯更多错误；

2. 对有风险的操作进⾏二次确认；

示例：删除个好友时，通过二次弹窗给出防错措施。

6 ·. 易取原则

减少用户记忆负荷，在适合的时机给用户需要获取的信息。

1. 为用户提供历史记录、关注、收藏等功能；

示例：爱奇艺为用户提供了看过记录和我的收藏，帮助用户记忆：

2. 选择而不是输入，尽量降低输入成本;

示例1：打车软件自动获取当前位置；

示例2 ：iOS系统收到验证码后自动带入到键盘，点击直接输入；

7 ·. 灵活高效原则

对于新用户来说，需要功能明确、清晰，对于老用户需要快捷高效使用高频功能。不可为了某一种用户，把不必要的信息占据重要部分。主要体现在3个方面：

1. 自定义功能或模块的展示位置；

示例：支付宝首页的应用是可以根据自身喜好自定义的，包括定义常用应用、排序、删除、新增等等。这样用户可以根据自己的个人兴趣定制自己适合的应用分布方式，这就叫做用户定制常用功能，如下图：

2. 将“常用”自动归纳以提升使用效率;

示例：微信聊天界面表情弹窗中会有一个「最近使用」的模块，它把个人平时使用频率或者次数最多的表情进行归类。当用户使用的时候，能很快的找到自己喜欢或者常用的表情，提高了聊天效率；包括饿了么的「我的订单」里的每一个订单都可以通过再来一单重新一键下单，如下图：

3. 缩短操作路路径，提升使⽤用效率与体验；

示例：微信的对话框，当点击「+」调出下面的操作选项时，会默认弹出刚截图或拍照的照片，方便用户直接调取，还有APP长按后出来的快捷操作列表，如下图：

8 ·. 易扫原则

直译：美学和简约的设计；页面不应包含不相关或很少需要的信息，页面中的每个额外信息都会降低主要内容的相对可见性。

示例：如下图列表中出现的信息都是用户比较关注的信息，比如配送费，配送时间，距离等；携程的选择机票界面讲最重要的时间和机票价格放大突出，让用户能一眼看到，如图：

9 ·. 容错原则

直译：帮助用户识别、诊断和从错误中恢复；我们尽量避免用户出现错误，但当出现错误时，我们应该尽量去安抚用户的挫败感。

⽤配图+文字代替「404」，明确告诉用户哪⾥错了和解决方案。

示例：界面加载失败时的刷新提示，还有登录时的手机号码校验，如果手机格式错误会出现会提示用户手机格式不正确和正确的格式。

10 ·. 人性化帮助

帮助性提示最好的方法是：

1.无需提示: 非常简单易懂，用户看界面就知道怎么操作，无需提示；

2.一次性提示: 只需要一次提示用户就懂如何使用；

示例：常见的新功能引导、引导⻚等，示例：

3. 常驻提示: 较重要的提示，用于指导或帮助用户；

示例：支付宝转账时，常驻在顶部的安全确认提示，还有转账时的服务费提示，如图：

4. 帮助文档: 稍微复杂一点的软件，虽然要让他尽量简单但帮助文档都是必要的；

示例：微信设置界面里的「帮助与反馈」，还有支付宝转账时弹出来的「求助反馈」，点进去后的常见问题界面;

以上就是我对Jakob Nielsen（雅各布·尼尔森）的十大交互设计原则的理解和实例解读，希望对大家有所帮助。如果大家同样对这些方面有些兴趣或者看了后有些什么想法，欢迎一起讨论。

三、产品设计中如何有效地传达信息

用户在日常使用产品、网站或应用时都会不断面临着信息决策，不管是购物，还是阅读，音乐等等这些，用户都会进行着有意识或无意识的决策过程。因此在对相关产品进行设计时，思考用户决策背后的信息影响因子，并将影响因子有效的展示给用户，提高用户的决策效率，促成用户的决策，对产品有着重要意义。

本文将涉及的主要内容为1）用户决策过程的五个阶段，2）如何进行信息的组织设计与信息的优先级判定，3）案例简析美团外卖与网易运营课海报。

一．用户决策过程的五个阶段

用户的决策过程一般可包括需求认知，信息收集，方案评估，决策执行，以及行动反馈等阶段，如图一所示。其中信息收集则是本文要重点来阐述的。

需求认知：用户在做一件事的时候都会具有一定的目的性，这个目的性可能是清晰的也可能是模糊的，正是基于用户对需求的认知才会产生用户的决策过程。例如，用户打开音乐播放器，不管是否有要听的明确的音乐，它潜在的目的还是在于听音乐，打开外卖，潜在目的也是在于寻找食物。因此，用户决策的初始阶段是在于需求的认知。只有用户有了某种需求或被刺激到了某种需求，他们才会去做接下来的决策过程。明确用户需求，知道用户使用这个产品或功能是为了做什么。

信息收集：在用户要进行决策前，先要做的是对决策信息的收集，通过收集到的信息来支撑接下来的决策评估。（而在信息收集阶段，产品就要在这个阶段尽可能有效地传递信息，以帮助用户来进行决策，促成用户决策）

方案评估：当用户掌握一定的信息时候，用户就会根据自己的需求来对面临的方案进行评估，用户方案评估面临的便是方案所带来的成本与收益，根据之前所获取的信息进行成本—收益评估。比如，要读一本书，读者就会考虑到这本书值不值得读，因为读一本对于用户来说所花费的时间成本相对来说是比较高的（在不考虑金钱成本前提下）。

决策执行：用户根据自己对已有方案的判断，来确定自己执行某种方案或放弃执行，当用户执行某种方案时，应尽可能让用户执行的过程顺畅方便，此处便要求功能的设计要简单方便。

行动反馈：当用户执行某种方案后，会对方案的体验有所反馈，是良好的体验还是糟糕的体验。例如，用户叫了外卖之后，用户会对等待的时间以及食物的好坏有着自己的体验。他们会有自己的反馈，这些反馈信息，如果传递到平台上，会是其余用户的决策的重要信息比如购物评分，这些信息可以帮助降低用户对信息的不确定性，促进用户决策。

二．信息的组织与设计

正如香农所说：信息是用来消除随机不确定性的东西。我们在进行信息组织与设计时，目的就是为了解决信息冗余，信息不对称等问题，把信息更有效地传递给用户，以帮助他们做出决策。当然，在进行产品的信息设计中，信息除了帮助判断决策，还有引导决策的作用，以提高转化率。

对于人处理信息的能力，有两位国外学者的理论值得我们在进行信息组织与设计时借鉴运用。

从两位学者提出的理论中，我们可以得出，用户在决策过程中收集信息与加工信息的能力是有限的。因此我们在向用户展示信息的时候，展示的信息数量（信息较多时，可将信息转化为块或单元来处理）以及不同信息的优先级是我们所要考虑的。如图二所示，在信息收集阶段，用户可能面临着茫茫多的信息。

而作为产品的设计者，我们不能让用户有盲人摸象的感觉，对信息进行必要且合理的组织与设计显然是重要的的，即该提供哪些信息以及不同信息的展示比重。

由于大部分产品与应用面向的都是群体用户，因此在信息的组织与设计上展示的更多的是趋同部分的信息，从而做到大面积覆盖到尽可能多的用户。而对于个性化需求，可以做专门的信息设计，从而使得产品能满足多样化的需求。

个人把信息收集阶段的信息从三个维度进行了分类划分，分别是商品属性，营销属性和行为属性。

A商品属性：商品本身所固有的一些性质，比如标题，介绍，价格，产地等等。

B营销属性：利用产品特点和用户需求去推广、传播和销售产品，比如折扣，推荐，赠品，时间更短等等。

C行为属性：用户留下的历史行为，比如热度，评论，销量，收藏，浏览量等等。

当产品设计者把信息因子收集并组织分类好之后，便要对这些信息优先级进行判定，以便让信息更有效地展示出去。关于信息优先级的判定，笔者认为可以从信息的周全性（信息是否足够描述清楚所传达的事物）和信息的收益性（信息对用户决策带来的收益性有多大）两个维度来裁定。当然周全性—收益性的优先级判定是需要根据自己的具体产品来裁定的，因为有些信息可能会给产品带来巨大商业价值，但是对用户当前决策的作用不明显，甚至有些信息可能会在产品上难以实现。因此周全性—收益性优先级排序，要基于所服务的产品。

图三为周全性—收益性示例图（ABC分别为信息的三个类别，商品属性，营销属性，行为属性；数字为该类别中的信息因子；四个颜色区域代表信息优先级的四个等级，优—高—中—低，同一级别的信息可根据产品与用户需求来综合裁定，一般颜色越深代表信息越重要）。

不同信息对用户的决策影响是不同的，根据产品的需求将信息的展示做优先级的评定，这样能让相关产品设计制作人员更直观了解在界面设计传达上，不同信息的意义与视觉比重。

三．案例分析

例1 以美团外卖用户选购外卖快餐为例，当用户在选择外卖的时候，哪个好吃，哪个实惠，哪个配送更快等等，都是用户会去考虑的问题。

在信息收集阶段所面临的信息可能是庞杂的，而要提供给用户的信息应该是简洁有效的。图四是目前的外卖快餐上不同信息的视觉优先级。

商品属性：A1图片，A2店铺标题，A3距离，A4价格条件

营销属性：B1优惠活动，B2配送时间

行为属性：C1星级，C2月销量

根据信息周全性与收益性将这些信息因子进行优先级评定，结果大致如图五

从图中可以看出大致有两点和美团外卖目前的信息优先级不同，分别为 A4价格条件， B2配送时间。按理说，价格条件对用户是个购买门槛，对用户决策影响应该是比较大的，但考虑到商业性，弱化条件门槛的视觉比重可以提高用户做出正面决策。而对于配送时间，个人认为其优先级是可以相对较高的，因为配送时间决定了用户什么时候开始订餐以及大概什么时候能送达。这对于时间不充裕的用户来说是重要的，因此对于配送时间可以在营销上做些文章。

案例2 不知道大家最近有没有被一张网易运营课海报刷屏，海报如下

从这张海报中抓取出主要信息有：

商品属性：A1网易，A2运营课，A3授课人，A4原价

营销属性：B1折扣价，B2限额赠送

对这些主要信息进行优先级评定，大致如图六所示

从图中可以看出，在信息优先级上， A2运营课作为优先级很高的信息，在宣传海报上却未能体现出来，因此在海报展示上信息的周全性是不够的。当笔者在手机上第一眼看到这个海报缩略图时，除了网易要开课外，其余的基本属于懵逼状态。对于网易感兴趣的用户可能会点开图片，而对于网易并不太关注的但对运营感兴趣的用户很可能不会点开图片。即使在大图中，寻找到这张海报是做什么的，也需花费不少时间。因为在信息传递的周全性上不够充分，而会错失部分受众。

后记：把握用户的决策过程，做好信息的设计，规划好信息的优先级，让信息更有效地传达给用户。

由于文中阐述多来源个人经验与总结，不免会有所偏差，重在灵活运用，欢迎探讨指教。

四、三只松鼠页面中结合中秋节的活动请从配色和布局两个方面分析三只松鼠店铺的Banner 视觉设计？

时代造就英雄这句话一点都没有错，三只松鼠，创造了坚果类第一品牌;他运用的手段和小米的类似，但是他和小米不一样的地方是，三只松鼠运用的是全网营销，而小米用的是社群营销。三只松鼠最开始起源于淘宝，所以如果你要想弄清楚关于，三只松鼠...

以上就是关于产品设计分析案例相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。