<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>后台 on Victor42</title><link>https://victor42.eth.limo/tags/%E5%90%8E%E5%8F%B0/</link><description>Recent content in 后台 on Victor42</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>hi@victor42.work (Victor42)</managingEditor><webMaster>hi@victor42.work (Victor42)</webMaster><lastBuildDate>Sun, 12 Feb 2017 00:07:04 +0000</lastBuildDate><atom:link href="https://victor42.eth.limo/tags/%E5%90%8E%E5%8F%B0/index.xml" rel="self" type="application/rss+xml"/><item><title>企业后台设计：帮助用户理清头绪</title><link>https://victor42.eth.limo/post/3539/</link><pubDate>Sun, 12 Feb 2017 00:07:04 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3539/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第162期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;典型的企业后台界面一般长这样：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-NuiuEnvRrYPfPQKhL3e5RQ.png"
loading="lazy"
alt="典型企业后台界面设计，大数字与图表组合展示复杂数据分析"
&gt;&lt;/p&gt;
&lt;p&gt;有一些巨大的数字（人们都喜欢大数字，对吧？），有几张图表，可能还有表格。理论上，这些元素给用户讲了一个清晰明了的故事，让他们采取进一步措施。但是，现实情况则未必如此。&lt;/p&gt;
&lt;p&gt;多数人眼中，这些典型的企业后台界面就像这样：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-4G0I_NhON8Llx5Y8krbJZg.png"
loading="lazy"
alt="连点成图谜题示意，散乱黑点中隐藏画面用户难以自行发现规律"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;图片来自&lt;a class="link" href="https://en.wikipedia.org/wiki/Connect_the_dots" target="_blank" rel="noopener"
&gt;维基百科&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;大家都能看到小黑点，但很少有人能看到其中隐藏的画面。为什么？因为数据极其复杂，我们却要求用户自行连线，来了解信息全貌。&lt;/p&gt;
&lt;p&gt;企业软件如此复杂，通常也有合理解释。有些行业本身就很复杂性，例如政府、健康、市场营销。但是，后台不只是给数据科学专家用的，对吧？&lt;/p&gt;
&lt;h2 id="设计能做什么"&gt;设计能做什么？
&lt;/h2&gt;&lt;p&gt;2016年6月，我们启动了用户体验管理后台的改版设计，当时遇到了同样的问题。它背后的技术非常强大，但我们的用户似乎无法理解这套后台界面。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-rrL9pEJR9OTdkg8OkW95lg.png"
loading="lazy"
alt="Qubit客户体验管理平台后台界面，重要数据指标难以被用户理解"
&gt;&lt;/p&gt;
&lt;p&gt;这里有各种数字，它们都相当重要、有价值。但人们难以理解它意味着什么。&lt;/p&gt;
&lt;h3 id="背景介绍"&gt;背景介绍
&lt;/h3&gt;&lt;p&gt;Qubit是一款客户体验管理平台。Emirate和Topshop这样的企业，就用我们的软件来追踪、分析和管理与客户的互动。&lt;/p&gt;
&lt;p&gt;如何使用呢？&lt;/p&gt;
&lt;p&gt;比如说你有一个电商网店，出售游艇观光线路，但人们很少购买你的旅行线路。这有无数种可能，但你能做的都做了。你已经看了数据分析，知道很多人在下单页面离开了。他们就是不点“购买行程”。&lt;/p&gt;
&lt;p&gt;为什么呢？你也找公司决策者聊过，又做了一些用户研究，了解到用户并不愿意花599英镑购买一段旅程。这太贵了，他们无法立刻决定购买。&lt;/p&gt;
&lt;p&gt;决策者建议你运用社交认同，因为它在这类场景中很管用。非常棒。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-7hdin4YIVbpIQvIxKkUjPw.gif"
loading="lazy"
alt="网站社交认同数字展示动画，单纯人数统计难以影响用户购买决策"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;如果网站只用这么个数字来表现人数，那几乎不可能影响人们的购买决策。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;下一步：证明社交认同真的管用。&lt;/p&gt;
&lt;p&gt;打造成功的用户体验，好比进行一场成功的科学实验：你得定义一个目标，来评判成功与失败；并且找到正确的方法。本例中，A/B测就是个好方法，因为它就是新的体验优于从前的证据。&lt;/p&gt;
&lt;p&gt;所以，如果再看一眼后台界面，就有意义多了。类似这样：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-PQmrpQghLmmSIDKuFgh6xQ.png"
loading="lazy"
alt="A/B测试后台界面改版，清晰展示新体验优于从前的数据证据"
&gt;&lt;/p&gt;
&lt;h2 id="数据不会自己说话"&gt;数据不会自己说话
&lt;/h2&gt;&lt;p&gt;在起初的用户调研中，我们发现，主要问题在于许多用户不知道这后台界面究竟什么意思。于是他们就会请我们的工作人员给他们解读这些数据。&lt;/p&gt;
&lt;p&gt;挑战在于，怎样的改版设计能让它更易于理解，同时保持它的科学严谨？&lt;/p&gt;
&lt;p&gt;我们首先尝试把信息拆分成更小的碎片，用另一种方式来组织它们。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-JVCPpcAY1yJJ-v2Xw18Ndw.png"
loading="lazy"
alt="后台信息拆分重组的视觉设计尝试，新布局仍未解决用户理解难题"
&gt;&lt;/p&gt;
&lt;p&gt;但这其实没什么作用。人们喜欢新的视觉设计，但仍然难以理解其中含义。&lt;/p&gt;
&lt;p&gt;我们第105次（我印象中是）与数据科学团队开会讨论时，他们试图向我们解释这些数据的重要性，以及它们意味着什么。这使我深受打击。&lt;/p&gt;
&lt;p&gt;我们为什么不能简单说人话呢？&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-E2diwN_Z2mS3cOl9qwU05Q.png"
loading="lazy"
alt="用自然语言描述数据的后台设计，帮助用户理解指标含义免去猜测"
&gt;&lt;/p&gt;
&lt;p&gt;这样我们才能帮用户把一切联系起来，免去猜测，让他们掌握所需的信息。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-ajrR4VN7SMgP8_im3_zyCg.png"
loading="lazy"
alt="企业后台数据指标关联展示设计，将分散数据点连接成完整故事"
&gt;&lt;/p&gt;
&lt;p&gt;如果需要，资深用户仍然能看到每个指标的详细信息：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-BxKOcfj6ri6hy0as3hWEGQ.png"
loading="lazy"
alt="资深用户查看指标详细信息的展开界面，保持科学严谨的同时提供深度数据"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;¯\&lt;em&gt;(ツ)&lt;/em&gt;/¯&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;企业级产品的设计中，有许多谜题，却没有一个通行的解决方法。不过，艺术家David Shrigley有一条原则，我借鉴过来时刻提醒自己：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;你若悲观，万事皆衰。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;在我们的案例中，这就意味着如果存在误读数据的可能，那就一定会发生。这就是为什么一定要来来回回，反复确认传递了正确的信息。有时候人真是太容易一叶障目了。&lt;/p&gt;
&lt;h2 id="彩蛋部分"&gt;彩蛋部分
&lt;/h2&gt;&lt;p&gt;如果你想知道上文中的谜题是什么，请看下图，我已经帮你连好了线：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-02/02-07/1-cSbgCSd71Ma0PFB5wnrkLA.png"
loading="lazy"
alt="连点成图谜题答案揭晓，散乱黑点连接后呈现出完整隐藏画面"
&gt;&lt;/p&gt;
&lt;p&gt;感谢Suganya Sivaskantharajah、Sarah Benson、Sophie Coleman、Giovanni Luperti、Jen Stott和Pavlo Huk阅读本文的草稿。我要为Qubit的研发和产品团队&lt;strong&gt;喝彩&lt;/strong&gt;，是他们使之成为现实。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="https://medium.com/qubit-design/enterprise-dashboard-design-help-your-users-to-connect-the-dots-704d78535143#.d0c13hrlf" target="_blank" rel="noopener"
&gt;https://medium.com/qubit-design/enterprise-dashboard-design-help-your-users-to-connect-the-dots-704d78535143#.d0c13hrlf&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者信息：&lt;a class="link" href="https://medium.com/@oparenko?source=post_header_lockup" target="_blank" rel="noopener"
&gt;Yuriy Oparenko&lt;/a&gt;
London-based product designer. Currently at Qubit.&lt;/p&gt;</description></item></channel></rss>