跳轉到內容

商業分析指南/使用者體驗

來自華夏公益教科書

可用性與使用者體驗 (UX)

[編輯 | 編輯原始碼]

可用性是指產品的使用便捷程度。使用者能夠快速便捷地達成目標。使用者體驗 (UX) 包含可用性,但也包含其他一些元素,這些元素有助於使使用者的體驗更加愉快。可用性詢問“使用者能否有效地達成目標?”,UX 詢問“使用者在達成目標的過程中是否獲得了愉快的體驗?”。[1]

Peter Morville 的蜂窩模型說明了 UX 應該包含的內容。為了使產品具有價值,它應該有用、可用、可查詢、可信、可訪問且令人嚮往。

為什麼 UX 重要?

[編輯 | 編輯原始碼]

為什麼 UX 對紐約州政府很重要?如果我們希望人們喜歡使用我們的產品,感覺我們稱職可信,並且有回到我們產品的願望,那麼 UX 就很重要。[2].使用者體驗主要涉及個人在使用特定系統或產品的介面時的情緒、感知和行為。它也涉及產品所有權和人機互動的重要方面,這些方面在本質上是有意義的、情感的和實用的。此外,它還考慮了易用性和效率,這是系統的方面。這些是從終端使用者的角度考慮的。由於使用者體驗取決於個人對系統的想法和感知,因此它在本質上是主觀的。由於系統使用條件和系統本身的修改不斷變化,使用者體驗在本質上是動態的。
ISO 對使用者體驗的定義是,一個人在使用或預期使用產品、系統或服務時產生的感知和反應。

商業分析與 UX

[編輯 | 編輯原始碼]

商業分析關注商業目標。使用者體驗 (UX) 設計關注使用者目標。這兩個職業有很多重疊的地方,正如Rachel Hollowgrass 和 Allison Bloodworth 的 BA-UX 連續體模型所示。

在理想情況下,UX 設計師可能會從 BA 那裡收到一個粗略的產品原型,然後對其進行改進。視覺設計師也可以參與進來,為原型新增趣味性和美感。然後,可以由真實使用者進行測試,並從他們那裡獲得反饋。然而,由於許多公司/機構沒有 UX 專家,BA 往往同時扮演這兩個角色。[3]

實施 UX 的步驟

[編輯 | 編輯原始碼]

瞭解您的受眾

[編輯 | 編輯原始碼]

提出一系列問題,以確定網站將與誰進行交流。例如,詢問受眾的年齡、受眾的網路經驗、共享文化、訪問網站的目標和目的、語言/術語以及某些顏色會帶來哪些含義?答案將確定網站的基調、個性和態度。

個人資料和場景

[編輯 | 編輯原始碼]

個人資料和場景有助於更好地瞭解您的受眾。場景是指典型使用者可能使用網站的一種情況。它捕捉了使用者的目標和目的。在場景中包含使用者個人資料,這些個人資料指定了潛在使用者的性別、身份、年齡、教育程度等。個人資料還包括使用者的觀點和期望。重要的是要問,每個個人資料會期望資訊如何顯示,以及什麼內容組織對他們來說有意義?使用者在想什麼,或者期望看到什麼?

組織您的內容

[編輯 | 編輯原始碼]

將您的受眾期望找到的資訊分類到類似的類別中。大多陣列織從一般到具體。例如,家居用品網站可能會從床和浴缸 > 床上用品 > 床單。即使使用者不熟悉內容,這些資訊也很有用。他們可以從網站的組織結構中推斷出床單是床上用品的一種型別。


資訊以小塊形式呈現,並在使用者需要時和需要的地方呈現,便於吸收。這在線上產品概述中經常可見。使用者必須深入挖掘才能檢視產品詳情、產品評論或產品保養說明。


詢問您的受眾會期望看到哪些標籤?這些是熟悉的術語嗎?他們可以將這些術語與每個類別下的內容聯絡起來嗎?受眾及其目標應該決定分類方法。利用之前開發的使用者個人資料和場景。嘗試以典型使用者的身份瀏覽您的內容。此外,您還可以讓受眾成員評論內容的組織方式,並詢問是否合理。

確定內容組織結構後,應將其記錄下來。一個好方法是用樹狀圖的形式。這有助於看到全域性,並向其他人解釋內容結構。一般來說,任何給定級別的選單項不應超過七個。[4]

設計您的導航

[編輯 | 編輯原始碼]

