名言錄

你可以在繪圖上用擦子膠,或在地盤裡用大錘。

— Frank Lloyd Wright (建築師)

廣告

可用性101:可用性簡介

摘要:什麼是「可用性」 (Usability) ?應該如何、何時、和在哪裡去改善它?你為什麼要重視它?這篇簡介會講解可用性主要的概念和解答一些基本問題。

這篇文章很適合給你的老闆或任何沒有太多時間但又需要了解基本知識的人看的。

可用性的定義

可用性是一個質量屬性 (Quality Attribute) ,用來評估用戶界面 (User Interface) 是多麼容易使用的。「可用性」這個詞語還指在設計過程中提高可用性的使用方法。

可用性有五個部分:

  • 易學性 (Learnability) :當用戶初次使用你的設計的時候,讓他們完成一些基本的事是有多麼容易?
  • 效率 (Efficiency) :一旦學會了如何使用,用戶有多麼快完成他們的事?
  • 易記性 (Memorability) :當有一段時間不用之後,用戶回復到他們以前的熟練度是有多麼容易?
  • 錯誤率 (Errors) :用戶使用時犯了多少錯誤?那些錯誤有多麼嚴重?以及那些錯誤有多麼難解決?
  • 滿意度 (Satisfaction) :用戶使用你的設計時有多麼愉快?

其實還有很多其他重要質量特性的。其中一個比較關鍵的就是實用性 (Utility) ,它是指設計的功能:它是否能夠做到用戶需要做的事嗎?

可用性和實用性同樣都是很重要的,一起用時就能夠確定一個界面是否真的有用:假如系統做不到你想要做的事,不管它多麼容易用都沒有意義。另外, 如果個系統能夠做到你想要做的事, 但是它太難用,這仍然沒有意義的。去研究一個設計的實用性,你可以同樣用你提高可用性時用的用戶研究 (User Research) 方法。

  • 實用性 = 它是否提供了你需要的功能
  • 可用性 = 使用這些功能是多麼輕鬆愉快
  • 有用度 = 可用性 + 實用性

為什麼可用性是很重要?

在互聯網裡,可用性對一個網站是生存的必要條件。如果一個網站是很難用,用戶會離開它的。如果主頁沒有說清楚是哪個公司提供或網站有什麼服務,用戶會離開它的。如果用戶在網站裡迷失,他們會離開的。如果一個網站的資料很難理解或答不到用戶的問題,他們會離開的。你有沒有注意到以上相同之處?用戶不會讀什麼說明書或花很多時間研究網站的界面。互聯網還有很多其他網站。當用戶一遇到困難,他們第一道防線就是離開網站。

電子商務的第一原則就是:如果用戶找不到他們想要的產品,他們就買不到它的。對於內部網,可用性是對員工工作效率有關。迷失在網站裡或搞不明界面裡說明,這些都浪費了員工的時間,那就相當於浪費了公司的錢。

目前最好的方法是將設計預算的10%花在可用性上。平均來說,這樣做會將網站的質量指標增加一倍以上,而內部網的質量指標略增加小於一倍。對軟件和硬件的產品來說,改進率通常較小,但依然可觀。

對於內部設計項目,將可用性的預算加倍,就會減一半員工培訓的預算,並令員工工作效率增加一倍。對於外部設計來說,銷售增加一倍,註冊的用戶增加一倍,或任何其他和設計有關的預期目標都會增加一倍。

如何提高可用性?

研究的可用性是有許多方法的,但最基本和最有用的就是可用性測試 (Usability Testing) ,它有三個部分:

  • 找用一些用戶代表 (User Representative) ,如用電子商務網站的客戶或用內部網(應該用你的部門以外)的員工。
  • 要求用戶用你的設計來執行一些有代表性的任務 (Representative Tasks)
  • 觀察用戶如何使用,如何完成,和在那裡遇到困難。你必須要安靜地傾聽用戶的說話。

最緊要的是讓用戶單獨地測試, 並讓他們解決所有自己的問題。如果你幫助他們或者在屏幕上指出任何東西,就會你污染了你的測試結果。

如果只需要發現最關鍵的可用性問題,其實測試五位用戶通常就已經足夠了。比起進行一個大型且昂貴的研究,不如你更好地利用資源,進行多個小型的測試,在測試之間修復的任何可用性問題。迭代設計 (Iterative Design) 是增加用戶體驗 (User Experience) 的最好方法。測試越多,效果越好。

