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