备忘录PRD:ShopTalk社区电商
ShopTalk 是一套标准化的产品,类似于开源程序,通过后台灵活配置可以运用于多个领域多个场景。
用户群体:以某一个品类为主的社区电商运营者。例如:内衣品类、COSPlay、海淘品类
使用场景:细分品类领域的用户,以该品类为主题在产品中分享、浏览和互动。例如:海淘品类,用户分享自己淘到的产品,给产品打标签、建专辑,大家一起交流互动。
解决方案:以互动交流+电商购物相结合的解决方案,建立一个垂直聚焦的品类用户的社区电商。
我很喜欢用“备忘录”的方式写 PRD 文档,今天给大家分享一个比较完整的案例。包括数据字典、产品原型、需求文档。分享的内容都是最初版本的,随着迭代发展,肯定和现在版本有差异,供大家参考。
产品结构:
数据字典:
交互原型:
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
yan
2020年10月22日 10:48
重大是什么框架做的这个网站啊,很好啊
1@1.1
2017年9月14日 21:16
测试垃圾评论:修改页面内容,勿怪,勿怪
如果修改成功了,希望博主能够修复一下,并发布一篇相关博客。
如果失败了,就原谅我吧。
$(“.winxin”).html(” 唐杰微信”);
$(“.winxin”).html(” 唐杰微信”);
nice
2017年9月14日 21:18
逗比
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菜单选择主题。如果没有主题分类,触击后直接进入发布页面。
roboin
2017年9月2日 19:32
感谢
edenjiao
2017年8月31日 16:50
看着还不错的样子