這是我對(duì)校園足球產(chǎn)生積極影響的故事：整個(gè)暑假都在團(tuán)隊(duì)做這個(gè)項(xiàng)目，付出的時(shí)間和精力都是做的所有項(xiàng)目中付出最多的，以我當(dāng)時(shí)的能力真的盡力了。無(wú)論視覺(jué)設(shè)計(jì)還是交互、還是一個(gè)產(chǎn)品從零到1的過(guò)程、團(tuán)隊(duì)合作等很多方面都讓我成長(zhǎng)了一大步，帶給我的滿(mǎn)足感是無(wú)法形容的，也是它讓我更堅(jiān)定了以后走互聯(lián)網(wǎng)這條路。我對(duì)它進(jìn)行Redesign，也是因?yàn)榘阉?dāng)成個(gè)孩子，希望它越來(lái)越好，畢竟“好的設(shè)計(jì)必然是來(lái)自多次的iteration（迭代）”。

對(duì)于中國(guó)足球的現(xiàn)狀，教育部21日舉行新聞發(fā)布會(huì)，介紹2017年校園足球工作計(jì)劃，提出將著力提高校園足球特色學(xué)校的建設(shè)質(zhì)量和水平，爭(zhēng)取提前完成建設(shè)2萬(wàn)所的任務(wù)，到2025年校園足球特色學(xué)校將達(dá)到5萬(wàn)所。

這意味著將有更多的人加入到校園足球的隊(duì)伍中來(lái)，需要有個(gè)產(chǎn)品把校園足球聯(lián)系起來(lái)，讓這些年輕人獲得更多對(duì)足球的關(guān)注和興趣。

分散的校園足球

校園足球現(xiàn)在基本上都是學(xué)校內(nèi)部相互打比賽，甚至院系之間都很少相互交流，也不知道其他院系學(xué)校的能力怎么樣，也不了解校園足球的資訊，時(shí)間久而久之，會(huì)讓一部分同學(xué)對(duì)足球的興趣有所下降。

在這個(gè)數(shù)字化時(shí)代，校園足球應(yīng)該是什么樣子的？

實(shí)時(shí)獲得與自己有關(guān)的賽事資訊；把志同道合一樣熱愛(ài)足球的人以約戰(zhàn)、好友、分享的方式連接起來(lái)。

為什么從校園切入？

市場(chǎng)提供全員足球資訊的產(chǎn)品已經(jīng)有很多，而定位校園足球的卻寥寥無(wú)幾；校園本身有完整生態(tài)-固定隊(duì)伍、自有場(chǎng)地；單元復(fù)制-一校滲入，多校聯(lián)合；學(xué)生的社交需求。

-1- 我的角色

這是去年我大二升大三暑假團(tuán)隊(duì)接的外包項(xiàng)目，我與甲方產(chǎn)品經(jīng)理一起梳理信息架構(gòu)、產(chǎn)品邏輯和改善交互，獨(dú)立負(fù)責(zé)界面UI設(shè)計(jì)，最終輸出產(chǎn)品原型、交互流程圖、視覺(jué)設(shè)計(jì)稿、標(biāo)注切圖。我與三名技術(shù)人員合作開(kāi)發(fā)，在開(kāi)發(fā)過(guò)程中不斷完善設(shè)計(jì)、跟進(jìn)項(xiàng)目并且參與項(xiàng)目測(cè)試。

挑戰(zhàn) – 2個(gè)月4個(gè)學(xué)生從零到1開(kāi)發(fā)一款功能綜合型APP

值得一提的是我們的團(tuán)隊(duì)合作，這是我負(fù)責(zé)的第一款完整的產(chǎn)品，完全不懂開(kāi)發(fā)的流程，開(kāi)始還很擔(dān)心跟不上開(kāi)發(fā)進(jìn)度，項(xiàng)目開(kāi)始前組長(zhǎng)根據(jù)我做的信息建構(gòu)和產(chǎn)品原型一起商量暫時(shí)定下了任務(wù)節(jié)點(diǎn)，與其他兩名技術(shù)討論之后最終確定了具體的項(xiàng)目節(jié)點(diǎn)。使用Tower進(jìn)行項(xiàng)目自主管理，大家基本都會(huì)在預(yù)計(jì)日期之前完成該段日期任務(wù)，大大提高了合作的效率。

