#app_ui

[jacchuang-blog]

Mr. Beerdy 喝遍在地精釀 | App UI

2016  ( V.1, V.2 )

最方便的手工啤酒訂購服務

[jacchuang-blog]

Tada 一鍵就來 | App UI

2014 - 2015  ( V.1 )

只要輸入實體商店的任何商品與遞送地點，一小時內送到你手裡。

Uber 叫車 app 在國外正夯，我們也想嘗試這類能「挖掘閒置產能」的服務。因此我們打造了一個 FoodPanda (那時叫空腹熊貓，標準色還是橘色的時代）+ Uber 的變形版，試圖媒合「沒課的大學生」幫「不方便外出購物的人」採買並送到他手中，並且標榜「只要商店有賣的，一小時內都能送到你手裡。」

經過訪談身邊的親友後，得知「快速」、「流暢」會是他們在使用「tada」這個服務時想要體驗到的重點，因此我們期望從操作這個 app 開始，就盡量能感覺用起來很簡單、很容易。所以首先，我們利用原型紙卡經過幾輪測試，排除了非必要的環節、步驟與功能，接著我試著將每個畫面都收斂成只讓使用者做一件事就好，並且刻意放大了當下那件事裡最重要的訊息與按鈕，讓輸入與確認資訊變得更容易。

色彩的配置上也是依循了「快速」、「流暢」的核心體驗，選用無彩度的鐵灰色階與鮮黃色的撞色組合，讓畫面上明確的亮點有效率的引導使用者「前進」。

User flow

[jacchuang-blog]

YOYO Club 之奇幻星球大冒險 | App UI

2014 (V.1)

業主：東森電視台

東森電視旗下的兒童頻道 YOYO TV 於 2014年製播了一集約一小時的特別節目，業主委託外部團隊開發一款可與該節目互動的遊戲 app。App 內含4款小遊戲、獎勵集點機制、大頭貼相機等內容。

執行這個 app UI 設計的其中一個挑戰在於：除了要讓介面元素的調性和 YOYO TV提供的主視覺風格維持一致、並保有已被大眾熟悉的介面邏輯/模式以外，還要讓不同時間點加入的贊助商（義大世界、麥當勞...等）IP們能適當的融入。

另一個挑戰是，這個 app 的目標群眾是觀看 YOYO TV 的小朋友和他的爸媽，操作情境是讓他們在短短的節目廣告破口中完成限時遊戲，因此邏輯簡單、容易操作的介面設計是首要目標，期望使用者在玩遊戲的時候不會誤按、不會迷路、不會挫折。

目前該 App 以改版為 YOYO Club，並移交於其他專業團隊維護。

[jacchuang-blog]

Pixme 自拍王 | App UI

2010 - 2015 ( V1.0 - V 3.3 )

世界第一款結合人臉辨識技術的手機自拍軟體。

「自拍王」源自一個簡單的想法，在 iPhone 3G 只有後鏡頭的時代，「自拍」雖然已經在年輕族群裡漸漸流行起來，但那時透過後鏡頭自拍，常常拍出臉在畫面外的失敗照，因此「偵測到完整人臉後啟動相機倒數」的 app 就這樣誕生了。

隨著 iPhone 在台灣的日益普及，在沒有投入行銷資源的情況下，「自拍王」的累積下載數也很快地達到了數十萬，我們也因此決定要好好的來優化這款有潛力的工具型 app。

從使用者數據中明顯發現女性遠高於男性，所以在重新設計 VI 的時候，首先替他取了個新名字「Pixme」，然後我採用了古典的襯線字體、並將舊標誌所採用的天藍色刷淡來體現優雅感。

基於「讓照片當主角」的想法，我參考了大多數攝影集的白底設計來凸現自拍照，也將介面元素用深灰色的符號來表現，讓整體 UI 乾淨利落之餘，唯一留有彩度的照片顯示區域很容易就成為視覺的焦點。

改版手稿-V1.8_FB_canvas_app

改版手稿-V1.8_photo_review

改版手稿-V1.8_Share_mode_usecase

改版手稿-V1.8_Share_mode