手把手教你设计SNS社区【7】

5）画页面原型，整理文档        这两天在做一个广告监控系统，所以就耽误了几天写SNS教程的时间。就刚刚看到的现状，顺便也总结了一下，产品人员不要满足于用工具，很多人真的很无聊，老是在网上一个劲的研究工具怎么用，工具用会了又怎么样。姑且把产品经理错误的划分为，“小成”和“大成”，掌握了一定的工具那也不算不成，我教产品新人的时候我也先让他们了解做产品需要哪些技能，掌握哪些工具，往往他们在一段时间喜洋洋后，我们会他们吃枣后打一棒子。

就教程【6】中讲到的，axure画交互页面原型只是占需求中很小的一部分，综合的分析一下，①业务逻辑→②系统实现逻辑③功能实现逻辑→④页面表现逻辑，（页面表现只是作为数据输出，和用户行为交互必不可少的界面而已。）

【图31】================================================================

【图32】================================================================

【图33】================================================================

页面不再一一举例，以下是我画圈子页面的次序安排，抛砖引玉，给大家提供参考。

1、创建圈子提及表单页

2、圈子申请、申请处理页

申请类型：用户申请交互、管理员交互申请交互（对应用户申请处理交互，管理员申请处理交互。）

3、圈子管理页

管理类型：基本信息管理、访问权限管理、成员管理、圈子公告

4、圈子列表页

类型：全部圈子+热门圈子、好友圈子、我的圈子（角色：我是创建者、我是管理员、我是成员、正在申请）

5、具体圈子首页

布局：圈子介绍+圈子公告   、latest话题+latest图片、圈子管理员（角色：创建者+管理员）+最新加入成员+最新到访成员

6、圈子话题

布局 latest20话题(字段：标题 +发布者 +浏览/回复数)  

7、圈子话题最终页

8、发表表发话题页

9、圈子照片

布局 latest30照片 （说明：圈子需要也要分相册，根据不同的情况定。）

10、圈子照片最终页

11、上传圈子照片

12、以及其它的邀请好友加入圈子等页面

图34】================================================================

当这个模块所有的页面完成以后，把各个按钮、链接都加上，然后F5快捷键生成页面，把自己当用户所有的页面都流程化的过一遍，看看哪快流程或页面布局不合理，再针对性的调整、完善一下模块功能逻辑或页面表现逻辑。 特别是一些重要的地方，比如页面套标签需要注意的地方，你得加上合理的备注，这样就很清晰了。