狠狠撸

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)，亦稱用戶介面
是系統和使用者之間進行互動和訊息交換的媒介，它實
作訊息的內部形式與人類可以接受形式之間的轉換。
組成要素
Human:操作者
input:user執行、操作一套系統
output:系統向使用者傳達操作結果
運作內容、簡單明瞭的操作

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-信用卡訊息輸入
Twitter-註冊流程

狠狠撸

UI Design

More Related Content

Similar to UI Design (20)

UI Design