-2- 告訴我你有關(guān)足球的故事

我們的目標(biāo)用戶(hù)非常明確，就是校園愛(ài)踢球的同學(xué)。

這是一個(gè)外包項(xiàng)目，所以我沒(méi)有那么多時(shí)間在用戶(hù)調(diào)研方面，但是還是為了了解真正熱愛(ài)足球的人的想法和足球規(guī)則，我周六日下午在足球場(chǎng)觀看比賽并采訪球員，這讓我在現(xiàn)場(chǎng)觀察和發(fā)現(xiàn)了其中的樂(lè)趣。幾個(gè)球員和身邊愛(ài)踢球的同學(xué)休息期間都接受了關(guān)于他們的足球經(jīng)驗(yàn)的采訪。面試的主要問(wèn)題是：

• 你如何了解足球賽事、資訊的消息？
• 你踢足球的動(dòng)機(jī)是什么？
• 你們隊(duì)伍是怎么與其他隊(duì)伍約戰(zhàn)的？
• 你希望認(rèn)識(shí)更多與你志同道合的人嗎？
• 你是通過(guò)什么途徑了解其他球隊(duì)的呢？以后希望以什么方式了解呢？

意外收獲

讓我比較開(kāi)心的是，每次實(shí)地用戶(hù)調(diào)研都會(huì)有新發(fā)現(xiàn)。

增加目標(biāo)用戶(hù)-喜歡踢足球男生的女生。一天周六下午我在操場(chǎng)看足球比賽，球場(chǎng)邊緣有幾個(gè)女生開(kāi)心跳躍的歡呼，這是我第一次看到對(duì)足球這么有興趣的女生，帶著好奇心跟這幾個(gè)女生說(shuō)明了我的來(lái)意和目的，女生開(kāi)心的答應(yīng)了我的采訪。在采訪過(guò)程中，我了解到這天下午學(xué)校操場(chǎng)的足球比賽是純興趣童鞋自發(fā)組織的，她們是這些踢足球同學(xué)的女朋友，看到他們進(jìn)球很開(kāi)心；她們的男朋友很喜歡足球，受男朋友的影響，有幾個(gè)女生也對(duì)足球本身漸漸產(chǎn)生了興趣，也會(huì)半夜看球賽，新聞加上足球新聞的標(biāo)簽。

所以我的角色設(shè)定包括兩個(gè)不同的原型（分別是愛(ài)踢球的男生和喜歡踢球男生的女生），首先滿(mǎn)足愛(ài)踢球男生的需求。

-3- 實(shí)現(xiàn)思路

媒體引流?– 賽事跟蹤（戰(zhàn)報(bào)、集錦）；球星迷妹（采訪、專(zhuān)欄）

粘性社區(qū)?– 線下活動(dòng)（全明星、趣味賽）；線上活動(dòng)（約戰(zhàn)、灌水）

變現(xiàn)服務(wù)?– 打賞、贊助、培訓(xùn)、旅游

品牌4IP ??– 賽事、裝備、衍生品

-4- 信息架構(gòu)

我根據(jù)與甲方產(chǎn)品經(jīng)理一起討論、優(yōu)化、用戶(hù)研究的結(jié)果最終確定的產(chǎn)品信息架構(gòu)。全局導(dǎo)航為“首頁(yè)、資訊、賽事、球隊(duì)和個(gè)人資料（側(cè)滑）”

-5- 交互流程圖

為了與程序員更好的溝通，讓技術(shù)人員明白頁(yè)面的交互效果，我把每個(gè)頁(yè)面的產(chǎn)品原型做出來(lái)，并且對(duì)每個(gè)原型寫(xiě)了注釋?zhuān)⑶乙浴?.0，1.1，2.1.1”的表示頁(yè)面層級(jí)，之后又對(duì)每個(gè)部分分別畫(huà)了使用流程圖，讓開(kāi)發(fā)人員更明了，團(tuán)隊(duì)之間溝通起來(lái)也方便了很多。

