购物车结算页设计改版

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

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

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

继续阅读

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

说起动效,大家最先想起的是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. 口碑的形态

主要以两种形态出现:

「购物车商品移入收藏」功能设计

作为用户下单前一步的重要盛放容器,购物车在每个购物平台的作用、功能和表现形式不尽相同。

唯品会购物车包含了有效商品和无效历史商品两部分,看似简单的设计背后有着细致入微的考虑,因为每一个细节都在影响用户的购买决定。这篇文章就从项目背景、需求评估、设计细化几个方面来反思一个”小需求”:「购物车商品支持移入收藏」的交互设计过程,希望以小见大,对开拓思路、提升设计的严谨性有所帮助。

一、背景和目标

1. 产品的特殊定位:为什么没做?

由于特卖商品库存低、抢购快的属性,唯品会app在商品加入购物车时立刻为用户保留库存,若20分钟后用户未付款,则商品自动进入“历史购物车”,[……]

继续阅读