4 User Interface Design

人機互動最重要的一環,也因此,除了設計要好用順手以外,還需要考量使用者本身的操作習慣

4.1 General User Interface Design Principles

Learnability  : 方便上手,不需要花太多的時間教學

User familiarity :  就像是醫護人員習慣120DPI的解析度,網頁設計就必須要考量這情況下設計,盡量與習慣一致

Consistency : 與既有系統的差異性越低,轉換成本越低,同時,爾後的設計也需要考量一致性

Minimal surprise : 使用者通常需要穩定的系統,太多花俏功能不一定是重點

Recoverability : 防呆的設計,容錯恢復的機制要思考,人為操作就有可能衍伸錯誤,但是,全系統化有時候也會引起人員的反彈,主要思考原因可能是擔心被取代,而不是朝改善工作效能思考。

User guidance : App通常第一次安裝,會有個簡單的教學畫面,同樣,在操作過程中,可能也需要一些錯誤提醒,格式的提醒

User diversity : 除了無障礙網頁設計,可能還必須考量色盲、色弱等不同顏色敏感度,同時,也需要考量年齡,跟操作習慣 ( 院長跟醫護人員用法不一樣 , 系統是否該滿足兩者? )

4.2 User Interface Design Issues


使用者介面不外乎需要滿足兩件事情

1.滿足使用者操作所需,按鈕好按、配色明顯、提示清楚
2.資料呈現,排版清晰、資訊完整

更重要是,需滿足使用者本身的操作習慣,同時,必須考量操作設備的特性,或者是多螢幕尺寸問題

4.3 The Design of User Interaction Modalities


系統的操作介面,通常是為了滿足下列幾種操作行為所設計出來

1.Question-answer 這邊講的是簡單一問一答的方式,我Google關鍵字,搜尋結果就顯示給我可能的答案

2.Direct manipulation 透過滑鼠,或手指值接點選、觸控、拖拉

3.Menu selection 下拉選單、多選單點選等等,從多個選項中挑選

4.Form fill-in 表單填寫,個人資料註冊等行為

5.Command Language 進階的網頁設計,可以直接輸入指令改變資料 , W3C School的範例網站

6.Natural Language 有点類似Siri , 中間透過轉換成軟體可以辨識的語言

4.4 The Design of Information Presentation


資訊呈現的清晰與否,決定了使用者能不能快速取得所需,程式方面可以透過類似MVC架構,將邏輯與呈現端切割乾淨,甚至可以加速開發流程,至於呈現的資料該如何強化視覺輕重,大部分會使用不同色彩或色彩變化來凸顯內容。不過,顏色比大小字需要考量的事情更多,特別是對視覺比較敏感的視障、色盲或色弱,盡量減少顏色的變化,也可以減低進入的門檻。

4.5 User Interface Design Process


使用者介面因為是接觸軟體最容易關注到的第一步,所以通常可以從介面之中,窺探出系統的概況,也因此,通常最先被開始關注,甚至進行Prototyping,協助釐清需求

4.6 Localization and Internationalization

通常系統當地化,能減低採用的進入門檻,同時,文件其實也必須要同步跟上,確保教育訓練或初期導入能有參考文件。

設計方面,除了版面需考量到多國語系切換不會影響外,還需考量當地文化配色習慣與顏色禁忌。

4.7. Metaphors and Conceptual Models

通常我會使用+號圖案做為新增,或以垃圾桶符號做為刪除,取代純文字化的設計。

5.

Leave a Reply

Your email address will not be published. Required fields are marked *