1.为什么用户使用对齐标签填写表单的速度更快

想象一下，一个用户已经准备好注册您的站点了。他们会进入你的表格并输入他们的信息。字段标签对齐的方式会影响用户填写表单的速度。

你是想给用户提舒适体验，还是想给他们一个麻烦？

如果您想让他们的体验更快更容易，请使用输入框上面的字段对齐标签.或输入框内的对齐标签模式。

与左对齐和右对齐的标签相比，顶部对齐或内部左对齐标签填写起来更快、更容易。这是因为标签只需要有一半多的视觉固定物。

顶部对齐标签还允许用户以一个可视方向向下移动输入框。左对齐和右对齐的标签需要两个视觉指示才能填写。

顶部对齐标签的唯一缺点是，它们可以使表单变得很长。但是现在用户滚动的频率越来越高，所以这不是问题。

通过减少字段之间的空白，可以减少表单长度。您还可以将表单拆分成多个页面，以使表单更短。

顶部和左/右对齐标签之间的差异很明显。顶部对齐标签更容易在眼睛上，并使表格更容易填写。虽然他们可以使表单更长，

但用户将从完成表单所需的时间和精力的减少中获益更多。

如果顶部对齐的标签能够给用户提供更好的表单体验，那么它是值得采用的。设计师应该更多地考虑他们的字段标签对齐。

它可以区别于用户填写表单还是放弃表单。

2.为什么对话框中的“确认”按钮在右边工作得最好

有很多设计经常会问我一些关于按钮上的问题那我今天也来献丑讲以下我对按钮的一些理解，这段时间针对这些东西研究了很久，在对话框中放置“确认”和“取消”按钮的位置。“确认”按钮是完成任务的主要操作。

“取消”按钮是在没有完成任务的情况下将用户带回原来屏幕的辅助动作。

根据它们的功能，最好的顺序是什么？“确定”按钮应该出现在“取消”按钮之前还是之后？

许多人提到了以下几点平台约定作为答案。虽然这似乎是一个解决问题的方法，但实际上并非如此。它不能回答哪个位置对用户更好，以及为什么。为了一致性而遵循平台惯例的建议是不够好的，给设计师留下了空手而归的机会。

“一致性”是设计师们常用的一个词。不深入考虑用户面临的设计问题也是一个流行的借口。如果一个人不知道为什么会存在，遵循设计惯例有什么好处呢？

如果某个设计约定对用户有害呢？设计师应该为了一致性而盲目地遵循吗？糟糕的设计实践是否应该持续下去，因为设计师们希望通过平台设计的一致性来解决每一个问题？

今天，有一些平台设计约定被广泛使用，因为它们是为用户工作的。但这里的要点是，平台设计的一致性永远不应该让设计师满意，因为这是做某事的唯一理由。理解为什么您应该以一种方式而不是另一种方式来设计您的用户界面的原因是关键。

按钮放置事项

人们可能会说，让你的动作按钮突出给它更多的视觉重量和一个清晰清晰的标签比它的位置更重要。虽然动作按钮的视觉重量和标签是一个重要的设计方面需要考虑，但它不是唯一的方面。

只关注一个设计方面而不是其他方面是一个粗心的设计师的行为。一丝不苟的设计师会思考每个设计方面是如何影响用户的。

对于设计师来说，最难搞清楚的是主动作和次要动作是如何放置的。这就是为什么“确认”/“取消”按钮的争论在设计师中如此流行的原因。

为什么‘确认’按钮在右边工作得最好？

当你通过了平台惯例的争论后，你会质疑哪个位置最有效。您可以通过分析设计如何影响用户来解决这个问题。

减少视觉固定

一些设计师认为，在第二个操作之前将主操作放在左边对用户更好，因为它更接近，因此，点击的时间更少。

这是有意义的，但您不能忽视这样一个事实，即用户在选择要采取的操作之前将查看他们的所有选项。

这意味着大多数用户不会盲目地单击主操作按钮而不查看它旁边的辅助操作按钮。

他们将首先看到左边的主要动作，然后查看右边的次要动作。然后，他们会把眼睛移回主要的动作，点击它。这将在多个方向上总共创建三个视觉固定。

将其与放置在对话框右侧的主操作和放置在左侧的辅助操作进行比较。用户从第二个动作的眼睛开始，然后将眼睛移到主动作上单击按钮。这在一个方向上总共创建了两个视觉固定，给用户一个更快的视觉流。

用户只关注每个按钮一次，并在主动作按钮上结束。将主操作放在左边可能会使用户更容易到达，但是当您从用户的思维过程和视觉固定的角度来看速度时，将主操作放置在对话框的右侧实际上更快。

用户点击或操作按钮的心里状态

当用户单击辅助操作按钮时，他们期望应用程序什么也不做，并将它们带回到原来的屏幕。因此，“取消”按钮的功能类似于“后退”按钮。

当用户单击主操作按钮时，他们期望应用程序执行按钮所述的操作，并将其转到下一个屏幕。因此，“确认”按钮的功能类似于“下一页”按钮。将辅助动作按钮放置在左侧，主动作按钮在右边映射到用户可以期待的‘后退’和‘下一步’按钮功能。

