<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • Web交互設計優化方案+check list

    2017-3-29    用心設計

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


    “優化已有產品的體驗”這是用戶體驗相關崗位職責中常見的描述。我們的產品常常是在快速的迭代過程中不斷完善的,就像孩子生下來需要養育才能長大一樣,優化已有功能/產品,和設計新功能/產品同樣重要,不可偏廢。

    但是,相比實現新功能,已有功能的優化總是顯得沒有那么緊迫而且很零散,導致了迭代優化的計劃總被被歸入“重要不緊急”的象限,變成了東一棒子西一榔錘的買賣。我們可以通過可用性測試來發現問題,但是測試往往受到時間,用戶邀約,場地和設備等條件的限制,可能無法進行。更多時候,設計師根據一定的原則(例如可用性準則)進行走查,以快速地發現并解決問題。

    這篇小文章關心的問題是:如果想對非娛樂導向產品已有的交互設計進行優化,我們需要從哪些方面遵從什么樣的原則?如何開始檢查現有的設計?如何確定優化的優先級?而不涉及新功能、產品的交互設計過程,娛樂導向產品的設計優化,產品概念,功能層次的優化,適合每一類型產品的提示具體的優化方法。

    一、需要優化什么(注意事項)

    設計原則的主要目的之一就是優化用戶的產品體驗。對于生產工具和其他非娛樂導向的產品而言,這意味著將工作負荷降至。

    行為和界面層面的設計原則告訴我們,應該為降低用戶的工作負荷而設計。但是我們常常不夠貼心,不知不覺就對用戶設下了種種考驗,讓他們抓狂:

    Web交互設計優化方案+check list

    1.視覺負擔 visual work

    需要分解布局
    需要區分內容層次
    需要區分視覺元素
    需要努力定位目標信息
    需要識別閱讀起點
    需要經常變換視線
    視覺流被干擾,打斷

    Web交互設計優化方案+check list

    2.認知負擔 cognitive work

    需要理解不熟悉的概念和模式
    需要理解冗長、生澀的文本內容
    需要理解混亂的結構和布局
    需要理解模棱兩可的操作
    需要猜測系統狀態、行為、結果

    Web交互設計優化方案+check list

    3.記憶負擔 memory work

    需要記住對象的各種屬性(名字、位置、大小、顏色)
    需要記住對象的關聯
    需要記住操作的命令、步驟、結果
    需要記住以往的操作

    Web交互設計優化方案+check list

    4.物理負擔 physical work

    需要長距離移動鼠標
    需要進行(多次)點擊
    需要執行不同的鼠標手勢
    需要多種操作組合
    需要切換輸入模式
    需要進出不同的頁面/區域
    需要長時間等待

    二、優化目標 (Goal)

    仔細檢查已有的設計,或多或少總是能發現問題。在解決問題之前,我們應該清楚要往什么方向進行優化:

    1.基于可用性的目標

    易于識別/定位/閱讀
    易于理解/學習/記憶
    易于操作
    優化的最重要的目的,是讓產品更好用,使設計符合Jakob Nielsen的十條可用性準則:
    通過有效的反饋信息提供顯著的系統狀態
    符合用戶的真實世界
    用戶自由控制權
    一致性和標準性
    預防出錯
    識別而不是回憶
    靈活、便捷的使用
    美觀,精簡的設計
    協助用戶認識,分析和改正錯誤
    幫助和說明

    2.基于產品的目標

    需要根據不同產品進行定義。例如,對于快速注冊流程的優化,目的是讓用戶用最方便完成注冊進入目標頁面,優化目標可能是最小化輸入、最短等待時間等。

    三、快速檢查清單 (Check list)

    為了達到優化的目標,整理了一個簡易的checklist(pdf版本下載鏈接請見文末),方便在走查時對架構、布局、內容、行為四個方面對照檢查:

    1.架構和導航Architecture and navigation

    是否采用了用戶熟悉或容易理解的結構?
    是否能識別當前在網站中的位置?
    是否能清晰表達頁面之間的結構?
    是否能快速回到首頁/主要頁面?
    鏈接名稱與頁面名稱是否相對應?
    當前頁面的結構和布局是否清晰?

    2.布局和設計Layout and design

    是否采用了用戶熟悉的界面元素和控件?
    界面元素和控件的文字、位置、布局、分組、大小、顏色、形狀等是否合理、容易識別、一致?
    界面元素/控件之間的關系是否表達正確?
    主要操作/閱讀區域的視線是否流暢?
    其他文本(稱謂、提示語、提供反饋)是否一致?

    3.內容和可讀性Content and readability

    文字內容的交流對象是用戶嗎?
    語言是否簡潔、易懂、禮貌?
    內容表達的含義是否一致?
    重要內容是否處于顯著位置?
    是否在需要時提供必要的信息?
    是否有干擾視線和注意力的元素?

    4.行為和互動Behavior and interaction

    是否告知、引導用戶可以做什么?
    是否告知需要進行哪些步驟?
    是否告知需要多少時間完成?
    是否告知第一步做什么?
    是否告知輸入/操作限制?
    是否有必要的系統/用戶行為反饋?
    是否允許必要的撤銷操作?
    是否頁面上所有操作都必須由用戶完成?
    是否已將操作步驟、點擊次數減至最少?
    是否所有跳轉都是必須的(無法在當前頁面呈現)?

    以上只是一個不完全的清單,同學們可以根據自己的實踐經驗修改,也可以參考更全面、權威的可用性測試檢查表,如普渡大學可用性測試檢查列表。

    四、確定優先級 (Priority)

    當我們通過checklist將需要優化的問題篩選出來以后,可以根據問題的嚴重性和解決的問題的成本(時間、人力等)來綜合考慮問題的優先級,例如,問題嚴重性得分高而且優化成本低的問題,應該優先解決。

    Web交互設計優化方案+check list

    五、小結

    Considerations:為降低用戶的視覺負擔、認知負擔、記憶負擔以及物理負擔而優化設計
    Goal:使設計易于識別/定位/閱讀,易于理解/學習/記憶,易于操作,符合可用性原則和產品目標
    Check list:交互設計快速檢查清單

    Web交互設計優化方案+check list

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 无码乱码观看精品久久| 国产精品国色综合久久| 一本一道久久a久久精品综合| 国产精品嫩草影院AV| 久久久久国产精品麻豆AR影院 | 中文精品久久久久人妻不卡| 98精品国产自产在线XXXX| 国产精品亚洲аv无码播放| 日韩精品在线播放| 国产麻豆精品入口在线观看| 欧美精品手机在线播放| 99国产精品久久久久久久成人热| 亚洲国产精品一区二区第一页| 欧美久久久久久午夜精品| 隔壁老王国产在线精品| 国产成人精品天堂| 久久精品国产亚洲AV高清热| 亚洲国产精品无码久久SM| 亚洲第一永久AV网站久久精品男人的天堂AV| 99久久精品国产毛片| 五月花精品视频在线观看| 国产一成人精品福利网站| 国产精品视频一区二区三区四 | 久久久一本精品99久久精品88 | 精品无码久久久久久国产 | 国产69精品久久久久99| 久久91综合国产91久久精品| 精品无码一区二区三区亚洲桃色| 中文无码久久精品| 最新欧美性爱精品一区二区三区| 欧美黑人巨大videos精品| 精品久久久久久无码免费| 国产精品成人h片在线| 国产A∨免费精品视频| 一区二区三区国产精品| 国内精品51视频在线观看| 国产亚洲一区二区精品| 久久se精品一区二区| 国产精品久久久久…| 国内精品免费视频精选在线观看| 国产精品久久影院|