1. What I think about the…
UI Design
Amelie

2. Outline
Whatis UI ?
UI 設計前
UI 設計時
UI 設計後

3. What is UI ?
 盲點
1.產品面
以為我們自己服務的很周到!
但其實我們都誤會了！

4. What is UI ?
 盲點
2.需求面
總是最後才發現我們以為對使用者知道的很多,
但其實根本不夠了解
就跟談戀愛一樣！啊~多麼痛的領悟~！

5. What is UI ?
所以永遠不要忘記
你的team member裡
還有＂使用者＂這個人

6. What is UI ?
 到底UI是什麼啦？
維基百科說
使用者介面 (User Interface)，亦稱用戶介面
是系統和使用者之間進行互動和訊息交換的媒介，它實
作訊息的內部形式與人類可以接受形式之間的轉換。
組成要素
Human:操作者
input:user執行、操作一套系統
output:系統向使用者傳達操作結果
運作內容、簡單明瞭的操作

7. What is UI ?
很模糊？對不對？！
簡單來說是…
一個簡單、容易操作並能正確雙向傳
遞、交換訊息，以滿足需求的媒介

8. What is UI ?
有需求
↓
input(透過介面)
↓
系統運作
↓
output(透過介面)
↓
滿足需求

9. 設計前
 知己知彼／作好朋友/角色扮演
不夠了解user，以為提供很多方便給user但其實是在造成不便

10. 設計時
 思考，討論，思考，討論
 腦力激盪，沒完沒了
以為有用但…
有時其實沒用

11. 設計時
Needs Identify
↓
Mockup x n times
↓
Layout x n times

12. 設計後
Accessibility
UI
Clarity Connectability

13. 設計後
 測試/檢討
使用性測試/ A/B測試（也可能只tune一小塊）
差異比較（請愛問為什麼）
 改善/改版
教育使用者=＞讓他們習慣=>他們就會有sense
漸進式改進（手扶梯)
Case:
Square-信用卡訊息輸入
Twitter-註冊流程

14. Thank you