J07-界面設計基本原則

先來看最新的幾種設計指南中所指出的設計原則:

Materia Design設計原則
iOS10設計原則
小程序設計原則

仔細一看,就會發現很多可以對應上可用性設計原則:


十大可用性原則

綜合來看,雖然各種設計風格可能實現方式有差異,但我們可以發現一些基本準則:

1. 形式依存于功能

設計應以用戶目標,產品目標為中心,不能喧賓奪主,要有助于用戶理解而不是給用戶干擾。

iOS的遵從(Deference)原則,Material Design要求的動畫要有意義,可以說是對這一主題的演繹。

但這其實是一條過于寬泛的原則,很難執行,怎樣的形式不會過度,沒有一個界面元素是完全無意義的,怎樣在無聊的設計與過度的設計之間平衡,這其中的度需要靠自己把握,這或許也是最新的iOS10不再把它擺在第一位的原因吧。

2. 層次清晰

即“主次分明”。首先設計者要明確界面元素的內容層級,哪些是主要內容,哪些是次要內容,然后視覺上要體現出內容的層級,突出主要內容。

  • 內容層級清晰:主要內容,次要內容,輔助信息;主操作按鈕,次操作按鈕

  • 視覺層次清晰,用以表達內容層次,強調重要內容
    同一頁面視覺層次也不宜太多,容易混亂,一般是體現出3層;
    不同顏色,不同字體大小,留白,動效等都可以用以突出視覺層級。

3. 清晰明確

清晰的定義,可以簡單理解為清楚明白無歧義,主要需關注以下幾個方面:

  • 界面元素 可讀性佳
    --看的清楚:留白,色彩,字體

  • 文案以用戶視角表達
    --看的懂無歧義,不要用專業術語,除非僅面向專業用戶

  • 可交互性
    --可操作區域與不可操作區域有明確區分

  • 盡可能減少與用戶目標不相關的內容

  • 圖標等隱喻遵從大眾習慣,包含文字提示

4. 方便快捷

幫用戶減少麻煩而不是增加負擔:

  • 減少輸入
    --能用選擇就不用輸入
    --利用設備特性減輕輸入負擔:語音輸入,GPS定位

  • 記住用戶操作,給出建議:歷史搜索記錄,熱門推薦

5. 一致性

前后不一致的應用簡直讓人崩潰,這是從業余走向專業的開始:

  • 設計風格一致
  • 前后文案一致
  • 同一元素同一用語意義一致
  • 相同操作交互方式一致

6. 反饋

給用戶以反饋,讓用戶不致不知所措:

  • 所有操作均應有反饋
    --成功與失敗都應該有,可以是直接進入下一頁,或者一個3s的弱提示等弱反饋,也可以是一個彈窗,一個結果頁這樣的強反饋

  • 反饋信息不僅要給出結果信息,還有下一步怎么做
    --單純的提示是沒有意義的,用戶更需要知道怎么做

  • 給用戶建議但用戶自己做決定
    --支付失敗,重付還是放棄,交給用戶

  • 反饋盡量提前,輸入即提示
    --特別是在表單填寫時,立即提示讓用戶更快完成任務

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容