它类似于分页按钮的放置方式。将用户带到下一页的按钮位于右侧，将用户带回其早期页面的按钮位于左侧。这个按钮的放置工作是因为它映射到用户从左到右的阅读和导航方向，其中右是前进的方向，左是后退的方向。

对话框中的“确认”和“取消”按钮应该遵循类似的交互模式，因为它们的功能类似于分页按钮。

不仅如此，在中国用户习惯了左右方向的模式。

将您的主要操作放在右侧，将次要操作放置在左侧，将使您的对话框按钮更容易、更直观地为用户所理解。

为用户提供更有效的视觉流畅度

将您的按钮放置在终端区域可以让用户看到他们最后需要采取的主要操作。这不仅改善了视觉流，也改善了任务流。

用户在扫描时不会跳过主动作按钮。当他们通过时，他们的眼睛就会盯着它，所以他们可以立刻点击它。

按钮放置在中间还是放置在左右两边？

另一个问题是设计师经常想知道他们是应该把按钮放在角落里，还是把它们放在一起。当您将主操作和辅助操作放置在对话框

的角中时，它将很好地映射到左右方向。但是，由于‘取消’和‘确认’按钮不是导航按钮，所以没有必要遵循方向映射。有时它弊大于利。

如果应用程序要执行用户无法撤消的关键操作，那么用户可以看到“取消”按钮和“确定”按钮是很重要的。在这种情况下，“取消”按钮的功能可能像“先前”按钮，但更重要的是，因为它充当安全按钮，以防止任何更改。

在左下角放置“取消”按钮的危险是，由于两个按钮之间的视觉分隔很大，它可能导致用户忽略它。将“取消”按钮和“确定”按钮放在一起，可以使用户更容易在一次凝视中查看和比较这两个动作，从而选择最佳的操作和点击。

我们经常卸载软件的时候一不留神就会点错，或者是我们在装某一个软件的时候全家桶一拥而上。所以在不同场景当中我们所用的按钮形态也是不一致的。

3.下拉菜单加图标和不加图标的区分在哪里！

大的侧边栏菜单甚至会让用户看起来很不双我们应当如何解决这一个问题。

其原因是设计人师在做显示菜单项的时候会出现的问题。

当它们都有相同的视觉处理时，菜单项很难进行识别与区分。

如果不修复这个问题，会导致用户放慢他的浏览速度从而导致用户的流失在大的层面来讲，小的层面来讲阅读不爽导致关闭页面。

菜单栏没有主次之分

当您对菜单项进行全文本或全图标处理时，问题就会出现.当用户扫描他们想要的项目时，他们的注意力分散在菜单周围。这是因为没有层次来吸引他们的注意力。

通过将用户的注意力引导到您的主要项目，使您的菜单可扫描。

要实现这一点，我们可以看下面设计形式来强调重点内容

主项图标

与其在每个菜单项上放置图标，还不如将其放置在主菜单项上。视觉强调首先将用户的注意力引导到这些项目上。

次要项目上缺少图标，这使得它们能够得到其余的关注。

略大一点的图标

如果要使所有图标处，请稍微放大需要突出的图标。

稍微的增大会使视觉效果有很大的不同，同时字形更容易辨认，每一行的线高也会增加。让整个看起来更加有空间感一些。

让用户浏览阅读起来也会更加舒畅一些。

4.在按钮上避免颜色对比度错误

想象一下，当用户在您的界面上遇到一对按钮时，他们犹豫不决。

用户向左看，然后向右看，比较它们。经过一番思考，他们做出了选择。

他们的选择按钮做出决定，而且不确定，因为你的按钮没有层次结构。

不要使用相同的颜色轮廓按钮

甚多的设计师设通常喜欢使用主按钮的轮廓形状作为辅助按钮。按钮样式看起来可能不一样，但还不够。

他们仍然会竞争，因为他们的颜色对比度相等。

为了给主按钮更多的注意，削弱轮廓按钮的对比度。与其使用重颜色，不如使用它的色调。你可以通过降低重颜色的亮度和饱和度来制作。确保对比度足够高，以达到主要的按钮突出性。

不要使用黑色辅助按钮

设计师的另一个趋势是把第二个按钮变成黑色。他们认为，使用中性的颜色，它是不会竞争的。然而，黑色按钮更为突出，因为它有一个更高的对比度。

不要使用黑色，而要使用重颜色的色调，以使辅助按钮比主按钮更弱。要做到这一点，增加亮度和降低饱和水平。

不要在主色调上使用浅色

将彩色按钮与中性灰色配对并不总是意味着彩色按钮会得到更多的关注。如果主按钮的颜色太轻，则中性辅助按钮将更加突出

要避免这一错误，请选择不太明亮的颜色。明亮的颜色可能看起来很有吸引力，但它与白色背景或文字的对比不太好。在主按钮上使用更暗的颜色，这样第二个按钮就不会引起注意。

5.复选框的设计与使用方式哪种更好

在界面上使用复选框之前，您必须先问自己几个问题。复选框是否是在此上下文中使用的正确组件？如果是的话，最有用的显示方式是什么？

许多设计师没有问这些问题，自动使用复选框，没有太多的事先考虑。

因此，它们通过在错误的上下文中使用它们而产生可用性问题。

不仅如此，许多设计人员都很懒惰，期望前端写成默认选框完成这项工作，而不是

自定义复选框设计。但问题是，前端默认的复选框不能完成这项工作，因为它们的

