人格特質

父親為業餘攝影師，母親於大學教授西洋藝術，姊姊從事視覺藝術與劇場工作。深受家庭影響，從小接觸許多藝術展覽與藝文資訊，潛移默化下影響我的視野與價值觀，培養我以更開放的胸襟來看待事物；塑造我熱情、幽默、具創意、富好奇心、同理心強，喜愛分享的個性。此外，運動、網路、電影、電玩、音樂、漫畫皆是我熱愛的事物與創意來源。

介面設計自學

透過付費教學平台hahow和yotta，我開始自學「資訊設計」與「UI 介面設計」，嘗試將自己的創業構想描繪出來。雖然僅停留在概念性的視覺稿階段，但在此一過程中讓我學習必須「以使用者為中心」作設計，思考如何與使用者溝通，幫助使用者有效的完成工作，並不斷地測試藉以驗證自身的假設。學習UIUX，帶給我過去從未有的觀點與啟發；過去的媒體訓練聚焦於內容產製與傳播層面，學習運用媒介文本訴說一個漂亮的故事，吸引閱聽大眾注意，觸發閱聽人的情感，進而喚起共同的情感連結或集體記憶。而UIUX則教導我必須具備同理心，透過研究使用者，找出問題與困難，並建構與測量問題的解決方案。此時的設計奠基於研究與資料，透過真實的使用者來證明自身假設，並運用科學方法解決問題，從使用者的觀點創造價值。 

換言之，過去的媒體所學偏向由上而下的傳播行為，我們被教育成為媒體菁英的角色以掌握話語權，決定閱聽大眾的意見風向與品味；UIUX則藉由挖掘使用者欲求，將使用者的經驗與回饋納入產品設計流程，重視易用性並提供使用者簡單清晰的操作體驗。雖然兩者的最終目標均是說服人們採取行動，但藉由UIUX的學習幫助我將思維模式切換到「產品層面」，而非僅停留於「內容傳遞層面」，我認為這兩種思維的轉換是非常重要的訓練與必經過程。

UI 作品簡介

我將UI作品分成兩大類；首先是 APP介面設計，這部分的作品主要以Daily UI challenge 的題目為主，並根據自身的興趣作為創作主題，所以較為強調「概念性」，並非屬於完整的一套產品設計。再者，這些作品部分會遵循2017年9月發布的IOS11Human Interface Guidelines。至於並未全部套用的原因是，我會去思考作品的性質，如果該作品想要提供使用者較為獨特或沈浸式的體驗，我會選擇加入一些原創性進去，在努力不損及易用性的原則下，讓作品有較為鮮明的視覺調性與風格。當然，「遵循設計規範」與「原創設計語言」兩者之間的拿捏，也是我持續鍛鍊精進的方向。

第二個部分是網頁介面設計，創作來源是我日常生活的觀察與經驗，並將衍生出來的有趣洞察予以視覺化呈現。此外，我也將在愛照顧平台實習的設計作品放入其中。

設計理念：

首頁

首頁的設計是要呈現出，一個獨自練球的小孩，需要一旁有人協助並傳授實戰經驗，而右方的數位顯影正是象徵著GameCoach所媒合的專業教練，這個畫面正是要強調GameCoach的核心服務：「幫助需要強化自身線上線下運動遊戲/運動 能力的使用者，快速提升實力並重獲自信。」所以頁面規劃的重點是先要引起使用者注意，並提供一個管道讓使用者留下自身資訊，藉此體驗一個月的免費服務，透過良好的服務體驗，將使用者留存下來。所以在版面安排上盡可能的簡化，把重點聚焦在圖像結合文案所塑造出來的情境，引發使用者興趣留下電子郵件或往下滑動瀏覽。

公司價值

此頁面的設置目的為了讓使用者瞭解網站的價值所在，透過醒目的數字方式來呈現，讓使用者在瀏覽時能快速一目瞭然。當然，在設計這個頁面時，首先我去思考目標使用者最想看到？最容易理解？能感到放心進而產生信任感的指標為何？這些數字才能產生意義。所以最後選擇了「專業教練人數」、「使用者人數」、「顧客滿意度」作為指標，配合看似十分威猛的運動員，建構一種網站將會成為使用者的後盾、支持者、加入擁有眾多使用者的社群等想像，讓使用者能感到安心，彷彿加入了一個大家庭，擁有眾多兄弟支持互助的氛圍。

