俱乐部需求.docx

俱乐部需求.docx

《俱乐部需求.docx》由会员分享，可在线阅读，更多相关《俱乐部需求.docx（22页珍藏版）》请在冰豆网上搜索。

俱乐部需求

俱乐部主要功能模块为：

一．俱乐部首页

二．发布活动

三．找活动

四．创建俱乐部

五．我的活动

六．我的空间

七．我的俱乐部

八．我的好友

九．俱乐部详情

十．活动详情

一、俱乐部首页【原型中的位置：

俱乐部首页文件夹中的1俱乐部首页】界面如下：

页面布局

1.绿色：

定位城市界面的入口。

交互：

点击“城市名称深圳”，由左向右滑出定位城市页面【原型中的位置：

俱乐部首页文件夹中的2定位城市。

】

字段：

定位城市、全国所有市级城市的名称

2.黄色：

俱乐部首页导航。

字段：

发布活动、找活动、创建俱乐部

交互：

a、点击发布活动，当前页面当前位置弹出“个人活动”、“俱乐部活动”浮层【原型中的位置：

俱乐部首页文件夹中的3点击发布活动】。

点击非浮层区域其他任何地方，浮层隐藏消失。

点击个人活动，界面跳转进入发布个人活动首页【原型中的位置：

发布活动文件夹中的9发布个人活动首页】。

点击俱乐部活动，界面跳转进入发布俱乐部活动首页【原型中的位置：

发布活动文件夹中的10发布俱乐部活动首页】

B、找活动，点击后界面跳转进入找活动首页【原型中的位置：

找活动文件夹中的19找活动】

C、点击创建俱乐部，界面跳转进入创建俱乐部界面【原型中的位置：

创建俱乐部文件夹中的23创建俱乐部】

页面逻辑：

1、非俱乐部管理者和创建人的用户，只能发布个人活动，此时俱乐部活动选项为灰色不可点击状态显示

2、俱乐管理人和创建人，可发布个人活动也可发布俱乐部活动

3、个人活动面向的对象是所有用户和发布者好友。

4、俱乐部活动是面向某个俱乐部成员的，只允许俱乐部管理员和创建人发布。

3.紫色：

俱乐部筛选选项栏

字段：

运动项、区域、类型

交互：

A、运动项：

点击后当前页面当前位置弹出选择运动选项浮层【原型中的位置：

俱乐部首页文件夹中的4点击运动项目】。

B、区域：

点击后当前页面当前位置弹出区域选项浮层【原型中的位置：

俱乐部首页文件夹中5点击区域】

C、类型：

点击后当前页面当前位置弹出类型浮层【原型中的位置：

俱乐部首页文件夹中的6点击类型】

3.淡蓝色：

俱乐部列表

字段：

俱乐部logo，俱乐部名称、俱乐部类型、好友数、俱乐部成员数、运动项目、俱乐部区域、活动记录

交互：

点击俱乐部列表，进入俱乐部详细资料界面【原型中的位置：

俱乐部首页文件夹中的7俱乐部详细资料】。

逻辑：

详细资料界面显示内容视用户角色而定（俱乐部普通成员，非俱乐部成员，俱乐部创建人和管理员，具体详见原型里的注释）

4.蓝色：

导航

二、发布活动【原型中的位置：

发布活动文件夹中的3点击发布活动】

页面布局

淡蓝色：

发布活动选项栏

字段：

发布活动、个人活动、俱乐部活动

交互：

a、发布活动：

点击后当前页面当前位置弹出“个人活动“，“俱乐部活动“浮层。

B、点击非浮层区域其他任何地方，浮层隐藏消失

C、个人活动：

点击后界面跳转进入发布个人活动界面【原型中的位置：

发布活动文件夹中的9发布个人活动首页】

D、俱乐部活动：

点击后界面跳转进入发布俱乐部活动界面【原型中的位置：

发布活动文件中的10发布俱乐部活动首页】

（一）发布个人活动【原型中的位置：

发布活动文件中的9发布个人活动】，界面如下

字段：

活动logo运动项目，活动名称、活动地点，活动开始时间，活动结束时间，报名截止时间，参加费用，参与权限，人数限制，报名选项，活动组织者，联系电话，活动说明