可用性很差。

大多数设计人员在复选框上会犯的几个可用性错误，这些错误会破坏用户体验。

单选与重复的选择

在设计当中我们经常会遇到做选择性的勾选，往往很多设计师会犯的一些错误问题和选择障碍问题。

通过更大的目标来明确与用户进行选择更为明确

我们设计单选框的时候这不是秘密而是让用户做出选择，复选框是很难点击，因为他们的小击中目标。

设计师通常会让标签点击，但如果它不是直观的，那也于事无补。

通过将复选框转换为复选标记，您可以为用户提供更大的命中目标和更清晰的交互提示。

重复物品的重量及数量选择

有时你可能想提供不同数量的商品。使用多个复选框复制它会产生更多的文本来读取，并使界面混乱,且让用户难以进行选择。对于增量输入更改使用数字选择器一次显示该项会为更好些。

总结以上两点，实际商用应用案例如下所示

6.在设计当中我们该如何控制内容的突出性与阅读性

新闻卡片的设计怎么才能突出信息内容

卡片内容有几种文本类型，提供不同的信息功能。让我们看看基本内容卡的文本类型。

首先是眉毛，它是一个明确的词或短语，用来描述内容的主题。

还有一个标题，它用一个句子中的几个单词告诉用户内容是关于什么的。

在此之后，就会有一个描述内容的正文。

最后，就是时间与操作的按钮

必须通过确定哪些文本类型对用户更重要，从而为您的卡片新闻建立文本层次结构。

此内容新闻卡片的适当文本层次结构为：

1.眉毛-可以是时间，可以是新闻分类

2.标题-最重要的是，因为它描述的内容最快。

3.正文-包含一个描述性段落，但阅读时间最长。

4.描述内容的正文对内内容的简要描述。

您的内容卡应指导用户按此顺序浏览文本类型。要实现这一点，您需要使用浏览控制对文本类型应用适当的视觉强调。

控制用户的浏览顺序

通过适当的视觉强调，可以控制用户浏览的顺序，并指定反映文本层次结构的浏览模式。

当扫描遵循文本层次结构时，用户会浪费更少的眼球运动，并且可以更快地处理信息。

下面的示例说明了浏览控制如何让眼球工作比较。不同的是强调不同的文本类型。

其他文本类型具有相同的强调度，这使得它们争夺用户的注意力。

其他设计形式及浏览方式

在内容颜色的控制上我们可以为三种，重要的突出的需要用户重点进行关注的就用黑色

例如：#333333      #222222   #454545     等等色值

在不需要突出的内容上我们可以用稍微浅一点的色值保证用户能够进行阅读即可，

例如：#999999      #787878   #666666     等等色值更加容易记住

其他辅助的内容表达比内容正文更浅

例如：#bbbbbb      #A8A8A8    等等色值

说到这里我要说一用户体验关于文字的事情如果做出来的设计文字是给自己看的随意设计读没人会说你，有句话说的好：现在

是内容为王的时代，如果在内容上不够吸引或者颜色不够吸引眼球那就是一个很失败的案例。

转自：站酷

作者：  东峰实业集团

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

互联网下半场，所有的比拼都在产品体验；然而“体验”是一个非常抽象的词，我们怎么把一个抽象的概念拆解成可落地执行的策略，作用到企业中后台产品上，怎么衡量策略的有效性，这一直是我们团队面临的重大课题。

1.

业界关于体验度量的经验

目前关于“体验度量”比较成熟的理论模型当属 Google 的 HEART 模型，另外还有 ISO 9126 软件质量模型和Davis 的 TAM 技术接受模型。后人在此基础上进行了很多实践，譬如 SAP 的用户体验问卷（UEQ）、Oracle 的客户体验价值公式（CX）等。公司内部各个 BU 也在不断的尝试和探索，譬如新零售技术团队的 TES 模型。技术团队研发效能的 DEVA 模型，国际 UED 语音设计的 HII 模型，阿里云的 QoUE 模型。纵观这些模型和实践，大多是主观数据和客观数据的结合。

我们团队也曾提出过 TECH 、PTECH 模型，但由于模型的操作门槛较高、对埋点数据有不少要求，难以推广到各条业务线。痛定思痛后，我们决定重新回归业务，回归“体验度量”的初心，去繁从简，提高通用性。

2.

企业中后台产品的特点

企业级中后台产品最大的特点是任务性质非常明确；用户使用这类产品通常是为了解决某个确定的问题点，期待用新的解决方式降本增效。

桌面研究也表明：可用性问题是软件行业的普遍问题：在英国，一般商用计算机用户只有30%-40%的有效生产率；软件缺陷中，48%是可用性问题。

正是基于上述原因，我们尝试提出了“两章一分”的标准，分别从设计验收、可用性测试、易用度分数等三个维度对产品体验进行体检和把关。

3.

什么是「两章一分」

1. 设计验收章

“设计验收章”主要有 3 个维度：产品还原度、任务流程跑通率、单页面加载时间。

产品还原度：指技术同学的最终产出与设计稿之间的差异；

