What I think about the…UI Design                          Amelie
OutlineWhatis UI ?UI 設計前UI 設計時UI 設計後
What is UI ? 盲點  1.產品面           以為我們自己服務的很周到!          但其實我們都誤會了!
What is UI ? 盲點  2.需求面       總是最後才發現我們以為對使用者知道的很多,           但其實根本不夠了解       就跟談戀愛一樣!啊~多麼痛的領悟~!
What is UI ?      所以永遠不要忘記     你的team member裡     還有"使用者"這個人
What is UI ?   到底UI是什麼啦?                  維基百科說       使用者介面 (User Interface),亦稱用戶介面    是系統和使用者之間進行互動和訊息交換的媒介,它實    作訊息的內部...
What is UI ?      很模糊?對不對?!     簡單來說是…一個簡單、容易操作並能正確雙向傳 遞、交換訊息,以滿足需求的媒介
What is UI ?     有需求        ↓ input(透過介面)        ↓    系統運作        ↓output(透過介面)        ↓    滿足需求
設計前 知己知彼/作好朋友/角色扮演不夠了解user,以為提供很多方便給user但其實是在造成不便
設計時 思考,討論,思考,討論 腦力激盪,沒完沒了以為有用但…有時其實沒用
設計時Needs Identify↓Mockup x n times↓Layout x n times
設計後            Accessibility                UI  Clarity                   Connectability
設計後 測試/檢討 使用性測試/ A/B測試(也可能只tune一小塊) 差異比較(請愛問為什麼) 改善/改版 教育使用者=>讓他們習慣=>他們就會有sense 漸進式改進(手扶梯)    Case:    Square-信用卡訊息輸入   ...
Thank you
UI Design
Upcoming SlideShare
Loading in …5
×

UI Design

698 views
587 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
698
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UI Design

  1. 1. What I think about the…UI Design Amelie
  2. 2. OutlineWhatis UI ?UI 設計前UI 設計時UI 設計後
  3. 3. What is UI ? 盲點 1.產品面 以為我們自己服務的很周到! 但其實我們都誤會了!
  4. 4. What is UI ? 盲點 2.需求面 總是最後才發現我們以為對使用者知道的很多, 但其實根本不夠了解 就跟談戀愛一樣!啊~多麼痛的領悟~!
  5. 5. What is UI ? 所以永遠不要忘記 你的team member裡 還有"使用者"這個人
  6. 6. What is UI ? 到底UI是什麼啦? 維基百科說 使用者介面 (User Interface),亦稱用戶介面 是系統和使用者之間進行互動和訊息交換的媒介,它實 作訊息的內部形式與人類可以接受形式之間的轉換。 組成要素 Human:操作者 input:user執行、操作一套系統 output:系統向使用者傳達操作結果 運作內容、簡單明瞭的操作
  7. 7. What is UI ? 很模糊?對不對?! 簡單來說是…一個簡單、容易操作並能正確雙向傳 遞、交換訊息,以滿足需求的媒介
  8. 8. What is UI ? 有需求 ↓ input(透過介面) ↓ 系統運作 ↓output(透過介面) ↓ 滿足需求
  9. 9. 設計前 知己知彼/作好朋友/角色扮演不夠了解user,以為提供很多方便給user但其實是在造成不便
  10. 10. 設計時 思考,討論,思考,討論 腦力激盪,沒完沒了以為有用但…有時其實沒用
  11. 11. 設計時Needs Identify↓Mockup x n times↓Layout x n times
  12. 12. 設計後 Accessibility UI Clarity Connectability
  13. 13. 設計後 測試/檢討 使用性測試/ A/B測試(也可能只tune一小塊) 差異比較(請愛問為什麼) 改善/改版 教育使用者=>讓他們習慣=>他們就會有sense 漸進式改進(手扶梯) Case: Square-信用卡訊息輸入 Twitter-註冊流程
  14. 14. Thank you

×