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

从零开始学运营,10年运营老司机带路,2天线下集训+1年在线学习,做个优秀的运营人。了解详情

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

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

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

分散的校园足球

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

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

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

为什么从校园切入?

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

-1- 我的角色

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

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

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

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

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

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

  • 你如何了解足球赛事、资讯的消息?
  • 你踢足球的动机是什么?
  • 你们队伍是怎么与其他队伍约战的?
  • 你希望认识更多与你志同道合的人吗?
  • 你是通过什么途径了解其他球队的呢?以后希望以什么方式了解呢?

意外收获

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

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

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

-3- 实现思路

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

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

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

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

-4- 信息架构

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

-5- 交互流程图

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

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

所有页面产品原型

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

首页-个人信息-约战产品流程图

资讯产品流程图

赛事产品流程图

球队产品流程图

-6- 视觉

寻找合适的绿色

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

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

灵感来源

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

首页展示图

-7-总结反思

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

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

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

 

本文由 @设计小PP 原创发布于人人都是产品经理。未经许可,禁止转载。

祝给予赞赏的伙伴,2017年发大财!
3人打赏

评论( 17

写下你的想法
  1. 兄弟,分享下元件吧~646061923@qq.com 谢谢了~~

    回复
  2. 运营路上

    大四狗一枚 大学四年一直在踢球 看见了你这个文章 去下载了APP 但是安卓的下载不了。。我现在在做运营 也希望能和你多交流交流

    回复
    1. 回复

      安卓在应用宝应该是可以下载的 好奇怪哦 我去问问技术人员 好呀欢迎加微信1047909178

  3. 好棒啊,我也是大学生,也准备做一款资讯集成类的APP,嘿嘿

    回复
    1. 回复

      加油呀!嘻嘻

  4. 一直想做一款关于篮球的约球app,始终没有付出行动
    为你赞一个

    回复
    1. 回复

      很不错哦!!

  5. 产品、运营、技术啥都懂点。

    现在的年轻人真厉害啊。

    回复
    1. 回复

      谢谢夸奖 😁

  6. 一生只有一个职业----学生

    顿时感觉世界真小
    第一个赞首先应该献给DG,SWM ,敢于去做这么一款产品,或许是打心里对于足球的热爱
    第二个赞献给十二码记者团,没有这样一群喜欢足球的运营人员,十二码根本没有内容产出,最好的校园足球

    回复
    1. 回复

      哇哇哇 世界好小 希望你继续支持十二码 嘻嘻 :oops:

  7. 不靠谱的创业者,在路上

    一看标题就知道是你

    回复
    1. 回复

      我本来标题是“这是我对校园足球产生积极影响的故事”,然后小编把我文中的这句话改成标题 真是太棒了 哈哈哈

    2. 回复

      可能具象的事实更容易被接受,简书已关注。

  8. 才大二就做出这等效果很不错,赞一个 :oops:

    回复
    1. 回复

      这是大三上学期Redesign的 嘻嘻 谢谢你呐 :oops:

    2. 回复

      主要改了品牌色 其他的排版没有怎么改 这是第一款产品 相当于一个敲门砖吧嘿嘿

推荐阅读