汇总人工智能线、技术风险线等 5 个产品近 1 年的可用性测试结果。除功能、性能问题外，高频体验问题主要集中在“帮助引导”、“操作反馈”、“任务流程”、“概念术语”、“功能入口”这 5 个方面。同时，结合之前项目沉淀的设计经验和设计工具，我们最终将“产品还原度”的子维度定为“信息导航”、“帮助引导”、“操作反馈”、“文案名词”；每个子维度用 2-3 句描述来进行评分。

任务流程跑通率：验收确认能跑通的主干任务流程数，在所有主干任务流程数中的占比；举个例子，设计稿中枚举了 10 条主干任务流程，验收发现其中 9 条已跑通，那么任务流程跑通率就是 9/10*100%=90%。

单页面加载时间：接入雨燕性能指标数据的产品看“首次有效渲染时长 fmp”这个指标；未接入的产品直接主观判断，超过 3 秒的视为不合格。

2. 可用性测试章

“可用性测试章”也在验收阶段执行，同样有三个参评维度：最终完成率、人均求助次数和高阻碍页面。

我们没有考虑将可用性测试的常用指标——操作时长作为参评维度，主要原因是企业中后台产品类型多、使用场景复杂程度各自不同：用语雀创建企业空间只需要 5 分钟；用云凤蝶搭建一个后台页面可能需要 60 分钟，用 sofa stack 创建并发布一个应用可能需要 2-3 个小时……难以确定可以作为标准的具体操作时长。

3. 易用度分数

“易用度分数”标准为 5.5 分。

4.

「两章一分」的实践

1. 案例实践现状

截至 2020 年 9 月，已有 58 个 产品实践过“两章一分”系列方法，基本覆盖平台设计团队支撑的重点项目及 UV 超过 100 的产品。详细数据如下图：

完整体验“两章一分”的 18 个产品，仅可用性测试就帮助发现 364 个问题，平均每个产品发现 20 个问题；其中，“九州2.0 发布部署”发现问题数多达 53 个。

2. 实操经验提炼

设计验收：共创式验收

企业中后台产品生产阶段中，由于一般没有专门的测试同学，因此设计验收都是由设计师或 PD 单独执行，没有作为必选环节，有时候甚至会因为开发周期紧张而直接略过；既没有方法论，又缺乏仪式感。

“两章一分”的实践中，我们首次践行“共创式验收”，以项目组会议的方式，邀请各个角色共同参与到验收环节中：如果产品没有什么技术门槛，那么各个角色分别独立操作核心流程；如果产品有一定的技术门槛，则由技术同学操作核心流程，同时共享屏幕，其他同学从旁观察。操作完毕后，项目组内共同讨论发现的体验问题，并将问题落地到 Aone 中进行排期管理落地。

可用性测试：引入“技术支持”+圈定测试人数+ 线上测试降成本

• 引入“技术支持”

企业中后台产品通常有一定的技术门槛，以 SOFAstack的测试任务为例：

使用 sofaboot 技术栈，创建 “hello world” 应用，通过“经典版”发布部署模式发布成功。

测试过程中经常会出现一些涉及到底层技术系统的问题，非设计同学能解决，因此我们建议做企业中后台产品的可用性测试时，需要配备至少一名技术支持同学，以备不时之需。

• 圈定测试人数

Jakob Nielsen 在 2000年提出测试 5 人就能发现 85%的可用性问题；结合我们的实际业务场景：有些产品真实客户非常难找；前期“共创式验收”已跑通核心主干流程；因此我们将测试人数限制为 3 人。

• 线上测试降成本

我们开始实操案例时，恰逢疫情期间，于是就引入了线上远程测试的方式；后续实践下来，发现远程测试能在观察、分析阶段显著降低执行成本。

通过钉钉或阿里郎发起视频会议，邀请参加测试和观察的同学入会，请测试用户共享操作屏幕，主持人录屏捕捉用户操作轨迹，PD、技术等项目组成员从旁观察。测试结束后，使用语音转文本工具，快速将音频转成文字。这种模式最大的好处有两点：

• 突破了距离和观察人数的限制；从实践来看，现场测试结合远程测试的模式，至少能同时对 2-3 人进行测试，执行成本减半；
• 语音转文本后，显著提升了分析效率。

执行阶段的多样化

最开始提出“两章一分”的时候，我们原本希望这套标准能被作为判断产品体验是否好用，能否上线的标准之一；但实际并未推动成功。这里面有很多原因，其中一个非常实际的问题是很多产品需要调用线上数据库才能跑通核心流程，在测试阶段没法跑通；这就导致在测试阶段做可用性测试无法真实还原用户场景。

此外，设计师或 PD 新接手某款产品时，也希望能通过可用性测试的方式来快速了解产品问题。回归到“两章一分”的初心——帮助产品发现体验问题，因此，我们拓展了方法的执行阶段，不再局限于测试或验证阶段，只要场景适合，都可以用。

3. 典型案例：LinkE 研发运维中心一期

产品简介

LinkE 研发运维中心是云通未来 Serverless 战场的重要产品；业务方希望用该产品来整合研发同学日常高频使用的研发、运维、中间件平台，大幅减少平台割裂和跳转，提供沉浸式的产品体验。

目前该产品还处于 0-1 建设的阶段。

实践过程