用戶測試與焦點小組 (Focus Group) 是不同,焦點小組不是一個好的方法來評估可用性,它是用在市場研究的,但是評估交互設計必須要密切地觀察每一位用戶如何在界面中執行任務。留意他們說哪些部分令他們誤解:你必須注意他們實際上怎樣用的。

什麼時候應用可用性?

可用性在設計過程中每個階段都涉及到的,這就需要用到多種不同的可用性研究,這也是為什麼我建議每個研究應該是快又便宜。以下就是主要的步驟:

  1. 開始新設計之前,先測試舊的設計,以確定哪部分你應該保持或強調,和哪部分讓用戶帶來不便。
  2. 除非你是在做內部網,測試你的競爭對手的設計,你可以便宜地獲得一些設計概念。(如果你在做內部網,嘗試讀《內部網設計年報》,並從其它設計中學習。)
  3. 進行實地考察 (Field Study) ,在用戶的環境觀察他們的使用行為。
  4. 將新的設計點子製作成紙上原型並來用在可用性測試裡。越少時間花在這些設計點子越好,因為你之後會根據測試的結果來修改它們。
  5. 來精煉出最好的設計就需要多次迭代 (Iterative Design) ,從低保真 (Low Fidelity) 逐漸轉移到高保真 (High Fidelity) 。記得測試每個迭代的設計。
  6. 用可用性準則來檢查你的設計,無論從你自己的早期研究或發表研究的報告。
  7. 當你決定了和實施了最終的設計,再次測試。細微的可用性問題總會在實施過程中潛入。

不要等到你有實現完的設計才進行用戶測試。如果你這樣做,你不可能修理到大部分測試時發現的關鍵可用性問題。這些問題大多數是和結構有關的,去修理它們就需要進行大型重建。

唯一方法去獲取高品質的用戶體驗,就是從設計早期階段開始就進行用戶測試,並每一步都進行用戶測試。

在哪裡測試?

如果你每週至少進行一個用戶研究,那麼建立一個可用性實驗室是值得的。對於大多數的公司來說,在會議室或辦公室進行測試是沒有問題的 – 只需要能夠把門關上來隔絕外來干擾已經足夠的。最緊要的是,找到真正的用戶,坐在他們旁邊,並觀察他們使用你的設計。而唯一你需要的設備就是一本記事簿。

【原文】
http://www.nngroup.com/articles/usability-101-introduction-to-usability/

名言錄

因為每個人都知道他自己喜歡什麼,所以每個人都認為自己是在用戶界面方面的專家。

— Paul Heckel (《The Elements of Friendly Software Design》 作者)

UX 和 UI 設計師十個不同之處

在這個技術世界裡,UX (用戶體驗設計)和 UI (界面設計)這兩個術語幾乎在所有科技公司裡都很流行。無論公司的大小,他們全都希望聘能夠請一個 UX/UI 設計師。很難相信這兩個簡單的字竟然令到整個技術工業忙亂起來,原因是它們是近年來最大的技術進展之一。那麼它們實際上是什麼意思呢?首先,UI 是指用戶界面,UX 是指用戶體驗。重要的是,這兩個術語絕不能互換地使用,因為它們需求的技能是不同的。那麼讓我們來看看 UX 設計師和 UI 設計師之間的地方。

物理 vs 心理

UI 設計關注於任何物理的界面,無論是你的智能手機、電腦或其他電子設備。一切你在產品外面看到都的都是 UI 設計師的工作,這包括導航按鈕和其他輸入控件。而另一方面,UX 設計關注於提供用戶某種體驗,他們負責界面能夠帶來體驗的部分。一切用戶在和界面交互時的體驗就是 UX 設計師的工作,那些就是產品的支柱。

交互體驗 vs 視覺設計

UX 設計師關注用戶的行為,並試圖更好地理解用戶想的需求。他們基本上負責創意的部分,他們能夠回答到用戶想做什麼以及想如何去做,但是他們無法製造出能夠解 決用戶問題的東西。這些就是 UI 開發人員的工作。他們能夠製造出一些看起來不錯的東西,他們並擁有將視覺設計 (Visual Design) 轉換成代碼的技能。

概念 vs 技術