交互：

A、添加活动logo：

点击后当前页面由底部弹出“拍照”，“本地相册”、“系统相册”、“取消”四个选项浮层【原型中的位置：

发布活动文件夹中的11添加活动logo】。

点击取消，浮层隐藏消失。

逻辑：

如果用户未上传活动logo，系统默认上传。

系统相册中的图片和默认上传的图片为不同的2套图片。

B、运动项目：

点击后界面跳转进入选择运动项目界面【原型中的位置：

发布活动文件夹中的12运动项目】

逻辑：

选择运动项目的时只可单选，不可多选，点击即选择，返回上一界面

C、活动名称：

点击即输入，最大容量为50个字符

D、活动地点：

点击后界面跳转进入选择地点的界面【原型中的位置：

发布活动文件夹中的13选择地点，具体交互详见原型中】

E、活动开始时间：

点击后当前页面当前位置弹出时间选框【原型中的位置：

发布活动文件夹中的14活动时间】。

逻辑：

显示当前时间。

F、活动结束时间，点击后当前页面当前位置弹出时间选项框【原型中的位置：

发布活动文件夹中的14活动时间】。

逻辑：

显示时以活动时间为标准，间隔2小时。

G、报名截止时间，点击后当前页面当前位置弹出时间选项框【原型中的位置：

发布活动文件夹中的14活动时间】逻辑：

以活动开始时间为最后报名时间，若有超过，则小弹框提示：

不能超过开始时间，停顿4秒

H、参加费用：

点击后界面跳转进入参加费用界面【原型中的位置：

发布活动文件夹中的15参加费用】。

逻辑：

系统默认为免费。

I、参与权限，发布者选择确定。

J、人数限制：

点击即输入，0表示没有人数限制。

逻辑：

系统默认为“0”。

K、报名选项：

点击界面跳转进入报名选项界面（字段：

姓名、性别、手机、微信、qq、身份证，其他）【原型中的位置：

发布活动文件夹中的16报名选项】。

逻辑：

非必填项，可空着。

L、活动组织者：

点击后可删除更改。

逻辑：

系统默认为发布者。

M、联系电话：

点击后可删除更改。

逻辑：

系统默认为发布者的电话。

N、活动说明：

点击即输入，最大容量为300个字符。

O、发布：

点击即发布成功，界面跳转到我的活动界面（另外一个的功能）【原型中的位置：

我的活动文件中的我的活动】。

页面逻辑：

除了报名选项，本界面的其他所有列表内容都为必填项，如果未填写完整，则小弹框提示如：

“活动名称不能空”

（二）发布俱乐部活动【原型中的位置：

发布活动文件夹中10发布俱乐部活动】，界面如下：

页面布局：

发布俱乐部活动与发布个人活动基本一致，区别在于：

1.参与权限：

发布俱乐部活动，活动仅限俱乐部成员参与，“所有”选项以灰色不可点击状态显示

2.页面增加“活动俱乐部”列表：

点击跳转进入选择俱乐部界面【原型中的位置：

发布活动文件夹中的18选择俱乐部】

交互：

点击即选择，返回上一界面。

逻辑：

单选。

根据用户输入的“运动项目，系统默认显示相关俱乐部，可点击删除更换

3.其他页面交互及页面逻辑同发布个人活动一样

三．找活动【原型中的位置：

找活动文件夹中的19找活动】

页面布局

1.黄色：

活动列表筛选栏

字段：

运动项目、区域、日期

交互：

A、运动项目：

当前页面当前位置弹出运动项目浮层，点击即选择。

点击非浮层区域的其他区域，浮层消失。

【原型中的位置：

找活动文件夹中的20运动项目】

B、区域：

当前界面当前位置弹出区域浮层，点击即选择，点击非浮层区域其他区域，浮层消失。

【原型中的位置：

找活动文件夹中的21区域】

C、点击日期：

当前界面当前位置弹出日期浮层，点击即选择，点击非浮层区域其他区域，浮层消失。

【原型中的位置：

找活动文件夹中的22日期】

5.紫色：

活动发布时间，活动列表按发布时间排列。

6..淡蓝色：

活动列表

字段：

活动logo、运动项目、活动名称、活动时间、活动地点、参加费用、距离，参与人数，限制参与人数