• 为了确保产品体验良好，设计师在验收阶段引入“两章一分”，进行共创验收和可用性测试；
• 共创验收阶段，邀请 PD、技术 等 8 名同学一起参与，最终结果为“通过”；
• 可用性测试阶段，设计师根研发通用场景，招募 6 名研发同学参与两个可用性测试任务，分别为：任务 1，基于代码变更完成研发自测联调；任务 2，基于发布完成分支的集成、预发、灰度、生产

结果用户在任务 2 遇到高阻碍页面，导致可用性测试结果为“不通过”，任务 2 的易用度分为仅 4.4 分，显著低于 5.5 分的参考标准；最终发现 30+ 问题点，并推动 PD 思考产品逻辑设置是否合理。

实践效果

• 经过两次完整实践，LinkE 设计师已能完全独立操作执行“两章一分”；
• 业务方的参与度 & 认知度提升明显：已开始习惯将“两章一分”设为项目里程碑，并全员参与进来。

4. 实践总结

在实践过程中，我们发现企业中后台产品的典型场景大致可以分为 4 个场景；不同场景面临的设计项目有所偏重；不同设计项目在体验度量方面的切入点也有所不同。譬如：云凤蝶是一个典型的沉浸式画布页面，所有操作几乎都是通过编辑器属性面板来调整，那么如何来评估编辑器的效率呢？通过一系列实践和思考，我们提出可以通过“高频属性查找、配置的步骤数和时间”、“设置相同组件属性的耗时变化”等指标进行衡量。以下是我们根据不同典型场景、设计项目提出的体验度量切入点。

5.

「两章一分」的未来

经过 S1 长达几个月的探索：我们制定了“两章一分”的标准；对 30+ 产品进行了易用度分数的测试，捕捉分数基线；提炼实操方法技巧，并赋能给各位设计师；联合设计师和业务方跑通近 20 个案例。不管是问题发现数量，还是设计师、业务方的主观反馈，都让我们坚定“两章一分”在企业中后台产品体验优化中是一个相对有效的模式。为此，S2 我们打算继续深化。

• 落标准：在关键业务线将“两章一分”落地到业务生产环节中，不过“两章一分”就不能上线；
• 分基线：区分不同产品类型和迭代大小，制定不同的易用度分数基线；
• 升方法：针对跨产品、跨域等难以推动的横向体验项目，我们考虑升级方法，如将可用性测试升级为“用户体验日”，以便更好地推动问题落地；
• 闭案例：针对 S1 已跑通的业务，我们会在 S2 进行案例闭环测试，以验证优化效果是否真的能在“两章一分”上体现出来；
• 始运营：我们会挑选一些案例在公司内外发声，找相关业务领域的团队进行交流和探讨；并从案例中总结和提炼设计技巧，帮助业务成长。

总结

我们团队当前支持的企业中后台产品以 0-1 阶段产品为主，PD 通常缺少用户意识和体验优化手段，这就导致了设计稿还原度较差、产品上手门槛较高。针对这一现状，我们尝试性地提出了“两章一分”这个评价标准，从设计验收、可用性测试、易用度分数 3 个维度来评价产品当前的体验现状。

通过 S1 50+ 产品的实操，我们一边不断完善评价标准和实操经验，一边总结体验度量经验；共帮助 18 个产品发现 364 个产品，并在 link 、sofa 等重点产品线中落地到业务生产环节中，在业务方层面收到良好反馈。

在这过程中，我们总结了适合不同场景、不同设计项目的体验度量切入点，验证了这种方式在当前企业中后台产品中确实有效。后续我们将尝试细化标准，闭环案例，对内对外发声等方式，更好地推动体验思维在企业中后台产品生根发芽；同时，也期待能跟对这块感兴趣的同行朋友们多多交流。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

编辑导读：当各大电商平台忙着双十一的时候，拼多多似乎是个独特的存在，不慌不忙，围观在旁。拼多多为什么不重视双十一？他们主要在忙什么？文章从这两个问题出发，对此展开了分析解读，一起来看看~

孙悟空是石头缝里蹦出来的。阿里系几位P8Plus的朋友和阿德哥聊时说，拼多多也是石头缝里蹦出来的！

“打京办”成立这么多年，没承想打出个拼多多。刚刚发布的拼多多Q3财报显示：首次单季度盈利，第三季营收142亿元；GMV达1.45万亿，同比增长73%；活跃买家达7.31亿……

在资本市场上，拼多多迅速赶超京东300亿美元达1600亿美元市值，成为国内仅次于阿里、腾讯、美团的第四大互联网公司。

自2014年起，投资界便开始流传“电商已是死赛道”的共识，拼多多的崛起给了投资界一记响亮的耳光，也再次说明了“长江前浪推后浪，江山代有才人出。”

与当年打京办、投苏宁等手腕比，似乎阿里对拼多多已无招可施，重启聚划算、推淘宝低价版眼看也只是“补课动作”。而拼多多，却正在暗暗部署更多领域，圈内人说，“谁如果小看黄铮的野心，就等承认自己是一个傻X”是同样的逻辑。

“摁不住的拼多多！”阿里的多位朋友如是说。

低调的双11

今年的双11因为“你懂的”原因而显得波澜不惊，除了天猫交出4982亿元、京东交出2715亿元的答卷之外，似乎乏善可陈……

“拼多多天天都是双11！”

拼多多的朋友告诉阿德哥，所以他们不希罕宣布成绩。

