【系统设计】好友系统设计-完整思路和交互设计

发表于2015-11-03
评论3 4.9k浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏策划行业精英群

361498939

说明:以下案子为笔者参与的项目的完整好友系统的设计案子,是基于腾讯微信和手Q平台的好友系统 

某pfs游戏-好友系统设计案

 

     文档历史

修订日期

修订内容

修订人

版本

2015-09-09

创建文档


V1.0

     目录

 

 

文档约定

文字颜色示例

表示文档内容性质

文字内容

已定案的内容,本版本需要制作

文字内容

就前一个版本增加的内容,需要着重

文字内容

前面版本已经完成的内容

文字内容

本版本以后需要制作的内容

文字内容

已删除的内容,方便和上一个版本对比查看

文字内容

重要文字

 


一、设计概要

1.1设计目的

         搭建一个游戏中的社交关系链

         增加游戏游戏中的粘合度,玩家之间互动,增加游戏活跃

         补充当前版本中,欠缺社交元素的短板

 

1.2主要应用的场景

         通过搜索玩家数字ID方式添加好友

         通过在聊天系统中点击玩家名字添加好友

         在好友系统中进行各种好友关系链行为;

         在PK模式中(开始和结束)添加好友

 

1.3系统简要说明

1.3.1好友入口

思考:好友入口位置在主界面的摆放位置问题

a      好友系统能够贯穿聊天,pk玩法,好友互动能够建立很强的社交圈子

b      好友能够带来玩家在游戏中的存在感

c       参考《全民突击》《全民超神》《九龙战》《梦幻西游》等游戏,好友的重要程度都排在前列

方案1

方案2

         说明1打开好友入口的按钮可放在红色圈选的位置中,具体位置由交互设定

         说明2:当有好友列表中出现以下各种状态时,好友按钮上出现红点提示:

1有玩家添加自己为好友时,即有好友申请消息时

2、其他需要提醒的消息:附近的人,人员动态,邀请好友礼包奖励(暂不开发)

 

1.3.2好友模块内容规划

         思考:好友模块内容的确定问题,以突击和超神为例:

  1. 突击上线时间在去年,刚开始对好友社交的需求不如刚上线的超神。同时平台的红利减少许多——需强推关系链

 

 

  1. 超神因为开黑的概念,需要让玩家建立更快,数量更多的好友关系,所以做了好友推荐。——需建立更快,更简便的好友关系链建立,需要“一键功能”

 

 

  1. 因为我们重点推PK玩法+利用平台数据建立游戏的好友关系的需求相对更难,所以对好友系统的需求较大。

应该更多参考超神的模块内容

  1. 结论:需要基本的好友模块、一键赠送、好友邀请、一键拒绝,一键接收、好友申请(快速处理事件)

 

         好友系统根据上线平台的需求分为微信好友、手Q好友;

         好友系统在不同平台的规划模块如下:

   

                                         1总体UI设计图

 

游戏中好友系统模块

名称

说明

核心内容

微信好友/手Q好友

展示所有的微信好友/手Q好友列表,直接拉取平台关系链

玩家基本信息,体力赠送(一件赠送)、私聊

游戏好友

展示所有游戏好友列表

玩家基本信息,体力赠送(一件赠送)、私聊

添加好友

添加推荐的好友,每次推荐10人

玩家基本信息,好友推荐,添加好友,搜索好友,刷新

好友申请

好友添加确定

确定好友申请、快捷功能:全部同意、全部拒绝

附近的人

寻找附近的人

