讀書筆記:用戶體驗要素——以用戶為中心的產(chǎn)品設計

用戶體驗是指產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用,也就是人們?nèi)绾巍敖佑|”和“使用”它。

用戶體驗設計通常要解決的是應用環(huán)境的綜合問題,兼顧視覺和功能兩個方面的因素,同時解決產(chǎn)品所面臨的其他問題。產(chǎn)品越復雜,確定如何向用戶提供良好的使用體驗就越困難。任何在用戶體驗上所做的努力,目的都是為了提高效率。這基本上是以兩種主要形式體現(xiàn)出來的:“幫助人們工作得更快”和“減少人們犯錯的幾率”。

影響用戶體驗的因素有很多,其中內(nèi)容和技術是兩個最重要的因素。內(nèi)容決定了產(chǎn)品能對用戶提供的價值,技術決定了能提供給用戶的體驗狀態(tài)。除了這兩個因素外,影響用戶體驗的就是下面這五大要素:戰(zhàn)略層,范圍層,結構層,框架層,表現(xiàn)層。

為了方便具體闡述各個層面的內(nèi)涵,我們把產(chǎn)品分為兩個大類:功能型產(chǎn)品和信息型產(chǎn)品。功能型產(chǎn)品是從傳統(tǒng)的桌面和客戶端軟件的角度出發(fā),主要關注的是任務。所有的操作都被納入一個過程,去思考人們?nèi)绾瓮瓿蛇@個過程。信息型產(chǎn)品是從信息的發(fā)布和檢索的角度出發(fā),主要關注的是信息。網(wǎng)站應該提供哪些信息,這些信息對影虎的意義是什么。

下面,我們就來具體闡述這五個層面的具體含義。


戰(zhàn)略層:為什么要做這個產(chǎn)品?企業(yè)能得到什么好處——產(chǎn)品目標;用戶得到什么好處——用戶需求。我們的用戶是誰?他們的需求是什么?【成果形態(tài):戰(zhàn)略文檔,包括目標清單和用戶調研報告】

范圍層:我們應該為用戶提供哪些功能和信息?不能為用戶提供哪些功能和信息?定義需求,確定需求的優(yōu)先級。【成果形態(tài):PRD,主要指功能規(guī)格說明書】

結構層:這些功能和信息該如何組織到一起呢?他們之間都是什么關系?(并列、父子)功能盡量依托于某個概念模型,而且要應對好各種錯誤處理;信息的有效組織依賴于元數(shù)據(jù)。【成果形態(tài):架構圖】

框架層:這些層次關系比較清晰的功能和信息該如何在頁面中布局?界面設計是選擇正確的界面元素,導航設計是在告訴用戶他們在哪兒,他們又可以去哪兒,信息設計是放置和排列信息的優(yōu)先級?!境晒螒B(tài):框架圖】

表現(xiàn)層:關注視覺設計,決定這種安排在視覺上如何呈現(xiàn)?!境晒螒B(tài):風格指南】

創(chuàng)建良好的用戶體驗最重要的工作內(nèi)容是大量收集亟待解決的非常細微的問題。


戰(zhàn)略層——產(chǎn)品目標和用戶需求

戰(zhàn)略層定義

我們要通過這個產(chǎn)品得到什么——產(chǎn)品目標

我們的用戶要通過這個產(chǎn)品得到什么——用戶需求

產(chǎn)品目標

商業(yè)目標/商業(yè)驅動因素:替公司賺錢或替公司省錢

品牌識別:視覺設計(商標,色調和字體設計),概念系統(tǒng),情緒反應

成功標準:“什么時候到達了終點”,可追蹤的指標 | 印象樹:網(wǎng)站上每一個廣告的每天被展示的數(shù)量

用戶需求(他們是誰?他們的需求是什么?)

用戶細分:人工統(tǒng)計學,消費心態(tài)檔案

可用性和用戶研究:必須知道他們是誰——用戶研究:收集必要的信息來達成共識——市場調研方法:現(xiàn)場調查、人任務分析、用戶測試(卡片排序法)