当然，这并非拼多多的官方回应，官方回应说，拼多多更在意消费者的购物体验。拼多多的Slogon是，多实惠，多乐趣。

一个小混混有了另立山头的志向后，并非马上另立山头，他首先做的，不是去激怒原有的老大，而是，开辟自己的新阵地，带自己的小弟。

拼多多只是不公布成绩，并非没有参与“双11”盛宴。

曾国藩说，聪明的人都懂得“藏拙”，但只有少数人懂得“藏锋”。

没有满减、盖楼、升级列车、养猫……只有简单的“低价”，拼多多副总裁陈秋说，本次双11，拼多多的一切优惠都将以最简单的方式面向用户，消费者不用做满减计算题，看到的即是最优价。

前几天，夫人非要去邮局给小侄子寄一堆童装，这与阿德哥的习惯大相径庭。可到了邮局，除了服务的眼神不对之外，价格真让我惊喜：30多斤一大箱的衣服，邮寄费30元。

总说国企服务没跟上，可价格也真是“良心价”啊。“自古真情留不住，总是套路得人心”，黄峥说。

总是低价得人心！

阿德哥曾做过了多次田野访问，得出两个基本结论，一是老家很多亲朋基本都知道淘宝，但大都却正用拼多多；另一个是阿里、京东多年的铁粉，居然瞬间被拼多多“拉走”。

“618”期间，一个朋友在京东购买售价1099元的Beats solo3蓝牙耳机，已准备在京东下手的他，突发异想去拼多多“多看了一眼”，499元。你没看错，不要599元！

这个朋友今天已是拼多多的优质用户，几个月时间里，贡献了近三万元的GMV。

打开拼多多APP，限时秒杀、断码清仓、XX特卖、9块9特卖……不要小看这样的战阵：因为大量的特价版块，外加重头推出的“百亿补贴”，拼多多给用户展示出的，可不就是天天双11嘛？

而其背后的玄机则在于：通过不断上新的各种大促，拼多多对于品牌的露出与销量拉动，早已远超传统电商“泛卖货”模式，它一改小商家陪炼大玩家的传统模式变成了“让更多的商家可以雨露均沾”。

如果非得去探寻一下拼多多的崛起路径，吃瓜瓤的多半会说，没有淘宝就没有今天的拼多多，没有微信也没有今天的拼多多。

这可以视为正确的废话。

当年抗美援朝的路上，也曾有不少志愿军睡着了。

移动互联网大潮来临的时候，互联网的生态发生了全新的变化，拉长时间线，谁临阵换了大将，谁展开了整风运动？

江山代有才人出，丁磊的知音，段永平的弟子，黄峥当立。

简而言之，阿里为中国的电商事业立下了汗马功劳，基本让国人实现了在“消费互联网”端的扬眉吐气；而腾讯的QQ、微信，则让国人实现了网络“非主流意见市场”上聚集了最多的人。

创业，天时、地利、人和。黄峥不会都得，但都挣得了。

淘宝“开卷考试”带来了最初的商家和货品，微信“热闹人群”带来了交易场景，砍价、拼单激发了社交流，拼多多，用了不到三年的时间，创造出了“新电商速度”。

随后是C2M新品牌计划，百亿补贴的大品牌计划，而快速上市带来的则不仅是高光，更是赢得了“黄金时间”。

按照传统电商资本套路，拼多多三季实现单季赢利之后，还有一年到一年半的“高增可亏损”黄金时间。换而言之，拼多多依然可以继续实现补贴、营销推动，而不必太在意赢利。

这样的时间窗口，纵观天下电商，唯拼多多有之。

有疑问的人，不妨多看看拼多多今年的前二季财报的营销费用率，答案摆在那儿呢。

恐怖的是，黄峥的野心并非只在“实物电商”，据说，在拼多多，更多的大杀器正在路上。

上天并非偏心，了解黄峥的人，知道，他只是大器晚成，而非天纵其才。

卖菜

并非拼多多不重视双11，而是黄峥不重视，一是因为拼多多已上了轨道；二是因为黄峥最近只关注另一件事——卖菜。这便是多多买菜。

疫情期间，拼多多便推出了线下团购工具“快团团”，协助各地商家收集社区需求，从而实现在线下单。

此前8月，多多买菜正式上线，开始与兴盛优选、美团买菜展开直接竞争，先是APP端出现多多买菜频道，更是迅速推出同名小程序与“多多买菜门店端”服务号：采取的是与本地商超合作，线上卖菜、线下提菜的路径。

与别家合作前置仓自建供应链模式不同的是，多多买菜采取了只帮“合作商家”在线卖菜的方式，换而言之，多多买菜把实惠送给了合作商家，而它想要的似乎只是“用户”。

在这一逻辑下，拼多多采取了极为激进的补贴方式，以更高方式补贴团长，打出的旗帜是10亿量级，除此之外，还采取了“三高”战术：高补贴拉新、高频率回访、率入驻。

卖菜热不热？

阿里、腾讯、美团、滴滴、字节跳动尽数入局，而当前跑得最猛的是拼多多——多多买菜。

多位竞品人士告诉阿德哥，多多买菜团队更加年轻，除了在品控方面并未实现良好管控之外，其犀利程度、其执行力，远超阿里铁军。

