<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

          日歷

          鏈接

          個人資料

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

          存檔

          狠狠久久亚洲欧美专区| 狠狠色婷婷久久一区二区| 久久国产乱子精品免费女| 久久91精品国产91久久麻豆| 久久国产精品免费一区| 亚洲国产日韩欧美综合久久| 欧洲精品久久久av无码电影| 久久久久噜噜噜亚洲熟女综合| 精品久久久久久久国产潘金莲| 久久99精品国产| 亚洲精品蜜桃久久久久久| 性做久久久久久久久久久| 999久久久国产精品| 精品午夜久久福利大片| 欧美亚洲国产精品久久高清 | 久久精品夜夜夜夜夜久久| 久久精品麻豆日日躁夜夜躁| 久久WWW免费人成一看片| 一本一本久久a久久综合精品蜜桃| 色妞色综合久久夜夜| 国产午夜精品久久久久九九电影| 精品久久综合1区2区3区激情| 久久夜色撩人精品国产| 人妻精品久久久久中文字幕一冢本| 欧美噜噜久久久XXX| 久久亚洲国产成人影院网站| 亚洲色婷婷综合久久| 久久久久国产一区二区| 国产国产成人精品久久| 久久久久久A亚洲欧洲AV冫| 久久精品国产精品青草| 亚洲精品无码久久久久sm| 91麻豆国产精品91久久久| 精品久久久久久无码免费| 99久久久精品免费观看国产| 国产亚洲美女精品久久久2020| 精品久久久久久国产免费了| 国产巨作麻豆欧美亚洲综合久久| 国产精品久久久久久久| 久久国产精品无码HDAV| 一本色道久久88加勒比—综合|