導航幫助使用者瞭解他們在內容中的位置、如何到達那裡以及下一步可以去哪裡。導航通常以視覺形式顯示您的內容類別。在所有頁面上顯示最高級別選單,只有當用戶向下鑽取到更深級別時才顯示更深級別。在所有頁面上顯示所有級別會導致混亂。使用者將熟悉一致的高階選單,並且知道在哪裡點選才能找到東西。一致性是關鍵,它讓使用者對您的網站充滿信心。保持整個網站的相同位置、順序和視覺特性數量。其他需要考慮的導航選項包括每個頁面上的主頁連結、網站徽標、搜尋框和聯絡資訊。保持導航元素簡潔、清晰且相關。不要在頁面上放置太多導航,以免壓倒使用者或分散使用者對內容的注意力。導航通常位於頁面頂部、左側或底部。使用節省空間的導航,例如級聯選單、下拉選單和麵包屑。 [5]

建立模型
導航模型可以透過在紙上繪畫來建立。指示元素將放置在哪裡、將使用哪些標籤以及它們的行為方式。然後獲取使用者對模型的反饋。向典型使用者展示一些內部頁面,並詢問他們是否知道自己在哪裡、如何到達那裡以及接下來可以去哪裡。 [6]

建立個性

[edit | edit source]

網站的每個方面(例如顏色選擇、標籤、語言、影像)都為網站的個性做出貢獻。這就是網站與受眾對話的方式。個性對於在網際網路上脫穎而出很重要。它對於吸引使用者返回也很重要。網站使用的影像、文字和其他元素是否適合網站的語氣?網站喚起什麼情緒?(興奮?平靜?等等)。 [7]

提供反饋

[edit | edit source]

反饋對於讓使用者瞭解網站的進展情況很重要。例如,如果處理需要一些時間,則顯示進度條或類似功能非常重要,以便使用者知道事情還在進行。其他形式的反饋可能包括成功或錯誤訊息,以及使用者可以採取的操作來更正這些錯誤。 [8]

網路慣例

[edit | edit source]

位置
瀏覽網頁時,您會發現許多網站之間存在相似之處。這些是使用者期望看到的網路標準,並且已被證明有效。這些標準包括將品牌、徽標或網站標識放置在左上角,並將其連結到主頁。

連結
僅對連結使用帶下劃線的文字。應指示外部連結並在新的瀏覽器選項卡中載入。可下載的連結(例如 PDF)也應按型別和大小進行指示。對連結使用描述性措辭,但不要讓連結措辭過長。這會使它們難以閱讀。

頁尾
聯絡資訊應出現在頁面頁尾中,幷包含版權和安全資訊。如果網路內容包含特定時間的資訊,則應在頁面的頂部或頁尾中顯示最後更新日期。

標題
頁面標題通常在頁面文字內容之前的頁面頂部左對齊。頁面標題應與將使用者帶到該頁面的任何連結相匹配。例如,如果使用者點選“賬戶摘要”,則連結指向的位置的頁面標題應稱為“賬戶摘要”。頁面 HTML 標題也應與頁面標題匹配,但應包含任何父頁面標題。例如,HTML 標題可能包含“花旗銀行 :: 賬戶摘要”。

摺疊以上
將最重要的資訊放在“摺疊以上”,這意味著在網頁瀏覽器底部截斷頁面之前。 [9]

參考

[edit | edit source]

^ 1. 使用者介面工程 - 可用性和使用者體驗的區別,於 2014 年 1 月 29 日從 http://www.uie.com/brainsparks/2007/03/16/the-difference-between-usability-and-user-experience/ 檢索
^ 2. 語義工作室 - 使用者體驗設計,於 2014 年 1 月 29 日從 http://semanticstudios.com/publications/semantics/000029.php 檢索
^ 3. 網頁設計師工作室 - UI 與 UX:有什麼區別?,於 2014 年 1 月 29 日從 http://www.webdesignerdepot.com/2012/06/ui-vs-ux-whats-the-difference/ 檢索
^ 4. 商業分析時報 - 高迪和史蒂夫·喬布斯的使用者介面設計方式,於 2014 年 1 月 29 日從 http://www.batimes.com/articles/gaudi-and-steve-jobs-way-of-user-interface-design.html 檢索
^ 5. Wroblewski, L. (2002). Site-Seeing: A Visual Approach to Web Usability. 紐約,紐約:Hungry Minds, Inc。
^ 6. Techved 諮詢 - UX:軟體開發的必要元素,於 2014 年 6 月 10 日從 http://www.techved.com/ux-design 檢索

華夏公益教科書