交互：

点击活动列表，跳转进入活动详情页面【原型中的位置：

活动详情文件夹中的活动详情】

逻辑：

1、活动时间在一天内则只显示活动时间如：

活动时间2014-09-3012:

00—13：

00。

2、活动时间在2天或者以上，则显示活动开始时间和结束时间如：

活动开始时间：

2014-12-3017:

30

结束时间：

2014-12-3115:

30

三．创建俱乐部【原型中的位置：

创建俱乐部文件夹中的23创建俱乐部首页】

字段：

背景图，俱乐部logo，运动项目、俱乐部类型、省份，社区名称，企业名称，机构名称，俱乐部名称，俱乐部区域，加入条件，联系人，联系电话，俱乐部介绍

页面交互：

A、背景图：

点击后当前界面底部以浮层形式弹出“拍照”，“手机相册”，“系统相册”，“取消”列表。

点击取消，浮层消失隐藏。

【原型中的位置：

创建俱乐部文件夹中的24添加背景和logo】。

逻辑：

用户未上传，则系统默认上传，系统默认上传的图片和系统相册里的图片为2套不同的图片。

B、俱乐部logo：

当前界面由底部弹出“拍照”、“手机相册”、“系统相册”、“取消”。

点击“取消”，浮层消失隐藏。

【原型中的位置：

创建俱乐部文件夹中的24添加背景和logo】。

逻辑：

与背景图一样。

C、运动项目：

点击后界面跳转进入运动项目界面。

【原型中的位置：

创建俱乐部文件夹中的25运动项目】。

逻辑：

每一运动项目，同一用户只能创建1个。

运动项目栏提示：

一个运动项目只能创建一个俱乐部。

已经创建俱乐部的运动项目以灰色不可点击选择显示。

D、俱乐部类型：

点击后界面跳转进入选择俱乐部类型界面。

【原型中的位置：

创建俱乐部文件夹中的26俱乐部类型】。

点击即选择，返回上一界面。

逻辑：

单选。

“同乡俱乐部”、“社区俱乐部”、“企业单位”、“培训机构”有附属列表项分别为：

省份、社区名称、企业名称、机构名称。

省份：

点击后界面跳转进入省份选择界面。

【原型中位置：

创建俱乐部中27选择省份】

社区名称，企业名称，机构名称：

点击即输入。

E、俱乐部名称：

点击即输入。

最大容量为50个字符。

F、俱乐部区域：

点击后界面跳转进入选择区域界面。

【原型中的位置：

创建俱乐部文件夹中的28选择区域】点击即选择，返回上一界面。

G、加入条件：

点击界面跳转进入加入条件界面。

【原型中的位置：

创建俱乐部文件夹中的29加入条件】。

点击即选择，返回上一界面。

H、联系人：

点击后可删除可更改。

逻辑：

系统默认为创建人。

I、联系电话：

点击后可删除可更改。

逻辑：

默认为创建人的联系电话。

J、俱乐部介绍：

点击输入，最大容量为400个字符。

逻辑：

非必填项，可空。

K、确定创建：

点击即创建成功，界面跳转进入我的俱乐部界面（另一功能）【原型中的位置：

我的俱乐部】。

逻辑：

确定创建按钮下方文字提示：

同一用户最多只能创建3个俱乐部。

页面逻辑：

1.除了俱乐部介绍其他都为必填项。

如果出现未填写的内容，给出小弹框提示：

俱乐部名称不能空

四．我的活动【原型中的位置：

我的活动文件夹中的30我的活动（个人）和31我的活动（俱乐部）】

页面布局

黄色：

个人活动和俱乐部活动切换导航

字段：

用户发布的活动，用户参与的活动，用户所在的俱乐部发布的活动

交互：

点击个人，活动列表显示个人发布的和参与的活动，原型中的位置：

我的活动文件夹中的30我的活动（个人）】。

点击俱乐部，活动列表显示用户所属俱乐部发布的活动【原型中的位置：

我的活动文件夹中的31我的活动（俱乐部）】。

紫色：

活动发布时间。

淡蓝色：

活动列表。

字段：