有很少人能夠了解產品設計的技術和概念。大部分的人不是只關注代碼,就不是只關注用戶需求。這區別了 UX 和 UI 設計師的不同。即使 UX 設計師在視覺設計方面不在行,他們仍然很擅長了解產品背後的概念和關注產品的根本目的。而技術設計方面則是 UI 設計師的工作,他們關注用戶通過界面和產品交互的細節。

結構 vs 功能

UX 設計師負責設計當用戶使用時產品會如何運作和會使用戶有什麼體驗。產品有什麼功能是由人物角色 (Persona) 和情境故事 (User Scenario) 決定。UI 設計師就完全相反,他們負責製造所有可視化組件和前端代碼,這些全基於品牌指導 (Branding Guide) 和在 UX 架構裡的可視層。

生理性的技能 vs 創造性的技能

這不僅僅是如何創建一個網站,這事關如何贏得用戶的心。 因此,當結合了設計時的創造性和製作概念時的生理性技能,你就會有一個成功的產品。 UI 設計師專門展示他們的創造性技能去完成最終產品。另一方面 UX 設計師專門研究產品的細節並提供用戶一個方案去解決他們的問題。

商業設計師 vs 設計思想家

用戶體驗設計師本身最終也是商業設計師。不過,他們也以設計思想家這個角色去結合自己的直覺和用戶需求來想出一個可行的商業戰略。他們用以人為本的方法來面對他們的問題。而 UI 設計師其實才是這裡的商業設計師,因為他們負責執行的最終方案,並使其成為現實。

外部 vs 內部

當 UI 設計師關注於產品外部的設計時,他們同時嘗試利用不同的對用戶有吸引力的視覺元素來製造出一個成功的產品。要能夠做到這一點就需要他們兼具創造和技術能力。之後就是 UI 設計師的工作。當視覺設計獲得用戶的認可後,UI 設計師就要負責產品內部一切的東西,並提供用戶一個好好的經驗。

認知力 vs 吸引力

唯一吸引客戶的方法是滿足他們的標準。這意味著 UX 設計師必須提供客戶想要的東西。他們需要依賴個人經驗和用戶研究來滿足客戶的要求。UI 設計師之後用這些資料,形成在產品第一個用戶能够認知的設計。

用戶交互設計 vs 解決方案設計

一個良好用戶體驗能夠令產品優勝和可信的。用戶體驗設計有時被稱為「解決方案設計」,因為它為用戶提供解決他們問題的方案。 UI 開發者歸功於交互設計,因為當 UX 設計師關注用法情境 (Context of Use) 時,他們還關注內容和內容本身的佈置,令用戶更容易獲取設計裡的資料。

系統整合 vs 品牌整合

UX 設計師必須徹底地了解用戶用的系統,以及系統如何達成目標的計劃。另一方面,UI 設計師負責將界面符合該品牌的顏色、字體和標識。

不過到最後,UX 和 UI 這兩方面的組合一起才能構成一個界面,因為用戶需要上述那些屬性來得到一個良好視覺及引人入勝的體驗。如果沒有任何一個,產品就不會成功,因為良好的視覺設計需要交互式體驗設計的支撐。有些設計師只追求其中之一,這就是他們出錯的地方。你必須要同時掌握這兩門的技能,來幫助設計你出最佳的界面。你還認為它們是一樣的嗎?你再想一想啦!

【原文】
http://designpotato.com/10-differences-ux-designer-ui-designer/

設計師和開發人員應該如何合作?

我想我們已經知道,開發軟件時沒有設計師負責設計可能會導致項目失敗。不過,你是否知道在設計時沒有開發人員的參與會同樣那麼糟糕?

有些人認為設計師只不過負責畫漂亮的圖畫。但實際上,設計師的工作是:

  1. 討論所有會由設計來解決的問題(由業務分析師提出)
  2. 在內部設計審查裡評估各解決方案
  3. 解釋各方案如何到達設計決策

不過,如果設計時沒有開發人員的意見,最終設計可能需要很長的時間做才能完成,或甚至製造不到出來。

為了讓設計師和開發人員緊密合作來共同創造一個適當的設計,只要按照以下簡單的步驟:

  1. 在設計前先和開發人員一起想出設計主意
  2. 在設計過程中請求開發人員的意見
  3. 演示前一起審查設計

繼續閱讀