先來看最新的幾種設計指南中所指出的設計原則:
仔細一看,就會發現很多可以對應上可用性設計原則:
綜合來看,雖然各種設計風格可能實現方式有差異,但我們可以發現一些基本準則:
1. 形式依存于功能
設計應以用戶目標,產品目標為中心,不能喧賓奪主,要有助于用戶理解而不是給用戶干擾。
iOS的遵從(Deference)原則,Material Design要求的動畫要有意義,可以說是對這一主題的演繹。
但這其實是一條過于寬泛的原則,很難執行,怎樣的形式不會過度,沒有一個界面元素是完全無意義的,怎樣在無聊的設計與過度的設計之間平衡,這其中的度需要靠自己把握,這或許也是最新的iOS10不再把它擺在第一位的原因吧。
2. 層次清晰
即“主次分明”。首先設計者要明確界面元素的內容層級,哪些是主要內容,哪些是次要內容,然后視覺上要體現出內容的層級,突出主要內容。
內容層級清晰:主要內容,次要內容,輔助信息;主操作按鈕,次操作按鈕
視覺層次清晰,用以表達內容層次,強調重要內容
同一頁面視覺層次也不宜太多,容易混亂,一般是體現出3層;
不同顏色,不同字體大小,留白,動效等都可以用以突出視覺層級。
3. 清晰明確
清晰的定義,可以簡單理解為清楚明白無歧義,主要需關注以下幾個方面:
界面元素 可讀性佳
--看的清楚:留白,色彩,字體文案以用戶視角表達
--看的懂無歧義,不要用專業術語,除非僅面向專業用戶可交互性
--可操作區域與不可操作區域有明確區分盡可能減少與用戶目標不相關的內容
圖標等隱喻遵從大眾習慣,包含文字提示
4. 方便快捷
幫用戶減少麻煩而不是增加負擔:
減少輸入
--能用選擇就不用輸入
--利用設備特性減輕輸入負擔:語音輸入,GPS定位記住用戶操作,給出建議:歷史搜索記錄,熱門推薦
5. 一致性
前后不一致的應用簡直讓人崩潰,這是從業余走向專業的開始:
- 設計風格一致
- 前后文案一致
- 同一元素同一用語意義一致
- 相同操作交互方式一致
6. 反饋
給用戶以反饋,讓用戶不致不知所措:
所有操作均應有反饋
--成功與失敗都應該有,可以是直接進入下一頁,或者一個3s的弱提示等弱反饋,也可以是一個彈窗,一個結果頁這樣的強反饋反饋信息不僅要給出結果信息,還有下一步怎么做
--單純的提示是沒有意義的,用戶更需要知道怎么做給用戶建議但用戶自己做決定
--支付失敗,重付還是放棄,交給用戶反饋盡量提前,輸入即提示
--特別是在表單填寫時,立即提示讓用戶更快完成任務