活动logo、运动项目，活动名称，活动时间，活动开始时间，结束时间，活动地点，参加费用，距离，活动进行状态。

交互：

点击活动列表界面跳转进入活动详情页面【原型中的位置：

活动详情文件夹中的活动详情】。

淡蓝色：

邀请按钮

交互：

点击邀请按钮，界面跳转进入邀请界面。

逻辑：

个人活动和俱乐部活动的邀请参加界面显示不同，具体详见原型【我的活动文件夹中的32邀请参加活动（个人）和33邀请参加活动（俱乐部）】

页面逻辑：

1.活动列表按照发布时间排列。

2.报名截止前，活动列表显示邀请按钮，点击后界面跳转进入邀请参加界面。

3.报名截止后，邀请按钮显示为“报名截止”

4.活动结束时间后，“报名截止”显示为“已结束”

五．我的俱乐部【原型中的位置：

我的俱乐部文件夹中的34我的俱乐部】

页面布局

黄色：

发布活动按钮

交互：

点击按钮，界面跳转进入发布俱乐部活动界面【原型中的位置：

发布活动文件夹中的10发布俱乐部活动】

绿色：

俱乐部里刚发起的尚未结束的活动数提示标识。

交互：

用手拖动活动数标识可以将其消除。

点击查看则消除。

红色：

表示此俱乐部为用户创建的

紫色：

表示此俱乐部为用户所管理的

蓝色：

俱乐部所有活动的记录

淡蓝色：

俱乐部列表

字段：

俱乐部名称，好友数目，成员数目，俱乐部logo，俱乐部活动数，俱乐部区域，活动提示标识数，创建人标识，管理人标识，俱乐部类型，运动项目

交互：

点击俱乐部列表，界面跳转进入俱乐部详细资料页面【原型中的位置：

我的俱乐部文件夹中的35俱乐部详细资料】

页面逻辑：

此页面面向的用户为俱乐部创建人，俱乐部管理者，俱乐部普通员。

当用户为俱乐部创建人和管理员时，界面显示发布活动按钮（只有俱乐部创建人和管理员才有权限发布俱乐部活动。

）

当用户为俱乐部普通成员时，界面隐藏发布活动按钮。

六．我的空间（自己看）【原型中的位置：

我的空间文件夹中的36我的空间（自己看）】

页面布局

黄色：

发布动态图标。

交互：

点击发布动态图标，发布图片文字内容。

逻辑：

图片一次最多上传9张【原型中的位置：

我的空间文件夹中的38点击摄像机】。

界面展示：

文字内容最多展示5行，更多内容，点击“展开”文字链接则全部展开。

点击“收起”文字连接则收起。

长按只发布文字内容。

逻辑：

一次最大容量为4000个字符【原型中的位置：

我的空间文件夹中的39长按摄像机】。

界面展示：

文字内容最多展示5行，更多内容，点击展开文字链接则全部展开。

点击收起则收起。

橙色：

用户个人资料。

字段：

用户头像，用户昵称，用户个性签名，背景图。

交互：

点击背景图，当前页面当前位置弹出更换背景栏，点击后界面跳转进入更换背景界面，点击非更换栏其他区域，则更换背景栏消失隐藏【原型中的位置：

我的空间文件夹中的37更换背景】

粉色：

“我的动态”、“与我相关”入口。

交互：

点击我的动态，跳转进入我的动态页面【原型中的位置：

我的空间文件夹中的40我的动态】。

点击与我相关，跳转进入与我相关页面【原型中的位置：

我的空间文件夹中41与我相关】

红色：

动态发布时间。

逻辑：

今天内的动态以小时和分钟标识，如：

14:

56。

昨天的动态以昨天标识，如：

昨天16:

30。

昨天以前的动态，以日期标识，如：

2014-2-1216:

30。

蓝色：

删除文字链接。

字段：

删除。

交互：

点击弹出确定删除框【原型中的位置：

我的空间文件夹中的42删除弹窗】。

逻辑：

只有用户自己发布转发分享的动态才可执行删除行为，界面才可显示删除文字链接。

紫色：

评论图标。

字段：

评论

交互：

点击评论图标，弹出“赞”、“评论”条如淡蓝色框内的内容。

逻辑：

尚未点赞的用户，点击评论图标，弹出的按钮显示为“赞”、“评论”。

