用一篇文章,幫你快速了解尼爾森設(shè)計原則

本次給大家?guī)砟釥柹笤瓌t的講解,也叫用戶體驗十大原則、尼爾森的十大可用性原則。使用實際項目中的實例為大家演示, 項目均已上線,感興趣的可以去體驗一下!

上期回顧:

尼爾森十大原則

1.交互狀態(tài)可見

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 讓用戶操作有感知
  2. 網(wǎng)絡(luò)中斷、信息未收取等
  3. 加載中、進度條等
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

2. 貼近場景原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 設(shè)計元素采用場景化,使用日常生活中所看到的
  2. 較為容易理解的設(shè)計元素和提示語言
  3. 動效的設(shè)計要符合物理現(xiàn)象,避免過于生硬
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

3. 可控性原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 誤刪操作可以找回如:回收站設(shè)計
  2. 撤銷功能的設(shè)計
  3. 不可逆的進行提示
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

4. 一致性和標準化原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 按鈕、表單、輸入框等重復出現(xiàn)的元素保持一致性
  2. 相同功能語言的一致性
  3. 操作邏輯、交互設(shè)計的一致性如:某個列表刪除為右滑,另外一個為左滑則為錯誤的方式
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

5. 防錯原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 當用戶操作失誤時進行及時的提示
  2. 給予錯誤操作正確的操作方式
  3. 使用不同的設(shè)計樣式上去告知用戶是否可操作
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

6. 協(xié)助記憶原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 協(xié)助用戶進行操作
  2. 降低用戶的記憶成本
  3. 展示用戶最近使用或搜索記錄等
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

7. 靈活高效原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 常用功能進行較大板塊的展示
  2. 功能可配置,不同的用戶可進行不同常用功能的配置
  3. 進行用戶引導和提供用戶操作手冊
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

8. 審美和簡約設(shè)計原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 區(qū)分板塊和層級,更高效的提高給用戶所需要的功能
  2. 取消不重要的信息和不相關(guān)的內(nèi)容
  3. 使用空間縱深表現(xiàn)信息層級
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

9. 容錯原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 使用清晰的語言描述用戶操作的錯誤內(nèi)容
  2. 幫助用戶正確操作
  3. 提供解決方案
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

10. 人性化幫助原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

  1. 增加小浮標提示文字,給予用戶掌握感
  2. 隨時可以給予用戶幫助
  3. 給予友好的提示信息
  4. ........

用一篇文章,幫你快速了解尼爾森設(shè)計原則

用一篇文章,幫你快速了解尼爾森設(shè)計原則

收藏 108
點贊 46

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。