互動設計企劃入門,完整教學大公開
隨著科技的進步,AR/VR體感互動已經悄悄進入我們生活中了,產業之間也誕生出許多因應這些新科技的職業或技能,透過這篇文章,我將分享過去在互動領域學習到的知識和經驗。
我在互動設計的起點
當我第一次接觸到互動設計領域,是在2010年唸世新大學資訊傳播學研究所的時候,我的指導教授有一天問我:「Ben,有沒有興趣研究AR擴增實境?我這邊有個產學合作機會,讓你去互動科技公司學習的機會。」
當時我連AR是什麼都不曉得,回去Google了一下還是有看沒有懂,只知道它似乎是一個很酷的技術,在實體空間中加入虛擬的資訊,這不就是我在阿凡達才看得到的科幻效果嗎?
於是想了兩天之後就答應教授,決定接受這個產學合作的機會,在公司學習做AS3程式設計,並開始以研究AR擴增實境為畢業論文主題。
當時AR相關文獻資料真的超級少,不要說中文的資料,就連英文都很少,可想而知要在陌生的AR領域做出研究是相當困難的一件事,儘管有一段時間非常痛苦,還是得逼自己盡力。
大量投入時間研究的結果,加上教授、同學及公司的協助,才得以順利把論文完成,並且嘗試投稿於台灣資訊傳播研討會,成功錄取。
這段苦日子總算沒有白費,也讓我在接下來的幾年,順利在互動設計產業工作。
回首這段時光也過十年了,看著科技不斷進步,每年的智慧型手機、VR頭盔、軟硬體等技術不斷創新,我想大家對AR、VR領域應該都有一些認識了。
可以預測未來在互動科技產業將會越來越有影響力,需要更多的人才及教育資源投入在這個領域中。
因此,我希望將自己的學習經驗轉化為知識公開分享給大家,提升各位在互動科技領域的能力,並期望你也能一同參與在這科技快速變化的時代。
接下來,我將繼續分享在互動設計產業中,該如何開始學習成為企劃的角色。
互動設計企劃是什麼?
一般互動科技公司的主要成員配置,包含程式設計師(基本分為前端、後端)、美術設計師(基本分為2D、3D),除了程式設計和美術設計的工作外,其他工作大部分就是由企劃來做。
其實企劃要做的工作包山包海,部分公司又會細分專業如行銷、專案管理、互動企劃、UX…等等,而我認為互動設計企劃最重要的精髓在於,如何把一個專案從出生到完成都盡力做到最好,並且將功勞都歸於團隊合作的努力。
如果你正要開始學習互動設計企劃,首先建立一個正確的心態觀念是很重要的。
互動設計企劃的心態觀念
在學習互動設計企劃之前,要抱著一個「使命必達」的決心。
試想自己的角色正好介於客戶(外部)及團隊(內部)的橋樑,主要工作是依客戶的需求(或產品開發)提供解決方法,並轉化成美術及程式都看得懂的企劃規格,再經過內外雙方的打磨及修煉,最後將一把「看似」理想的寶刀交到客戶手中,並讓客戶得以自信滿滿地揮舞這把屠龍刀!
有沒有覺得哪裡怪怪的?
因為往往這把刀不會是完美的屠龍刀,當客戶發現怎麼連小兵都砍不死時,就會來怪罪你了。
等自己回頭思考鑄造的過程,是不是哪裡出了問題,往往已來不及了。
「一定要不斷思考這個鍛造的過程如何改進最佳化,向各門派鐵匠鋪學習,內化為自己的獨門打鐵絕活,再幫客戶鑄造出理想的寶刀,一直重複循環直到幾近完美的狀態。」
設定目標後反向思考
在學習互動企劃時,有一個方法可以幫助快速建構出雛形。
「先設定目標,再反向思考如何達成。」
比方說,我今天想要在一座舞台上做一個會自動跟隨主角的聚光燈。
好的,那這個在舞台上自動跟隨人的聚光燈裝置就是我的企劃目標,接下來就是思考要如何做出這樣的裝置,這時候自己的互動設計藍圖就很重要了,指的就是腦中要不斷噴出如何達成這項裝置的技術和方法,而且越多方案越好。
「如何追蹤人的技術」一般我會想到使用如紅外線攝影機、Kinect、熱感應、壓力感測…等等。
為什麼會知道這些方法?
因為長時間不斷蒐集資料、學習、觀察,並建立自己的互動設計藍圖,當每一次學會新的技術,都可以在未來需要的時候隨時抽出來使用,成為專屬的攻擊技能。
大家都知道在捕魚時用釣竿、打獵時用獵槍、除草時用鐮刀,但在這之前總要先學會這些道具怎麼使用吧,是同樣的道理。
接下來就要全方面思考比較,用哪一項方法是最理想的了。
站在需求的角度切入規劃
在開始規劃一個會自動追蹤人的聚光燈之前,要先想一想為什麼會想做這樣的東西,這就是站在需求的角度來切入規劃的重要。
「站在客戶需求的立場,必須先充分理解客戶的心裏在想什麼。」
透過詢問的方式了解客戶為什麼會想做一個可以自動追蹤人的聚光燈,常用的問法如下:
- 用途是什麼呢?
- 會用在什麼地方?
- 場地空間是什麼樣的呢?
- 聚光範圍多大?燈光有沒有需要隨時改變呢?
- …
如果不先問清楚,就不會知道這個自動追人聚光燈是不是給單一人用的,還是團體活動用的,或寵物用的,在室內還室外,有沒有需要隨時更改聚光範圍…
這些都會影響到接下來的企劃判斷。
「站在使用者的立場,必須先設身處地去想像使用的情境。」
- 為了節省人力操作聚光燈,所以希望透過互動設計裝置自動化來解決。
- 考量到這個場地的距離、範圍和配置,有什麼最佳的解決方案?
- 當我站在舞台任何位置時,會不會有刺眼的情形發生?
- 我的影子生成位置,會不會影響到拍照?
- 聚光燈的顏色和現場有沒有搭?
- …
想像一下,當體驗自己規劃的互動設計裝置時,有哪些問題可能產生,該怎麼做才能做到更好,這就是使用者經驗的重要,而這往往是展現出專業的時刻。
除了這兩個思考方向以外,當然還有其他像是成本經費、技術能力、製作時程、主題風格、臨時狀況等等諸多因素,都是在企劃同時需要一併考量的。
透過視覺化表達想法
當你已經想好企劃方案,並將想法告訴客戶後,往往自己的想像和客戶的想像都會天差地遠,這時候如何將想法視覺化就是一件企劃必學的技能了。
「將企劃想法透過視覺化的方式表達,拉近自己和客戶的共同想像力。」
該如何將企劃轉化成視覺化呢?
- 最簡單的方式是直接拿筆和紙,把你的想法畫出來。
- 提供相關案例影片或圖片,並說明哪些地方構想類似。
- 如果有學過Photoshop繪圖軟體(PS),可以靠電繪直接畫出來。
- 善用網路工具資源,依客戶的需求類型來選擇使用工具。
- 而我最常使用的表達方式是用PowerPoint簡報軟體。
「選擇自己能夠最快表現的方法,或最明確能表達想法的工具,就是最好的選擇。」
我個人是把PowerPoint當作畫布一樣,直接將自己的想法透過網路圖片,再拼湊合成作為示意圖。
如果要把示意圖做得漂亮,圖片去背是一項企劃必備的技能,現在已經可以用網站快速線上去背了,相當容易學會。
用PowerPoint可以直接在上面做任何編輯,雖然工具不比PS那麼完整,但企劃示意圖本來就不需要做到太漂亮(美化視覺是美術設計師的專業),只要能將自己的想法表達給其他人都看得懂,那就足夠了。
使用PowerPoint還有一個好處,可以直接把企劃變成簡報頁面,在對外客戶或對內團隊開會討論時,都可以直接播放簡報而不需轉檔,相當方便。
互動設計企劃不畏懼學習新知
而除了 PowerPoint技能之外,互動設計企劃也應學習的技能如下:
- Flowchart 流程圖:畫出整個互動設計體驗的流程步驟,推薦用Draw.io。
- Wireframe 分鏡圖:每一個畫面呈現的草圖,通常使用線圖或簡化圖示意,推薦用Axure Cloud。
- Mind map 心智圖:從一個中心主題發散的樹狀結構圖,推薦用coggle.it。
- Project Schedule 時程表:掌控整個專案分工及關鍵時程的時間表,推薦用trello。
- 互動腳本設計:整合流程圖及分鏡圖的結果,把每一段細節用圖片加文字方式表達。
- …
進階學習:
- 政府標案服務建議書:近年來政府對於AR/VR體感互動等項目有大量的需求,因此學習如何撰寫「出色」的服務建議書,並成功得標是一項相當具有價值的技能。
- VR360全景攝影:360相機在近年來已逐漸成熟,畫質也越來越高,隨著5G時代來臨,拍攝360影片及剪輯的需求將日益增加,可納入企畫學習的技能之一。
- 延伸專業技能:3D列印、機構互動設計、硬體工程、程式設計、美術設計、維修工程、空拍機、3D掃描、互動道具、室內空間設計、影片剪輯、音樂音效設計…。
克服萬難將化為養分
「企劃是一項很重要的領航任務,因為團隊的執行方向都是基於企劃的考量範圍來執行。」
互動設計企劃一定都會遇到各式各樣的主題,而這時候自己就要像一個海綿一樣吸收各種知識,再轉化為互動設計思維。
比方說我曾經規劃一個台灣茶葉製程的互動體驗,必須先學習茶葉的種類和製作流程,約一天前往苗栗一家知名茶莊,為了拍攝茶莊主人的殺菁和揉捻流程,在半夜一點多就得開車出發,赴半夜四點的茶莊作業流程時間,相當難忘的一次經驗。
「如果沒有在凌晨親眼看到茶莊的作業流程,我也不會知道原來茶葉是這麼做的,為了規劃呈現更好的結果,我必須克服萬難,它們將會化作未來的養分。」
建立自己的互動設計藍圖
想像一下腦中有張地圖,一開始只有標示你的住家和附近餐廳,因此肚子餓的時候參考這張地圖到附近餐廳買了便當,解決了餓肚子的需求。
然而,當有一天你身體不舒服,正想著該怎麼解決這個問題時,看著地圖卻只有標示餐廳根本沒辦法解決問題,想著如果有擴充自己的地圖資訊到醫院或診所就好了。
在學習每一次的互動設計企劃專案中,要記得把這些學習到的資源,轉化至個人的互動設計藍圖中,例如體感互動常用的設備是微軟Kinect,目前已推出了Kinect Azure,而它的優點比起上一代的V2又有什麼樣的差別…,下次遇到同樣需求就可以用到了。
「一步一步學習累積擴張自己的藍圖,隨時依需求彈性使用,甚至將不同結果意外碰撞出創意的火花。」
打造自己的互動設計百寶箱
互動設計百寶箱與藍圖概念類似,但不一樣的地方在於它是蒐集個人應用工具,比方說需要科技元素的背景圖,就會上網去搜尋下載;需要VR頭盔示意畫面,同樣會去google搜尋並下載圖片;需要史詩的背景音樂、觸控音效、火焰燃燒動畫、按鈕…。
這些在企劃時會經常用到的「素材」,應該在搜尋下載後,就把它們分類存放在自己的百寶箱當中,等到隨時需要取用時就可以輕易拿出來使用。
「每個人都應建立自己的專屬百寶箱,不僅可以提升工作效率,還能藉由與他人分享百寶箱互相成長。」
對互動世界抱有好奇心
建議可以多去看互動設計展覽,觀察別人的作品,想出1-3個自己認為這項作品最棒的地方,把它紀錄下來,有可能是情感表達、美術風格設計、主題設計、細節流程規劃、互動操作流暢、某個讓人驚豔的特色等等,這些都會幫助自己建構出個人的互動設計藍圖。
此外,再用自己的經驗和角度來思考,換作是你會怎麼改良這項作品?
有沒有什麼地方只要稍微變一下,就會產生更棒的效果呢?
「透過網際網路、旅行時刻、上班通勤或日常生活中,用不同的角度去觀察平時沒有注意到的事,對互動的世界充滿好奇心,將使你越來越能將心比心。」
以助人為互動設計出發點
我認為任何一項互動設計體驗都會是有意義的,即使是抽象藝術型的互動,也是表達作者的某種訴求而融入作品中,進而影響體驗者。
在企劃時,任何動作都應該以「幫助別人」為出發點來著想,可以是具有教育性質、資訊展示、理念推廣、心理藝術、改善問題、便利生活、品牌價值…等等,而這就是互動科技的創新與進步,幫助我們打造出更好的未來生活。
Think outside the box!
「試著以不同的方式,從新的角度來進行思考。」
基於自己的互動設計藍圖來思考新的企劃,雖然是在安全舒適範圍內,但往往會限縮在一個框架中而無法跳脫出來。
當已經累積足夠的基本企劃能力後,請嘗試跳脫出這個盒子,試著用不同的角度來思考該怎麼做才會更好,多和不同專業領域的人互相交流,都很有可能讓自己腦中迸出新的idea,成為下一個企劃的關鍵亮點。
「不要把自己一直關在盒子裡,出來透透氣吧!」
看完了這篇文章,有幫助你更加了解互動設計企劃嗎?歡迎下面留言喔。
如果喜歡我的文章歡迎分享出去,並免費訂閱電子報,我將會不定期提供最新資訊給大家!
班老大有創立一個FB臉書社團《360互動星球》,歡迎各位加入!
最新的文章提醒和資訊動態都會在社團第一時間發布喔!
相關閱讀:
- 梵谷眼中的VR360全景畫作世界,是怎麼做出來的?
- Silent Disco 默日狂歡是什麼?我的無聲派對初體驗!
- 智慧印章是什麼?其實就在你身邊!
- 【海尼根博物館】8種到荷蘭阿姆斯特丹必玩互動體驗
- 體感互動是什麼?看完這篇馬上就懂!
- 【體感互動裝置】有哪些玩法?5款感應器用途和特色總整理
- AR、VR是什麼?我講故事讓你馬上就懂!
超專業的分析,還介紹了很多實用的小技巧!其實不管做什麼從使用者角度切入思考是最重要的~
謝謝!從使用者角度切入就是將心比心的重要~
真的不簡單,很喜歡版主努力工作的精神也謝謝將龐大的工作內容簡化成文章中的重點,所謂一分耕耘一分收穫就是可以在自己學到的領域漸漸看到成果的樣子吧!期待能看到版主的作品~
感謝你~
太專業了… 直接訂閱網站了,期待更多新文章!
謝謝!希望文章能對你有所幫助~
好喜歡這樣條列式的分享,互動設計企劃我也想要學習
謝謝你喜歡!
很認同「以助人為互動設計出發點」!然後透過文章真的長知識了>< 謝謝版主分享!
謝謝~
講解的非常詳細,感謝版主的介紹
讓我對最新的AR、VR新科技產業有更多的理解
謝謝~ 很高興能對你有所幫助
感覺十分專業而且充滿辛酸血淚史,要進這個工作真不簡單
謝謝~入行真的要有興趣和熱忱吧!