大家好，我是TKB APP開發團隊的Rick，小弟弟我作為一個App產業的初心者，想要藉由這次機會跟大家分享自己首次的App企劃－Goal Go Flag!，這不是行銷文章，我只是想要以一個初心App企劃的觀點跟各位分享一個App的產出，從idea的發想、產品企劃、程式製作、產品上架到行銷，看似有著美麗光景的產業，背後到底有什麼不為人知的秘密，就讓我這個誤闖禁地的小綿羊(誤)來跟大家說說吧！
到底所謂的初心者要有哪些裝備，才能進入這個領域呢，在大學是讀企管系的我，其實沒有太多的資訊及coding方面的專業技術，略懂皮毛而已，只是憑藉著對於科技、平台及創新產業的熱血，才跳入了App的領域中，其實，要做出一個好的App，所需要的技能及經驗是相當多的，辨認可行的idea，企劃邏輯、程式能力、介面設計、使用者行為分析、行銷策略分析...等等，每一項都是非常不容易的學問，有那麼多細節要注意，到底身為一個初心者要如何面對呢？除了與團隊的夥伴要維持良好及有效率的溝通以外，不斷的吸收及思考也是很重要的。
1. 初期idea發想：
常常聽到這句話，「世界上最不缺的就是點子。」，點子何其多，但是要如何中挑出有機會的點子呢？最簡單的就是從自身需求開始思考，由於當時是自己一個人住在外面，正苦惱自己想要持續做某件事，或是想要養成運動的習慣，但是常常因為忘記或怠惰都無法確實達成(最大的原因還是懶惰)，所以這也成為了我第一個想要解決的需求。
常常無法持續作某件事或是養成良好習慣，要如何透過App來解決呢？
image via BPS Research
那大家會說，這種需求一定很多人都有吧，沒有類似的App嗎？事實上，在App Store上已經有相當多類似概念的App，但是世界不就是如此？真正創新的idea可遇不可求，通常是從轉換開始，將想法轉換成真正自己想要的往往是創新的第一步！
實際上在確認idea時，中間已經花了1~2週的時間，無論如何，總算是確定主題了！就是幫助「目標達成及養成習慣」。
2.企劃擬定：
功能
決定了主題以後，就是要開始建立企劃的架構了，一開始先確認這個程式需要哪些功能，關於目標達成，當然是要能夠讓使用者建立目標的清單及設定(目標名稱、頻率....等等)、提醒功能、查看每個目標的情況...等等，當然這些都是以自身的需求為主去思考。
當時Goal Go Flag!初步的架構。
在目標的設定，初步規劃了2個數字可以調整，第1個數字是設定目標要幾天循環一次，第2個是目標總共要循環幾次，這樣的想法是想要讓使用者可以依照自己的需求去調整，因為每個目標的需求不盡相同，能夠越有彈性越好。
查看目標的部分，當時想要導入進度檢視的概念，所以規劃了目標達成率的計算，針對總目標次數以及目前達成的次數下去比較，使用者可以清楚自己每個目標目前的達成率。
最後，規劃了與Facebook連結的功能，主要的目的是想要藉由社群的資源，讓使用者可以分享到自己的塗鴉牆上讓朋友可以督促自己，提供更多管道幫助自己完成目標。
腳本
定義完功能後，就要開始製作App的流程圖，跟網站企劃一樣，App當然也是由許多頁面層疊起來的，所以腳本的目的就是要將功能頁面化，從打開App的首頁開始，點擊每個按鈕所進入的頁面或功能，每個頁面要呈現哪些資訊以及位置，在腳本中都要清楚的定義，這對於程式的製作以及設計的參考是很重要的，而且也要考慮到使用者在操作的邏輯，如果位置或是頁面不符合邏輯，使用者將會迷失在你的程式中。
製作腳本的工具有很多，當然身為初心者的我一開始也只能用手繪的方式來勾勒出每個頁面的樣子，其實用手繪的方式是很直覺的，不過如果有一些設計或素描的底子會更好，當然厲害的人也可以使用像Axure這種強大的網站企劃工具做出功能完善的腳本，就一個初心者的做法，當手繪的腳本確認後，我就直接利用office的ppt直接製作比較正式的腳本。
Goal Go Flag!剛開始的手繪頁面(檢視目標頁面)
用PPT整理過後的腳本(目標列表頁面)
用PPT整理過後的腳本(檢視目標頁面)
用PPT整理過後的腳本(已完成的目標頁面)
設計
設計風格對於一個App來說是非常關鍵的元素，已經有許多實例證明了程式的icon及UI設計會實際影響下載量(Pinssible Team Blog- How UI design affects Padgram downloads)，當然，身為一個初心者當然還沒有自己設計畫圖的能力，不過我們可以將自己對於這個App的主題賦予一個形象、風格，再與設計師討論，這說真的其實有點籠統，端看企劃跟設計的協調及默契。
針對「目標達成」這個主題要賦予什麼形象，想了蠻多方案的，不過到最後決定是以冠軍旗幟為Goal Go Flag!的主題形象(其實App名稱也是在現在才一起決定的)，因為對我來說，如果可以達成自己所訂定的目標，就像是贏得一場比賽一樣。在思考主題形象的同時，也能夠依照其主題來設計一些有趣的元素，像是決定以冠軍錦標旗為主題後，又想到可以針對每個目標不同的達成率來頒發不同的旗幟，結合了一些挑戰遊戲的元素在裡面。
加入旗幟元素後的介面初步設計(手繪稿)
除了主題以外，設計風格也是需要去跟設計師討論的，風格有分相當多種，有簡約風格、精緻材質風、科技金屬風格....等等，那對於一個初心者的我要如何去與設計溝通呢？最簡單的方式就是將類似風格的App或者是圖片拿去跟設計討論，不過每個設計師都有不同擅長的風格，重點還是企劃跟設計師之間的協調。
當初原本是想要像Figure以色塊為主的介面設計為風格，但是考量設計的建議及擅長的風格，決定改成像Nike以陰影及材質呈現旗幟感覺的風格，
以上就是關於Goal Go Flag!企劃的第一階段，在下一個階段中，就是要開始實作程式及設計了，其中身為初心者企劃會遇到哪些問題呢？下次再與大家分享。
大家如果有任何的看法或是指教，也歡迎私訊給我，謝謝！
_____________________________________________________
集提到了App企劃的第一階段－idea發想及企劃腳本擬定，接下來就是要開始進入程式及設計實作的部份了，在這一階段中，主角是工程師及設計師，所以企劃要扮演哪種角色呢？
3. 設計實作：
腳本製作完成後，還需要分成設計版本及程式版本，當然是依照不同的需求去修改，在設計的部分當然就是頁面的呈現，從首頁、功能頁面、設定頁面...等等，設計師要將每個頁面畫出來，在與企劃討論及確認；回到Goal Go Flag!的設計，在確定風格以後，馬上就請設計師依照這個風格先去設計首頁圖，拿到圖以後再討論修正。
當時設計第一次出的首頁圖與之後修改的首頁圖對照
由於介面的設計是Goal Go Flag!的一個重點之一，所以當時跟設計師也討論了很多次，包含了材質、顏色、按鈕設計...等等，在思考設計呈現的同時，也有可能會有一些新的想法，有次在跟設計師討論關於冠軍旗幟的設計時，就聯想到能夠用不同的旗幟來代表不同的目標達成率，讓使用者可以收集冠軍旗幟，就延伸成後來的功能。
不同旗幟的初版示意圖。
最後設計出來的旗幟徽章。
確定頁面設計後，就是要開始實作程式的部份了，通常在實作APP的流程中，設計跟程式會同時進行，設計在畫圖時，工程師就會開始製作APP的框架，將每個頁面會運用到的程式功能先大約拉出來，不過在Goal Go Flag!中，由於考慮到希望是以動態的方式呈現，所以我們是等到設計將示意圖都出完後才開始實作程式的，當然在製作時程上就會比較急迫。
4. 程式實作：
在程式的腳本中，越清楚詳細對於工程師在實作的時候會更有幫助，也能夠避免實作出來的功能跟原本企劃有落差的情況(這就要看企劃對程式的基本概念及邏輯)，在Goal Go Flag!的企劃中，當初在企劃這個程式的時候，是想要加入動態的感覺，像是在切換頁面時，目標旗幟進入畫面的方式，關於動態的部分在腳本上就比較難以說明，所以跟工程師討論了非常多次，加上與Facebook的連結、將循環的天數及次數代入正確日期中、達成率的計算...等等，有相當多的地方要修正。
(檢視目標頁面)將每次的循環天數及循環的次數換算成日期，check時間切換的判斷，在這邊修正了好幾次。
在實作的過程中，與工程師的討論是很重要的，要確定每一次需要新增或修正的地方，需要呈現的效果是如何，以及可以用哪些方式作...等等。除了程式功能面的部分，還有一個很重要的是設計圖檔及程式的結合，這就是需要工程師、設計師及企劃來討論的地方了，基於程式的架構，設計師要將示意圖切成好幾個部分的圖檔，在讓工程師去套用，一切都是要達成腳本上敘述的功能及呈現的效果，所以一開始就說了，邏輯及敘述清楚的企劃腳本是非常重要的，定義不清楚的功能會讓設計及工程師用自己的方法去思考，這樣可能會導致一連串的問題，身為初心者的我再這邊也吃到了不少苦頭。
5.程式測試及修正
經過了一連串的設計、程式實作、UI與程式整合，APP終於有一個大致的雛形了，不過還有許多部分要修正，像是程式速度的優化、程式Debug、邏輯性及使用者測試等等，都需要花時間去調整。
像是在使用者測試中，目標設定「每次循環的天數」以及「總共循環幾次」的數字會有不少人會搞混，所以馬上加上使用者教學(User Guide)，避免這種情況。
修正頁面的動態切換及速度優化耗費了不少時間。
加上使用教學避免使用者搞錯設定。
經過數次的測試及修正後，完整的程式終於誕生了，身為第一個自己企劃的APP，真的是相當感動啊！不過以為這樣就結束了嗎，接下來才是最重要的關鍵，城市上架及行銷，這個部分也是最困難的，就目前APP市場的競爭情況，剛上架的程式很容易就會消失在App Store的洪流中，這對一個初心者真的是相當大的考驗啊！再下一篇文章中就會提到我們目前為止針對Goal Go Flag所作的行銷以及上架後的一些心得，感謝各位～