已经点赞的用户，点击评论图标，弹出的按钮显示为“取消”、“评论”。

绿色：

点赞用户显示区域。

逻辑：

默认一屏最多显示30个用户，其他点赞用户以省略号“…”显示，点击“展开”文字链接显示全部点赞用户。

黑色：

回复、评论的内容。

字段：

用户昵称，评论内容，回复内容，表情图

交互：

点击用户昵，界面跳转进入其个人空间。

点击某用户评论回复内容区域，则是回复此用户。

【原型中的位置：

我的空间文件夹中的43回复】

页面逻辑：

1.当用户看其他用户空间时【原型中的位置：

我的空间文件夹中我的空间44（他人看）】，界面导航栏“我的空间”显示为“某用户（麦迪）的空间”。

如果非好友，发布动态按钮变换为“加为好友”。

如果是好友，发布动态按钮隐藏。

2.当用户看其他用户空间时，我的动态和与我相关隐藏。

七．我的好友【原型中的位置：

我的好友文件夹中的我的好友】，界面如下：

页面布局：

黄色：

添加好友文字链接。

字段：

添加好友。

交互：

点击添加好友，界面跳转进入添加好友界面【原型中的位置：

我的好友文件夹中添加好友】。

淡蓝色：

新的朋友

字段：

新的朋友。

交互：

点击界面跳转进入新的朋友界面【原型中的位置：

我的好友文件夹中新的朋友】

紫色：

新朋友标识。

逻辑：

点击查看则标识图标消失。

绿色：

好友列表。

字段：

我的好友。

交互：

点击列表，界面跳转进入用户的详细资料【原型中的位置：

我的好友文件夹中的点击朋友列表】

蓝色：

字母排序

八．俱乐部详情【原型中的位置：

俱乐部详情文件夹中的详情】界面如下：

界面面向的用户为：

俱乐部创建人，俱乐部管理员，俱乐部成员，非俱乐部成员，根据用户身份不一样界面展示内容不一样【具体详见原型中】。

页面布局（详情界面原型中的位置：

俱乐部详情文件夹中的53、54、55详情）

黄色：

图标

字段：

申请加入、分享到微信朋友圈、分享到qq空间、邀请加入、退出俱乐部

交互：

1.当用户为非俱乐部成员时，“图标”显示为“申请加入”按钮【原型中的位置：

俱乐部详情文件夹中的53详情】

2.当用户为俱乐部普通成员和管理员时，点击图标弹出“分享到微信朋友圈”，“分享到qq空间”，“邀请加入”，“退出俱乐部”选项列表【原型中的位置：

54详情】

3.当用户为俱乐部创建人时，点击图标弹出“分享到朋友圈”，“分享到qq空间”、“邀请加入”选项列表【原型中的位置：

55详情】

绿色：

俱乐部资料背景

字段：

俱乐部背景，俱乐部logo，俱乐部活动数，俱乐部成员数

交互：

非俱乐部成员和俱乐部普通成员点击背景图时无任何响应。

但俱乐部创建人和管理员点击背景图时，当前页面显示更换背景栏【原型中的位置：

俱乐部详情中的57更换背景】

紫色：

详情内容列表

字段：

俱乐部公告，运动项目，俱乐部类型，俱乐部名称，俱乐部区域，加入验证，创建人，联系人，联系电话，俱乐部介绍。

逻辑：

非俱乐部成员和俱乐部普通成员，不可对此内容进行更改。

俱乐部创建人点击修改按钮之后可对俱乐部公告，俱乐部名称，加入条件，联系人，联系电话，俱乐部介绍进行更改。

不可修改内容，在创建人和管理员点击修改按钮时，以灰色不可点击形式显示。

蓝色：

修改按钮。

逻辑：

用户为非俱乐部成员和俱乐部一般成员，此按钮隐藏不显示。

用户为俱乐部管理员和创建人时，此按钮显示。

【原型中位置：

55详情】

红色：

俱乐部详情界面的导航

字段：

俱乐部空间，俱乐部活动，俱乐部成员，俱乐部相册，俱乐部详情

交互：

空间：

点击后当前界面切换到俱乐部空间界面【原型中的位置：