這是各個(gè)頁(yè)面產(chǎn)品原型的注釋?zhuān)挚床磺?，大概感受一下流程吧?*^__^*)

所有頁(yè)面產(chǎn)品原型

下面是根據(jù)信息架構(gòu)四個(gè)部分的產(chǎn)品使用流程圖：

首頁(yè)-個(gè)人信息-約戰(zhàn)產(chǎn)品流程圖

資訊產(chǎn)品流程圖

賽事產(chǎn)品流程圖

球隊(duì)產(chǎn)品流程圖

-6- 視覺(jué)

尋找合適的綠色

視覺(jué)設(shè)計(jì)的一個(gè)非常具有挑戰(zhàn)性的部分是找到正確的調(diào)色板。綠色表示草地，這是一個(gè)校園足球的產(chǎn)品，提起足球，我想很多人想到的都是“草地”，是的，我也不例外，我決定使用綠色作為產(chǎn)品的品牌色。

展示圖我主要展示的是Redesign版本，大家如果下載，看到的上線的版本使用的綠色是我大二升大三暑假第一次設(shè)計(jì)完整界面ui使用的，大三上學(xué)期自己又Redesign了一下，所以這里介紹的是選取Redesign版本綠色的靈感來(lái)源——主要來(lái)源于大自然的綠色，優(yōu)秀平面設(shè)計(jì)的綠色作為輔助參考。順便提一句，作為一個(gè)超愛(ài)旅游騎行的人，大自然的顏色真的超美！不信你可以拍張美景然后吸取主要五種顏色，會(huì)發(fā)現(xiàn)真的很漂亮呢！

靈感來(lái)源

找到了合適的綠色(*^__^*)

首頁(yè)展示圖

-7-總結(jié)反思

這是我大學(xué)負(fù)責(zé)的第一個(gè)開(kāi)發(fā)的完整的產(chǎn)品，雖然它還有很多很多的不足，但是我真的把它當(dāng)成個(gè)孩子。大二還沒(méi)有畢業(yè)的時(shí)候接到的這個(gè)項(xiàng)目，當(dāng)知道自己獨(dú)立負(fù)責(zé)所有界面ui設(shè)計(jì)并且協(xié)助產(chǎn)經(jīng)完成調(diào)研和交互時(shí)，心里是既期待又擔(dān)心，期待自己即將有一個(gè)正式上線的產(chǎn)品，擔(dān)心還沒(méi)有上過(guò)任何關(guān)于用研、交互、信息架構(gòu)課程的我能不能經(jīng)受得起這份任務(wù)。正式簽署協(xié)議期間，我網(wǎng)上搜集各種相關(guān)資料，怎么能把產(chǎn)品做得更好，走了很多彎路，但是那段時(shí)間收獲也很多。之后大三上這些課程，無(wú)論軟件使用還是對(duì)交互理解都得心應(yīng)手很多。

整個(gè)暑假都在團(tuán)隊(duì)做這個(gè)項(xiàng)目，付出的時(shí)間和精力都是做的所有項(xiàng)目中付出最多的，以我當(dāng)時(shí)的能力真的盡力了。無(wú)論視覺(jué)設(shè)計(jì)還是交互、還是一個(gè)產(chǎn)品從零到1的過(guò)程、團(tuán)隊(duì)合作等很多方面都讓我成長(zhǎng)了一大步，帶給我的滿(mǎn)足感是無(wú)法形容的，也是它讓我更堅(jiān)定了以后走互聯(lián)網(wǎng)這條路。我對(duì)它進(jìn)行Redesign也是因?yàn)榘阉?dāng)成個(gè)孩子，希望它越來(lái)越好，畢竟“好的設(shè)計(jì)必然是來(lái)自多次的iteration（迭代）”。

關(guān)于這個(gè)產(chǎn)品有太多太多想說(shuō)，愿每個(gè)“PP”都有這樣一個(gè)產(chǎn)品，它或許很多瑕疵，但是它的確是自己的孩子。

本文由 @設(shè)計(jì)小PP 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。