购物小票的巧妙新设计
背景
标题：The humble receipt gets a brilliant redesign
发表时间：2019年5月17日
原文链接
资讯来源：阮一峰先生每周推荐第 60 期的内容
正文内容如下——
这是 Netflix 公司的一个数据工程师做的一个业余项目，目前它需要找到一种进入真实市场的途径。下面是购物小票重新设计后的样子：
（此图来源于网络，因无法直接贴原图链接，故而保存本地后再上传）
这样一种心理过程，你有没有一种似曾相识的感觉呢：
去物美或者家乐福，买了一瓶洗发水、熟透的香蕉之类的东西。然后去收银台结账时，感觉没怎么买却花了好几百元。你盯着购物小票看了半天，总以为是不是计价器出错了，到底钱都花到哪去了呢？
如果购物小票自己就能清楚地展现你所怀疑的内容，而不是单独地罗列商品，给人的购物体验会不会好一些呢！
比如，按价格和分类排序后展现商品列表：
（图片来源：Susie Lu）
设计师 Susie Lu 按照这种新概念设计出了这样的购物小票。日常工作中，Lu 是 Neflix 的一位高级数据可视化工程师。业余时间里，她不仅画风景画，而且还会画漫画。而最近几个月的业余时间里，她一直在从事的一项工作就是重新思考我们购物的方式。
我们现在习以为常的购物小票除了罗列商品记录外毫无用途，以至于被人随手丢弃。但是，它实际上可以重新设计，以便能更好地展示说明我们的购物行为，它可以教我们更谨慎地进行购物。
“出于职业习惯，我总是会强迫自己思考数据可视化的方式，它们如何能够重新定义我们每天的经历，” Lu 说：“购物小票就我头脑风暴产生的第一个令人激动的案例。”
（图片来源：Susie Lu）
因此，她弄了一台超市常用的低分辨率的打印机，开始编写和处理一些更好的设计。她改进了超市购物小票，增加了三个独特的元素。在最顶部，用泡泡图将购物内容分类统计，清晰地展示出 Money 流向了何方。该例中，“肉和海鲜”是一个最大的泡泡，代表占总购物比例的大约三分之一，而“零食”类是一个最小的泡泡，不到 10%。
紧接着的内容也是标准化的条目信息，但是每个单独的条目上有一个自己的条形图，代表它在同类别的商品中花费了多少。13.49 美元的牛脊肉占满了整个条形图，但是 4 美元的 “墨西哥胡椒鸡肉香肠”的锯齿只有一小部分。总的来说，这个设计让人一眼能知道自己的钱都花在哪里了！
（图片来源：Susie Lu）
“我发现这样设计有助理解我的钱是如何被花掉的，我可能会有兴趣收集购物小票并看看每一周的购物变化趋势”。Susie Lu 解释说。
这个项目比我们介绍的样品更难一些，很大程度归咎于我们常见的购物小票打印纸张本身。和高分辨率的 App 及空间无限网页区域相比，它是一种小规模、低分辨率的信息媒介。处理过程中发现的一种具体限制就是打印机不能绘制出水平线，这意味着她必须在像素级别用绘图技巧类创造条形图，同时还需要显示各种面包、乳制品、肉类等分类小图标。
但是最后的结果是非常神奇的。简洁、实用、甚至有一点古怪的设计——完美的三重奏，将是杂货店或者超市提供人性化服务的有价值的设计。对 Lu 来说，她并不打算深入推进这个项目。但是她希望能很快发布一些使用数据可视化重新塑造我们每一天的生活经历的其他项目。
启示录
如果将来购物小票能发展成这种形式，对消费者来说无疑是有益的。可能会影响以后的购物行为，帮助他们更理性地选择商品。
事实上，现在的购物小票，即使不按照本文的创新思路来设计，仅仅多一些按价格排序、按商品分类打印的步骤，也比现在我们看到的普通小票对购物者的价值大多了。
购物小票的巧妙新设计相关推荐
- Java Map中那些巧妙的设计
简介: 他山之石可以攻玉,这些巧妙的设计思想非常有借鉴价值,可谓是最佳实践.然而,大多数有关Java Map原理的科普类文章都是专注于"点",并没有连成"线", ...
- Java Map中那些巧妙的设计
最近拜读了一些Java Map的相关源码,不得不惊叹于JDK开发者们的鬼斧神工.他山之石可以攻玉,这些巧妙的设计思想非常有借鉴价值,可谓是最佳实践.然而,大多数有关Java Map原理的科普类文章都是 ...
- 双缝干涉实验的新设计
双缝干涉实验的新设计 红朝儒生 2016-9-9 关键字:双缝干涉 设计 简介:双缝干涉实验中,并没有体现出人的因素,只是设备.测试条件不同.所以吾提出一些新的实验设计.究竟是哪些实验条件影响的?如何 ...
- 购物小票 FoundPrice.java
代码 import java.util.*; public class FoundPrice {public static void main(String args[]) {String s=&qu ...
- java小票_Java编程打印购物小票实现代码
简单介绍运行环境: 语言:Java 工具:eclipse 系统:Windows7 (打印设备暂时没有,所以只能提供预览图) 最近,项目需要为商城做一个购物小票的打印功能,日常我们去超市买东西,结账的时 ...
- 手机屏幕宽高像素计算_2020年的智能手机拍照新设计，就全看下半年了
此前我们三易生活在总结2019年智能手机影像设计的变化时曾经提到,智能手机上的大底与大像素设计几乎是花了一整年的时间,把自己从单纯的噱头,逐步改进成了能够确实提高拍照画质的业界主流技术.站在现在的视角 ...
- java打印超市消费小票_Java-超市购物小票案例-详细介绍
1.1 超市购物购物小票需求分析 用户循环进行三个操作: 1.输入购买数量,代表为所购买货物的数量赋值,从而计算每项商品金额 2.打印小票,将已有数据打印 3.退出系统(因为该程序为循环操作,无法终 ...
- python打印小票_购物小票——Python字符串格式化练习
格式化字符串一般用于一些格式化输出,我们来看一段例子,利用打印输出一个购物小票.是不是会让大家想起第一次学写代码,打印三角形,直角三角形等等.其实学习本就是从简到难,循序渐进的 #!/usr/bin/ ...
- Python 打印购物小票
打印购物小票 需求: 指定折扣 输入购买商品单价与数量.顾客交费 结算时打印购物小票,计算此次购物总金额,顾客交费,商店找补,以及购物积分 钱不够时,提醒顾客继续交钱 只给三次交钱机会 "& ...
最新文章
- 12.6%！IJCAI 2020接收率断崖式下跌，但还是有华人大佬中了三篇
- 数量庞大！中国成长型AI企业研究报告
- ACM第一天研究懂的AC代码——BFS问题解答——习题zoj2165
- 安全篇之手机数字密码九宫格究竟哪个更安全？
- CentOS/用FTP客户端软件连接到服务器
- 分布式存储的集群可靠性计算（ceph）
- 检查 Linux 服务器性能
- 【HDU - 5914 】Triangle （打表 或 set维护）
- MySQL 第四次练习（多表查询）
- 线条边框简笔画图片大全_表情包丨表情包简笔画图片大全可爱
- 485串口测试工具软件_【实例】如何用串口软件调试变频器？
- 《数字电子技术基础》4.3 若干常用的组合逻辑电路 学习笔记
- cupp字典生成工具（同类工具还有crunch）
- 一个清华学子写的关于directshow的学习心得
- html 左侧居中对齐,HTML的居中对齐
- IDA报错Unexpected fatal error while intitailizing Python runtime
- 音视频直播流程及常见视频流协议介绍
- WiFiAp探究实录--功能实现与源码分析
- 一位高人隐士传授的炼精化气秘法 透彻之极!
- 广工计算机组成原理考试,广工计算机组成原理期末考试B卷(杨卫平)