购物优惠流程设计

标签: 购物流程 原型设计 流程设计 PS 教程 & 设计文章 用户体验 | 发表时间:2013-04-14 23:42 | 作者:kingtent
出处:http://www.uisdc.com

B35a57f1da816937b281

这是一个很有趣的购物推广案例记录。我们要推出一个和第三方网站合作的计划,预计在原本的购物网站上面加上一个推广用的“折扣序号”,让顾客可以在 第三方网站上面输入 email 来取得我们的折扣序号,希望顾客可以在收到 email 后,可以来我们的购物网站上面消费并使用折扣序号来打折,并完成消费动作。

一开始的计划像是上面那张照片的上半部分,流程详解如下:

1、顾客在第三方网站上输入 email
2、第三方网站透过一组 API 来跟我们的服务器与数据库取得授权
3、我们的服务器发送带有「折扣序号」的 email 给顾客
4、收到 email 和折扣序号
5、透过 email 内的超链接进入我们的网站首页
6、浏览商品分类(或切换商品分类)
7、浏览商品详细页面(或切换商品页面)
8、进入购物车
9、输入「折扣序号」
10、完成结账手续

乍看之下这个流程还不错,但是设计的时候我们总是觉得哪里怪怪的,好像有什么地方需要改进。在开始动手改进之前,我们先将觉得好像有问题的地方列出来:

1、要手动输入折扣序号(用纸笔抄下来)或是复制贴上折扣序号
2、折扣序号情境激发的时间点太晚(在进入购物车后),难以激发购物欲望
3、没办法随时让使用者沉浸在「折扣情境(Context of Discount)」中,会降低购物欲望
4、万一要发送实体的折扣序号(如折扣小卡),不知道要在哪里 landing

有了问题就要试着动手解决,左思右想,我们决定制作一个新的 Landing Page 给折扣序号使用。这个 Landing Page 包含一个输入序号用的输入方块、和开始购物的按钮,以及绚丽又漂亮的品牌介绍。然后把这个 Landing Page 附在 email 里面一起寄给顾客。然后让这个 Landing Page 的 url 可以记住折扣序号,这样顾客在到了 Landing Page 需要输入折扣序号的时候,就不用手动输入了;只要按下开始购物的按钮就会进入购物网站中。

一旦顾客透过这个 Landing Page 进入网站,代表顾客已经输入了一组序号了。那就让这组序号和折扣的情境一直留在画面的左下角:制作一个可爱的折扣标签来提醒顾客如何使用与进行折扣。这样顾客就会一直记得他还有折扣还没有消费掉。

如此一来,如果要发送实体的折扣小卡,就可以在卡片上面附上这个 Landing Page 的 url,先简短的看一下网站介绍,输入序号,然后就开始购物吧!
因此,我们重新整理过的流程详解如下:

1、顾客在第三方网站上输入 email
2、第三方网站透过一组 API 来跟我们的服务器与数据库取得授权
3、我们的服务器发送带有「折扣序号」和 url 的 email 给顾客
4、收到 email 和折扣序号
5、透过 email 内的超链接进入折扣序号的 Landing Page
6、浏览商品分类(或切换商品分类)
7、浏览商品详细页面(或切换商品页面)
8、进入购物车
9、完成结账手续

其中 5 6 7 三个步骤都有折扣情境一直提醒消费者,折扣情境也从原本的第 9 个步骤提高到第 5 个步骤,也不需要手动输入折扣序号了。最酷的是,我们也提供了现实(折扣小卡)和虚拟(购物网站)结合的方法,真是有趣呢!

原文地址: fourdesire

优设哥向您推荐:

腾讯妹子教你电商购物流程设计

PS教程:蒸汽朋克式LOGO设计(上篇)

干货!小技巧帮你完成创意十足的网页设计

PS教程:蒸汽朋克式LOGO设计(下篇)

什么是好的用户体验
无觅

相关 [购物 流程设计] 推荐:

购物优惠流程设计

- - 优设(UISDC)
这是一个很有趣的购物推广案例记录. 我们要推出一个和第三方网站合作的计划,预计在原本的购物网站上面加上一个推广用的“折扣序号”,让顾客可以在 第三方网站上面输入 email 来取得我们的折扣序号,希望顾客可以在收到 email 后,可以来我们的购物网站上面消费并使用折扣序号来打折,并完成消费动作. 一开始的计划像是上面那张照片的上半部分,流程详解如下:.

差异入微——浅析电商购物流程设计

