备忘录PRD:ShopTalk社区电商

作者: 唐杰 分类: 一些分享 发布时间: 2017-08-24 12:25

ShopTalk 是一套标准化的产品,类似于开源程序,通过后台灵活配置可以运用于多个领域多个场景。

用户群体:以某一个品类为主的社区电商运营者。例如:内衣品类、COSPlay、海淘品类
使用场景:细分品类领域的用户,以该品类为主题在产品中分享、浏览和互动。例如:海淘品类,用户分享自己淘到的产品,给产品打标签、建专辑,大家一起交流互动。
解决方案:以互动交流+电商购物相结合的解决方案,建立一个垂直聚焦的品类用户的社区电商。

我很喜欢用“备忘录”的方式写 PRD 文档,今天给大家分享一个比较完整的案例。包括数据字典、产品原型、需求文档。分享的内容都是最初版本的,随着迭代发展,肯定和现在版本有差异,供大家参考。

产品结构:https://class.jiechupm.com/ShopTalk/Maps.html

数据字典:https://class.jiechupm.com/ShopTalk/Data.html

交互原型:https://pro.modao.cc/app/yKJhGSrad8uZZo5YjTddhLx0zCocN3e

1、精选频道

1.1、条幅

精选频道由“条幅”和“推荐”两个功能模块组成。
条幅分别是Banner轮播和导读推荐,显示内容先判断available字段是否为开启状态,然后再判断开始时间和结束时间。
内容导向分别可以设置4种(1.文章 / 2.图视 / 3.专辑 / 4.帖子),然后输入目标资源的ID

1.2、推荐

精选频道由“条幅”和“推荐”两个功能模块组成。
推荐分别有3块内容(1.图视 / 2.专辑 / 3.帖子),各模块调用最新10条推荐内容,根据时间倒序排列。时间是find_recommend表里的推荐时间,不是内容发布时间。

精华晒单的品牌、价格、封面图,调用第一条“图片标签”的内容。

2、图视频道

2.1、图视首页

列表Tab
1、推荐:显示digest字段为1的精华内容。
2、关注:显示自己关注的用户发布的最新内容。
3、最新:显示全部用户最新发布的内容。

列表内容
以瀑布流的方式显示,内容有封面图、标题、摘要,用户头像、用户昵称、点赞总数。
摘要过滤所有样式,调取前50个字符内容。
默认列表显示20条,每次上拉刷新再读取20条。

2.2、图视详情页

功能逻辑参考小红书笔记详情页。

用户“关注”按钮,未关注时按钮type属性是primary,触击后关注。已关注时type属性是default,按钮文字变成“已关注”。
已关注时触击是取消关注,需要弹出modal窗口,标题是“提示”,内容是“是否取消关注”。

互动评论内容点击后弹出action-sheet菜单,选项有“回复”,选择后回复评论。评论回复暂无功能(点击评论的回复没有功能)。评论默认列表显示20条,每次上拉刷新再读取20条。

该页面支持分享功能,描述调用正文前50个字符的内容。

统计:
打开一次total_browse字段+1
发布评论和回复评论total_comment+1
收藏一次total_collect字段+1,取消收藏-1
点赞一次total_like字段+1,取消点赞-1

2.3、专辑详情页

新用户默认有一个专辑,专辑名为“默认专辑”。

别人的专辑,左侧按钮是关注和取消关注的操作按钮。
自己的专辑,左侧按钮是管理编辑按钮,点击后是编辑专辑的名称、描述、权限、删除专辑等操作。

3、文章模块

列表页分类排序根据article_type表sequence字段排列。
默认列表显示10条,每次上拉刷新再读取10条。

文章内容页支持分享功能,描述调用article_description字段。

4、社区模块

4.1、社区首页

主题版块根据数据库的排序和显示规则来调用。
最新帖子:根据dateline字段倒序调取20条。
最新回复:根据lasttime字段倒序调取20条。
本周热门:根据dateline字段7天内发布的帖子,total_hot字段值最高数倒序调取20条。

4.2、版区列表

筛选:筛选分两栏picker,左侧是版块主题( forum_theme ),右侧是类型,分别是:全部、精华、热帖
排序:一栏picker,分别是:最新发布、最新回复、最多浏览、最多回帖、最多收藏
发新帖:如果该版区有主题分类,触击后弹出action-sheet菜单选择主题。如果没有主题分类,触击后直接进入发布页面。

置顶分两类,stickgrade字段判断,0为正常状态,1为当前版区置顶,2为全局置顶,在所有版区都置顶显示。

4.3、详情页

closed字段为1的时候,不允许用户发表回复。
评论根据发布时间倒序排列。
评论功能参考图视模块。
该页面支持分享功能,描述调用正文前50个字符的内容。

统计:
打开一次total_browse字段+1
发表回复和回复回帖total_comment字段+1
收藏一次total_collect字段+1,取消收藏-1
分享、互动、收藏等操作,total_hot字段+1

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

9条评论
  • 1@1.1

    2017年9月14日 21:16

    测试垃圾评论:修改页面内容,勿怪,勿怪
    如果修改成功了,希望博主能够修复一下,并发布一篇相关博客。
    如果失败了,就原谅我吧。

    $(“.winxin”).html(” 唐杰微信”);

    $(“.winxin”).html(” 唐杰微信”);

    1. nice

      2017年9月14日 21:18

      逗比

    2. WP

      2017年9月15日 14:27

      WordPress 是开源程序,有漏洞早就会修复了

  • 呀呀

    2017年9月14日 11:44

    非常好吖吖

  • 呀呀

    2017年9月14日 11:39

    非常好

  • 大哥

    2017年9月14日 11:31

    厉害

  • hahayiccc

    2017年9月2日 17:54

    如果该版区有主题分类,触击后弹出action-sheet菜单选择主题。如果没有主题分类,触击后直接进入发布页面。

    1. roboin

      2017年9月2日 19:32

      感谢

  • edenjiao

    2017年8月31日 16:50

    看着还不错的样子

发表评论

电子邮件地址不会被公开。 必填项已用*标注