论一个赛事页面的粗糙出生

就在两周前,突然接到线下部门的需求,要求做一个篮球赛的页面,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是多多的有。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,394评论 25 707
  • 今天的小孩 - 明天的成年人 公共場所文明禮儀常識 公共場所禮儀體現社會公德。在社會交往中,良好的公共禮儀可以使人...
    黑貓子阅读 191评论 0 0
  • 作者:枫凌 生活,很难有一个固定的标准,可是我们心里,却有一套评判的准则,选择自己最喜欢的方式当作努力的目标,一点...
    惜君2017阅读 141评论 0 0
  • 每个人都是一个品牌,尤其进入互联网时代,每个人都是一个自媒体,因此一定要注意自我品牌的设计、包装、维护、推广! 设...
    黄健歌阅读 205评论 0 0
  • 其实我们的生活即使不遭遇意外,本身就充满波澜。 空气硫磺一般的呛人,生活的压力不会给我们带来快感,有时候是无情的压...
    缪章宪阅读 523评论 0 5