人因設計 -- 人機介面.

Presentation on theme: "人因設計 -- 人機介面."— Presentation transcript:

1 人因設計 -- 人機介面

2 影片轉載於網際網路

3 控制 UI vs. UX 介面的演變 HMI概念與形成 資訊整合顯示設計
大綱 控制 UI vs. UX 介面的演變 HMI概念與形成 資訊整合顯示設計

4 控制

5

6

7

8

9

10

11

12

13

14

15

16

17

18 雲端

19 除了USER的需求外 什麼影響控制?

20 --隨控制技術的改變而演進 --隨傳輸技術的改變而改變

21 U X vs. U I 圖片轉載於網際網路

22 UX (USER EXPERIENCE) --使用者經驗的簡稱
圖片轉載於網際網路

23 UI (USER INTERFACE) –使用者介面的簡稱 UI是使用者與產品之間進行溝通的介面，利用產品的功能去「輸入」來達成「輸出」的成果，而輸入與輸出的規劃就是介面

24 圖片轉載於網際網路

25 使用者介面是不是使用者經驗? 使用者看到的第一點是外觀(UI)，這時外觀設計確實是顧客和企業的接觸點
但是還有很多重要的小細節，這不僅是花俏的外觀，而是從使用者實質上的需求去延伸，做有效的顧客體驗(UX) 若產品不只是產品和使用者之間連結，而是建立顧客和企業的關係。以這個角度來看 UI 就是 UX

26

27

28 介面的演變 -- 以車用音響為例

29 DISPLAY種類 VFD真空螢光顯示幕 （Vacuum Fluorescent Display）

30 LCM 圖像式(least common multiple)

31 LCM 點陣式(least common multiple)

32 DISPLAY種類 LCD-TFT…..

33 OSD演進 LCD-TFT-TEXT OSD not touch panel

34 LCD-TFT-TEXT OSD not touch panel

35 LCD-TFT-TEXT OSD

36 LCD-TFT-Graphic OSD

37 隨流行設計的UI

38 Android

39 WIN CE

40 Android

41 Human Machine Interface
HMI 概念 Human Machine Interface

42 1-1人們長期記憶中隱含著關於世界的心靈地圖與成長環境密切相關 1-2流行商品的影響 2.文化背景 右駕與左駕、適用顏色 3.邏輯性
人機介面設計 1.使用者心智模式與認知 1-1人們長期記憶中隱含著關於世界的心靈地圖與成長環境密切相關 1-2流行商品的影響 2.文化背景 右駕與左駕、適用顏色 3.邏輯性 流程的串接、並聯與返回

43 4.通用性 不同客戶、區域適用性 5.圖像、顏色與聲音識別輔助 辨識清楚、圖象佳但有創新認知問題 6.容易學習 直覺簡單、隨習慣動作

44 7.USER 8.與其他設備一致性 9. Re design的預設 自主性、隨意變更與自動, 設計的平衡點
TIME OUT VS. CLOSE 8.與其他設備一致性 食、衣、住、行、內裝 9. Re design的預設 升級、整合

45

46 Human Machine Interface
HMI 形成 Human Machine Interface

47 行銷需求與計畫 客製化 / 公司發展方向 市塲定位 / 區域 / 產品位階
1.商品企畫 行銷區域族群 行銷需求與計畫 客製化 / 公司發展方向 市塲定位 / 區域 / 產品位階

48 競爭差異性--ID 、OSD造型、機能創新、操作..
機能定義: 市塲同質產品--價格、機能.. 趨勢發展--作業系統、運算能力、多點觸控.. 獨特技術--整合、SMART PHONE全控制… 競爭差異性--ID 、OSD造型、機能創新、操作..

49 零件選擇 / 技術能力 電子、OSD 、影像、聲音處理 各部門可用成本分配
成本計劃 零件選擇 / 技術能力 電子、OSD 、影像、聲音處理 各部門可用成本分配

50 2.流程與操作邏輯確認、 機能滿足展現 3.界面配置與設計 4.與ID造型確認、風格ㄧ致

51 人機介面設計流程 5.OSD設計確認 評價票選 6.HMI書面編寫 初期為程式設計之依據 開發後期轉為說明書之依據

52 7.OSD畫面拆圖 不同顯示零件做法不同、呈現效果亦不同 8.程式設計 9.試做…..銜接開發流程

53 電子產品操作回饋 1.聲音 2.震動 3.顯示 4.?

54 資訊整合顯示設計

55 整合資訊設計重點 區分資訊重要度 共用性元素 平衡顯示（辨識度.美觀） 顯示比例（尺寸） 圖像認知

56 收音功能

57 CD功能

58 收音+CD顯示介面設計

59 增加電子羅盤功能

60 整合後顯示介面

61 音響顯示 陀螺儀顯示

62 色系區分機能

63 色系區分機能

64 色系區分機能

65 色系區分機能

66 為何要以色系區分機能 1.提高辨識度 2.增加介面色彩變化 3.?

67 Q&A！