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

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

     文档历史

     目录

文档约定

一、设计概要

1.1设计目的

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

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

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

1.2主要应用的场景

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

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

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

         在PK模式中（开始和结束）添加好友。

1.3系统简要说明

1.3.1好友入口

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

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

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

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

方案1：

方案2：

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

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

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

2、其他需要提醒的消息：附近的人，人员动态，邀请好友礼包奖励（暂不开发）。

1.3.2好友模块内容规划

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

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

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

                                         图1：总体UI设计图

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

二、微信好友

2.1微信好友概要

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

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

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

2.2  微信好友设计说明

2.2.1  交互界面

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

                                      图2-1：微信好友UI图

图2-2：没有微信好友时显示

2.2.2展示信息说明

                                       表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展示信息说明

                                       表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展示信息说明

                                       表5：好友添加信息说明表

4.3  好友添加功能说明

4.3.1好友推荐逻辑

推荐数量：随机推荐10名全世界游戏玩家；

推荐原则：

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

         以在线为优先推荐原则；

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

4.3.2加为好友功能

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

         申请成功后，图标变化如下；

         自己对该玩家的申请状态，最多保存2天，2天之后可再次发送请求；

         发送成功后，对方玩家可在好友申请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展示信息说明

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聊天系统

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