就在两周前，突然接到线下部门的需求，要求做一个篮球赛的页面，web端
接到的需求如下：
1 策划开赛前、中、后一系列活动，用户包括：参赛者，观赛者，既不能参赛又不能观赛的
2 开发球赛总页面，页面包括报名、规则、日程、活动、视频
1 持续水深火热的两天讨论后，我放弃参与，主要是原因包括没有时间思考或寻找类似案例、线下部门不太喜欢提出的各种方案
2 主要工作，也就是本文中的页面
主页面
－－－－－－－－－－－－－－
1 当讲出简短需求后，我立马想到了杜蕾斯曾经做过的一个页面，杜蕾斯这个页面应该是把pc端的直接copy到web端，再次打开这个页面，满满嘈点和不顺手，请看下面，就是这样哒。。。
Paste_Image.png
2 因为要穿插视频，瞬间想到奥美给戴尔做的无边框电脑h5页面，这个页面很棒，想想也是价格不菲
Paste_Image.png
后来程序员告诉我，这个页面的视频是自己服务器上传的，我们有好几个视频，自己服务器上传，会导致各种情况产生，所以我们还是使用外链。。。
3 根据需求的模块，其中简单的图文页主要是规则、日程，而报名、活动需要制作线框图，视频需要开发人员找寻案例
根据紧急重要象限，我先开始制作总页面和报名页面
总页面线框图一次性通过，后视觉设计很多版，最终我认为很不错的一版在上周四产生
未命名_meitu_2.jpg
最终版展示，如下图（涉及隐私，所以有些部分打了马赛克），总的来说，比之前的很多稿好了很多，首先图标字体统一了，其次模块色系协调，然后加上副标，用户第一眼明白此模块是做什么，最后视频缩略图中的妹子促进用户点击，但是还是有几个问题，a，音乐图标不是统一图标 b，模块副标文案略粗糙
最终版本_meitu_3.jpg
之后，我与线下部门同事私聊文案问题，给出了自己相应的文案，虽然还是粗糙，但比第一版好一些，总之，这种文案一定要脑暴啦！
报名参赛 ＃听说长得好看的人都打得开＃
赛事规则 ＃宝典在手，说战就战＃
比赛日程 ＃选个良辰吉日，把事儿办了吧＃
自由篮球 ＃黑科技，用智商推倒你＃
2013年回顾 ＃论赛事进化史1＃
2014年回顾 ＃论赛事进化史2＃
报名页面
－－－－－－－－－－－－－－
第一版线框图，如下：
Paste_Image.png
通过讨论发现几点问题：
a 若用户报名后，需修改，回到的页面可以更改参赛时间
b 投票页面需不需要加搜索功能（共500支队伍）
后，统一达成共识
a 用户可更改参赛时间及相关信息
b 添加搜索功能，输入球队编号或队长姓名都可以查找到相应队伍
c 投票页面共三种场景，1填写者看到的页面 2 填写者分享出去别人点开的页面 3非填写者通过别的模块页面点开的投票页面，其中1、2填写者的队伍置顶，其余队伍投票数正序排列，3仅为投票数正序排列
视觉效果如图：
屏幕快照 2015-06-29 下午3.41.00_meitu_1.jpg
活动页面
－－－－－－－－－－－－－－
此页面，其实本人不太喜欢，我本希望作出的是图左中的，设计作出的是这样的（图右，设计的想法，估计是为了和主页面风格统一），主要功能实现，时间有限，审美不同就不辛苦设计改啦
屏幕快照 2015-06-29 下午3.52.00_meitu_2.jpg
总结
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
此页面是我在这家公司的最后一个项目，马上要离职了的，总的来说，可以打70分，在两周的时间内完成页面线框图、理清逻辑、视觉设计、前端开发，主要是搞不清线下部门的需求，通过沟通协调制作完成
现在程序员还在开发，我想bug是多多的有。。。
网友评论