核心服務

在參考許多國內外新創公司的網站後發現，大部分公司關於核心服務的介紹，偏好以整齊單一的制式排列呈現。因此，我想讓這個網站能夠不太一樣並呈現出一個動態感。我刻意讓代表服務項目的icon呈現一個不規則排列，賦予網站更多的律動感與節奏。就像這張照片的主角一樣，他透過身體將籃球運往不同的方向，進而產生更多的律動與可能，就像網站能夠賦予使用者更多的可能與想像。

再者，我對於網路原生服務的規劃，由上順時針排列依序為：『一對一個人教練精準配對』、『量身打造個人化戰術』、『全球性社群連結』、『比賽數據查詢』、『實戰演練規劃』。期盼透過GameCoach的服務，策略性地提升使用者的技術與心理素質，進而達到網站架設的最初目的。

使用步驟說明

我希望能透過最簡短的資訊傳遞，讓使用者能迅速理解使用網站的步驟。因此我將過程濃縮為僅僅四個步驟，讓使用者不需要閱讀大量文字，降低其使用服務的門檻，並透過符號導引讓使用者易於辨識。 此外，左方的教練圖像設計，是想模擬出全息影像（Holography）的感覺（在此為GameCoach的符號化呈現）。下面的按鈕刻意放置於圖片中操作搖桿的左手大拇指旁，希望能藉此誘發使用者去點擊 (?)。總言之，我想將此頁面設計的有趣，除了讓使用者能迅速理解，更可以觸發他們對於服務的興趣。

使用者見證

同樣也是參考許多國內外新創網站，發現使用者見證常常也趨於制式化的設計，我希望GameCoach網站能呈現的是一個有趣的氛圍，並與這些制式化排版產生區隔。因此，這個頁面我想讓使用者將滑鼠游移至見證人的頭像時，能觸發回饋（feedback）跳出過去使用者的心得，藉由一個小小的微互動，拉近使用者與見證人的距離，進而產生更多的情感連結與投射想像。

媒體/名人 見證

如同上述原因，我想設計出與其他網站不一樣的媒體見證頁面，因此在此一頁面想要傳達出近似電影預告影評的感覺。從照片的挑選開始，就想傳遞出：「當使用者使用GameCoach的服務，你就會像照片中的主角，你的球技將會成為眾人注目的焦點。」而另一層含義是，GameCoach獨特的服務，也是眾多科技媒體、遊戲媒體/ 平台、創投們眾所關注的焦點。 

 最後，乒乓球的設計呈現，其實也是在呼應GameCoach的核心服務-『比賽數據查詢』。使用者的每一場比賽、每一個顆球的處理、每一場比賽的細節，都會轉換成一筆筆數據，並逐漸累積成為個人資料庫，便於使用者未來查閱、研究與分析之用。

行動呼籲頁面

當使用者瀏覽網站快結束時，在接收前面頁面的資訊後，可以不用回到首頁，便能有一個頁面提供快速註冊的服務，並結合第三方工具，讓使用者透過臉書帳號或Google信箱，有效跳過繁瑣的註冊過程立即開始使用。在畫面的安排上，僅以簡單的棒球比賽畫面作為背景，這個部分的安排是希望使用者將目光焦點放在註冊按鈕而非背景畫面，所以僅以簡單的畫面予以呈現。

頁尾

頁尾是本作品的最後一個頁面；我希望它不僅僅只是幫助使用者瀏覽整個網頁的用途，所以基本的網站地圖外，還增加了GameCoach粉絲分享照片的功能（Show off your #GameCoach）。我想一個網路服務擁有一個強而有力的社群連結會是非常重要的支持力量，因此在網站頁尾設計了一處能夠讓使用者欣賞全球GameCoach粉絲上傳於個人社群媒體的照片，希樣藉由現有粉絲的分享與展演進而影響更多新的使用者加入。

總結