腾讯阵营拉出了兴盛优选、食享会；而阿里系除了为十荟团、你我您合并之后的新十荟团打通阿里供应链之外，更是在近期有了新动作：菜鸟驿站团购接入了大润发的商超，盒马推出了盒马mini和盒粉群，据传零售通事业部亦正在筹备新的社区团购部门。

实际上，今年的互联网，除了5G软硬概念之外，最大的赛道是卖菜，它超过了前几年前辈造出的“新零售”概念。

今年，以卖菜为核心的生鲜赛道上，目前已宣布和汇聚的资金已超过200亿元。

黄峥似乎看准了这条赛道，而现在的增量搏杀，仅仅是开始。

“此一时”的策略，是黄峥铁了心要拿下仅比外卖吃饭稍弱的刚需——买菜，既高频，又具备想像力。

要知道，首先撬动农村及五环外的，是拼多多。而拼多多C2M端的大成，其实在农产品，卖空一个地方的农产品，早已在拼多多持续实现。

而在未来嫁接进自己的供应链，显然在逻辑上已是必须。而当务之急，是拿下更大规模的“增量”用户。

黄峥绝非魏延，仅仅是有反骨，他也更不会是邓艾、钟会，他是司马一族。

黄峥如是说，我认为最好的利用营收的方式就是投资R&D、基础设施、用户认可度、品牌知名度。重要的是，

培养人们的消费习惯，让人们以拼多多为最主要的消费平台。

黄峥之野心，苍天可鉴，近在咫尺的数据是：年活跃买家已增至7.313亿人，第三季度平均月活跃用户为6.434亿人。

与之对应的是，阿里最近的数据是：年活跃买家7.57亿，2020年9月，中国零售市场移动月活跃用户8.81亿人。

有人在意ARPU值、GMV，但拼多多似乎更在意客单量、复购率和用户数。

依阿德哥判断，电商格局正在乾坤大挪移。

嗯，了不起的盖茨比，摁不住的拼多多。

文章来源：人人都是产品经理           作者：韩志鹏

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

亚马逊作为一个知名的电商平台，它的成功背后却有一个很难让人理解的设计逻辑：成功的设计不一定是美观的。为什么会这么说呢？本文将从四个维度展开分析，希望对你有帮助

编辑导读：如今，谷歌可以说是科技领域最大、最具有影响力的公司之一。正因为如此，它们的数字产品设计会对整个行业产生巨大的影响，成为人们竞相模仿的榜样。在该公司的UI&UX（用户界面&用户体验）设计指南中，设计师们提到了10条原则，不管是iOS还是安卓系统都同样适用。在这篇文章中，作者从这10条指南出发，加上自己的经验和相关案例，在设计方面为大家提供一些建议，希望对大家设计产品有帮助。

6. 利用声音和触感唤起用户的情感

这里的声音特指“Hero sounds”，用于衬托一些喜庆的、重要的高光时刻，它们常被用来激起用户的情感，或烘托一种喜悦的气氛，从而塑造产品或品牌在用户心中的形象。以下场合适合使用 Hero sounds：庆祝用户进行了某项操作；欢迎用户使用新的应用程序或体验；确认用户成功使用某款产品。——《谷歌声音设计指南》

声音可以被用来传递成功、成就或获得回报等信息。谷歌指南中提到，Hero sounds出现的次数不应该频繁，否则无法突出其重要性。通过在同样的环节提供同样的声音，久而久之用户会将这种提示音与成就感挂钩，从而增加对产品的粘性。如每成功更新一次应用程序就会出现庆祝的声音，或者每次待办事项标记为完成后就会出现庆祝的提示音。

不管我们是否注意到这一点，我们所听到的产品的声音与自己的感觉都是相挂钩的。无论是手机发出的“叮咚”的消息提示音，还是MacBook的废纸篓在清空时发出的揉纸的声音，都在某种程度上影响着我们的情绪，也帮助我们更加了解用户界面上发生的一切。

触觉可以和声音配合使用，也可以单独使用。举个例子，在手机黑屏的时候，触觉是唯一一种可以对用户提供反馈的方式。和其他配合使用时，触觉应该强有力、传达愉悦的情绪。——《安卓触觉设计指南》

除了声音之外，触觉设计（如震动）也是一种刺激感觉的好方法，可以为用户提供更加完整的体验。用户可以通过触觉提示来尝试、学习使用某一款产品。在有了不同的触觉体验后，我们将会对产品的某些功能有更加深入的了解。

举个例子，如果某个用户通过APP进行付款，但在付款过程中出现了错误。这时候APP会进行一连串紧张、短促的震动，对用户进行错误反馈。当用户熟悉了这种震动模式之后，下一次再感受到这种震动，就会立刻知道付款出现了问题。

产品设计师很容易忽略声音和触觉这两个板块，而过度专注于画面。但这两个板块却也扮演着非常重要的效果，可以为用户体验锦上添花。

7. 通过动图表达独特的风格、塑造个性化品牌体验

图片来自Material

动图可以增加用户的好感，在互动中为用户增加个性化体验，也可以表现品牌独特的风格。——《谷歌手势设计指南》

动图是我自己设计的产品Confetti中一个非常重要的因素，这是一款运动追踪APP，是为那些追踪自己生活习惯的用户设计的。在设计这款产品时，我希望可以为用户创造出一种满足感，鼓励他们培养好习惯。在这款APP中，我大量使用切换功能，通过不同的手势，界面或进程可以平滑过渡，使用起来非常便捷。当一个好习惯完成时，还会出现彩屑动画飞舞的，加强用户的满意度。