收集信息的方法:問卷調查、用戶訪談、焦點小組、現(xiàn)場調查、任務分析、用戶測試、卡片排序法

創(chuàng)建人物角色:用戶模型/用戶簡介/用戶鏡像

團隊角色和流程

戰(zhàn)略文檔/愿景文檔:文檔并不是越多越好;可演變和改進;共享

目標清單:目標的關系分析、目標是如何融入企業(yè)環(huán)境、目標的優(yōu)先級

用戶調研報告


范圍層——功能規(guī)格和內(nèi)容需求

范圍層定義

定義項目范圍則同時在做兩件事:這是一個有價值的過程,同時能產(chǎn)生有價值的產(chǎn)品。

用文檔來定義產(chǎn)品需求的兩大主要原因

這樣你才知道你正在建設什么:這個項目的目標是什么,什么時候將達到這個目標。

這樣你才知道你不需要建設什么:范圍蠕變

功能和內(nèi)容

我們?yōu)槭裁匆_發(fā)這個產(chǎn)品——我們要開發(fā)的是什么

定義需求

需求分為三個主要類別

? ? ? ?人們講述的他們想要的東西

? ? ? ?人們在某個過程或某個產(chǎn)品中遭遇到一些困難,想象有某種解決辦法可以緩解這一困難

? ? ? ? 人們不知道他們是否需要的特性

收集需求的兩個信息來源:用戶和競爭對手

功能規(guī)格定義

樂觀:描述這個系統(tǒng)將要做什么事情去“防止”不好的情況發(fā)生

具體:盡可能詳細地解釋清楚情況

避免主觀的語氣:使需求“保持明確”和“避免歧義”

可量化:對功能的描述最好具體到數(shù)字

內(nèi)容需求定義

定義每一個內(nèi)容特性的更新頻率

不要混淆某段內(nèi)容的格式和它的目的

定義內(nèi)容元素的大小

確定需求優(yōu)先級

考慮需求實現(xiàn)的可行性


結構層——交互設計與信息架構

結構層定義

確定各個將要呈現(xiàn)給用戶的元素的“模式”和“順序”。交互設計關注于將影響用戶執(zhí)行和完成任務的元素,信息架構則關注如何將信息表達給用戶的元素。

交互設計

關注于描述“可能的用戶行為”。同時定義“系統(tǒng)如何配合與響應”這些用戶行為。

程序員更容易創(chuàng)建出一個在技術上效率更高,卻忽略了什么才是對用戶而言最好的系統(tǒng)。

概念模型

用戶對于“交互組件將怎樣工作”的觀點稱為概念模型,例如電子商務網(wǎng)站中的購物車

使用人們熟悉的概念模型,會使用戶很快適應一個不熟悉的網(wǎng)站

一個概念模型可以反映系統(tǒng)的而一個組件或是整個系統(tǒng)

概念模型是用于在交互設計的開發(fā)過程中保持使用方式的一致性的

錯誤處理

如何一個交互設計的項目都有很大的部分牽涉處理“用戶錯誤”

第一個同時也是最好的防止錯誤的方法,是將系統(tǒng)設計成不可能犯錯的那種

第二個避免錯誤的方法是使錯誤難以發(fā)生

有效的錯誤信息和容易自我解釋的界面可以在錯誤發(fā)生之后幫助用戶糾正,例如“撤銷”

信息架構

在以內(nèi)容為主的網(wǎng)站上,信息架構主要的工作是設計組織分類和導航的結構,讓用戶可以高效率、有效地瀏覽網(wǎng)站的內(nèi)容

一個高效結構的優(yōu)點是具備“容納成長和適應變動“的能力

結構方法:層級結構、矩陣結構、自然結構、線性結構

戰(zhàn)略告訴我們”用戶的需求是什么“,范圍則告訴我們”什么樣的信息將滿足用戶那些用戶需求“。在創(chuàng)建結構時,我們就要具體地識別出用戶心目中至關重要的那些信息

