header_v0.7.32

这是我对校园足球产生积极影响的故事

255天前发布

原创文章 / 平面 / 教程
SnowWensy 原创,如需商业用途或转载请与SnowWensy联系,谢谢配合。

<p>对于中国足球的现状,教育部21日举行新闻发布会,介绍2017年校园足球工作计划,提出将着力提高校园足球特色学校的建设质量和水平,争取提前完成建设2万所的

对于中国足球的现状,教育部21日举行新闻发布会,介绍2017年校园足球工作计划,提出将着力提高校园足球特色学校的建设质量和水平,争取提前完成建设2万所的任务,到2025年校园足球特色学校将达到5万所。

这意味着将有更多的人加入到校园足球的队伍中来,需要有个产品把校园足球联系起来,让这些年轻人获得更多对足球的关注和兴趣。


分散的校园足球

校园足球现在基本上都是学校内部相互打比赛,甚至院系之间都很少相互交流,也不知道其他院系学校的能力怎么样,也不了解校园足球的资讯,时间久而久之,会让一部分同学对足球的兴趣有所下降。


在这个数字化时代,校园足球应该是什么样子的?

实时获得与自己有关的赛事资讯;把志同道合一样热爱足球的人以约战、好友、分享的方式连接起来。


为什么从校园切入?

市场提供全员足球资讯的产品已经有很多,而定位校园足球的却寥寥无几;校园本身有完整生态-固定队伍、自有场地;单元复制-一校渗入,多校联合;学生的社交需求。


-1- 我的角色

这是去年我大二升大三暑假团队接的外包项目,我与甲方产品经理一起梳理信息架构、产品逻辑和改善交互,独立负责界面UI设计,最终输出产品原型、交互流程图、视觉设计稿、标注切图。我与三名技术人员合作开发,在开发过程中不断完善设计、跟进项目并且参与项目测试。


挑战 - 2个月4个学生从零到1开发一款功能综合型APP

值得一提的是我们的团队合作,这是我负责的第一款完整的产品,完全不懂开发的流程,开始还很担心跟不上开发进度,项目开始前组长根据我做的信息建构和产品原型一起商量暂时定下了任务节点,与其他两名技术讨论之后最终确定了具体的项目节点。使用Tower进行项目自主管理,大家基本都会在预计日期之前完成该段日期任务,大大提高了合作的效率。


27d458c2f9a3a801219c77482231.jpgTower合作截图


-2- 告诉我你有关足球的故事

我们的目标用户非常明确,就是校园爱踢球的同学。


这是一个外包项目,所以我没有那么多时间在用户调研方面,但是还是为了了解真正热爱足球的人的想法和足球规则,我周六日下午在足球场观看比赛并采访球员,这让我在现场观察和发现了其中的乐趣。几个球员和身边爱踢球的同学休息期间都接受了关于他们的足球经验的采访。面试的主要问题是:

· 你如何了解足球赛事、资讯的消息?

· 你踢足球的动机是什么?

· 你们队伍是怎么与其他队伍约战的?

· 你希望认识更多与你志同道合的人吗?

· 你是通过什么途径了解其他球队的呢?以后希望以什么方式了解呢?


意外收获

让我比较开心的是,每次实地用户调研都会有新发现。


增加目标用户-喜欢踢足球男生的女生。一天周六下午我在操场看足球比赛,球场边缘有几个女生开心跳跃的欢呼,这是我第一次看到对足球这么有兴趣的女生,带着好奇心跟这几个女生说明了我的来意和目的,女生开心的答应了我的采访。在采访过程中,我了解到这天下午学校操场的足球比赛是纯兴趣童鞋自发组织的,她们是这些踢足球同学的女朋友,看到他们进球很开心;她们的男朋友很喜欢足球,受男朋友的影响,有几个女生也对足球本身渐渐产生了兴趣,也会半夜看球赛,新闻加上足球新闻的标签。


