起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識產品小白的實戰日記——發現競品和自己同一天上線
整個團隊開發一款服務高校的產品，誰料到上線第一天，學校官方竟同時推出一款功能相似的產品！驚呆且心累著！借此平臺，記錄自己第一次的實戰日記，隨著產品版本的更新會不定期更新文章。與大家分享工作中的經歷與心得，不是專業的產品文檔，不喜勿噴，也歡迎有經驗的專業人士提建議~ 未經本人授權不得轉載。
下面是本文目錄：
- 和官方競品同一天上線是一種怎樣的體驗
- 產品背景
- 產品定位
- 需求調研與競品分析
- 核心功能的確定
- 原型與交互設計
- 開發與壓力測試
- 上線后的反饋與優化
- 后期版本不定期更新
1.?和官方競品同一天上線是一種怎樣的體驗
9月10號，新生報道的日子，全體新生都要在霍英東體育館報道。全員出動去宣傳，通過發放小禮品、介紹公眾號功能的形式吸引學生們關注我們，同時也擺了易拉寶，就在宣傳進行了一個小時左右的時候，我們發現不遠處也有個易拉寶，寫著：交大校園導覽正式上線。我們無疑是十分震驚的，怎么會有這么巧的事情，而且后來這個小程序還被交大官方公眾號推送了。我們竟然和官方小程序功能撞車，而且同一天上線？！！
這是一個小程序，我們馬上關注了它，使用了一下，發現它的設計風格確實很有官方風格，和我們的形式有類似的地方，都是通過搜索、點擊標簽的形式可以查找校園里地點，他們搜索的地點包括景點、食堂、校門、博物館、咖啡館等等，看似它的目標用戶應該是來校參觀交流的學者和學生吧。而且具體每個地點點進去查看詳情，是一些介紹性的文字，沒有在校學生關注的營業時間或者提供的具體服務要求等等信息。
下邊是兩個產品的截圖，左邊是我們的公眾號，右邊是官方小程序：
而我們呢？在搜索、點擊形式相像之外，具體內容與目標用戶則是我們與它的最大不同，也正是我們最初設計的特色之處。我們的地點更加貼近學生，更加接地氣，在我們的地圖中，你可以查找到校園內所有的超市、水果店、快遞點、修車鋪、快遞點等等的營業時間，還有各個體育館、操場的預約方式、開放時間和注意事項等等。
不過我們也有很多不足的地方，比如，我們沒有涉及到徐匯校區，主要因為我們團隊在閔行校區，對閔行校區比較熟悉，其他校區準備在項目成熟后再拓展。另外，我們的設計風格沒有官方的更有學校的特點，值得學習。
在第一天上線宣傳我們產品的時候，發現官方這一小程序，我個人是非常震驚并且擔憂的，剛一上線，就發現了一個帶有官方背景的競品，換誰都會覺得難以置信，真的印證了一句話“萬事開頭難”。但是通過深度使用后，比較之后，發現了兩者的相同與不同，更加具體的發現了自己產品的優缺點，此時此刻真的有種這個產品是自己家孩子的感覺，希望能通過取其精華去其糟粕來讓自己孩子超過別人家的孩子！
我自己是名在校生，我們團隊也都是在校生，我相信我們更能創造出最大化服務學生的一款產品！我們希望讓大家看到，互聯網可以真真切切的讓你在身邊的生活中感受到便利與智能！
下面講講從項目啟動到現在，這三個多月所發生的。
2. 產品背景
2017年6月左右，機緣巧合我們有一個機會去做一個服務于搞高效學生的產品，于是團隊同學們坐在一起開了一個會，準備確定產品的定位和核心功能。這個產品的只是用于團隊練手，希望通過一次產品的從無開始到不斷完善，對一個產品的全過程有一個更加深入的感悟與體驗，同時更希望將技術和代碼融入到我們身邊的生活中，我們好奇也期待，作為學生的我們，究竟能夠通過互聯網給我們自己的生活帶來多大的改變。所以這個產品暫時沒有考慮過多的商業利益，只是希望它成為一個能讓學生喜歡、有價值的產品。
3. 產品定位
1.1 目標用戶選擇
在真的能為學校學生服務的基礎上，為了更快的將產品推廣出去，擁有一定的用戶量，我們覺得以入學的新生為突破口速度最快，效果最好，因為作為剛剛入學的學生，對這個校園的一切都比較陌生，這時候的他們還沒有和周圍的朋友、同學熟悉起來，但是入學時候需要辦理的手續、需要購買的東西非常多，所以他們對學校各個場所的地點、營業時間的需求會比較大，于是第一版的目標用戶被我們鎖定在了大一、研一、博一的新生們，功能的范圍定位在地圖這個范圍。
在學?？偟挠脩羧后w中，新生們的人數大約占總學生人數的20%左右，難道我們就放棄了其他年級80%的學生了嗎？當然這不是一個正確的選擇。我們認為，產品V1.0.0版本以新生群體的需求痛點為出發口，先黏住新生這部分群體，然后，隨著新生們慢慢熟悉了校園，他們的需求痛點也會隨之改變或者變得多樣化，我們的產品跟隨新生需求的腳步再增加新的功能。這樣慢慢的我們的產品就可以逐漸滿足了新生、老生們的需求。從而慢慢將目標用戶從新生擴展到整個校園的學生們。
1.2 開發類型選擇
以上是內容方面，那么在開發上面，考慮到距離2017年9月份開學所剩的時間已經很短了，除去前期的需求調研、核心功能確定、原型設計等工作的時間，留給開發與壓力測試的時間更是少之又少，所以在調研后最后決定在APP、公眾號、小程序中間選擇微信公眾號里面的服務號進行開發，這將會在基本能滿足我們功能上的需求的基礎上大大減少開發成本，這要感謝微信提供了這樣一個超棒的開發者平臺！計劃等V1.0.0版本上線后，慢慢優化再逐漸推出APP版本，當然這是一個比較長遠的計劃了。
總結來說，產品最終的定位是，在學習、生活上，不僅為新生，也可以為老生們提供服務幫助的一個微信公眾號（服務號）。
以上是作為產品的我和團隊leader在最初討論產品雛形時涉及到的問題、探討過程以及最終結果。
4. 需求調研與競品分析
在通過以上部分的討論后，我們討論后的幾個核心功能的方向，分別是：（以下功能大多依托于地圖的功能）
- 地圖的基本功能：搜索（包含語音、文字），并且能保存、顯示歷史搜索記錄
- 動態實時的每一站的交大校園巴士、教工班車的時刻表（目前學校有的時刻表都是靜態的圖片或者是僅僅有從菁菁堂出發的時刻表）
- 校園特色化搜索數據庫：利用校園的特點、學生的需求，區別于百度地圖、谷歌地圖、騰訊地圖等，用戶可以搜索到校園內的修車鋪、快遞點、水果店、理發店、配鑰匙、郵局、校園卡充值、圖書館、教育超市的地點、營業時間、收費標準等信息
- 校內各種手續流程的信息平臺，比如補辦校園卡、學生證、身份證、遷移戶口、預約體育場地、借用教室、校醫院報銷流程等
- 記錄用戶一天在校園內的足跡形成定制版軌跡圖片，可分享實現公眾號擴散
- 校園版定向越野
- 交大一日游
- 新生報告流程導覽
以上是待討論的需求，通過和團隊成員的討論，其中第5、6、7、8條，大家認為這些功能并不是新生入學的痛點需求，被暫定為低優先級的開發功能。
剩下的1-4條需求，以調查問卷的形式，發送給2017級新生群的新生們，以下是調查問卷截圖：
一共獲取了233份有效問卷，接下來是調查問卷的結果：
結合調查問卷的結果，產品和開發成員對上述的需求進行了第二次討論，從開發技術難度、開發周期以及需求必要性等角度對需求進行了最終的確立。結果見第四部分核心功能的確定。
5. 核心功能的確定
通過調查問卷的結果，團隊里的同學們對這個項目增加了不少信心和熱情，問卷的調查結果基本與我們最初的想法一致。
核心功能最終圍繞著“有校園特色的地圖”這個方向。因為從火車站、機場到達學校的路線百度地圖等已經可以很好的提供該服務，那么我們就沒有必要再做一遍了。與普通地圖的不同點是，可以搜索到校園里面的教育超市、水果店、快遞點、打印店、體育館、修車鋪等場所的營業時間與收費規則等重要信息，并且可以為用戶規劃到達那里的最優路線。這是前期核心功能的確定，準備以這個為突破口打開公眾號的用戶方向，后期會將目標用戶擴展到全校學生，不斷拓展公眾號提供的服務范圍，比如學校流程的整理、選課指南、重要商鋪測評（包括吃飯、理發店等）。
6. 原型與交互設計
6.1 首頁面
首頁面是用戶進來之后看見的第一個頁面，所以一定要突出我們的核心功能，首先讓用戶對我們的第一印象深刻而有代表性，那么無疑屏幕的大部分應該是地圖。
其次，借鑒了其他地圖，把菜單標簽展示在首頁一定不是個好的選擇，一方面，占用了首頁的較大面積，另一方面，掩蓋了搜索這一功能，搜索是能體現地圖智能、快捷、個性化的重要部分。一個用戶進來，肯定是抱著想要查找某個信息的想法進來的，如果通過搜索關鍵字，就已經找到想要找到的信息，那這是最完美的情況，如果找不到再通過查看菜單標簽，所以菜單是幫助輔助用戶的，不能喧賓奪主，所以它的設計應該不需要過于明顯。
首頁面效果圖如下：
這里把搜索框放在最醒目的位置，并且設計簡潔大方，為了新用戶首次體驗良好，搜索框添加了搜索提示語，并且將提示語設定成“餐飲”，因為搜索餐飲后的結果能更加全面的體現該地圖的功能，而且食堂是大家最為熟悉的地方。
6.2 菜單頁
在核心功能使地圖的基礎上，地圖提供兩大主要方式支持：搜索與菜單查看。
菜單的方式像這樣：
選擇加上菜單的方式，是因為考慮到，搜索功能可能不能做到很智能、完美，所有在此基礎上，準備通過分類式的標簽菜單形式，為新用戶一目了然提供“我們能提供哪些服務”的這樣一個菜單。但是團隊里提出，一般互聯網產品的下拉菜單都不會很多，用戶沒有耐心和時間去仔細看，所以在設計菜單的時候，在盡可能極簡的情況下，呈現最多的內容，因為我覺得一個新產品，第一位是要吸引用戶，而只有讓用戶知道你能提供哪些服務，才有可能黏住他們。
通過點擊搜索框右側的箭頭或者點擊搜索框（焦點在搜索框時），菜單會被觸發顯示，下面是V1.0.0上線時候的菜單頁：
而菜單里每個標簽的排列順序，是結合問卷結果的票數進行排序的。
這里在這個菜單里每個標簽的布局這里修改了幾次，為了盡可能保證看上去整齊、美觀，而且又要讓開發容易進行二次開發，和開發討論了幾次，才確定成了上圖的樣子。
6.3 搜索頁
采用了分塊半匹配式的搜索，即通過搜索關鍵詞可以智能提示用戶可能需要查找的地點，隨著用戶的輸入，下拉搜索框會實時更新。與以往有些搜索不同的是，不需要輸入完關鍵字再點擊回車再出現相關搜索結果，我們的搜索方式，大大減少了一次用戶點擊。
當輸入“餐飲”時，效果如下圖：
這是點擊圖中顯示的任何一個餐飲大樓（即食堂），即可進入目標地點的頁面。
6.4 結果頁
接著上面，比如點擊了“第一餐飲大樓”，會進入搜索結果頁面。
目前上線的版本的顯示頁面是這樣的：
但是，這不是最初設計圖的樣子，原因在后面會具體說。于是，第一版的樣子簡單了不少。只是保留了最重要的一些東西。
然而設計稿中的具體信息彈框是這樣子的：
這些已經在V1.0.1的測試中通過，后面即將上線正式服務器。
7. 開發與壓力測試
這里我主要說一下，在這個項目的全過程中，我作為產品也是團隊負責人，我與開發、運營、測試做了哪些工作以及扮演了怎樣的角色。
7.1 我 vs 開發
（1）安排工作
負責將這個產品的所有任務，梳理成一條時間線，盡可能將團隊成員的工作最大并行化，避免某個時間段，某個同學閑著沒事干。大概在確定了核心需求和核心功能之后，開發和我（產品）就可以開始工作了，雖然這時候我的產品設計稿還沒有畫好，不過開發這時候是可以去開始部署開發環境的，因為核心功能已經確定，需要的一些接口的是不是開放，這個功能是后端是用怎樣的邏輯去實現等等。
所以如何安排好每位開發的工作，并且協調好該任務的需要的時間，是產品非常重要的工作之一。這里需要說一下的是，我們的團隊人數很少，所以產品文檔都是后寫的，前期各種具體細節都是處于變化之中的，先寫產品文檔是性價比很低的一件事，所以交互與邏輯的一些描述，我會在產品設計圖中用文字和流程圖的形式進行說明，這里和大的互聯網公司應該會有些出入。大公司聽說是開發根據寫好的產品文檔來開發的。
（2）跟進進度
每個任務派發下去，都會確定好具體工作內容與工作周期的，跟進并了解每個任務的進度才能確保整個項目的如期完成。這里的工作內容偏向于項目經理了，不過現在不同公司對產品經理和項目經理的區分也是各不相同。
這個項目中，這部分工作，我就犯了一個錯誤，因為在項目進行過程中，我們正趕上兩個星期的暑假，加之團隊的主力開發那段時間有其他項目壓身，分給我們這個項目的時間遠遠低于預計時間，而我們也沒有及時跟進他的進度，導致在不太早的時間發現，工期遠遠落后，恐怕不能按計劃上線所有預計的功能，這時候只能開會來討論，出現了問題只能來解決問題了，可見跟進進度這件這么簡單的事情，是可以影響到整個項目的。
（3）解決困難
當得知項目一定不可能按照原計劃全部開發完的時候，這時候不是你自責后悔的時候，要做的是，提出補救計劃，將損失降到最低。由于我們這個產品目標用戶是2017年即將入學的新生，所以必須要在新生開學9月10那天上線，晚一天都意味著整個產品的失敗。那么既然時間來不及了，那么只能忍痛去掉某些功能，雖然目前已經是刪減后的核核核心功能了！所以犯了錯就要跪著彌補。最后去掉了規劃路線這個功能，因為吸引用戶的應該還是搜索和查看校園地點的功能。
7.2 我 vs 運營
運營，我簡單的理解就是宣傳吧？我沒正式工作、實習過，姑且這么理解吧。到了產品快要上線的后期，我負責與運營對接，主要是我給她一個目標，然后具體她來給我一個實施方案，我們倆根據方案討論、修改，最后她去執行。
7.3 我 vs 測試
在我們這個項目里，測試的任務就是將即將上線的產品，根據功能列表，一一體驗一遍，一方面是檢查數據的顯示準確性（我們這里開發手動豐富了交大特色的數據庫），另一方面是體驗交互與邏輯上有沒有什么違反常規的地方以及令人不舒適的地方。因為這個產品從頭到尾都是我在跟進，每一部分沒有人比我更了解，所以測試這部分工作是我來負責的。
8. 上線后的反饋與優化
學習早期騰訊QQ產品的設計，把“反饋與建議”這部分放在了產品最為醒目的位置，一個新產品是否能不斷優化進度，最重要的還是看用戶的反饋與批評。我們引用了QQ吐個槽社區，接入到了我們的公眾號，并且設置在公眾號的一級菜單處。
無論是“吐槽”社區，還是公眾號的后臺留言，我們每天都會不定期的去查看回復用戶的問題，對于有待改進的建議與意見，進行記錄并安排進后面的工作中。
奇怪的是，沒有收到任何攻擊性的語言批評，其實之前已經做好被噴的很慘的心理準備了，畢竟我們不是專業的公司團隊，大家還都是學生。能看到的數據只是公眾號取消關注的數量，每次去查看數據的時候，還是會有些小緊張的。
通過分析和改善，第二篇文章比第一篇文章的增粉數大幅提升，其他數據也有所改善。結合數據改善運營和產品優化真的是一個比較大且重要的話題，這部分哪天有空來更新~
9. 后期版本不定期更新
2017.6.23 項目啟動
2017.9.10 上線智能地圖V1.0.0
2017.9.27 第一篇推文《服務交大 | 請收下我的一點小心意》
2017.9.30 第二篇推文《動態版校車時刻表開通啦！》
作者：Kris （微信公眾號：@交大凡小姐），在讀研究生，產品實戰愛好者。
本文由 @Kris? 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Pixabay，基于 CC0 協議
運營就是宣傳？真的是產品小白啊姑娘
有個問題，你們的搜索如果結果過多，不完全怎么辦？還是當前你們控制了顯示的數量？？？
搜索結果如果過多，也全部會顯示出來的，通過上下滑動可以查看
設計風格有待提高
我拿起拖鞋走向正在玩狼人殺的姐姐
很厲害，贊一個