SlideShare a Scribd company logo
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-註冊流程
Thank you
UI Design

More Related Content

PPTX
用户体验设计思想
PPTX
ui design-1
PDF
無瑕的程式碼 Clean Code 心得分享
PPTX
用户体验
PPT
Designing For Interaction with Web Interface
PPTX
Holden 7月份創意月會
PPTX
淺談Fintech(6)
PDF
UI DESIGN入门讲座
用户体验设计思想
ui design-1
無瑕的程式碼 Clean Code 心得分享
用户体验
Designing For Interaction with Web Interface
Holden 7月份創意月會
淺談Fintech(6)
UI DESIGN入门讲座

Similar to UI Design (20)

PPTX
用完形心理學提升介面設計有感度
PDF
Week2.how to cooporeate with it
PPT
人人网互联网产品易用性、Ue设计培训
PPTX
Animation in UI UX
PDF
UiGathering Talk - Motion User Interface / by Ivan Wei
PDF
Ui(用户界面)设计规则和规范
PDF
用户体验 @创业团队 2011-01-16
PDF
创新工厂 -用户体验报告.
PDF
How to cooporeate with IT partners from a designer's viewpoint
PPTX
认识和管理用户体验(recognize and manage Ue)
PDF
使用者Ui&ux網站類介紹
PPTX
使用者經驗設計初探
PPTX
Ui gathering(視覺設計)
PDF
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
PPTX
快速成为用户体验“专家”
PPTX
用户界面设计
PPTX
Project Management & System Analysis/Design Approach
PDF
2013 10-05 由電子產品的演進來看產品開發
PPTX
From UX to Product
PPTX
UI and UE design basic
用完形心理學提升介面設計有感度
Week2.how to cooporeate with it
人人网互联网产品易用性、Ue设计培训
Animation in UI UX
UiGathering Talk - Motion User Interface / by Ivan Wei
Ui(用户界面)设计规则和规范
用户体验 @创业团队 2011-01-16
创新工厂 -用户体验报告.
How to cooporeate with IT partners from a designer's viewpoint
认识和管理用户体验(recognize and manage Ue)
使用者Ui&ux網站類介紹
使用者經驗設計初探
Ui gathering(視覺設計)
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
快速成为用户体验“专家”
用户界面设计
Project Management & System Analysis/Design Approach
2013 10-05 由電子產品的演進來看產品開發
From UX to Product
UI and UE design basic
Ad

UI Design