南台科技大學 多媒體與電腦娛樂科學系 助理教授 黃信夫 2010.1.8 走向好用的設計：產品使用性的提升與應用 南台科技大學 多媒體與電腦娛樂科學系 助理教授 黃信夫 2010.1.8

內容 好用的定義 使用性 (Usability)的原則 如何提升產品的使用性? 設計研究案例分享 未來使用的創意

前言 “好用”的定義 使用者期望“好用”出現在哪裡? 生活用品 資訊設備 交通工具 公共場所設施…..等(軟硬體)

對使用者而言 要線長一點還是插頭孔多一點? Designer: Meysam Movahedi

看的到嗎?

每個東西都要好用嗎? (防止使用者錯誤操作的設計)

International Organization for Standardization (ISO) A set of attributes that bear on the effort needed for use, and on the individual assessment of use, by a stated or implied set of users. ISO 9241-11 (1998) ： The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.

使用性 (Usability)10大原則 系統狀態可見性 Visibility of system status Jakob Nielsen,1993;2005 系統狀態可見性 Visibility of system status 系統與真實世界的關聯性 Match between system and the real world 使用者的控制度與自由度 User control and freedom 一致性和標準 Consistency and standards 預防錯誤 Error prevention

讓使用者去認識系統，而非去回憶Recognition rather than recall 靈活性與使用效率 Flexibility and efficiency of use 美學與簡化設計 Aesthetic and minimalist design 幫助使用者認識、偵錯並從錯誤中恢復 Help users recognize, diagnose, and recover from errors 幫助與說明文件 Help and documentation

使用性 (Usability)是一種以使用者為中心的設計概念 Use + ability 使用性設計的重點在於讓產品的設計能夠符合使用者的習慣與需求 以人因為出發點的設計 (Human factor)

產品使用性提高的好處 提升使用效率 減少錯誤率 提高使用者滿意度 提高可記憶性 增加安全性 提高產品設計附加價值

如何提升產品的使用性(Usability) 憑感覺? 靠經驗? 哪兒需要進行使用性設計?

Factors influencing the usability of icons in the LCD touchscreen 近年來,觸控螢幕被廣泛應用 (PDA, Cell phone, POS, 醫療設備) 從設計師的角度而言，為了創造高親合度的介面，就必須了解使用性的需求 (Usability requirements)

使用性實驗設計 受測者： 受測者為大學的研究生，共30人。 受測者分為無經驗、掌上型觸控經驗 (PDA點擊式使用者)、有經驗 (LCD觸控監視器使用者)等三類。 平均年齡 29.18 (SD=2.67) 材料

在這個測試介面中，有各種不同回饋程度的圖示設計，並且依照軸線進行漸進式的回饋分類，使受測者可以清楚地體驗每一個觸控圖示的使用性差異。

主觀評估項目建立 (Item) 共有20個項目 (Item) 有關圖示設計項目建立來源為相關HCI研究(Displays；Applied ergonomics；International journal of industrial ergonomics ) 或使用者介面設計指導手冊 (Dix et al., 1998；Paiva, 2000；Shneiderman & Plasisant, 2004；Stone et al., 2005) 共有20個項目 (Item)

受測者在體驗所有不同的回饋風格後，並了解其介面使用性的差異程度。 受測者會接受問卷調查。 問卷採用5點李克尺度 (5-point Likert scales; 1為最不重要，5為最重要)。

本研究將所得資料進行主要成分分析（PCA） 在Varimax轉軸下，2 0個評估項目中以特徵值（Eigenvalue）大於1.0為萃取標準。而其累積解說的總變異量超過75.67﹪ 最後可得到7個主要因素

設計觸控圖示的7個使用性因素 Touch field：包括尺寸、位置、分佈密度、間距 Color quality)：包括明暗程度(明度)、顏色種類 (色相)、鮮豔程度 (彩度) Tactility：包括操作方式、立體深度、觸覺 Dynamics：包括位移、圖示數量、反應速度、聲音效果 Hit quality：包括甜蜜點與閃爍提示 Shape quality：包括形狀類型與形狀邊緣的清晰程度 Semantics quality：包括文字說明與圖像說明

使用性項目的重要性 而根據描述性統計的結果 ，使用者對於觸控螢幕上的圖示，甜蜜點 (sweet point)是使用者最重視的使用性指標 其次為間距、位置、尺寸、聲音等 較不重視的是閃爍提示、顏色等

使用者的差異

使用者的差異

結論 在電腦的世界中，圖示通常很小 (小於1英吋或是64X64像素) 小的圖示並不適用於觸控螢幕的圖示設計。太小的圖示會降低其介面的使用性。 一般圖示所重視的視覺化設計不會直接影響觸控圖示的使用性，例如形狀與色彩等 受測者認為閃爍提示設計會產生干擾或誤警的行為 (影響資訊偵檢)

從7個使用性因素的平均數高低排序中，顯示出使用者認為較好的觸控圖示應偏重實用且可靠度高的型式 一個良好使用性的觸控圖示設計 (大的觸控範圍、圖像與文字的傳達、立體的動態效果、良好的甜蜜點、按壓的觸感回饋、適當的色彩提示、不複雜的形狀)

Huang, Hsinfu, Lai, Hsin-Hsi, 2008, Displays, Factors influencing the usability of icons in the LCD touchscreen, Vol. 29, pp. 339-344. (SCI; EI)

設計研究案例 II 產品使用性測試結果：

穿戴有色面罩時行車情緒的變化

產品使用性思考與再設計

未來的使用 Nokia Morph concept Design and the Elastic Mind 設計與彈性思維

生活的細節 Q&A

感謝各位的聆聽