綜合上述，GameCoach只是我的UI創作之一，並未正式成為一個真實網站。或許它的商業模式與網站設計規劃，未臻至十分成熟，也並未將使用者的意見與回饋納入設計之中，但透過製作視覺稿，將這個源自我日常生活中的微型觀察與經驗，演變成為一個小小的洞見，最終形成一個有趣的新創概念，雖然花了不少時間製作，卻讓我收穫良多且充滿幹勁。未來我還會繼續創作更多的UI作品，敬啟期待。

設計說明：

服務操作

在此頁面上，我挪用影像敘事的概念，除了故意將照片編排的較不具穩定性外，透過將照片放大產生一種視覺上的動態感，讓使用者在閱讀制式的服務步驟時不至於失去耐性。至於為什麼選擇跳水的照片？因為我覺得運動是一個自我挖掘的過程，這和網站的服務在某種程度上有一種隱約的關聯性。 此外，我在這系列的作品中刻意添加特殊效果（pixel、glitch 、slice、RGB shift 等），刻意使用效果的原因，源自於我覺得「回憶生平故事」就某些層面而言是一種零碎的畫面片段與訊號傳遞的過程，因而在照片上刻意使用一些效果來呈現回憶零碎、分裂、電波、模糊的感覺。再者，icon的設計也是故意使用重複的符號堆疊來表現回憶的組成樣貌。

使用者見證

我希望當使用者瀏覽網頁時看到的不是官方語氣的留言或是一成不變的排版。所以，我想從強化文字訊息方面著手，透過「古董打字機」這個符號，來提升文字訊息的歷史份量與信任度，且也與該網站的服務-請退休記者採訪紀錄病患故事有所呼應。 再者，我會希望過去的用戶能放上家族的老照片，我覺得這樣能呈現出一個具有歷史價值的恆久性故事，比起呆板的微笑大頭照更能吸引使用者去點選觀看。最後，我會希望使用者見證是一個簡單的微互動，如果在現實執行上能結合過去該用戶喜愛的音樂類型，隨著使用者瀏覽點擊時播放，我覺得會是一個很獨特的體驗。

行動呼籲頁面

這個頁面原先並未出現在官網上，是我自己額外添加的。添加的主要原因，是希望使用者在瀏覽網頁快結束時，有一個最後的驅動力量，驅使其順利使用網站服務。我很喜歡原來網站的按鈕行動呼籲標語：「 For Familities」。一句簡單的話語便能貫徹整個網站的價值主張與精神。此外，在視覺安排上，我使用一個老人的肖像與一名年輕人參與重要時刻的畫面，作為一種意境上的連結，簡單直白的編排，更可以減緩使用者瀏覽前面頁面的感官負荷。

頁尾

最後，在頁尾設計的部分，我故意挑選這些具有歷史底蘊的照片，來表現一個時間軸演進的概念。至於為何這樣安排，其實只是不希望頁尾僅僅流於枯燥的引導工具之用，在使用者瀏覽到網頁的最後一刻，還能感受到一絲的趣味性，留下一個具有記憶點的收尾。 

總結

在作品完成後一週，我將自己抽離，重新檢視此作品實際應用的可能性。我發現自己在設計時陷入了自我中心的思考框架，刻意強調視覺表現，卻忽略了易用性、使用者所處的情境脈絡、網站價值主張的傳遞等面向。我想會犯這些錯誤的可能原因：1. 我不是這家新創的目標使用者，自己也從未使用過此服務，在缺乏深刻理解下，忽略了以主要用戶為基礎作同理心設計。2. 我是傳播科系畢業，過去被教育為驅策閱聽大眾關注為首要任務，但一昧攫取注意力，反而忽略了網站核心訊息傳達的優先順序。3. 再設計與創作是不一樣的形式，前者是建構在一個既有基礎上的共創，後者是自我展演與理念傳達的過程。過多的自我意識反而讓設計流於自我中心的表面詮釋。

 綜合上述，雖然做了一個自己喜歡的風格，但如果回歸實際運用層面，可能還有許多細節需要思考與調整。但透過這次的學習，相信會幫助自己未來在做介面設計時，能有更深一層的思考與規劃。唯有真正去聆聽使用者的需求，接觸使用者所關心的文化，理解使用者的詞彙與語言，與使用者一起成長，並融入使用者的在地社群網絡，最後對使用者社群有所貢獻，才能設計出真正貼近使用者的數位產品。