简言之，动图可以应用于不同的场景，通过过渡和变化的吸引用户。

动图可以强化两种元素之间的联系，实现快速切换，迅速解决特定的任务。动图可以让用户专注于眼下最重要的事，不被其他因素所干扰。——《谷歌手势设计指南》

在2020年，你的产品可以在一秒之内激怒用户。正如塔拉斯·斯凯斯基（Taras Skytski）在《用户体验设计中动画使用的终极指南》中指出的那样：“众多研究发现，界面动画的最佳速度在200到500毫秒之间。这一数字是通过研究人类大脑运行机制所得出的。100毫秒及以下的动画因为速度太短而无法被识别，而超过1秒的动画则会造成一种延迟感，让用户感到不舒服。”

通过动图及产生的动画效果（如切换）可以改善用户体验，同时保证可以迅速找到需要的版面，而不被其他信息干扰。但如果动图及切换画面的过程增加了不必要的等待时间，又不能改善体验，那么这种环节就没有必要存在。

8. 通过图像进行交流，并区分和突出产品特性

图片来自Bribble｜制图Elena Petkovska

我们或多或少都有这样的体验：打开一个界面，里面充斥着太多文字和太少的图像。在用户体验设计中，展示画面比阅读文字效果更好。用户不希望通过阅读来理解一款产品，而是希望通过图像对一款产品进行直观的视觉理解。

你所选择的图像应该能够清晰地展示产品特点，不管是用户自己上传的图片，专业摄影师的图片，还是插画风格的图片，它们都应该能直观展示产品外观，反应产品的特点。——《谷歌图像设计指南》

APP里的插图和所有的视觉元素一样重要，好的图片可以让用户界面更加生动，使用户体验更加完善。恰当的图片还能展示品牌风格，成为无声的“故事讲述者”。

我们应当有目的地使用图像，作为总体内容的补充而非替代。照片或者插图最好能够传达足够的信息，如产品外形、风格，APP的用途，状态等。媒体界有这么一句话：一张图片抵得上1000个字。你可以在Unsplash、Pexels、Adobe Stock等网站上找到高质量的图片。

9. 关注产品的像素密度

图片来自Material

用户界面设计中应该关注产品的像素密度，让界面可以适应不同的屏幕。——《谷歌像素密度设计指南》

像素密度（PPI）是用来衡量每物理英寸的像素数。另一个常用的单位是DP（Density-independent pixels，有时候简称为DIP）。像素密度=屏幕宽度或高度（以像素为单位）/屏幕宽度或高度（以英寸为单位）。

在设计界面时，我们不应该只关注像素，还应该关注不同设备的像素密度。这样可以让我们在做设计时保证元素适当缩放，以适应不同屏幕的尺寸。

举个例子，我们现在有一个按钮素材资源，大小为200 x 50 px。在一个160ppi的屏幕上可以原画显示；在一个320ppi的屏幕上它就会扩大成400 x 100 px，相当于原始素材的两倍大。

通过以上例子我们可以了解，在像素密度不同的屏幕上，素材呈现的状态是不一样的。在实际应用中，素材可以会被放大三倍甚至四倍，如果素材不够清晰，就会在拉大后虚掉。这就需要我们在选择素材时格外谨慎，尝试在不同设备上打开并检查。

素材密度如何适应屏幕尺寸？举个例子，iPhone XS Max的屏幕是414 x 896 pt，注意这里的尺寸是物理尺寸pt，而非像素。如果以像素为单位计算，那么它的屏幕是1242 x 2688 px。所以当我们为iPhone XS Max设计应用产品时，我会首先考虑用414 x 896 pt的素材，然后在输出素材时将其乘以3。

10. 考虑设计在线/离线状态

图片来自Material

离线状态可以让用户知道这款应用程序没有连接网络。如果你的产品有一些功能需要联网使用，你最好能向用户明确显示连线状态。——《谷歌离线设计指南》

离线访问功能是设计师经常忽略、对用户体验影响却非常重要的一环。虽然有些功能离线也可以使用，但是在能联网的时候，最好还是主动提示用户，推荐他们连接网络。

如果有可能的话，要提前告知用户下载相关信息，以便脱机访问。最常见的例子就是Spotify等音乐应用程序，它允许用户下载歌曲，以便在没有网络的时候也能继续听歌。

假如你的产品不像Spotify或者Netflix那样需要下载具体内容，你可以发挥创意来设计在线、离线两种模式。

谷歌浏览器在离线页面提供恐龙游戏就是一个著名的例子（在谷歌浏览器连网的过程中，离线画面会出现一只霸王龙，按空格键或者向上的箭头就能控制霸王龙——译者注）。这个小游戏填补了用户等待连线的时间，将消极体验转变成了积极体验。

11. 总结

我希望这份设计指南可以为你提供一些想法。除了谷歌的设计指南之外，我们还可以在IEM Carbon、Zendesk Garden、Workday Canvas等网站找到关于用户界面和用户体验的设计指导，在这一领域进行更深入地探索。

文章来源：人人都是产品经理           作者：Danny Sapio           译者：Michiko

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务