查看: 1461|回复: 79
三个步骤教你如何做好后台产品设计
威望值经验值金钱
编者按：这篇文章主要探讨了后台产品的设计方法与思路，以点餐为例详细说明了如何做好业务逻辑梳理、产品梳理以及原型设计。8 h. A( R* ^/ m* V2 p- G
这段时间，让我对后台产品有了初步的了解。所以想尝试自己总结一下对后台产品设计和开发的一些知识。后台产品也有不同的分类，我要介绍的是工作流方面的产品。
以下的内容，有很多都参考了前辈的意见。有不对的地方也希望大家多多指点。% a6 a# P; _5 _% b$ L0 n9 _
首先要清楚的是，后台产品和前端产品存在很大的差异性。后台产品更加注重的是业务逻辑的清晰和功能的实现，而前端产品对视觉设计和交互设计有更高的要求。
下面开始，介绍自己总结的后台产品的设计方法与思路（就像前面所言，更多还有其他前辈的知识，先在此道谢）。
业务逻辑梳理# b) l" f7 `; \&&F/ S
需求调研与分析完成后，就是自己对内容的消化和吸收。首先要做的事情是自己先清晰地理解一个产品。只有自己理解了，才能更好地推进产品进行开发。4 n( D4 Z&&R5 c5 ?- R' T' K
先梳理清楚线下的业务流程。将线下的业务流程梳理清楚以后，然后才是对产品的思考。这里要介绍几种帮助自己更好地梳理业务流程的工具。
状态图，流程图，泳道图。三种图，所起到的作用是不一样的。下面我详细说明。
a.状态图: Z* `/ ]7 b&&{: Q&&~/ m" I
状态图的作用是让人清楚业务的实现需要经历的状态序列，以及引起状态转移的事件，和因状态转移而伴随的动作。状态图的驱动是基于状态的转换。下面我以点餐为例子。; T/ Q2 ~0 t$ T) N0 \" R
- g% F, N) s, M
业务的开始和结束用圆角矩形表示。业务的状态以矩形表示。每一个矩形都表示一个状态。菱形表示业务分支。每一个矩形之间都伴随着一个动作。
状态图能清楚地让我们看到完成的点餐流程中，会在哪些地方进行停留，并知道转向下一个状态时会伴随着怎样的动作。另外，在 “菜品加工中” 下方特意设立了一个 “食材准备中” 作为子状态，因为业务流程中可能会出现某些特殊的情况（如某些菜品需要准备食材）而停留在某个状态，这时需要先去完成其它操作（准备食材） 后再回到该状态（菜品加工中）继续之后的业务流程。&&r! o3 v$ ]+ D! i6 I2 B' [
也许会有人觉得，这样做将简单的事情复杂化了。如果对于简单的业务逻辑，确实有点多此一举，但如果一个业务流程中存在很多个（7 个 +？）状态的时候，我相信状态图能让你在进行业务梳理时保持比较清醒的头脑。. O&&}# p+ F1 b+ M
b.流程图; D8 ^0 B7 X$ Z+ c
流程图，相信大多数人对此并不陌生。但是，我看见很多人绘制的流程图并不是十分规范。不规范的流程图，自己理解起来可能没有什么问题，但是别人可能就会产生误解。- V+ O8 e) m" q&&a4 N4 {8 M
流程图，我将它分为分为三步走。1.流程图。2.泳道图。3.分阶段的泳道图。下面一个一个介绍。5 L; z$ y' r, j$ f0 S' }
业务流程图描述的是完整的业务流程，以业务处理过程为中心，一般没有数据的概念。流程图以动作来推动业务前进。下面还是以点餐作为例子。+ H+ Q. t8 P+ P&&[% L; H5 N7 B, s
; O# I& O$ O: `2 T6 ]
同样业务的开始和结束用圆角矩形表示，而每一个动作则以矩形表示，菱形表示可能会出现的分支。可以清晰的看到流程图没有任何状态标识。状态图与流程图表达的不同效果一眼便知。; A9 g3 k6 S( Q9 W' Z
流程图更加关注的是业务实现具体需要进行哪些操作。每一个动作的构成形式基本都是 “动词 + 名词” 或者 “动词” 的形，这样才能更加明晰以动作为驱动的流程图。
c.泳道图/ _+ E2 }; l4 U( y' V: f
泳道图，又称为跨职能流程图。也是我所说的流程图的第二步。作为流程图的进阶，泳道图加入了泳道表示不同角色（或岗位、部门等）。让人在了解业务流程时，也清楚由谁执行该动作。同样以点餐为例子。
可以看到，每一个动作都放在相应的泳道下，对应了执行此动作的人。这样对于业务流程中不同角色的职责也会更为明确的认识。, j2 M1 K+ v! ^# m4 }/ Q( a+ y9 o
d.流程图终极版
% r/ W' |&&G, Z. P5 K% L
可以看到，在最左边加了一个侧栏，将不同的动作划分进了不同的阶段。个人觉得这是弥补了之前没有状态说明的不足。让人在了解详细业务流程的同时，也对状态有了大概的认识。
也 许很多人，觉得花这么多时间画图会浪费很多时间。我觉得仁者见仁智者见智了。对于我个人而言，每天捣弄这些图，会很快加深我对产品的理解。特别是在业务比 较复杂，而且之前有完全没有接触过相关方面知识的时候，仅靠大脑很难有清楚的思维，但是图形化后却能很好地理解。在业务整理上多花点时间整理，我觉得是很 有必要的。* ^7 p- k! O7 C5 `9 }
a.梳理好线下的业务逻辑以后，要将它抽离搬到线上。这个过程，可能会删除掉某些线下的环节。
同样以点餐为例。2 H: s+ [3 x! C& D# P, X8 b
可以看到，这个过程当中，厨师和勤杂工在线上不需要有操作。所以状态图和流程图看起来简洁了很多。
b.产品功能点。: \" w+ }6 w. b0 \
依据产出的流程图，基本上可以大致确定产品的功能点。
先理出单独的功能（功能）/ Y1 I+ H2 O' p. c7 w" q: f
然后加入角色（功能 + 角色）1 M# U5 F! v2 ^6 D
准备工作做好以后，可以开始搭建产品的架构图了。" v/ \! b+ Z8 [' g, G/ e% Y3 Q&&H8 J
% @. D6 P- {3 S' o
页面 + 功能
页面内架构- Y( t# m* E4 S2 s" C&&i
后面的架构就不写了。% j& A* ~. J& Q' M&&{
先搭页面，再确定页面内的功能，最后细化页面内的信息。在原型出来以前，可以拿产品架构图先和别人进行一下交流。产品架构图相较于原型图，与数据库的设计思想比较一致。而原型视图化后，对于数据库设计却反而变得抽象了。另外，产品架构图修改较快捷，返工成本相对较小。
需要说明的是，产品架构图更多是需要个人的整理。& g- _0 \1 f$ N& J& z# d- z* p&&}
产品梳理好以后，就要开始搭建原型了。. I( V7 T2 P, o, S( p
a.先确定通用模块：页头、页尾、一级导航、二级导航. U8 ^+ s% `+ n7 y
9 ?6 {2 P1 q5 \. G, `" Y
根据产品的不同，选择合适的布局。
b.将产品架构图的内容填充到页面内，并加入文字说明操作
c.细节添加3 g# ~- \$ ?) L2 Q+ q! f/ h
文案导航： 一（二、三）级导航；菜单...常用模块交互方式按钮弹窗：对话框...色彩：页面基调；字体颜色...反馈：提示；警告；正确；错误...
细节内容可以在页面旁边的进行注释。但尽量要单独出一份详细的 PRD。
产品设计的阶段，就暂时结束了。
之后就是与开发沟通，推动产品一步一步往前走了。这个过程中，可能会有许多需求变更和返工。要有充足的耐心慢慢解决问题。, K/ f% g% W7 u8 u/ I
产品设计也许结束了，但是产品的开发才刚刚开始。路漫漫其修远兮，吾将上下而求索。2 ^8 k- @&&[, q
本文由罗湘莲编辑发布于搜外论坛，作者：方东东
你的内容很给力，支持一下！
感谢您的分享,给您10分的好评,请再接再厉！
威望值经验值金钱
后台产品和前端产品存在很大的差异性。后台产品更加注重的是业务逻辑的清晰和功能的实现，而前端产品对视觉设计和交互设计有更高的要求。
威望值经验值金钱
先梳理清楚线下的业务流程。将线下的业务流程梳理清楚以后，然后才是对产品的思考。这里要介绍几种帮助自己更好地梳理业务流程的工具。
威望值经验值金钱
产品设计细节内容多注意，产品一步一步往前走了。这个过程中，可能会有许多需求变更和返工。要有充足的耐心慢慢解决问题。
威望值经验值金钱
首先要做的事情是自己先清晰地理解一个产品。只有自己理解了，才能更好地推进产品进行开发。
|||| http://www.afkk.fr/
威望值经验值金钱
对于新手来看还有些复杂 学习了 准备慢慢研究&&谢谢楼主分享哈
威望值经验值金钱
很详细&&赞
威望值经验值金钱
威望值经验值金钱
不错，挺详细的！
威望值经验值金钱
方法确实还是很不错的啊。
威望值经验值金钱
很实用，谢谢楼主。
/laohujijqiao
/laohujiyou7289
/laohujidin9392
/beisitelaohuji
/meinvlaohujiji
/shuiguolaohuji666
/laohujiyou6652
/laohujipojie666
/laohujiyouxi
威望值经验值金钱
图文并茂，简单易懂，谢谢
| www.uwweb.net |
威望值经验值金钱
谢谢分享，不错的东西
威望值经验值金钱
谢谢分享！
威望值经验值金钱
厉害，太有学习价值了
威望值经验值金钱
流程图，我将它分为分为三步走。1.流程图。2.泳道图。3.分阶段的泳道图。
威望值经验值金钱
不错的产品设计 值得学习！
威望值经验值金钱
谢谢分享 很详细
威望值经验值金钱
谢谢您的分享，学习了。
威望值经验值金钱
不错不错，支持了。感谢楼主分享，辛苦了
威望值经验值金钱
不错不错，支持了。感谢楼主分享，辛苦了
威望值经验值金钱
不错的内容，谢谢分享
威望值经验值金钱
文章写得很好&&我非常的喜欢
搜外美女认证勋章
在搜外真人秀版块晒出自己的照片后，在这个地址提交认证资料：/bbs/thread--1.html，认证通过即可获得此勋章。
互联网资讯达人勋章
在互联网资讯区成功投稿≥ 50篇，符合要求请联系论坛客服获得！
SEO水平合格认证说明
通过咨询帮助他人解答和分享精华帖子，达到要求将获得此勋章！
工作日:09:00-18:00 账号或帖子问题请您加QQ: / 广告业务: / SEO培训报班:
Powered by - -手淘每日新品及淘宝达人资讯招募规则说明 - 网店运营
& 正文『 更新时间: 7:22:59 』
手淘每日新品及淘宝达人资讯招募规则说明
手淘每日新品及淘宝达人资讯招募规则说明，&　　手淘每日新品及淘宝达人资讯首期招募已经开启，手机淘宝每日新品着力于新品、限量、跨界商品发布及最前沿的时尚流行趋势报告。在3月中旬会全面接入资讯内容。届时，所有符合要求的大V达人均可以提报符合要求的内容，通过审核后进行展示。具体要求如下：
　　1、每日首发在哪里?
　　2、达人准入必须具备的资格：
　　1、符合大V达人基本资质，包含：
　　Ø 必须已经是认证大V，如果被达人清退大V资格，每日新品也会清退其内容。
　　Ø 认证大V及清退(规则)
　　Ø 认证规则解读(规则)
　　Ø 淘宝达人平台管理规范(规则)
　　2、专业领域下有资深选品经验：
　　内容专业，且与申请身份相符，能真实表现出账号本身在特定领域的专业度，该领域下选品时间超过3个月优先;
　　3、有丰富的识货/购买经验和较好的鉴赏能力：
　　具有品牌意识，对选品有较强的鉴定和识别能力，有能力把控品牌趋势及时尚流行趋势;
　　4、所有内容调性统一：
　　选品风格、档次保持一致，能体现出较好的美感和格调，内容质量符合有每日新品基本要求;
　　5、所有内容要求是原创，而且是有价值的内容，能体现专业性：
　　1)对选品的文案有较强的包装能力，说明选品的推荐价值;
　　2)有较强的美工能力，善于做图片的优化(去牛皮鲜、美化图片)，或挑选有美感和有质感的图片;
　　3、选品/店铺调性及规范要求：
　　调性要求：
　　1、大品牌、奢侈品的限量款 ：国内外知名度高，有新品话题。例：coach、mcm、百丽、only、雅诗兰黛、
　　2、设计风格强 ：有腔调、有特色、新锐设计师代表。例：刘清扬、张弛、川久保玲;
　　3、创意感强：在外观、使用功能等方面有突出的创新性和创意感。例：可数码新科技主打、大疆;
　　4、小众品牌：品质好，有逼格，受一部分高端小众人群追崇。例：materialgirl、
　　5、海淘商品：挖掘国外口碑好，有品质，有品位，有调性的品牌或商品，已经在国内泛滥的商品除外。例：lv、剑桥包、古驰;
　　6、街拍：仅限于国内外知名时尚博主、主编、超模、明星(非草根网红);
　　以下类型商品不符合调性要求：
　　1、各大促销平台常见品牌及商品;
　　2、高仿商品，商品外观、名称与大牌类似或雷同，既所谓的明星同款、大牌仿款，山寨货等;
　　3、假货商品;
　　4、普通红人款商品;
　　5、价格低廉，外观粗糙，品质感差的商品;
　　6、品牌比较集中或单一的品类，如奶粉、尿不湿等;
　　规范要求：
　　1、店铺：
　　1)3项评分高于4.7分;
　　2)同等条件下，优先选择有官方认定资质的店铺，如金牌卖家、全球购、企业标等;
　　3)同等条件下，优先选择开店时间较长，评价较好的店铺;
　　2、商品：
　　1)商品差评数不得高于3个，同等条件下，优先选择0差评商品;
　　2)同等条件下，优先选择有官方认证的承诺标识的商品，如：
　　4、每日新品的内容规范要求：
　　(1)、标题及资讯内容要求：
　　以品牌新品及时尚潮流为维度，标题必须具象到某一个细分的点，可以是明星、跨界、限量的时尚品牌也可以是机器人印花、乐福鞋、小脚裤等时尚潮流点;资讯内容必须贴合标题，推荐的商品必须与主题有强相关性。标题字数要求：10-14个字
　　新品：基于品牌维度的明星、跨界、周年纪念、新品发布、限量
　　Ø REINEREN x Hello Kitty 跨界合作
　　Ø 猴年限量品上市美妆界都炸了
　　Ø 安娜苏粉红洋娃娃淡香10周年
　　Ø 张艺兴出任科莱丽明星店长
　　时尚潮流趋势：基于走秀、流行趋势预测、时尚维度的明星、街拍、新科技、细分人群、社会流行热点，且必须具象到某一个点上。
　　Ø 时装周争奇斗艳正流行时装周裸色长裙(要具象)正流行
　　Ø 这一季，我们型男该怎么凹造型?型男该怎么用乐福鞋(要具象)凹造型?
　　Ø Baby穿USA火箭衫hold住纽约
　　Ø 只有这里才是潮流风向标看纽约街头早春短裙(具象)的风向标
　　Ø 妆出网红妆， 下一个天王嫂就是你用好美妆蛋(具象)， 你就是天王嫂
　　Ø NEW LOOK 英伦潮牌刮起最IN圣诞风NEW LOOK 英伦小脚裤(具象)刮起最IN圣诞风
　　Ø 太阳的的后裔宋慧乔之制服诱惑
　　(2)商品数量及规范要求：
　　1个每日新品专辑至多4-6个单品;每个店铺至多出现1个商品，一个专辑内同个品牌最多选取1个商品。
　　(3)图片规范要求
　　Ø 同篇资讯内使用的图片尺寸必须保持一致，无水印、无拼接、无logo、无多余文字，有牛皮癣图片的不通过
　　Ø 白底图，浅色背景图，场景图均可，场景图优先
　　Ø 图片所示商品特征明显，一眼看出是什么，且必须和标题、推荐理由，及宝贝详情页上的商品完全一致
　　Ø 服饰类商品最多展示1个模特(街拍场景图出现非主体模特除外)，情侣装和亲子装除外
　　(4)封面规范要求
　　Ø 正文第一张图为氛围banner(规格大小为：750*280，不需要加字)
　　Ø 氛围图尽量选取品宣图、海报图或者突出风格和调性与主题相关的图片
　　Ø 如果有人物模特尽量摆放在两侧，中间会被文字遮挡影响视觉效果
　　(5)资讯内容结构规范要求(文章从上至下顺序)
　　1、氛围banner图。750*280
　　2、banner下方图文解读标题内容。如：流行趋势是什么、品牌这一季的新品特点解读、跨界亮点解读等
　　3、符合主题的商品推荐
　　(6)标签规范要求
　　Ø 需要发布资讯的时候打上“每日新品”的标签
　　Ø 打标后的资讯会有小二进行审核，审核通过的专辑会在前台的展现库中，由算法进行个性化展示
　　5、达人管理制度
　　(1)内容发布：
　　① 专业领域：
　　Ⅰ、严格遵循达人对应的专业领域进行内容发布，不可随意跨领域发布(专业领域标注以达人报名提报为准，运营将定期查询后台校验结果);
　　Ⅱ、非专业领域的内容不能超过20%;
　　② 考核方向及发布量：
　　Ⅰ、选品方向：严格遵循【每日新品选品要求】;
　　Ⅱ、发布量：每人周均在每日新品的发布量不低于5篇，先做试行，后期根据实际情况做微调;
　　(2)考核评估方式及处罚：
　　① 运营日常检查：后台和线上随机审核，不符合商品选品规则，该达人做清退1个月处理;
　　② 大众评审举报：评审线上提交“举报”案例，运营后台复核，不符合商品做清退1个月处理;
　　如果还有其他最新公告、新规、变更资讯出现，都会第一时间发布出来!
上一篇：下一篇：
手淘每日新品及淘宝达人资讯招募规则说明 相关内容:
查看更多>>
网店运营姐妹分类
网店运营热门排行12580打造资讯达人
下班之后，就近找一家特色餐厅与同事小聚一番。周末放假，去餐厅、酒吧或者是KTV尽情放松，一个电话就可以随时帮你解决所有问题。不仅可以找到好吃好玩的地方，同时还可以提供免费的电子优惠券……这样便捷、省心的生活方式正悄悄的在你身边发生，一切的改变都从你拨打“12580”这个电话号码开始。
作为秘书的Grace，常常需要为老板订餐馆、订机票。所以，她一直关注于如何快速索取有效信息。在办公室，她被称为“资讯达人”：同事想在公司附近找一个健身房做瑜伽，她马上就送上了预约电话；老板的生日快到了，她立刻搜索出品牌折扣和限时促销信息，发动同事集资购买的包包不仅老板喜欢，还为大家省了不少银子；公司要组织户外活动了，又是Grace提供了拓展训练的服务公司……及时热心的小资讯，在为大家提供方便的同时，也为 Grace赢得了不少人气。而她也大方的公开了自己的秘密，那就是中国移动的12580服务平台，它涵盖了餐饮、娱乐、交通、购物等各方面，随时满足 Grace在生活中的及时性信息需求。
Grace还特别提醒同事，一直以来12580查询信息只收基础通话费，短彩信免费下发，查询结果不用记。而且在2月28日前，凡是北京移动全球通、动感地带用户播打12580都可以超低价预订温泉、滑雪门票，用手机话费或手机支付帐户付款，还可以享受满百元送30元充值卡的优惠活动。
(本文来源：
跟贴读取中...
网易通行证：
跟贴昵称修改后，论坛昵称也会变哦
网易通行证：
复制成功，按CTRL+V发送给好友、论坛或博客。 浏览器限制，请复制链接和标题给好友、论坛或博客。
网易科技48小时评论排行
评论2871条
评论1404条
评论1042条
网易公司版权所有}