水哥牛X团队[Gamma阶段]展示博客

项目愿景

组队、招募信息大多在吐槽版发布，而吐槽版每日上百条的消息量往往导致信息曝光率极低，造成了”想找组队、招募信息的人找不到，发布组队、招募信息的人得不到回应“的现象。

因此，决定开发“小小易校园”小程序，提供一个针对各类竞赛组队、各类实习招募信息的统一发布平台，提供以下服务：

截至Gamma阶段结束，我们完整实现了原本计划的信息发布、申请管理功能，还额外添加了数学建模比赛专用的组队及队友匹配模块，总共实现了30个不同页面，39个不同功能接口：

所有页面

所有接口

其中，Gamma阶段完成的美赛模块功能及页面如下：

首页及问卷填写页面	搜索特定用户邀请组队	更换推荐队友及邀请
查看已发送的邀请	查看收到的邀请

截至2019/06/17，共有用户量400人：

最近7日的总访问人数变化

而这400用户中，年龄分布如下：

可见，绝大多数用户为18-24岁的在校大学生或刚毕业的大学生，用户情况符合前期调研的预期。

在发布了Gamma阶段的第一个版本后，我们收集了用户反馈。用户反馈的主要问题有：

原本的登录页面中，有获取头像与姓名、进入主页两个Button。获取头像与姓名按钮用于点击后获取用户头像。但这一步往往造成用户迷惑，不知道这两个按钮点击的顺序、影响。因此，我们对登录页面进行了修改：

新的登录页面只保留进入主页按钮，若没有用户的微信头像等信息，则自动弹出权限获取窗口。

该反馈针对美赛模块的原首页：

该页面中，“已发邀请”、“收到邀请”、“重填问卷”、“换一批”为可点击按钮，“我的队伍”、“推荐队友”为提示信息，不可点击。其中，“推荐队友”模块中，任意点击任意用户可查看详细信息。

针对这一页面，用户提出了以下反馈：

由于颜色相近，导致用户不清楚哪些按钮可以点击而哪些按钮不能，更不知道点击用户可查看详细信息。为了改进这一问题，我们一开始尝试通过“较为灰色的部分不可点击，颜色明亮部分可以点击”的方式解决。因此，我们向艺术生寻求了配色帮助。然而。。。。。。。。

这样的配色并不能让可点击按钮更加明显。。并且配色风格与我们小程序的整体风格严重不搭。经过一番尝试，我们最终选择将所有可点击按钮加上下划线，作为提示。

这样，我们既保留了配色的统一、美观，也提高了可点击与不可点击部分的区分度。

Alpha版本如同Alpha版本出口条件所述，主要为了完成计划的各类主要功能，为工期工作提供框架。因此，Alpha版本的产品在UI上非常简陋。在之后两个版本，我们大幅度优化了UI，几乎对所有页面的前端xsml代码进行了重构。通过长时间的努力，我们也取得了显著的成果。以下是两个版本的UI对比：

从上述对比可以看到UI、布局、配色的大幅度提升。

除页面的优化外，自Alpha版本以来还进行了大量的BUG修复及操作修改，其中重大问题包括但不限于：

缺乏加载提示，网络出现问题时显示一片空白，导致用户不清楚出现了何种问题

我们在之后的阶段对所有页面加入了加载提示：
修复了大输入框在IOS端字体重影的问题（小程序自带UI控件BUG）
自动联想标签的失焦问题：

自动联想的标签在Beta版本在进行滑动下拉等操作时也会判定为失焦，而自动关闭。这样导致在备选项较多，超过一个屏幕长度时，用户在进行滑动屏幕，想选择屏幕外的标签时，会判定为失焦而自动关闭。这一问题在之后得到了解决。
获取头像后无法登陆的问题

总而言之，Alpha版本是一个”能用“的版本，但存在诸多因为没有经验导致的设计问题、程序BUG。而在Gamma阶段，我们不但修复了之前各类极度影响用户体验的BUG，还在UI设计方面下了更多功夫，引入了更多诸如图标、不规则多边形、圆角矩形、阴影等设计元素，将软件质量大大提升。

原主页

新模块主页

相比Alpha阶段，我们在软件工程质量上的提高主要体现在三个方面：

除了基本的PM、开发、测试的分工，我们经过Alpha阶段的磨合，为每个人都分配了最适合的任务：

姓名	职位	详细分工
byw	PM	所有博客、进度追踪、页面设计、功能策划、接口初步规划、issues管理，尽量让其他成员专注于编程
wb	前端开发	和bsh同寝室，共同负责大部分前端页面的完成。
bsh	前端开发	负责部分前端页面的完成及测试矩阵的完成
szy	后端开发	后端部分开发，后端接口的详细设计，接口的单元测试
lw	后端开发	后端部分开发，服务器的一切管理事物，压力测试
lqh	前端开发	小部分前端页面开发，微信机器人的完成，博客gif的录制