购物车结算页设计改版

过去一个月,我和下单线的视觉同学陆续开始对购物车结算进行设计改版,借机梳理了这两个下单环节的所有场景和界面细节。

这次UED推行的改版既有“设计先行”的天然优势——可以完全地把提升用户体验作为目标,也有难以落地的苦恼——尽管事先安排了开发评审,设计稿交付产品和开发后,实现困难、排期紧张等原因还是不断拖长了战线。设计师需要反复地校稿和沟通,“改UI不改接口”常常阻碍改版的进行,而日常版本需求的并行也消耗了我们大量精力 >o< Anyway, 我们还是尽力优化到最佳,虽然看上去变化不大,设计和争取的过程却是值得我反思的。

这篇总结包含了「改版背景」,「前期分析」,「设计过程」,[……]

继续阅读

提升用户满足感的设计

情感化设计、峰终定律等理论纷纷强调,给用户更多的「满足感」是一大制胜法宝,然而满足感终究还是一种抽象、模糊的主观感受。

设计师工作中总是绞尽脑汁“站在用户角度”,给他们“带来愉悦和惊喜”。有的表现形式可能确实很管用,但每次针对不同的需求,如果第一时间没有系统的思路,对用户情感没有深入研究,设计就可能走向思维固化和千篇一律。

我想收集一些和「提升满足感」有关的理论、设计思路、落地方法和小tips, 做一个小小的总结。

产品的进化模型

《情感化交互设计指南》书中的进化模型,递进地满足了用户的诉求和潜在需求:

「实用」是说具备解决用户问题的基本功能,是被人想起和打开[……]

继续阅读

动效实践:品牌页动效设计

说起动效,大家最先想起的是dribbble上酷炫的loading转动、卡片推入滑出、具有层次感的可视化数据展示、和最近流行的动效图标…… 的确,对设计作品而言,一瞬间抓人眼球最好的方法是打情感牌——让人轻松愉悦或眼前一亮的东西,而逻辑合理性和适度原则,常常被人忽视了。在《U一点·料》读书笔记 中,我分享了app动效的场景类型和设计方法,除了情感化的动效设计,还有情境动效——告诉你你在哪里,引导动效——告诉你该去哪儿,和响应动效——告诉你动作的结果如何。

工作中的一次优化需求,我接触到了和动效强相关的交互设计:为品牌落地页新增“商家热推”板块,合理布局信息结构。经过前期分[……]

继续阅读

设计月报 2019.08

阅读

《极致:互联网时代的产品设计》豆瓣链接

MIT媒体实验室教授打造的产品设计方法,有新意。“当今很多产品功能过于繁琐,非但没让我们变更强,还让我们变更弱。”作者从自身丰富的开发经验总结了魅力产品的概念,并在其学生项目的实践中得到印证。

1. 什么是魅力产品。“被赋予计算能力、连入网络的普通物品。”有魅力的钱包可以连接银行账户,超额支出后很难打开(天哪,这不就是我做过的理财project吗?!)这种产品可以减轻认知负荷,主动适应人类,和调动感官潜能。

进一步解释,减轻认知负荷,就是减少需要我们费力运转的快速思维,把外界感知做的越简单越好,比如减少信息呈现、减少[……]

继续阅读

19年7月 @北京school酒吧

盯着演出阵容,趁着IxDC间隙,12号晚上我和小李去了五道营的school酒吧(乐队夏天常做广告的那个school)玩耍。下了课的我幸运得没赶上晚高峰大军,在雍和宫旁这片宝藏胡同里逛了起来。

顺着地图找到school,原来入口只一扇门大小,不起眼的门面让人窥见地下音乐的小众,不知名,和傲气。

今晚的演出是从Summer Sonic归来的三支乐队,闪星、指人儿和利事。可能和我一样听完夏天才注意了school和新裤子,80张门票的限制让门口排起了长龙等待售票,毕竟,酒吧是不会晚上6点就开放的。

school有个小二层,上面可以坐着聊天,纯粹听音乐。一层的顶只有2米高,大家[……]

继续阅读

唯品会「购物车」走查与竞品分析

设计的优化改版从分析产品开始。这篇文章做了下面几件事:了解购物车在电商平台的功能目的,掌握购物车现状,分析同类产品与自身的差异,总结优化空间。

首先,为什么要做购物车?如果奔着选购立即下单的一顺流程去,点击购物车再完成购买似乎没有顺从用户“马上买到”的心意。实际上,像拼多多这样走拼购路线的电商确实没有做购物车,参见拼多多为什么不做购物车功能?的分析。但有了购物车,就占有了这几大好处:比对商品,暂缓购买决策,提升客单价,合并结账。

比对和操作(移入收藏、删除、找相似等)商品

这里的作用是指作为在线购物的一环,购物车扮演着怎样的通用的角色。唯品会「品牌特卖」的特殊属性,使得库[……]

继续阅读

设计月报 2019.06

每天我们的设计工作都会被太多东西限制住:商业目的,技术,时间,话语权,沟通障碍…… 而工作内容又是那么重复,重复和狭窄的设计范围让人感觉乏味。 我希望有那么个地方(东西),可以让设计自由流动,让自己看到别人手中和脑袋中鲜活的、丰富多彩的设计。

这几天看了很多UX Coffee的设计师访谈,很有些意思。我们生活的环境本就是限定在很多范围和条件里的,这点跟设计很像,或者说,生活就是设计的一个投影。

人生不是每一步都要找到「最优解」:专访 Netflix 设计师唐黛 Sally

Sally:以前我觉得好像职业发展的每一步都要踩在点子上面,一定要以最快的速度做到设计经[……]

继续阅读

「商品口碑」优化设计

传统零售业中,用户评价的好坏是难以捉摸的,而好货、好服务的口口相传确实会为商家带来忠实用户和新的客人。相比之下,线上商城可以通过简单的回访鼓励来了解和掌握这些评价,甚至让它们强烈影响着大多用户的选择。

唯品会的「口碑」指的是用户对已购买的商品的评价,赋予用户真实、自由抒发感受的权利,同时努力打造「正面评价」。

一、背景和目标

1. 口碑产品的定位

(由于特卖的商品种类多、单品购买量少,很多商品不具备充分的口碑。而用户又非常重视买家的真实评价,所以急需口碑来建立销量高、品质高的商品印象)

2. 口碑的形态

主要以两种形态出现: