DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計評估:產品交互設計評估
用戶體驗設計評估:產品交互設計評估
編輯:關於網頁技巧     

一、評估的目的

交互設計是一個迭代過程,通過交互設計評估,可以及早發現設計中缺陷,進而能進一步完善交互流程。通過評價,也可發現交互設計中可行、友善、合理或優秀的地方,從而為後續產品的交互設計提供借鑒。

二、評估的標准

手機產品交互設計的評估標准還是是否滿足用戶體驗,當然,體驗是一個很虛的東西,沒有一個具體的量化標准,那我們就落在實處,從可以量化的維度打分。具體從那幾個維度入手,我認為可以分為如下幾個,見圖1:

圖1 交互體驗評估維度

1、產品架構是否清晰

無論是九宮格式的架構還是標簽頁式的架構,都需要讓用戶一進入產品,就可以一目了然的知道產品是干什麼的,有幾個功能模塊,模塊之間怎麼切換。

同時,產品層級較深的,設計師要清楚的了解有產品有多少個二級頁面,多少個三級頁面。這些二級頁面和三級頁面的架構,是復用一級頁面的,還是有自己的架構。

有如下幾個評估標准:

  • 產品結構清晰,沒有不必要的層級
  • 能快速了解產品有幾個主要頁面
  • 所有主要部分都能夠通過首頁訪問
  • 清晰的指示了當前的位置

2、產品流程是否清晰

要想表現層越簡單,背後的邏輯層可能就越復雜。那麼我們評估流程的時候,不是以背後的邏輯層復雜度來評估,而是以表現層的簡潔度來評估的。比如說一個發布帖子的流程,總共需要幾個步驟,涉及到幾個層級(一級頁面到二級頁面到三級頁面…)。當然,不是說步驟越少、層級越淺就是好的設計。而是要簡單、明確、清晰。沒有不相關的干擾分支,沒有經常會出現的誤操作,沒有提頓思考的空間,沒有操作之後無反應的疑惑。

  • 有如下幾個評估標准:
  • 明確產品有幾個主要的任務流程
  • 每個任務流程清晰,沒有太多分支
  • 任務流程符合用戶操作流程
  • 用戶可以取消正在執行操作
  • 操作成功或失敗都有明確的反饋
  • 在每個層級,都可以找到回到上一級的方法
  • 預防出錯,如出錯要幫助用戶從錯誤中恢復過來
  • 復雜的交互是否有很好的引導和幫助

3、控件使用是否准確

手機產品涉及到很多的控件。一級標簽欄、二級標簽欄、列表、按鈕、對話框、提示框、發布框等等,這些控件使用的是否到位,是衡量一個設計師細節設計能力的重要標准。比如說兩個二級頁面都需要二級標簽欄,如果你設計出來兩個樣式的話,那麼說明你沒有用控件的思想來做設計,不僅設計師要設計兩套二級控件,程序人員要重復勞動,用戶也會疑惑這兩個控件是不是同一個含義同一種操作方式。再比如說,這個二級標簽欄,它的從屬內容是否在樣式上跟他有從屬關系,這個細節,如果不把握好,用戶很可能把這個二級標簽欄看成了按鈕。

有如下幾個評估標准:

  • 控件使用准確性(比如是否混淆了單選框和復選框,對話框層次過多等)
  • 控件的復用(比如兩個頁面都用到tabbar,不用設計兩個)
  • 控件的狀態(比如不可點狀態、可點狀態、按下狀態、長按狀態)
  • 鏈接色的准確使用
  • 焦點狀態的准確使用

4、信息傳達是否到位

信息傳達包含產品文案引導、按鈕文案設計、列表文字布局、內容頁排版、提醒文案設計等等。文案的梳理,有些公司是專門有內容編輯來做的,但是大部分公司,都是產品經理或者交互設計師直接完成的。那麼文案是否准確,是否能有效的傳達意思,也是衡量交互設計的一個重要標准。文字長度限制、特殊情況處理是否考慮到位,也是衡量設計師工作的基准。而列表文字的布局、內容頁的排版,則是信息布局的重中之重。

有如下幾個評估標准:

  • 布局清晰
  • 文案簡潔
  • 沒有術語(比如“拉取失敗”這種文案)
  • 合理排版(標題、作者、時間的字號、字色,頁邊距的運用)
  • 標簽和內容的從屬關系(能否看出當前標簽頁,和當前標簽頁的從屬內容)

三、評估的方法

交互體驗評估還沒有一套成型的方法,傳統的評估都是靠直覺經驗,那麼能否通過探索共性,轉化成一種科學的有效的評估方法呢?

傳統的方法有:實驗方法(隨機和重復測試),監測方法,調查方法等。

科學的評估方法:

1.設計原則評價(guidelines Evaluation)

為自己的部門或者項目寫一個設計原則,從架構、流程、控件、內容等多個維度來構造一定的設計要求,一套成型的設計原則誕生之後,可以讓設計師在設計過程中進行自我評價,也可以讓設計師完成設計之後交付其他設計師進行協同評審。

2.啟發式評估(euristic Evaluation)

啟發式評估是指少數幾個評估者檢查界面,並判斷界面是否符合公認的可用性原則。

具體的方法見 Jakob Nielsen寫的How to Conduct a Heuristic Evaluation一文,中文翻譯見初心不忘翻譯的如何進行啟發式評估。

3.可用性測試(usability Testing)

測典型用戶執行典型任務時的情況,測試指標包括用戶出錯次數,完成任務的時間等。典型的可用性測試是在實驗室環境中進行的,被測試人員受到評價人員的密切控制。可用性測試主要是量化用戶的執行情況,測試的結果通常被表示為統計值。

具體的方法見小胖翻譯的了解可用性測試。英文原文鏈接已經掛掉。

四、評估的結果

可以產出一份詳細的評估報告,分別闡述四個維度上,交互設計中存在的亮點和問題,亮點加分,問題扣分,最後繪制成蜂窩圖,如圖2。四個維度的分加起來除4乘10是最後的總得分。

圖2 交互體驗評估結果蜂窩圖

最後總結一下,體驗是一種很虛的東西,難以靠數值量化出來,就如同情感無法量化一樣。所以本文旨在提供一種客觀一點的思考方法。

原文:http://elya.cc/mobile/809.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved