#alphacamp

[bearhittheroad-blog]

產品設計課番外篇：專案執行心得

你進來AC是為了你要學習的東西而進來 不是為了做專案而進來 當初開學時，你根本不知道你要做什麼專案！

我一開始很焦慮我無法兼顧兩個作業 在消化完偉大的助教George的話後，明白

最重要的是「你在這裡學到了什麼」

在雙軌並進下，有些PD同學無限焦慮 因為在東西都模模糊糊、不著邊際的狀態下 技術端同時也動工，讓大家壓力非常大 因為過程中一個畫面、一條流程的調整 PD端是整條線要重新想過、跑過 對我來說，我在團隊裡面，最重要的價值是跟大家一起合作 讓大家清楚PD在團隊中的位置是什麼 至於專案的實品，老實說，真的是其次 有多少能力就完成多少，而不是抓了東西盲做 這樣學期結束，擁有的基礎並不是紮實的

對於團隊裡的每個人都很感謝，尤其是Founder 我每週固定回報我在做什麼事、預計時程 因為我想用我的速度去走，而Founder也能夠理解 團隊的其他人也都願意溝通跟討論 雖然有想法，但是我們依循著一個方向在走 讓我的壓力相較來說，沒那麼大，比較能好好學習

看似順順利利、暢行無阻？ 不，在執行後期發現沒問題就是最大的問題！

首先是iOS技術端 從一開始就完全依照PD的設計去做 (除了修正我天馬行空的想法以外) 但是我們雙方都高估了能力、低估了時間 以致於到最後的最後，時程明顯的延宕 接著是Web技術端 與三位工程師的溝通中 二位我講七分他們會腦補到九分 一位有問題他會問，講完他也說懂，但是執行後不同 沒有時間清楚溝通是藉口 我的確把重心放在APP端 所以Web在中後期都只給個大概而已 其他就透過口說溝通讓他們腦補 事後檢討

規格書應該要能詳盡說明，不需要口說補充 因為傳遞時不見得有機會說明

無論如何 我們還是圓滿的在Demo Day中落幕了 這也是我們在學期中額外獲得的經驗 這支產品接下來會繼續走 我會盡我所能的跟著它 持續成長、持續Support 感謝加入了這個團隊

MyScoreBoard Team members

[bearhittheroad-blog]

產品設計課程-課程大綱、收費、申請入學概要分享

以下分享分三大部份 課程概述、課程費用、課程申請

W1-產品開發 了解新創公司中，團隊開發的模式、合作技巧、產品生命週期…等概念 W2-使用者研究  &  W3-資料匯整 實際走出門外做使用者訪談、學習以使用者為設計中心的思考模式 W4-微互動設計  &  W5-線框稿繪製 W6-產品原型製作  &  W7-產品假定 學習產品原型製作、產品流程設計的核心概念 實際原型測試、測試後修正 W8-視覺設計  &  W9,W10-設計工具應用 學習介面設計觀念以及相關設計工具應用 產品設計課程，因為大部份學的是邏輯觀念 所以會透過實作，並在課堂上反覆與老師討論應用成果 在課程中會設定個人作業，實際下去跑訪談、設計產品流程 另外，ALPHA Camp會有一個合作專案要做 將由四個班級(Web、iOS、PD、Marketing)的同學合併分組 學習在專案執行中如何溝通 對產品設計的同學來說，最重要的是 設計產品的人如何跟工程端溝通 所以產品設計班同時有兩組作業在跑

每週固定團隊會議

十週下來，收費12萬 上課總時數90小時+課外鍛鍊時數N小時 貴不貴？見人見智 (官網不定時有早鳥優惠，請以官網價格為主) 個人認為CP值挺高的 觀點的角度是「人」的價值 怎麼說？細節請見：結業感想這一篇 哦沒錯，你覺得上述這篇長得像葉佩雯 因為那篇是在我整理堆積如山的心得之前 幫忙學校先寫一篇心得總結(因為是第一屆畢業) 葉佩雯的架構(因為怕沒邏輯不易讀) 但是字句屬實全無美化 你說什麼？哦對，我只挑好的講 因為我想拿出來說的是我看到的價值 而不是狗屁倒灶、雞蛋裡挑骨頭的小事