所以我的角色设定包括两个不同的原型(分别是爱踢球的男生和喜欢踢球男生的女生),首先满足其踢球男生的需求。


-3- 实现思路

媒体引流 - 赛事跟踪(战报、集锦);球星迷妹(采访、专栏)

粘性社区 - 线下活动(全明星、趣味赛);线上活动(约战、灌水)

变现服务 - 打赏、赞助、培训、旅游

品牌4IP   - 赛事、装备、衍生品


-4- 信息架构

我根据与甲方产品经理一起讨论、优化、用户研究的结果最终确定的产品信息架构。全局导航为“首页、资讯、赛事、球队和个人资料(侧滑)”

a2a858c2fab4a801219c77901bda.jpg

信息架构


-5- 交互流程图

为了与程序员更好的沟通,让技术人员明白页面的交互效果,我把每个页面的产品原型做出来,并且对每个原型写了注释,并且以“1.0,1.1,2.1.1”的表示页面层级,之后又对每个部分分别画了使用流程图,让开发人员更明了,团队之间沟通起来也方便了很多。


这是各个页面产品原型的注释,字看不清,大概感受一下流程吧!(*^__^*) 

ba7458c2fae1a801219c7703fe46.jpg所有页面产品原型


下面是根据信息架构四个部分的产品使用流程图


a10e58c2faf9a801219c772b44cd.jpg首页-个人信息-约战使用流程图


243458c2fb27a801219c77747814.jpg资讯使用流程图


6d7c58c2fb48a801219c77165151.jpg赛事使用流程图


3ed958c2fb64a801219c77502f53.jpg球队使用流程图


-6- 视觉


寻找合适的绿色

视觉设计的一个非常具有挑战性的部分是找到正确的调色板。绿色表示草地,这是一个校园足球的产品,提起足球,我想很多人想到的都是“草地”,是的,我也不例外,我决定使用绿色作为产品的品牌色。


展示图我主要展示的是Redesign版本,大家如果下载,看到的上线的版本使用的绿色是我大二升大三暑假第一次设计完整界面ui使用的,大三上学期自己又Redesign了一下,所以这里介绍的是选取Redesign版本绿色的灵感来源——主要来源于大自然的绿色,优秀平面设计的绿色作为辅助参考。顺便提一句,作为一个超爱旅游骑行的人,大自然的颜色真的超美!不信你可以拍张美景然后吸取主要五种颜色,会发现真的很漂亮呢!

06c158c2fbeba801219c774dea79.jpg

灵感来源


找到了合适的绿色(*^__^*) 


235f58c2fbbba801219c77ae3871.jpg

首页展示图


-7-总结反思

这是我大学负责的第一个开发的完整的产品,虽然它还有很多很多的不足,但是我真的把它当成个孩子。大二还没有毕业的时候接到的这个项目,当知道自己独立负责所有界面ui设计并且协助产经完成调研和交互时,心里是既期待又担心,期待自己即将有一个正式上线的产品,担心还没有上过任何关于用研、交互、信息架构课程的我能不能经受得起这份任务。正式签署协议期间,我网上搜集各种相关资料,怎么能把产品做得更好,走了很多弯路,但是那段时间收获也很多。之后大三上这些课程,无论软件使用还是对交互理解都得心应手很多。


整个暑假都在团队做这个项目,付出的时间和精力都是做的所有项目中付出最多的,以我当时的能力真的尽力了。无论视觉设计还是交互、还是一个产品从零到1的过程、团队合作等很多方面都让我成长了一大步,带给我的满足感是无法形容的,也是它让我更坚定了以后走互联网这条路。我对它进行Redesign也是因为把它当成个孩子,希望它越来越好,毕竟“好的设计必然是来自多次的iteration(迭代)”。


关于这个产品有太多太多想说,愿每个“PP”都有这样一个产品,它或许很多瑕疵,但是它的确是自己的孩子。


1
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功