俱乐部详情文件夹中的58、59俱乐部空间】

活动：

点击后当前页面切换到俱乐部活动界面【原型中的位置：

俱乐部详情文件夹中的60俱乐部活动】

成员：

点击后当前页面切换到俱乐部成员界面【原型中的位置：

俱乐部详情文件夹中的61、62俱乐部成员】

相册：

点击后当期界面切换到俱乐部相册【原型中的位置：

俱乐部详情文件夹中的俱乐部相册】（相册功能一期不上）

页面逻辑：

此页面根据用户的不同身份，界面显示有差别。

此界面面向的用户为：

俱乐部普通成员，非俱乐部成员，俱乐部管理者，俱乐部创建人。

不同体现具体备注详见原型。

九．活动详情【原型中的位置：

活动详情文件夹中的65、66活动详情】

活动详情分为2种：

“66个人活动详情”、“65俱乐部活动详情”

个人活动详情界面和俱乐部活动详情界面，区别在于：

1.个人活动详情界面中没有“活动俱乐部”。

2.参与条件：

个人活动是面向所有用户和仅限好友。

俱乐部活动是仅限面向本俱乐部成员。

3.个人活动详情界面，“申请加入”按钮隐藏。

页面逻辑：

1、申请加入按钮只有在俱乐部活动详情界面里，当用户为非俱乐部成员时，显示出来。

其他情况隐藏。

2、当个人活动仅限好友参加时，用户非好友时，“报名参加”显示为“限好友参加”，以灰色不可点击显示。

3、已经参加的用户，“报名参加”显示为“退出活动”。

点击后当期界面当前位置弹出弹框【原型中的位置：

活动详情文件夹中的71退出活动】

4、当活动为俱乐部活动，用户为非俱乐部成员时，“报名参加”显示为“限成员参加”，以灰色不可点击显示。

5、发布者默认参加本次活动，当用户为发布者时，“报名参加”显示为“撤销活动”，点击后当前界面当前位置弹出弹框【原型中的位置：

72撤销活动弹框】

6、当发布者发布活动时，选择了报名选项时，用户点击“报名参加”参加时，跳转进入“报名信息”界面【原型中的位置：

活动详情文件夹中的70报名选项】

7、点击“评论”当前页面弹出评论窗口【原型中的位置：

活动详情文件夹中的73评论】。

8、邀请：

点击邀请，界面跳转进入邀请界面【原型中的位置：

活动详情文件夹中的74个人活动邀请界面和75俱乐部活动邀请界面】

9、电话：

点击弹出拨打电话框【原型中的位置：

活动详情界面中的66拨打电话弹窗】

10、部分交互详见原型：

活动详情文件夹

十．我的【原型中的位置：

我的文件夹中的76我的】

页面布局：

黄色：

个人信息。

交互：

点击后界面跳转进入个人信息界面【原型中的位置：

我的文件中的77个人信息】

绿色：

内容列表栏

字段：

我的消息、我的空间，我的好友，我的活动，我的俱乐部，我的收藏，认证，设置

交互：

a、我的消息：

点击后界面跳转进入我的消息界面【原型中的位置：

我的文件夹中的我的消息文件中的86、87、88、89、90、91、92、93、94界面】。

B、我的空间：

点击后界面跳转进入我的空间界面【原型中的位置：

我的空间文件夹中的我的空间（自己看）】

C、我的好友，点击后界面跳转进入我的好友界面【原型中的位置：

我的好友文件夹中的我的好友】

D.我的活动，点击后界面跳转进入我的活动界面【原型中的位置：

我的活动文件夹中的我的活动】

E.我的俱乐部，点击后界面跳转进入我的俱乐部界面【原型中的位置：

我的俱乐部文件夹中的我的俱乐部】

F.点击我的赛事，界面跳转进入我的赛事界面【原型中的位置：

麦迪负责】

G.点击我的收藏，界面跳转进入我的收藏界面【原型中的位置：

麦迪负责】

H.认证，点击后界面跳转进入我的认证界面【原型中的位置：

麦迪负责】

I.设置，点击后界面跳转进入我的设置界面【原型中的位置：

我的文件夹中的设置文件夹中的95、96、97、98、99、100、101、102设置界面】