12小时快速打造营销型微电商原型,内置5个小互动

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

之前一直没有接触过电商方面的产品,趁着周末,花了些时间设计了下。没有过多思考,直接拿起Axure开干,有什么不足之处,大家请指正,谢。高保真原型和PRD就不做了,太花时间了~还有请忽略原型部件的摆放位置,我随便放的。

axureyuanxing

讲下我的思路:

  1. 拥有自己的部件库能提高不少效率。
  2. 产品定位垂直领域,讲究轻和专注。
  3. 注重产品流量获取的能力。
  4. 信息提示应完善,弱提示和强提示都要考虑。
  5. PRD直接在原型上进行标注。

简单讲下几个模块:

  • 首页:商品推荐和互动。
  • 分类:商品所有分类和搜索。
  • 我的:个人中心、订单、注册登录等功能。

一、首页

微信截图_20161106205419

1、在多个页面,我个人喜好采用Tab选项卡的形式来将内容聚合分类,方便访问。

2、讲互动放置在重要位置,让用户帮你推广。

3、猜你喜欢根据用户访问、购买等行为来推荐,一定程度上能提高转化率。

二、五种小互动(常见的几种,大家随意看)

1.签到兑换礼品

微信截图_20161106210033

让朋友帮你签到,可以获取更多积分。

微信截图_20161106210210

2. 秒杀

微信截图_20161106210320

3. 砍价免费得商品

微信截图_20161106210447

微信截图_20161106210512

4. 免费试用(这个没有用心做,大家见谅)

微信截图_20161106210547

5. 九宫格抽奖

(玩法:每天可抽奖3次,邀请朋友来抽奖可以继续得3次/人,朋友和你都有机会获得礼品噢)

微信截图_20161106210730

二、商品详情

1. 商品介绍页

微信截图_20161106210921

2. 支付页面

微信截图_20161106211119

3. 订单详情

微信截图_20161106211140

三、分类

微信截图_20161106211446

四、我的

1、个人中心,个人喜好采用九宫格的形式,功能显示在一屏内,一目了然。不少产品都把“设置”功能以图标的形式展示在右上角,这样不易发现,我这里将此功能放置在了明显的位置。

微信截图_20161106211516

2. 购物车

微信截图_20161106211629

3. 订单

微信截图_20161106211714

4. 收货地址管理

微信截图_20161106211806

5. 收藏

微信截图_20161106211829

6. 有奖吐槽

微信截图_20161106211852

7. 设置

微信截图_20161106211916

8. 注册登录

微信截图_20161106211939

这里直接省略了不少前期的工作,拿来练手的。有不足之处望赐教,大神求带~。

杭州的同僚们可以加我微信:506471262,一起学习,谢谢。

 

本文由 @我是小碧池 原创发布于人人都是产品经理。未经许可,禁止转载。

打赏也是一种认可
4人打赏
  • 20" 40x ingLeft15 u-overflowHidden divc7/200" width="40" clOliviaclton--pay

  • /s/ight_w30. ingLe;-)commentfo smilewidstyss="96-417: 1em;
  • 96-417: 1em;的同 17-05-17T22:07:09+08:00">2017/05/17回复
  • om1539> chitlam spanz.pclton--pay

  • pngished" datetime="2017-05-17T22:07:09+08:00">2017/05/17回复
  • pp0.29pp
  • Pierre9>
    20" 6/12/4rm83SK5oBwMlAHjUZiv mag1v> 40x ingLeft15 u-overflowHidden
    /s/ight_w30. ingLe;-)commentfo smilewidstyss="96-417: 1em;
  • 96-417: 1em;的同 17-05-17T22:07:09+08:00">2017/05/17回复
  • #com/8o38>#com>
  • <773
    61 301350lea88,3
    2017/04/08回复
  • #com/8omm>#com>
  • 2017/05/17回复
  • lss
    20" 6/11/25UZjIOVc3JvxGE7vGFs 1v> 40x ingLeft15 u-overflowHidden
  • xiaowu9>
    wen assets/im20"s/
  • 1673401
    wen assets/im20"s/
    167340200" width="40" cl靠谱青年clton--pay

    2017/05/17回复
  • 81320 >
    20" SER5/u279006 288267011.fm21gp97 _201v> 40x ingLeft15 u-overflowHidden
    2017/04/08回复
  • 2701
    WDttps://i 2.8 4 5 79
    270200" width="40" cl素偶素偶clton--pay

    2017/04/08回复
  • libad >
    wen assets/im20"s/
    15 5" 0" width="40" cllibadclton--pay

    2017/04/08回复
  • -1
    WDttps://i 0.475_433.1jp
    1385" 0" width="40" cl过过-景海ublton--pay

    2017/05/17回复
  • p20"one9>
    40x ingLeft15 u-overflowHidden
  • lt=""temata- 9mment-20998 20class="comment-b 0,8" lo
    <">
    chitlam 者"v> 者alt threewBox="0 0 1color-"16aml">7 odd alt threlns="htt36" itemt 0,8""">p20"oneblton--pay

    /s/ight_rollewes ingLe:roll:commentfo smilewidstyss="96-417: 1em;
  • 96-417: 1em;的同 17-05-17T22:07:09+08:00">2017/05/17回复
  • Terr/di > -20353 20class="comment-b 0,94 20
    im20" SER6/im20"1 _201v> 40x ingLeft15 u-overflowHidden