定位附近的人,可以聊天和加好友,同微信附近人一致(暂不做

人员动态

添加好友信息反馈、黑名单

添加好友成功/失败消息,黑名单列表(暂不做

邀请礼包

收取好友邀请礼包

好友邀请成功且好友成长后,获得的游戏礼包(暂不做

                               1:好友系统各模块内容说明表

 

二、微信好友

2.1微信好友概要

         微信好友是基于微信平台做的关系链系统默认拉取玩家微信好友关系数据

         系统操作流程:使用微信登陆游戏——进入好友系统后界面——选择1.3.2中的各模块内容操作——点击返回退出好友系统

         包括了以下模块:微信好友、游戏好友、添加好友、好友申请

 

2.2  微信好友设计说明

2.2.1  交互界面

包括微信好友好友展示信息和其他功能模块UI设计图如下:

                                      2-1:微信好友UI

2-2:没有微信好友时显示

 

2.2.2展示信息说明

展示信息

说明

显示规则

微信头像

显示玩家的微信头像

直接读取玩家微信头像,更改后可刷新

VIP等级

显示玩家的VIP等级

如:V0,V1

游戏名字

玩家游戏中的名字

例如:我很屌我很屌字数限制同排行榜一致

微信名字

玩家微信名字

例如:我很屌我很屌字数限制同排行榜一致

玩家等级

玩家游戏中指挥官的等级

如:LV99。预留3位数

战斗力

玩家总的战斗力

例如:战斗力:99999。预留7位数

微信好友

显示玩家微信好友数量

例如:微信好友 999。预留4位数

好友数量

显示玩家的好友数量

例如:xx/126显示上限为126

 

好友邀请

连接到微信,可以在微信中发送邀请消息

 

赠送体力图标

赠送好友体力

赠送和赠送后图标显示不同。存在两种状态,参考排行榜的好友体力设计。

刷新

刷新好友的显示信息,每次操作间隔10s

 

一件赠送图标

赠送可赠送的所有玩家体力

 

聊天图标

选择和该好友聊天,连接到私聊界面

 

                                       3:微信好友信息说明表

 

2.3  微信好友功能说明

2.3.1主要说明

         玩家每次进入好友系统默认显示:微信好友的界面

         滚动条可下拉至显示最后一名微信好友

         微信好友排序根据战斗力由高至低进行排列,战斗力最低的排最后一名

         好友的信息(微信头像,名字,等级,VIP,战斗力)有变化时,刷新途径:1玩家每次使用微信接口登录游戏后,都自动刷新;2)在正确操作下点击刷新可立即刷新以上信息

         微信好友数量上限为126人,显示为xx/126

 

2.3.2查看好友信息

点击玩家展示信息红色框内信息可连接到玩家的个人信息界面。如图2

2:微信好友查看个人信息点击区域UI

2.3.3赠送玩家体力

         点击玩家后面的体力图标可赠送玩家体力:

         赠送成功后,图标变化如下

         每三小时可以赠送微信好友1次体力

         当自己好友已被自己赠送体力后,再次点击该按钮,不做任何响应处理。

             

         3:赠送体力变化图

 

2.3.4选择与微信好友聊天

         点击聊天图标,直接连接到私聊面板,参考聊天系统的设计

         进入私聊页面,点击返回,直接回微信好友界面

 

2.3.5一键赠送好友体力

         点击后,可以直接赠送当前可以赠送的所有体力,提示: 您已成功向好友赠送体力!;

         成功赠送后,图标按钮不做任何变化

         在不可向任意好友赠送体力时,点击一键赠送好友体力,不提示任何内容

 

2.3.5刷新机制

         玩家点击刷新机制可以刷新好友的微信头像变化,名字变化,战斗力变化,VIP变化,等级变化

         点击规则:每隔10s可以点击1次,此后进入10s倒计时读秒状态,例如刷新(10),刷新(9..刷新(1),刷新

         如果在读秒状态点击刷新,提示:您点得太快了,休息下吧!

 

2.3.6微信好友邀请

   点击好友邀请,连接到微信信息发送信息界面,调用对应的微信拉起接口

   第一步:选择发送对象

   第二步:选择发送内容,选择发送/取消,取消则直接返回游戏,发送则进入第三步

   第三步:确定留在微信还是返回游戏

4.微信好友邀请图

游戏好友

3.1游戏好友设计概要

         游戏好友是基于游戏内全世界游戏玩家关系链系统;

         玩家切换左边tab目录“游戏好友”可以切换到游戏好友页面;

         游戏好友与微信好友功能一致。不同之处:好友邀请改为添加好友

         查看玩家信息的区域与2.3.2逻辑一致

 

3.2  游戏好友设计说明

3.2.1 游戏好友UI

5-1:游戏好友UI

5-2:游戏好友不存在显示

 

 

 

3.2.2展示信息说明

展示信息

说明

显示规则

微信头像

显示玩家的微信头像

直接读取玩家微信头像,更改后可刷新

VIP等级

显示玩家的VIP等级

如:V0,V1

游戏名字

玩家游戏中的名字

例如:我很屌我很屌字数限制同排行榜一致

微信名字

玩家微信名字

例如:我很屌我很屌字数限制同排行榜一致

玩家等级

玩家游戏中指挥官的等级

如:LV99。预留3位数

战斗力

玩家总的战斗力

例如:战斗力:99999。预留7位数

微信好友

显示玩家微信好友数量

例如:微信好友 999。预留4位数

好友数量

显示玩家的好友数量

例如:xx/126。显示上限为126

 

添加邀请

连接好友添加

 

赠送体力图标

赠送好友体力

赠送和赠送后图标显示不同

刷新

刷新好友的显示信息,每次操作间隔10s以上

 

一件赠送图标

赠送可赠送的所有玩家体力

 

聊天图标

选择和该好友聊天,链接到私聊界面

 

                                       4:游戏好友信息说明表

 

3.3  游戏好友功能说明

         与微信好友设计一致,唯一不同在:好友添加;游戏好友显示:xx/100

         游戏好友数量上线为100

 

3.3.1添加好友功能

         点击该按钮——跳转到好友添加界面

         点击返回按钮——退出好友系统

 

3.3.2游戏好友删除功能

         在点击好友区域,查看好友信息的页面增加好友删除按钮

         点击删除好友——确定弹框,如图6

6:好友删除确定

         取消则返回好友信息界面,确定则删除好友返回游戏好友列表界面.

 

3.3.3游戏好友达到上限时提示

在玩家游戏好友超越上限时,系统会弹出存在4秒的TIPS信息:【您的好友位置已满,请先删除一些好友,同时闪烁这个位置

 

 

好友添加

4.1好友添加设计概要

         好友添加是基于游戏内全世界游戏玩家为对象,可以随机添加的好友;

         玩家切换左边tab目录“好友添加”,聊天系统中点击好友添加,可连接到好友添加页面;

         好友添加是玩家在游戏中建立社交关系的有效途径

         查看玩家信息的区域与2.3.2逻辑一致

         玩家成功添加好友后,会在聊天—系统里面提示:xxx已同意您的好友申请!(暂不做)

 

4.2  好友添加设计说明

包括内容为:自动展示好添加的好友,搜索功能,刷新功能。设计图如下:

7:好友添加UI

 

4.2.1展示信息说明

展示信息

说明

显示规则

微信头像

显示玩家的微信头像

直接读取玩家微信头像,更改后可刷新

VIP等级

显示玩家的VIP等级

如:V0,V1

游戏名字

玩家游戏中的名字

例如:我很屌我很屌字数限制同排行榜一致

战斗力

玩家总的战斗力

例如:战斗力:99999。预留7位数

推荐好友

纯标题

推荐好友

 

加为好友

选择添加改好友,两种状态

 

刷新

刷新好友的显示信息,每次操作间隔10s以上

 

输入玩家id框

可以输入玩家的ID

请输出玩家的ID搜索

搜索按钮

玩家输入id后,点击可搜索

                                       5:好友添加信息说明表

 

4.3  好友添加功能说明

4.3.1好友推荐逻辑

推荐数量:随机推荐10全世界游戏玩家

推荐原则:

         以指挥官等级每10级为1个推荐池,例如1-10级,11-20级,根据玩家指挥官等级所在的推荐池段位;从中随机推选10名游戏好友,例如指挥官25级,推选的好友指挥官等级为21-30之间;如果游戏中人数不够,则按照推荐的玩家指挥官等级与玩家等级之间差,越小越优先推荐

         以在线为优先推荐原则;

         以距离上次在线时间越短为优先推荐原则。

 

4.3.2加为好友功能

         点击玩家后面的加为好友图标添加游戏中的玩家。并提示:申请加xxxx成功

         申请成功后,图标变化如下;

         自己对该玩家的申请状态,最多保存22天之后可再次发送请求;

              

         发送成功后,对方玩家可在好友申请tab页上,收到对应好友添加请求信息;

         玩家再点“申请已发送“按钮,不做任何提示响应

 

4.3.3刷新机制(不做)

         玩家点击刷新机制可以刷新好友推荐,换另外一批id不重复的玩家

         点击规则:每隔10s可以点击1次,此后进入10s倒计时读秒状态,例如刷新(10),刷新(9..刷新(1),刷新

         如果在读秒状态点击刷新,提示:您点得太快了,休息下吧!

         每次玩家重新进入添加好友系统都会刷新1

 

4.3.4用户输入和搜索

         用户输入游戏中的ID

8:用户ID输入图

         点击搜索的几种情况

1未输入玩家ID,直接点击搜索按钮,提示:请输入正确的玩家ID

2当输入玩家ID不存在时,提示亲,该玩家不存在!

3当输出正确的玩家ID时,点击搜索:

a)自己第一次发送消息,且玩家不是自己好友时,提示申请好友消息发送成功

搜索ID玩家不是自己好友,但是24小时天内第二次发送时,提示:申请好友消息发送成功

b)搜索ID是自己好友时,提示:亲,对方已是你的好友哦!

         每位玩家只能向同一个玩家发送一个添加好友的申请,重新登陆游戏或是24小时后对方还没确认的条件下才可重新发送;

         暂定玩家每5秒内只能发送3个添加好友的申请,发送过多则提示:”添加好友频繁,休息下吧!

         玩家点击输入要添加的玩家数字ID,点击添加好友按钮发送完申请后,输入的信息清空。

 

 

好友申请

5.1好友申请设计概要

         好友申请是用于显示其他玩家添加自己的信息内容

         玩家切换左边tab目录“好友申请”,可连接到好友申请页面;

         小红点提示:一旦该面板有未处理的信息,都提示小红点(即存在玩家还没有做出选择的好友请求时,一律显示小红点)

 

5.2  好友添加设计说明

         包括内容为:拒绝和同意好友请求,全部同意和全部拒绝请求;

         存在两种状态,1)有好友申请时的界面;2)没有好友申请时的界面;

         设计图如下:

 