- - 腾讯CDC
  畅游在各大电商网站的你,在网购时不知曾否察觉到有些小不同.   排开具体的商品内容、视觉样式,回忆下那些我们熟悉的商品页面… 当然,这里并不是玩大家来找茬游戏的,需要火眼金睛审视于细枝末叶. 我们可以从界面的细节去体验,甚至还可以眯起眼去发现点什么.   亲,你有没有想起有哪里不同.    好吧,揭晓答案:不同点在于商品详情页面的购买按钮.

web流程设计器再整理

- - Web前端 - ITeye博客
   时隔多年,前端发展实在迅猛,各类框架层出不穷,在优雅,简洁,高效以及维护方面各有千秋,只是回过头来看看,自己还是对jquery最顺手,作为个人的业余爱好玩玩,基于jquery ui体系写代码实在是很舒服的一件事情.     回到正题,在09年的时候,当时顺手写过一个jbpm4的web流程设计器,非常简单的一个雏形,在当前环境下,web流程设计器也是成堆出现的,轮子这东西,只是享受造的过程,有时间玩一玩,结果什么的,不是追求的重点,对于有同样想法的同学,可以拿着代码去玩一玩,有兴趣的可以深入规范和改造一下,代码这种东西有事情是随性而为,里面不如意的地方很多.

电子商务网站收银流程设计基本指引

- jary - June's blog
原文作者选取了15个电子商务网站,包括apple,新蛋,沃尔玛,Zappos等,对其收银系统进行考察,总结了11条设计的基本方针. 简单的翻译文章的要点,有删节,详见原文. 如果想要更详细的内容,可以购买原作者的这份收费报告(求分享文档). 原文链接:Fundamental Guidelines Of E-Commerce Checkout Design.

用raphael实现的jbpm4web流程设计器

- - Web前端 - ITeye博客
最近准备自己根据raphael学习和网上查阅到得知识,实现一个jbpm4风格的web流程设计器. 有部分功能参考了CSDN网友 wow4464提供的一个控件连线的实例,下载地址: http://download.csdn.net/detail/wow4464/7549803. 连线的方式使用的是raphael拖拽的特性来实现的,发现在firefox下有问题,其他浏览器正常支持.

整合activiti在线流程设计器(ACTIVITI-MODELER 5.18.0)

- - 企业架构 - ITeye博客
一直以来都是从事大量的工作流相关的项目,用过很多商用的工作流产品,包括国内与国外的,尽管商用的工作产品在UI操作上比较人性化,但个人用户觉得,这东西只需要一些初级用户,对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时,这些系统因为不开源,给项目的实施带来巨大的风险,在一些项目栽过跟头后,我更偏向于使用开源的平台了.

整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0)

- - 开源软件 - ITeye博客
整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0).         一直以来都是从事大量的工作流相关的项目,用过很多商用的工作流产品,包括国内与国外的,尽管商用的工作产品在UI操作上比较人性化,但个人用户觉得,这东西只需要一些初级用户,对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时,这些系统因为不开源,给项目的实施带来巨大的风险,在一些项目栽过跟头后,我更偏向于使用开源的平台了.

电视购物

- han - 新闻跟帖局
核心提示:日前,六部委发出通知,6月1日起,禁止生产含双酚A的婴幼儿奶瓶,9月1日起,禁止进口和销售含双酚A的婴幼儿奶瓶. 卫生部文件称,尚未发现双酚A对人体健康产生不良影响. 但是鉴于婴幼儿属于敏感人群,为防范食品安全风险,决定禁止双酚A用于婴幼儿奶瓶. [查看原文]分享网易新闻《卫生部:双酚A奶瓶9月起禁止进口和销售》的精彩跟贴 .

AisleBuyer:手机购物解决方案

- Jet - 互联网的那点事
用户安装该程序之后,用手机摄像头对准某个商品的条形码拍摄,即可看到该商品的相关信息,包括产品. 名称、介绍、价格、用户评论等. AisleBuyer.com犹如商家的“手机购物助手”,到自己店里来的客户不需要排队结账,而是在店里寻找商品的时候,看到符合自己需求的,就通过AisleBuyer扫描条形码,然后会自动呈现该商品的信息.

色彩如何影响购物

- 马克叔叔 - 互联网的那点事
曲建菲 微博weibo.com/qujianfei. 对于零售商来说,销售是一门极具说服力的艺术. 尽管有很多影响消费者购物的因素,但是一个好的策略是由多种暗示决定的,其中最重要也最有说服力的,就是色彩. 当出售新产品时,有一点需要认识到,消费者在购物时,商品的视觉感官和色彩往往比其他因素决定消费者购买.