上亿人使用的手机淘宝卡券包，设计师是这么做改版的！

神患：大公司里有很多“小产品”，手机淘宝里的卡券包就是。卡券包是手机淘宝用户的权益仓库，存储着用户在平台内获取的众多权益，比如店铺优惠券、红包、会员卡等。“小”是相对“大”而言的，手机淘宝是一艘流量航母，每天使用手机淘宝的用户数接近两亿。相比航母甲板上动则数百万上千万的拳头业务，卡券包的用户数显然少得多。卡券包具有较强的工具属性，大部分用户访问卡券包是为了查看自己获得的权益

产品设计 2017年04月10日

红包的进击之路：脑洞大开的“创新”

本文是系列文章的第二篇，主要对红包的新玩法进行一些探讨。阅读之前建议先阅读上一篇文章《从0到∞｜谈谈红包类产品的设计之道（竞品分析）》。从14年初，微信红包第一版产品上线之后，红包这种集合互动传播、支付、营销等众多功能于一体的产品便以不可思议的速度红遍大江南北，恰如其名。除了每年一次的“新年红包大战”，在众多社交、电商平台上，红包俨然成为一种新兴的营销工具。时至今日，从微信

产品设计 2017年04月09日

浅谈 iOS 与 Android 设计规范：6 类交互设计规范对比

iOS和Android两个不同的平台，肯定是有很多区别的，下面就从交互的角度，谈谈区别。以前就读过IOS和Android的规范，但是觉得没啥大用处，因为现在APP为了保持一致性，通常在IOS和Android上的设计是一样的，而且一些小公司只设计IOS的交互原型，因为只要IOS上能用，安卓上肯定没问题，前段时间，和一个人聊，问我它俩的区别，当时一脸懵逼，不知从何说起。毕竟是两

产品设计 2017年04月09日

一个不懂电商的产品经理，是如何解构电商产品设计的？

事实上，对于任何一个行业的产品经理来说，如果能够站的更高一点，能够养成从商业的角度看待问题，那么就会有完全不一样的视角和认知收获。首先，需要声明的一点是，我的的确确不是做电商的产品经理。那么，一个没有做过电商产品的产品经理，有没有可能也去窥探一下产品里面设计的奥妙，让这些体会到的奥妙也为我们的日常产品工作带来一些启发呢？我觉得是有的，甚至我大胆地给出一个结论：任何一个互联网

产品经理 2017年04月09日

【连载】差异感 - 产品思维与设计思维（19）

一张白纸上，如果有一个黑点，就会非常容易被人注意到。这个时候，黑点就是前景，而整个白纸成了背景。人们常常会聚焦在前景上，而忽略背景。在社会活动中也是这样，所谓好事不出门，坏事传千里，一个差异化的点会迅速成为前景，其他的点都被忽略掉了。人与人之间相处，有一些点（例如吵架了、或者某个显著的优点、优雅的一颦一笑）会被放大，其他的点则成为背景，不被人们所注意。在互联网产品中，同样有

产品设计 2017年04月07日

基于“开车用手机”的场景，我对导航功能优化的几点看法

作者针对“开车用手机”这一场景，分享了对产品功能优化的一些看法，希望可以给大家带来启发。在车上放个手机支架，开车时看导航、接电话、回复微信，这个场景大家肯定都不陌生，即使我们不是司机，现在很多快车师傅也是这样的装备，大家都已经习以为常。为了驾驶体验，除了手机支架这种硬件设备，软件上还有哪些可以做的哪？接听电话司机师傅在车上接听电话时，手机所处情况大体可以分为如下几种：手机已

产品经理 2017年04月09日

F 型浏览模式：设计一个良好的视觉层级结构

本文将引导您了解F型内容布局的原理，它是如何工作的，以及如何应用到设计中？什么是F型浏览模式以及它的工作原理？F型浏览模式：当阅读内容区块时，一种最常见的用户眼睛扫描模式。F(Fast)指的就是快速浏览。F型浏览模式阐述了用户是如浏览内容。在短短几秒内，他们的眼睛以惊人的速度扫过你的网站页面。该阅读模式由NNGroup的眼动追踪研究而被推广普及，在这个研究中记录了超过200

产品经理 2017年04月09日

大公司里的“小产品”设计：淘宝 APP 之卡券包首页的改版设计过程

对于“小产品”的设计师来说，除了熟练“套路”以外，可能还需要多一点耐心和对用户的敬畏之心。从体量上来看，卡券包是略“小”，而站在用户体验的层面上来看，手机淘宝这个庞然大物，所有“大大小小”产品的体验总和才是他的全貌。大公司里有很多“小产品”，手机淘宝里的卡券包就是。卡券包是手机淘宝用户的权益仓库，存储着用户在平台内获取的众多权益，比如店铺优惠券、红包、会员卡等。本文男主，在

产品经理 2017年04月07日

通过空值页赋予产品灵魂：以沪江网校 App 为例

从2016年9月开始，沪江网校App默默地更新了一批空值页，以小树苗为原型的拟人化形象开始出现在每一个内容为空的页面，拉近沪江网校与用户之间的距离。为什么要更换空值页？空值页，简单来说就是无内容或者错误情况下出现的空白状态，能够在操作异常时给予用户反馈，或者提示用户添加内容。这类页面出现频率较低，容易被忽略。网校设计团队的小伙伴们在重新审视App中的空值页后，发现旧版的空值

产品经理 2017年04月07日

iOS 和 Android 规范解析：底部浮层（上）

Google Material Design设计规范和iOS设计规范中，都有从底部向上出现的浮层组件。在Android中，是底板（Bottom Sheet）；在iOS规范中，是上拉菜单（Action Sheets）和活动视图（Activity Views）。由于内容较多，本文介绍MD中的底板组件；iOS中的两个组件，将在下一篇文章中进行介绍。Google Material

产品经理 2017年04月07日