9-1:好友申请UI

 

9-2:好友申请UI

 

5.2.1展示信息说明

展示信息

说明

显示规则

微信头像

显示玩家的微信头像

直接读取玩家微信头像,更改后可刷新

VIP等级

显示玩家的VIP等级

如:V0,V1

游戏名字

玩家游戏中的名字

例如:我很屌我很屌字数同排行榜一致

战斗力

玩家总的战斗力

例如:战斗力:99999。预留7位数

申请好友提

固定内容,解释玩家行为

xx申请添加你为好友

 

同意

同意对方的好友请求,在右边,两种状态

 

拒绝

拒绝对方的好友请求,在左边,两种状态

 

全部同意

一键同意所有的好友请求

全部拒绝

一键拒绝所有的好友请求

 

4.3  好友申请功能说明

4.3.1好友申请两种界面显示及其他说明

         当有好友申请时,显示图9-1:好友申请UI

         当没有好友申请时,显示图9-2:好友申请UI。点击“全部拒绝”“全部同意”不做任何响应,按钮有一个缩放的动作;

         查看玩家信息的区域与2.3.2逻辑一致

 

4.3.2同意和拒绝按钮说明

         当玩家收到好友请求时,都会显示为下图状态

         玩家点击拒绝/同意则,显示为:

         玩家选择拒绝和同意后,显示的“已拒绝“”已添加“内容不消失。再次点击不做任何响应

         玩家退出该面板/切换到其他页签后,已拒绝和已添加的玩家信息不再显示。

 

4.3.3全部同意与全部拒绝

         全部同意:一键同意所有的好友请求,点击全部好友请求显示为“已添加”。再次点击不做任何响应;

         全部拒绝:拒绝所有的好友请求,点击全部好友请求显示为“已拒绝”。再次点击不做任何响应

         玩家退出该面板/切换到其他页签后,已拒绝和已添加的玩家信息不再显示。

4.3.4 当全部同意超过好友上线时

    在玩家游戏好友超越上限时,系统会弹出存在4秒的TIPS信息:【您的好友位置已满,请先删除一些好友

六、手Q好友

 

与微信好友一致。里面的所有“微信”字符替换为“手Q

 

七、玩家ID系统

7.1说明

         数字ID显示在玩家的个人信息界面上,玩家通过排行榜,聊天系统,好友推荐可以查看到数字ID

         玩家可以通过ID查找到玩家的信息,添加玩家为好友。

 

好友系对外接口

8.1聊天系统

聊天系统中,点击玩家名字可以添加玩家为好友

 

 

1 / 16

 

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台