受控詞典:強調一致性的工具,是網(wǎng)站使用的一套標準語言。它有助于建立起貫穿所有內(nèi)容的一致性。

架構圖

信息架構或交互設計的主要文檔是示意圖

架構圖最重要的是記錄概念關系:哪些類別需要放在一起,而哪些需要保持獨立?在交互過程中那些步驟要怎樣相互配合?



框架層——界面設計、導航設計和信息設計

框架層定義

結構層界定了我們的產(chǎn)品江永什么方式來運作,框架層則用于確定用什么樣的功能和形式來實現(xiàn)

關注點幾乎全部在獨立的組件以及它們之間的相互關系上

界面設計考慮可交互元素的布局,導航設計考慮在產(chǎn)品中引導用戶移動的元素的安排,而信息設計考慮傳達給用戶的信息要素的排布

習慣和比喻

讓你的界面與用戶早已養(yǎng)成的那些習慣保持一致很重要,但是更重要的是,界面要與它自身保持一致

有效的使用比喻,就是要減少用戶在”理解和使用你的產(chǎn)品功能“時對猜測的要求

界面設計

界面設計要做的全部事情就是選擇正確的界面元素

哪個功能要在哪個界面上完成,是我們在結構層的額交互設計中已經(jīng)決定的;而這些功能在界面上如何被用戶認知到,則屬于界面設計的范疇

成功的界面設計是那些能讓用戶一眼就看到”最重要的東西“的界面設計

一個設計良好的界面是要組織好用戶最常采用的行為,同時讓這些界面元素用最容易的方式獲取和使用

導航設計

網(wǎng)站的導航設計:在每個頁面上放一些允許用戶瀏覽整個網(wǎng)站的鏈接

導航設計的三個目標

? ? ? 提供給用戶一種在網(wǎng)站間跳轉的方法

? ? ? 傳達出這些元素和它們所包含內(nèi)容之間的關系

? ? ? ?傳達出它的內(nèi)容和用戶當前瀏覽頁面之間的關系

導航系統(tǒng):全局導航、局部導航、輔助導航、上下文導航、友好導航

信息設計

把各種設計元素聚合到一起,決定如何呈現(xiàn)這些信息,使人們能很容易使用或理解它們

指示標識:幫助用戶理解”他們在哪兒“以及”他們能去哪“的系統(tǒng),來自物理世界中公共空間的設計,機場中的指示設施。好的指示標識能使用戶很快滴得到一個心理圖像,”他們在哪兒“、”能去哪兒“和”哪條路能使他們離自己的目標更近“。

線框圖

頁面布局是將信息設計、界面設計和導航設計放置到一起,形成一個統(tǒng)一的、有內(nèi)在凝聚力的架構的地方。

線框圖是整合在框架層的全部三種要素的方法:通過安排和選擇界面元素來整合界面設計;通過識別和定義核心導航系統(tǒng)來整合界面設計;通過放置和排列信息組成部分的優(yōu)先級來整合信息設計



表現(xiàn)層——感知設計

表現(xiàn)層定義

解決并彌補”產(chǎn)品框架層的邏輯排布“的感知呈現(xiàn)問題

忠于眼睛

用戶眼睛的移動軌跡的模式的額特點

遵循的是一條流暢的路徑

為用戶提供有效選擇的、某種可能的”引導“

對比和一致性

對比能夠把用戶的注意力吸引到界面中的關鍵部分,幫助用戶理解頁面導航元素之間的關系,是傳達信息設計中的概念群組的主要手段

一致性能使你的設計有效地傳達信息,而不會導致用戶迷惑或焦慮

一個成功的設計不僅僅是收集小巧的、精心設計的東西;相反,這些東西應該能形成一個系統(tǒng),作為一個有凝聚力、連貫的整體來使用

配色方案和排版:色調,字體

設計合成品和風格指南

“合成”的意思是“綜合的”,是從選定的組件中建立起來的、一個最終的可視化產(chǎn)品

承載這些設計決策的權威性文檔是風格指南,包括設計柵格、配色方案、字體標準或標志應用等等

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容