申請上課，大致上分三大部份 填寫申請表、完成營前測驗以及面試 針對每個班級的學員，我覺得他們是在篩選「態度」 尤其iOS、Web、Marketing課程，他們是從入門教到深 所以據說沒有相關經驗值是允許的 每一個人的申請表他們會認真看過再決定是否進入面試 態度呢，是指，「你清不清楚你要什麼」 你要什麼不是說你知不知道你要學的是什麼東西 (不知道是正常的，因為知道你就不需要上課了) 對於你想做的事或想學的東西有沒有想法，對或錯都無所謂 (錯沒關係，但要有虛心求教的學習態度) 常見的例子是，因為學校性質是屬新創產業 所以申請書劈頭就說我進學校是為了創業的大有人在 可是什麼叫創業，要創什麼業，為什麼要創業… 「你有好好想過了嗎？」 其實在AC裡，並不十分推崇創業，「因為創業真的維艱」 他們希望進來的學生在學習過程中 明白創業的模式以及團隊合作的難易處 真正了解後再起身而行 據統計，大多數人進來學成後的方向，多為轉職 以上是三個班級的學員，至於產品設計課程 申請書會多一個項目，作品集的提供 因為我過往沒有太多相關經歷 所以就丟了一些美編排版的東西上去而已 後來有問，其實主要是想了解你有沒有基本的美感

畢竟美感的養成不是十天半個月可以理解的

營前測驗的部份，我這一屆還沒有 第二屆開始據說是出題目，請你用設計工具複刻畫面 不過我想以他們來說，這個營前測驗應該也是參考值 不是絕對，我想；你若有心，請你極力爭取。

以上為個人心得分享 實際課程內容請參考：產品UI/UX設計實戰營 想進一步了解請報名：課程說明會 有任何問題歡迎來信：[email protected]

[bearhittheroad-blog]

ALPHA Camp #8-PD-W8-Visual Design

練習+生活+習慣+環境+互動+感受+情緒+思維=美感

從第七週邁入第八週 開始要將wireframe穿上外衣 突然覺得視覺設計能力完全不足 以前在做的美編排版只是把東西排列好看 但是和設計一個好的畫面卻是大相逕庭 懂得欣賞美的東西卻不知道如何「設計」

課堂中有項很實際的作業練習 設定主題，針對主題配出適當的色票

將配出的色票給其他人看 對方是否可以感受到你的主題是什麼 或是將配出的色票直接套用在產品畫面上 也可能會有意想不到的效果

某堂課的作業是分享好的&壞的設計 搜尋的過程才發現對於好設計會有印象 但對於壞設計似乎記憶有限，不太會去注意 也是在這個作業之後 懂得開始練習將美感落實於生活中 從事設計相關的人 對接觸到的任何人事物能培養覺察的能力 欣賞好的、激發想法改善壞的 都會是一次次的練習甚至是創造下一個機會點

[bearhittheroad-blog]

ALPHA Camp #8-PD-W7-Assumption

進入第七週尾聲 使用者研究及產品原型製作課程告一段落 將過去手中的資料做階段性的小結 清楚了產品的核心價值 明確了產品的架構流程 在此階段完成的假設就待測試驗證 結果沒有對與錯，也沒有好與壞 最重要的是過程，從混沌到架構與視覺化

產品設計不是畫畫圖拉拉字就好 最重要的是架構流程的呈現

我們上課的方式相較其他三個班級，可能比較特別 各個老師除了第一堂課是好好坐著聽課以外 90%的時間都是每個人輪流present手中更新的東西 再從老師給的回饋去吸收觀念、修正軌道 也因為老師們一再引導的 是最基本，也是最核心的價值 從每個人的case分享中也可以學到 如何在不同的角度中看見相同的觀念

階段小結簡報

一次又一次的簡報中 漸漸可以體會到 何謂storytelling

[bearhittheroad-blog]

ALPHA Camp #8-PD-W6-MVP & Prototyping

Minimum Viable Product (最小可行性產品) 用最低的成本製作出可運作的產品 快速進入市場測試、驗證需求 再從設計循環中一次次完整

MVP | 圖片來源：Grisanik

隨著產品流程的規劃、介面流程的設計衍生 一個不經意產品會「默默的茁壯」 隨著它長大，接連而來的成本也可能增加

在這個階段要將鎂光燈聚焦在主要功能 「要解決的是什麼問題？」 「用什麼方法去解決這個問題？」 「解決這個問題的方法需要哪些要點？」 Features follows Functions follows Flow - Joe Hsia

其實在這週之前我一直搞不懂Joe跟Kaba到底在教什麼 好幾堂課的時間過去了，但是對於課程有記憶的並不多 在混亂中畫完Wireframe又在混亂中用Keynote prototyping 接著雲裡霧裡的使用新入手的工具Sketch製作原型 經過了工具迷雲後 其實Joe跟Kaba講的一直是同一件事 「找出MVP的主要功能，明確產品的流程」

Prototype(產品原型) 其意義是用最快的方式打造產品的雛型 接著走出去找使用者使用，測試並驗證 接著再進入研究、修正的循環

MyScoreBoard球隊管理畫面測試雛型(左)  &  產品實際畫面(右)

