<?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/%E6%95%B0%E6%8D%AE/</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>Tue, 09 Jun 2026 16:12:00 +0000</lastBuildDate><atom:link href="https://victor42.eth.limo/tags/%E6%95%B0%E6%8D%AE/index.xml" rel="self" type="application/rss+xml"/><item><title>什么是AI原生的数据系统？</title><link>https://victor42.eth.limo/post/ai-native-data-system/</link><pubDate>Tue, 09 Jun 2026 16:12:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/ai-native-data-system/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2026-06/01a9a53be38ac38125ec5e439d0ee2d1.webp" alt="Featured image of post 什么是AI原生的数据系统？" /&gt;&lt;p&gt;我Excel/Google Sheets用得很溜，&lt;a class="link" href="https://qvokpfxqsh.feishu.cn/wiki/G8OywdlWji0H31kJ0KwciaJ8nAd" target="_blank" rel="noopener"
&gt;大量用它们管理工作和生活&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;后来，我曾经把一部分较重的数据管理任务迁移到飞书多维表这样的产品里。这类东西长得很像Excel，但本质上是完全不同的东西，是可视化数据库。它们比Excel有着严格得多的数据规范，限制灵活性的同时，释放了数据库天然带来的强大能力。可以更轻松建立多表关联，构建出结构非常复杂的数据系统，支撑&lt;a class="link" href="https://victor42.eth.limo/post/automate-ai-illustrations-production/" target="_blank" rel="noopener"
&gt;一个小生意&lt;/a&gt;都不在话下。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/fc6b17ebd80b1127ef989c46c9ed412b.webp"
loading="lazy"
alt="多维表格中用于项目管理的排期日历界面"
&gt;&lt;/p&gt;
&lt;p&gt;我用多维表构建过任务管理系统，每一项工作任务从接收到交付，完整生命周期全都在里面。从中再派生出周报、排期日历、年度数据报表等用途。这套系统至少3次被别人要了去，一次是同事个人，一次是主管拿去管理团队，还一次是被前司拿去全员推行。&lt;/p&gt;
&lt;p&gt;但再强大，毕竟免不了亲自动手。&lt;/p&gt;
&lt;p&gt;我信奉一个“洗碗机哲学”：老一辈瞧不上这玩意，总觉得你不还是得先冲洗下再放进去吗，有这时间我早就手洗完了。我的道理是，手洗15分钟，投入人工15分钟；人工冲洗5分钟+洗碗机洗40分钟，人工只投入5分钟，我给自己的人生赢回了10分钟。&lt;/p&gt;
&lt;p&gt;科技，在我这，是用来赎回生活的。&lt;/p&gt;
&lt;p&gt;多维表本身也带AI功能，或者也可以用本地的Agent通过CLI或API来操作多维表。但你试过就知道，那过程就像博尔特在海底跑步，束手束脚的。多维表并不是一种AI Native的产品，它的形态是围绕人类视觉和理解而设计的。目前的AI Agent都是文字生物，代码是他们和世界交互的方式，最AI Native的数据系统就是数据库。&lt;/p&gt;
&lt;p&gt;花了1天时间完成了这套系统的AI化改造。返璞归真，彻底本地化。它现在不用再依赖任何云端产品或第三方应用了，一个轻量级本地SQLite数据库，完全由AI来读写和管理。根据其中数据自动产生日历、近期任务、历史任务、项目统计4个页面，作为我观察数据的窗口，和发号施令的依据。效果如下：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/01a9a53be38ac38125ec5e439d0ee2d1.webp"
loading="lazy"
alt="新系统网页中干净清晰的排期日历页面"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/1ef49a58e0fc77e16de145b8a8f10935.webp"
loading="lazy"
alt="新数据系统中展示进行中任务的近期任务页"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/4493b8709a24ae2c1a2ebd66f351e0de.webp"
loading="lazy"
alt="新数据系统中展示已完成需求的历史任务页"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/6c11adfcc19725d0155524aae1eedf6f.webp"
loading="lazy"
alt="展示各项需求数量及页面统计的图表页面"
&gt;&lt;/p&gt;
&lt;p&gt;插个临时需求？让AI把今天及以后的所有任务都延后一个工作日，跨天任务还能自动拆成两段避开周末。就一句话的事情。&lt;/p&gt;
&lt;p&gt;有个任务完成了？AI自动去排期表里找，这个任务最后一次出现在哪一天，把那天作为交付日期，更新完成状态。如果缺了交付物链接、缩略图等信息，还主动提醒我补充。也是一句话的事情。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/d89b73b5ca2469be465cc6c1e9ddbb4a.webp"
loading="lazy"
alt="系统控制台展示的部分已录入公共假期表"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2026-06/c865e3397af6f1488633198616b466ff.webp"
loading="lazy"
alt="系统界面展示的全部录入完成的假期表格"
&gt;&lt;/p&gt;
&lt;p&gt;往日历里添加法定节假日，这种非标准用法，反正你用的是AI，它总有办法满足你。&lt;/p&gt;
&lt;p&gt;不是说这种方法值得代替一切Excel或多维表，它们的优点也非常明显：所见即所得、跨平台、无环境依赖，我仍有许多数据是在Google sheets里管理的。&lt;/p&gt;
&lt;p&gt;看着AI仔细但缓慢地读规范、写SQL、验证数据、更新页面，我一点也不嫌弃。如果是在Excel或多维表里，我可能十几秒就处理完了。但一天密集用下来，不知道AI又给我的人生赢回了多少个十几秒。&lt;/p&gt;
&lt;p&gt;这套系统已经开源，欢迎取用。让你工作井井有条，又不用花太多时间在事务性任务上：&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://github.com/greenzorro/project-manager" target="_blank" rel="noopener"
&gt;https://github.com/greenzorro/project-manager&lt;/a&gt;&lt;/p&gt;</description></item><item><title>Netflix的AB测试之道</title><link>https://victor42.eth.limo/post/3519/</link><pubDate>Sun, 28 Aug 2016 00:53:10 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3519/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第145期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-hero.jpg"
loading="lazy"
alt="iPad上显示Netflix应用界面展示多部电影缩略图背景是笔记本电脑键盘"
&gt;&lt;/p&gt;
&lt;p&gt;几周前，我在旧金山的&lt;a class="link" href="http://blog.invisionapp.com/inside-design-yelp/" target="_blank" rel="noopener"
&gt;Yelp&lt;/a&gt;总部参加了一场&lt;a class="link" href="http://www.eventbrite.com/e/designers-geeks-art-vs-science-ab-test-to-inform-design-tickets-26089495383#" target="_blank" rel="noopener"
&gt;设计师与极客们的活动&lt;/a&gt;Anna Blaylock和Navin Iyengar两位都是&lt;a class="link" href="http://blog.invisionapp.com/inside-design-netflix/" target="_blank" rel="noopener"
&gt;Netflix&lt;/a&gt;的产品设计师，他们分享了自己多年在千万级用户群中做A/B测试的经验。他们也展示了相关的产品案例，帮助与会者思考自己的设计。&lt;/p&gt;
&lt;p&gt;下面是我关于他们演讲做的记录，其中包含我最喜欢的一些精华。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-1.jpeg" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-1.jpeg?ver=1"
loading="lazy"
alt="演讲现场两位Netflix产品设计师Anna Blaylock和Navin Iyengar在台上展示头像和姓名"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;演讲的照片&lt;/em&gt;&lt;/p&gt;
&lt;h2 id="实验"&gt;实验
&lt;/h2&gt;&lt;p&gt;我非常喜欢PPT的第一页——&lt;em&gt;绝命毒师&lt;/em&gt;里的这张图用得很聪明，能表现&lt;a class="link" href="http://blog.invisionapp.com/genius-designer-mindset-experimentation/" target="_blank" rel="noopener"
&gt;实验&lt;/a&gt;的概念。&lt;/p&gt;
&lt;p&gt;[&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-2.jpeg?ver=1"
loading="lazy"
alt="投影屏幕上显示绝命毒师剧照和Experimentation字样台下观众正在听讲"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-2.jpeg" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netab-2.jpeg&lt;/a&gt; “How Netflix does A/B testing”)&lt;/p&gt;
&lt;h2 id="科学的方法"&gt;科学的方法
&lt;/h2&gt;&lt;p&gt;[&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-03.jpeg?ver=1"
loading="lazy"
alt="投影屏幕上显示The Scientific Method字样背景是满墙数学公式和图表"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-03.jpeg" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netab-03.jpeg&lt;/a&gt; “How Netflix does A/B testing”)&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/2016-08/08-27/netab-4.jpeg?ver=1"
loading="lazy"
alt="投影屏幕显示Hypothesis标题下方四个蓝色圆圈分别标注control experience variation1 variation2 variation3"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-4.jpeg" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netab-4.jpeg&lt;/a&gt; “How Netflix does A/B testing”)&lt;/p&gt;
&lt;p&gt;假设的基本概念，是没有确定结果的。它经得起检验，这些测试也可以被重现。&lt;/p&gt;
&lt;p&gt;&lt;em&gt;“&lt;a class="link" href="http://blog.invisionapp.com/ab-testing-beginners-guide/" target="_blank" rel="noopener"
&gt;A/B测试&lt;/a&gt;背后的总体概念，是创造一套实验，有对照组和一个或更多实验组（在Netflix中这被称作‘单元’），对他们进行区别对待。在实验中，每个用户都属于唯一的单元，其中一个单元会被设计成‘默认单元’。这个单元代表着对照组，使用体验与所有没有加入实验的Netflix用户相同。”&lt;/em&gt;——&lt;a class="link" href="http://techblog.netflix.com/" target="_blank" rel="noopener"
&gt;Netflix技术博客&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Netflix的A/B测试是这样进行的：随着测试启动，它们会记录特定的重要指标。例如播放时间和留存率之类的因素。一旦测试者得出足够有意义的结论，他们就会进一步观察每组实验的效果，定义出各个版本中的优胜者。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;a class="link" href="https://twitter.com/intent/tweet?text=%22A%2FB&amp;#43;testing&amp;#43;is&amp;#43;the&amp;#43;most&amp;#43;reliable&amp;#43;way&amp;#43;to&amp;#43;learn&amp;#43;user&amp;#43;behaviors.%22&amp;#43;http%3A%2F%2Fblog.invisionapp.com%2Fhow-netflix-does-ab-testing%2F&amp;#43;-&amp;#43;%40lovejessiecat&amp;#43;via&amp;#43;%40InVisionApp" target="_blank" rel="noopener"
&gt;“A/B测试是研究用户行为最可靠的方式。”&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;[&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-5.jpeg?ver=1"
loading="lazy"
alt="投影屏幕展示Netflix控制组界面与实验原型界面对比女演讲者正在指向屏幕"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-5.jpeg" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netab-5.jpeg&lt;/a&gt; “How Netflix does A/B testing”)&lt;/p&gt;
&lt;p&gt;[&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netab-6.jpeg?ver=1"
loading="lazy"
alt="投影屏幕显示Test1标题下方四个圆圈control experience variation1 winner红色 variation3用箭头连接"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netab-6.jpeg" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netab-6.jpeg&lt;/a&gt; “How Netflix does A/B testing”)&lt;/p&gt;
&lt;h2 id="实验-1"&gt;实验
&lt;/h2&gt;&lt;p&gt;许多像Netflix这样的公司通过实验保障用户数据。同样重要的是，投入时间和精力合理安排实验，确保数据的种类和数量足以有效地阐明他们感兴趣的问题。&lt;/p&gt;
&lt;p&gt;你可能会注意到，&lt;a class="link" href="https://www.netflix.com/" target="_blank" rel="noopener"
&gt;Netflix首页&lt;/a&gt;的焦点区域似乎随着登录状态改变。它们都是Netflix复杂实验的一部分，让你观看他们的节目。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-7.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-7.png?ver=1"
loading="lazy"
alt="Netflix首页展示纸牌屋横幅54项艾美奖提名Kevin Spacey和Robin Wright剧照"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我首次登录看到的首页。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-8.jpeg" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-8.jpeg?ver=1"
loading="lazy"
alt="投影屏幕展示Netflix未登录状态首页纸牌屋横幅Join Free for a Month按钮"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;PPT中的图片：用户注销后会看到纸牌屋的页面。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-9.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-9.png?ver=1"
loading="lazy"
alt="Netflix首页展示怪奇物语横幅Watch Season 1 Now标语和宇航员头盔剧照"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我第二次登录时看到的页面。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-10.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-10.png?ver=1"
loading="lazy"
alt="Netflix首页展示F is for Family动画横幅卡通人物坐在绿色沙发上的场景"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我换了另一个账号登录看到的页面。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;[&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-11.png?ver=1"
loading="lazy"
alt="Netflix儿童版首页顶部彩色圆形角色图标皮卡丘无牙仔等下方是Top Picks for Kids推荐"
&gt;](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-11.png" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-08/08-27/netflixab-11.png&lt;/a&gt; “How Netflix does A/B testing”)&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我换了一个“儿童”账号登录看到的页面。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-12.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-12.png?ver=1"
loading="lazy"
alt="Netflix未登录首页Only on Netflix标语右侧展示女子监狱Orange is the New Black剧照"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我未登录时看到的页面。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;A/B测试的概念，是向不同用户群呈现不同内容，收集他们的反应，通过结果来建立未来的策略。Netflix工程师&lt;a class="link" href="https://twitter.com/sgkrishnan" target="_blank" rel="noopener"
&gt;Gopal Krishnan&lt;/a&gt;写的&lt;a class="link" href="http://techblog.netflix.com/2016/05/selecting-best-artwork-for-videos.html" target="_blank" rel="noopener"
&gt;这篇文章&lt;/a&gt;里提到：“如果不在90秒内吸引一个用户的注意力，这个用户就很可能失去兴趣，去做其他的事情。这些失败的情况，往往是因为我们没有呈现正确的内容，或者我们呈现了正确的内容但没有提供足够的观赏理由。”&lt;/p&gt;
&lt;p&gt;Netflix早在2013年做过一个实验，用来研究是否可以通过创造一些不同版本的作品，来提高某个标题的收视率。结果如下：&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-13.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-13.png?ver=1"
loading="lazy"
alt="A/B测试对比表格Cell1默认封面Cell2提升百分之十四Cell3提升百分之六展示The Short Game电影不同封面图"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;图片来自&lt;a class="link" href="http://techblog.netflix.com/2016/05/selecting-best-artwork-for-videos.html" target="_blank" rel="noopener"
&gt;Netflix技术博客&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Krishnan补充道：“这个信号很早提示我们，用户对于封面变化的敏感。这个信号也表明，还有更好的方式，可以通过Netflix的用户体验，帮助用户找到他们要的那一类故事。”&lt;/p&gt;
&lt;p&gt;Netflix后来打造了一套&lt;a class="link" href="http://techblog.netflix.com/2016/03/extracting-image-metadata-at-scale.html" target="_blank" rel="noopener"
&gt;系统&lt;/a&gt;，能自动根据纵横比、裁剪、润色和不同语言的同一张背景图为作品分组。他们在TV节目上也重复这个实验，用来追踪相关作品的表现。例子如下：&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-14.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-14.png?ver=1"
loading="lazy"
alt="六张驯龙高手封面图A/B测试对比右上角龙和中间角色图带绿色向上箭头表示胜出"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;图片来自&lt;a class="link" href="http://techblog.netflix.com/2016/05/selecting-best-artwork-for-videos.html" target="_blank" rel="noopener"
&gt;Netflix技术博客&lt;/a&gt;。两张带有标记的图片明显胜过其他版本。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-15.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-15.png?ver=1"
loading="lazy"
alt="六张Unbreakable Kimmy Schmidt封面图A/B测试对比右下角两位主角图带绿色向上箭头表示胜出"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;图片来自&lt;a class="link" href="http://techblog.netflix.com/2016/05/selecting-best-artwork-for-videos.html" target="_blank" rel="noopener"
&gt;Netflix技术博客&lt;/a&gt;。最后一张带标记的图片明显胜过其他版本。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;请看两篇博客文章，可以了解更多关于Netflix的A/B测试：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="http://techblog.netflix.com/2016/05/selecting-best-artwork-for-videos.html" target="_blank" rel="noopener"
&gt;Netflix如何通过A/B测试选择最佳的视频封面&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="http://techblog.netflix.com/2016/04/its-all-about-testing-netflix.html" target="_blank" rel="noopener"
&gt;Netflix实验平台&lt;/a&gt;，一项由专门工程师团队支持的服务，使每一个Netflix工程师团队都能够进行A/B测试。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="我的收获"&gt;我的收获
&lt;/h2&gt;&lt;p&gt;A/B测试是研究用户行为的最可靠的方式。作为设计师，&lt;a class="link" href="https://twitter.com/intent/tweet?text=%22we&amp;#43;should&amp;#43;think&amp;#43;about&amp;#43;our&amp;#43;work&amp;#43;through&amp;#43;the&amp;#43;lens&amp;#43;of&amp;#43;experimentation.%22&amp;#43;http%3A%2F%2Fblog.invisionapp.com%2Fhow-netflix-does-ab-testing%2F&amp;#43;-&amp;#43;%40lovejessiecat&amp;#43;via&amp;#43;%40InVisionApp" target="_blank" rel="noopener"
&gt;我们应该通过实验的角度，思考自己的项目&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-16.jpeg" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-16.jpeg?ver=1"
loading="lazy"
alt="投影屏幕显示十字坐标轴中心标注your instinct四个象限各有一个橙色矩形"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;PPT中的图片：你的直觉未必正确。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-17.png" title="How Netflix does A/B testing"
target="_blank" rel="noopener"
&gt;&lt;img src="https://cdn.victor42.work/posts/2016-08/08-27/netflixab-17.png?ver=1"
loading="lazy"
alt="对比图左侧Listen列含Surveys和Talking to users右侧Observe列含Prototype和A/B testing"
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;ol start="2"&gt;
&lt;li&gt;**何时以及为何进行A/B测试？**设计完工后，运用A/B测试调整设计细节，追求2项指标：留存率和收入。通过A/B测试，全产品全天候追踪用户，可以发你的改变是否提升了留存率或者增加了收入。如果没有，则采用默认方案。用这种方式，A/B测试可以持续用来提升业务指标。&lt;/li&gt;
&lt;li&gt;**用户的需求和行为，是你希望的那样吗？**我的经验是，&lt;a class="link" href="https://twitter.com/intent/tweet?text=%22often%2C&amp;#43;users&amp;#43;cannot&amp;#43;always&amp;#43;complete&amp;#43;a&amp;#43;task&amp;#43;as&amp;#43;fast&amp;#43;as&amp;#43;you&amp;#43;expect%22&amp;#43;http%3A%2F%2Fblog.invisionapp.com%2Fhow-netflix-does-ab-testing%2F&amp;#43;-&amp;#43;%40lovejessiecat&amp;#43;via&amp;#43;%40InVisionApp" target="_blank" rel="noopener"
&gt;通常，用户并不能像你期望的那样迅速完成一个任务&lt;/a&gt;。而且有时候，他们甚至找不到你放在页面上的某个特定的按钮。原因可能有很多种：设计不够直观；颜色不够鲜明；用户对技术陌生；他们不知道如何做决定，页面上太多选项；其他等等。&lt;/li&gt;
&lt;li&gt;**你的直觉正确吗？**遗憾的是，涉及到用户行为时，我们的直觉可能是错的——唯一的证明方法就是通过A/B测试。A/B测试是检验哪种用户体验设计更加有效的最佳方案。在工作中，我们的用户产品团队，就通过A/B测试在我们的房地产网站上得到了验证。比如，他们想了解是否可以通过设计改进，来提高用户点击Google广告的注册率。他们创造了几个不同的实验性设计，对它们进行测试。他们认为那些去掉了房产图片的设计会胜出，但最终发现去掉房产图片和价格信息的转化率最高。
&lt;blockquote&gt;
&lt;p&gt;&lt;a class="link" href="https://twitter.com/intent/tweet?text=%22Knowing&amp;#43;your&amp;#43;user&amp;#43;is&amp;#43;the&amp;#43;most&amp;#43;exciting&amp;#43;part&amp;#43;of&amp;#43;the&amp;#43;design&amp;#43;process.%22&amp;#43;http%3A%2F%2Fblog.invisionapp.com%2Fhow-netflix-does-ab-testing%2F&amp;#43;-&amp;#43;%40lovejessiecat&amp;#43;via&amp;#43;%40InVisionApp" target="_blank" rel="noopener"
&gt;“了解用户是设计过程中最令人兴奋的部分。”&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;**探索边界。**最佳创意来自任何的创意探索。在工作中，我们的产品团队&lt;a class="link" href="http://blog.invisionapp.com/collaboration-and-great-products/" target="_blank" rel="noopener"
&gt;协作&lt;/a&gt;进行许多项目。由于牵扯到太多方面（从设计师到产品经理，再到&lt;a class="link" href="http://blog.invisionapp.com/design-with-developers-in-mind/" target="_blank" rel="noopener"
&gt;开发者&lt;/a&gt;），我们必须一起探索边界。测试了我们的原型之后，有些最佳创意来自开发者或产品经理。&lt;/li&gt;
&lt;li&gt;**观察人们的行为，忽略他们的言辞。**与用户交谈时，牢记一点：*他们总是言行不一。*我这周发起了一些&lt;a class="link" href="http://blog.invisionapp.com/user-testing-guide/" target="_blank" rel="noopener"
&gt;用户测试&lt;/a&gt;，有充分的理由告诉你为什么。我让一个用户试用联系人列表界面的原型，我问他会不会经常排序和过滤联系人。他说不会，因为他不需要。但是当他发现新的下拉筛选菜单，他感到很惊奇，原来同时排序和筛选多个选项如此方便——然后他马上问产品什么时候上线这个功能。&lt;/li&gt;
&lt;li&gt;**用数据来估计机会大小。**一切都在于&lt;em&gt;为什么&lt;/em&gt;。&lt;a class="link" href="https://twitter.com/intent/tweet?text=%22Data&amp;#43;can&amp;#43;help&amp;#43;shape&amp;#43;ideas.%22&amp;#43;http%3A%2F%2Fblog.invisionapp.com%2Fhow-netflix-does-ab-testing%2F&amp;#43;-&amp;#43;%40lovejessiecat&amp;#43;via&amp;#43;%40InVisionApp" target="_blank" rel="noopener"
&gt;数据可以支撑创意成型。&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;了解用户是设计过程中最令人兴奋的部分。设计没有成品，许多的改版和迭代可以改进设计，给用户带来尽可能好的体验。&lt;/p&gt;
&lt;p&gt;&lt;em&gt;本文最初发布在&lt;a class="link" href="https://uxdesign.cc/how-netflix-does-a-b-testing-87df9f9bf57c#.iha9zwglj" target="_blank" rel="noopener"
&gt;Medium&lt;/a&gt;。&lt;/em&gt;&lt;/p&gt;
&lt;h2 id="相关文章"&gt;相关文章
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="http://blog.invisionapp.com/inside-design-netflix/" target="_blank" rel="noopener"
&gt;内在设计: Netflix&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="http://blog.invisionapp.com/improving-conversion-rates-ab-tests/" target="_blank" rel="noopener"
&gt;通过A/B测试提升转化率&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="http://blog.invisionapp.com/how-netflix-does-ab-testing/" target="_blank" rel="noopener"
&gt;http://blog.invisionapp.com/how-netflix-does-ab-testing/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者信息：&lt;a class="link" href="http://blog.invisionapp.com/author/jessie-chen-uiux-designer/" target="_blank" rel="noopener"
&gt;Jessie Chen, UI/UX Designer&lt;/a&gt;
Jessie Chen currently works at &lt;a class="link" href="http://zaplabs.com/" target="_blank" rel="noopener"
&gt;ZapLabs&lt;/a&gt;, where she designs a CRM for real estate professionals. She enjoys gathering user feedback through user testing, and iterating on design ideas to solve usability issues. In her spare time, she shares ideas on &lt;a class="link" href="https://medium.com/@lovejessiecat" target="_blank" rel="noopener"
&gt;Medium&lt;/a&gt; about how design impacts businesses.
&lt;a class="link" href="https://twitter.com/lovejessiecat" target="_blank" rel="noopener"
&gt;Follow me on Twitter&lt;/a&gt;&lt;/p&gt;</description></item><item><title>数据驱动的界面设计</title><link>https://victor42.eth.limo/post/3448/</link><pubDate>Sun, 05 Jul 2015 11:58:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3448/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第93期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-UTqVjB9GTR_SlNg0YEVIPA.png"
loading="lazy"
alt="医疗健康数据可视化分析仪表盘设计"
&gt;&lt;/p&gt;
&lt;p&gt;“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业，开始运用他们的数据来做一些有趣的事情。在我的职业生涯中，有幸参与一大批数据为重的界面设计，我要在此分享一些观点，讲讲如何造就这种特殊且有意义的产品。&lt;/p&gt;
&lt;p&gt;很多人已经讨论过这个议题，我会围绕创作过程中最具影响力的部分。&lt;/p&gt;
&lt;h3 id="1-用户不同数据不同"&gt;1. 用户不同，数据不同
&lt;/h3&gt;&lt;p&gt;任何时候设计一套复杂的系统，都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色，每个都有自己的工作流程和对数据的需求。&lt;/p&gt;
&lt;p&gt;定义好角色，产生不同视角，这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣，请看&lt;a class="link" href="http://www.cooper.com/" target="_blank" rel="noopener"
&gt;Cooper&lt;/a&gt;的这篇&lt;a class="link" href="http://www.cooper.com/journal/2001/08/perfecting_your_personas" target="_blank" rel="noopener"
&gt;有用的文章&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;关于角色，重要的一点是&lt;strong&gt;预先确定好&lt;/strong&gt;，围绕它们来组织信息结构与线框图。&lt;/p&gt;
&lt;p&gt;下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群，他们各自都需要不同的数据管理。创建了关键角色后，我们每次评审会将它们放在旁边。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-s-bpjeKSuGpNDQWYjYGI_w.jpeg"
loading="lazy"
alt="针对不同用户角色设计的健康报告系统界面"
&gt;&lt;/p&gt;
&lt;p&gt;注意画板上的那些角色。我们的客户都接受这种方式。&lt;/p&gt;
&lt;p&gt;在满屋子客户面前展示作品是件难事。无论是在解释线框图、流程图，还是就视觉设计进行讨论，都很难让每个人跟上你的观点。&lt;/p&gt;
&lt;p&gt;通过角色来组织作品，会防止你（和客户）在这些讨论中跑题。&lt;/p&gt;
&lt;h3 id="2-制作页面模型"&gt;2. 制作页面模型
&lt;/h3&gt;&lt;p&gt;我多年所用的一个技巧，是制作页面模型。核心点很简单：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;首先为用户呈现他们&lt;strong&gt;需要&lt;/strong&gt;的，再将页面余下的信息根据用户故事或信息层级，进行结构化处理。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;制作页面模型的概念，正是写散文（和其他很多种沟通形式）的核心原则，我在&lt;a class="link" href="http://www.amazon.com/Design-Software-Developers-Erik-Klimczak/dp/111994290X/ref=sr_1_2?ie=UTF8&amp;amp;qid=1433869795&amp;amp;sr=8-2&amp;amp;keywords=design&amp;#43;for&amp;#43;software&amp;amp;pebp=1433869796086&amp;amp;perid=1XDJZ606Z4PEA3NXKNKY" target="_blank" rel="noopener"
&gt;写过一本书&lt;/a&gt;之后就对它了如指掌了。多年来，我花费大量时间在这本书&lt;a class="link" href="http://www.amazon.com/Style-Basics-Clarity-Grace-4th/dp/0205830765/ref=sr_1_2?s=books&amp;amp;ie=UTF8&amp;amp;qid=1433869993&amp;amp;sr=1-2&amp;amp;keywords=style&amp;#43;the&amp;#43;basics&amp;#43;of&amp;#43;clarity&amp;#43;and&amp;#43;grace&amp;amp;pebp=1433869997336&amp;amp;perid=07F6Z45EC9CA2930KW8V" target="_blank" rel="noopener"
&gt;《样式：清晰与优雅的基本要素》&lt;/a&gt;上。它除了作为绝佳的写作参考之外，还清晰阐明这项观点：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;如果一开始就使人分心，那么用户不仅难以分辨每个元素是什么，也难以集中精力于整个流程。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;这是进行用户体验设计时需要牢记的一项准则。下面是制作页面模型的两个常用方式。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-4oQgegXVJ5y2-tUsPMlWUg.png"
loading="lazy"
alt="两种常用数据仪表盘页面结构布局模型"
&gt;&lt;/p&gt;
&lt;p&gt;给画板创建某种结构。问问自己——通过这些信息要讲述怎样的故事？&lt;/p&gt;
&lt;p&gt;我在&lt;a class="link" href="https://www.behance.net/search?content=projects&amp;amp;sort=appreciations&amp;amp;time=week&amp;amp;search=dashboard" target="_blank" rel="noopener"
&gt;behance&lt;/a&gt;和&lt;a class="link" href="https://dribbble.com/search?q=dashboard" target="_blank" rel="noopener"
&gt;dribbble&lt;/a&gt;上看到很多仪表板和数据画报项目，（视觉上）设计得很漂亮，但通常都使人眼花缭乱、&lt;em&gt;过目即忘&lt;/em&gt;。它们要么是各种图表组件以缺乏层级的瀑布流形式排列，要么视觉上过度设计，并不适合这项数据。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-OKKE-8wRnP6Y7nnDgH4uQQ.jpeg"
loading="lazy"
alt="信息过载与过度设计的仪表盘界面对比"
&gt;&lt;/p&gt;
&lt;p&gt;左图展示的就是眼花缭乱的数据画报。右图例子则是装饰物分散注意力，注意不到数据。&lt;/p&gt;
&lt;p&gt;在上面的图中（左图），这个数据面板用了控制台的方式来呈现信息……相当有压迫感。为避免如此，我们试着以&lt;strong&gt;组织信息&lt;/strong&gt;的方式处理这类界面，让人们感觉像是在阅读杂志文章。&lt;/p&gt;
&lt;p&gt;并不是说&lt;a class="link" href="http://spaceflight.nasa.gov/gallery/images/station/crew-36/hires/jsc2013e066435.jpg" target="_blank" rel="noopener"
&gt;控制台式的界面&lt;/a&gt;就没有用武之地……我个人愿意设计成那样。但多数情况下，没有必要时刻看见所有信息。&lt;/p&gt;
&lt;p&gt;最关键的一点——&lt;strong&gt;避免创造出令人一知半解的图形&lt;/strong&gt;。为页面信息建立模型，首先给用户呈现关键信息，然后才是支撑内容。&lt;/p&gt;
&lt;h3 id="3-选择正确的图形"&gt;3. 选择&lt;em&gt;正确&lt;/em&gt;的图形
&lt;/h3&gt;&lt;p&gt;在美学方面，有很多（太多了）设计都在误用图表。&lt;/p&gt;
&lt;p&gt;最糟的是——这些“坏习惯”似乎在成倍增加。随处可见本应是饼形图的面积图，还有本应该是柱状图的曲线图。让我们一起来制止这些设计……下面这些建议有助于你正确对待数据：&lt;/p&gt;
&lt;h4 id="始于数据"&gt;始于数据
&lt;/h4&gt;&lt;p&gt;未经处理的原始数据表格一点也没有吸引力。但它是最佳的起点。它帮你开始思考数据中有哪些变量可用，这些变量数据如何关联。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-l2C0HVaLZ2PBgZ86O4vKzQ.png"
loading="lazy"
alt="用于分析变量关系的多列原始数据表格"
&gt;&lt;/p&gt;
&lt;p&gt;原始数据的单调特性，会帮你思考系统中各种变量间的关联。&lt;/p&gt;
&lt;p&gt;除了从空白数据行列入手，等待灵感忽然进入你意识。你还可以更积极一些，通过下面这些很棒的资源，帮你揭示出有趣的关联：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://medium.com/data-lab/introducing-charted-15161b2cd71e" target="_blank" rel="noopener"
&gt;Charted&lt;/a&gt; ——Medium开发的一款自动数据可视化工具。&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://medium.com/@nickkovacevich/designing-better-charts-with-google-sheets-illustrator-and-sketch-bbdae473cf9" target="_blank" rel="noopener"
&gt;通过Google Sheets、Illustrator和Sketch设计更好的图表。&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="http://www.tableau.com/" target="_blank" rel="noopener"
&gt;Tableau&lt;/a&gt;——这个工具是最好的，不过相当昂贵。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;在整个过程中，这部分并没有灵丹妙药&lt;/strong&gt;。别对深入研究数据心存恐惧，试着混合搭配不同变量，创建基本图表。这需要时间，但它是值得的。我想到的一些绝妙点子，都来自这些原始数据文件的拼拼凑凑。&lt;/p&gt;
&lt;h4 id="处理离散数据和连续数据"&gt;处理离散数据和连续数据
&lt;/h4&gt;&lt;p&gt;我花了很长时间才意识到这点，有些图表比其他更能表达你的数据。在创作中很容易陷入这样的境地，选择一种好看的图表，然后指望它能发挥作用。我经常这么做（我挺喜欢散点图），并为此感到内疚。&lt;/p&gt;
&lt;p&gt;有些图形比其他更好，这取决于你所处理的数据类型。选择合适图表的方法之一，是评估你手中的数据。有两种主要数据：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;离散数据&lt;/strong&gt;——数值可清晰计数。比如进球数或Facebook点赞。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-Y9d0imvuU2E1BOn3emWYTg.png"
loading="lazy"
alt="适合展示离散数据的字母出现频率柱状图"
&gt;&lt;/p&gt;
&lt;p&gt;柱状图最适合表现离散数据&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;连续数据&lt;/strong&gt;——任何范围值。比如一季的降雨量，或一个人的身高体重。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-wJu5h4NpN9wey0Q3H4hFsQ.png"
loading="lazy"
alt="适合展示连续数据变化趋势的股票价格曲线图"
&gt;&lt;/p&gt;
&lt;p&gt;曲线图最适合表现连续数据&lt;/p&gt;
&lt;p&gt;简单说，曲线图最适合表现连续数据，柱状图最适合表现离散数据。&lt;/p&gt;
&lt;p&gt;Dona Wong的一项资源&lt;a class="link" href="http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281" target="_blank" rel="noopener"
&gt;《华尔街日报：信息图指南》&lt;/a&gt;帮我凝练了其中精髓。真希望几年前我就有这本书。这是本无价的参考书，帮你选用合适的图表，阐明信息展现的行为准则。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-TWJyTGIYDj5RR17BifPTIQ.jpeg"
loading="lazy"
alt="华尔街日报信息图表设计指南书籍封面"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281" target="_blank" rel="noopener"
&gt;http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4-基本的或定制化的图形"&gt;4. 基本的或定制化的图形
&lt;/h3&gt;&lt;p&gt;最后，作为这些海量数据系统的设计师，你得反复问自己“我应该选择非常规方式来定制化设计？还是使用久经考验的图表来展现信息？”&lt;/p&gt;
&lt;p&gt;最近无意中读到这篇来自37 Signals的文章——&lt;a class="link" href="https://signalvnoise.com/posts/3388-three-charts-are-all-i-need" target="_blank" rel="noopener"
&gt; 只要3种图表就够了&lt;/a&gt;。作者强烈表达一个观点，图形的“有效性”胜过它的视觉特征。我非常赞同文中这一观点。&lt;em&gt;不过&lt;/em&gt;，我觉得他的观点代表着一种极端实用主义的视角。我相信定制化的图形通常也能提升数据的易用性，同时独具一格引人入胜。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-J-ajdBDC-YCp5J5T1oyAWg.jpeg"
loading="lazy"
alt="展示请求响应时间分布的实用柱状图示例"
&gt;&lt;/p&gt;
&lt;p&gt;基本柱状图的例子&lt;/p&gt;
&lt;p&gt;对我来说，有“一种尺寸通行”的图表，还有“适用于最佳尺寸”的图表。表格、曲线图和柱状图就很好，可以容纳各种类型的数据，但它们也非常普通（一种尺寸通行）。作为专业的设计师，我希望我的作品看起来和感觉上是&lt;strong&gt;独特且有用的&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;比如，纽约时报做得很好，通过定制化的交互式图形，来为他们的文章添彩。可以在&lt;a class="link" href="http://www.nytimes.com/interactive/2014/12/29/us/year-in-interactive-storytelling.html?_r=0" target="_blank" rel="noopener"
&gt;这里&lt;/a&gt;看到更多他们的作品。我们来看一些完美的定制化图表案例：&lt;/p&gt;
&lt;p&gt;这个案例对曲线图做了调整，让人“一睹”那些支撑图表的基本数据。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-WFtYTF2oVg-eTpQ01_riwg.png"
loading="lazy"
alt="背景点展示原始分布的纽约时报折线图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0" target="_blank" rel="noopener"
&gt;http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;在这个3D图表中，透视角度的改变在视觉上非常有冲击力，也让用户更好理解数据间的关联。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-J-y6e2pirr4h7d0xCJdxkg.png"
loading="lazy"
alt="展现国债收益率曲线的立体三维图表"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html?_r=0" target="_blank" rel="noopener"
&gt;http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html?_r=0&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://selfiecity.net/" target="_blank" rel="noopener"
&gt;Selfiecity.net&lt;/a&gt;的这个例子做得很好，用了真实内容来创建图表。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-Um1czc4YvRHrBdPR4jkl4g.png"
loading="lazy"
alt="使用真实自拍照缩略图构建的数据可视化图表"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://selfiecity.net/" target="_blank" rel="noopener"
&gt;http://selfiecity.net/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;最后，来自我们为CNN做的一个&lt;a class="link" href="http://truthlabs.com/work/cnn" target="_blank" rel="noopener"
&gt;项目&lt;/a&gt;。我们用了颜色编码来展表现政党偏好，同时立体突起在视觉上表现人口统计信息。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2015-07/07-05/1-qFZ2VGSnc2VXRWZSyD4fmw.jpeg"
loading="lazy"
alt="用于展示美国大选结果的平板端三维地图界面"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://truthlabs.com/work/cnn" target="_blank" rel="noopener"
&gt;http://truthlabs.com/work/cnn&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;作为首要准则&lt;/em&gt;——数据与技术所需，我们需要尝试各种定制化图形。但我们还是要有备选计划，以防设计并不奏效，或者客户喜欢相对保守的方式。&lt;/p&gt;
&lt;h3 id="5-那又如何"&gt;5. 那又如何？
&lt;/h3&gt;&lt;p&gt;我们为什么要把所有这些数据放在页面上？答案是：这样人们才能使用——做决策、调研、预测未来，什么都行。关键是，用户不会沉浸于你所选的漂亮色彩，他们是来工作的。&lt;/p&gt;
&lt;p&gt;&lt;em&gt;我的建议是&lt;/em&gt;——在你排布好页面一切就绪后，&lt;strong&gt;问问自己“那又如何？”&lt;/strong&gt;。看看每个图表、组件、表格，仔细考虑人们从中能获取到什么。通常你会得出这样的结论，“这些都不重要”，这就意味着要减少或是重新思考。&lt;/p&gt;
&lt;p&gt;这在我身上发生过好几次——我创作了复杂漂亮的仪表板，包含了一系列时尚的图表、饼形图，还有成千上万数据点构成的地图。但总是被客户质疑“我只想知道这样有效吗……我要的东西在哪？”还有“我只要3样东西……X、Y和Z。哪里可以看到它们？”&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/2015-07/07-05/1-51_Gojg6iZvmhNO3KMhKDw.png"
loading="lazy"
alt="使用文字总结代替图表展示重要指标的界面"
&gt;&lt;/p&gt;
&lt;p&gt;在重要信息上，文字总结可能比图表更有效。&lt;/p&gt;
&lt;p&gt;上面的图来自我们最近的两个项目。两者都通过文字展现用户所需的信息，并没有依赖需要解释说明的图表。&lt;/p&gt;
&lt;p&gt;这个方法使我们的客户产生共鸣，尤其在重要信息上。但我之前提过，总要考虑各种角色，所以要用在适当的地方。&lt;/p&gt;
&lt;p&gt;就像其他所有形式的设计一样，它也需要一种平衡。&lt;/p&gt;
&lt;p&gt;力求使你的数据与众不同，但是要避免过度设计和无谓的分心。&lt;/p&gt;
&lt;p&gt;为数据选择正确的图形，但别忘了有层次地构建页面。&lt;/p&gt;
&lt;p&gt;无论多么单调、令人沮丧，还要打磨每个小细节……还有别忘了问自己，“那又如何？”&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;a class="link" href="https://medium.com/truth-labs/designing-data-driven-interfaces-a75d62997631" target="_blank" rel="noopener"
&gt;原文链接&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者信息：
Erik K
I design digital products that make peoples lives easier. Co-Founder/Creative Director at Truth Labs in Chicago.&lt;/p&gt;</description></item></channel></rss>