「Prototype永遠不會有完美的一天」 在使用者研究的過程中 要能在預料中的環境之外進行研究 我想這部份述說了，「面對未知的恐懼」 從星期二下課到星期四上課之前 要完成使用者測試訪談這件事 其實不是找不到人，是我要面對自己的完美主義 清楚知道手中是產品雛型，不是最後產品 (更遑論即使是產品也是永遠需要更新) 害怕被打槍、被數落、被輕視、不被認同 這些心理因素才是讓自己無比焦慮的主因

拿到已經有一個Demo產品的專案非優勢 在經驗不夠的情況下反而侷限了初期訪談的框架 資料挖得不夠深，於是在訪談了三個對象後 因為時間關係僅能就手上現有的資料去判斷 在專案後期明白，這導致了某些畫面的設計立基點不足 感謝Alpha Camp給了我這段學習時間的機會 學生是幸福的，而在這個學習階段 是能看見自己訪談技巧及所有學以致用盲點的最佳時機

[bearhittheroad-blog]

ALPHA Camp #8-PD-W5-Wireframe

數位產品設計分三個區塊：視覺+互動+資訊架構

課程進入第五週，開始Wireframe(線框稿)繪製初體驗 最初，腦筋一片空白，遲遲無法下手 只用過去的經驗在紙上胡亂畫出天馬行空的想像 也因此才知道與實際運作上差異在哪

關於介面設計基礎可參考： Android_Material Design   &   iOS_Human Interface Guideline

最後依著本能先畫出了產品架構的樹狀圖及流程圖 (幾週後才想到這就是產品資訊架構的部份) 對產品的框架有了藍圖後才順利的推進Wireframe

約莫第七週，重新拉過的流程圖

Wireframe通常由線條、無彩度色塊及文字組成 其作用是在投入更多人力、時間成本前 用快速的方式繪製，將想法具體化以便溝通 在順產品流程時，也能清楚整個流程中是否有遺漏的地方

約莫第八週，重畫過N次的Wireframe

這週也帶領專案團隊進行了Brainstorming(腦力激盪)

過程中可以看見每個人不同的想法十分有趣

Brainstorming首重原則是「一切都有可能，沒有BUT！」

發想過程： 1.設定主題 2.慣性思維發想 3.激發性思維發想 4.創意想法 5.手繪草稿

課程分組演練

遇上瓶頸，與人分享，是學習的態度 不是壓著自己要給出什麼東西的態度 每次上課都覺得自己準備好了 但上完課後又猶如進到地獄的感覺 (Rrrrr...) 沒有東西是絕對完美，需要微調微修 也不需急著和別人比較，最重要的是 和一個半月前的自己有沒有不一樣了

[bearhittheroad-blog]

ALPHA Camp #8-PD-W4-Micro Interaction

使用者研究不是為了解決問題，而是為了定義問題。 Do not rush for solutions, what you are doing is to define the question, then solutions will come up with your questions.

某天，課堂作業之一是 「找幾個自己喜歡的微互動範例」 想著想著，跳脫了數位產品的角度 想到了飯店廁紙貼心的截角 以及沈方正曾說起飯店精調過的入坐角度

圖片來源：Hilton Garden Inn   &   Wen48.Tokyo

微互動設計不是擁有華麗的外表、酷炫的功能就好棒棒 重要的是它能適時適地給予使用者當下「Wow」的加值感受 來得早，不如來得巧。

接著想到「飯店使用者的體驗地圖」 使用者和飯店訊息接觸->決定入住->進入飯店 ->進入房間->使用設備->離開房間->離開飯店

飯店的使用者體驗地圖

放大來看使用者介面 縮小來看使用者經驗 這一連串的過程 如何能提升使用者整體的好感度 正是我們在學習理解的

原來 從前在設計公司站在客戶立場思考的方式 就是現在學的以人為中心設計使用者體驗 莫名其妙銜接上 在工作中早已模糊了的 最初上來台北想學的事 在 ALPHA Camp 裡面的人和環境 教會了我課程以外的事

迷失了後，回到初衷，我進到ALPHA Camp是想學到什麼？

[bearhittheroad-blog]

ALPHA Camp #8-PD-Back to the beginning

Product Design 是閉關這三個月來，在學習的課程 熱情高昂與時間壓縮交織，以致廢寢忘食

開課前，在澳洲旅行時 曾經對於即將來的課程感到退縮 那是面對未知的恐慌 對於要投入這麼多金錢及時間成本 我不知道我可以獲得什麼 更怕是一場會醒來的夢

當時其實也能耍賴不付錢 草草的應付幾句就此與ALPHA Camp再不相會 回到安心的舒適圈 繼續轉圈圈

不論世界怎麼變、人生再怎麼起跌，我永遠都在 儘管做妳現在認為該做的吧，成敗我都會支持妳

我一直這麼告訴自己。

Ulruru / Feb.2016 in Australia