讀<<用戶體驗要素>>重點記錄

第一章用戶體驗為什么如此重要

用戶體驗:指的產品如何與外界發生聯系并發揮作用,也就是人名如何接觸和使用它.

用戶體驗設計通常要解決的是應用環境的總和問題.

l視覺設計選擇合適的按鈕形狀和材質

l功能設計要保證這個按鈕在設備上觸發適當的動作

l用戶體驗設計則要總和以上兩者,兼顧視覺和功能兩方面的因素.同時解決產品所面臨的其他問題

為體驗而設計:使用第一

轉化率:一個最常用的投資收益的度量標準是

ROI:投資回報率

以用戶為中心的設計:創建吸引人的,高效的用戶體驗的方法

第二章認識這些要素

五個層面

l表現層:由圖片和文字組成.

l框架層:按鈕,空間,照片和文本區域的位置,框架層用于優化設計布局,以達到這些元素最大的效果和效率.框架層定義了導航條上各要素的排列方式,用戶可以瀏覽不同的商品分類,

l結構層:用來設計用戶如何到達某個頁面,并且在他們做完事情之后能去什么地方,結構層確定哪些類別應該出現在哪里.

l范圍層:結構層確定網站各種特性和功能最合適的組合方式,而這些特征和功能就構成了網站的范圍層.

l戰略層:網站的范圍基本上是由網站戰略層所決定的.戰略包括經營者想從網站得到什么,用戶想從網站得到什么.

自下而上的建設

好的工作方法

應該計劃好項目,讓任何一個層面中的工作都不能在其下層面的共組哦完成之前結束,這里最重要的一條是,在我們知道基本形狀之前,不能為房屋加上屋頂.

基本的雙重性

l功能型的平臺類產品:關注的是任務---所有的操作都被納入一個過程,去思考人們如何完成這個過程.我們把網站看成用戶用于完成一個或多個任務的一個或一組工具.

l信息型的媒介類產品:關注點是信息---網站應該提供哪些信息,這些信息對用戶的意義是什么.

戰略層

l用戶需求:戰略層所關注的內容,用戶需求來自企業外部,了解用戶想從我們這得到什么,想達到什么目標.

l產品目標:與用戶需求相對應,是我們自己網站的期望目標.可以是商業的或者其他類型的

范圍層

l功能型產品對應的是功能規格:對產品的功能組合詳細描述

l信息型產品對應的是內容需求:對各種內容元素的要求詳細描述

結構層

l功能型產品對應的是交互設計:定義系統如何響應用戶的請求

l信息型產品對應的是信息架構:合理安排內容元素以租金人類理解信息.

框架層

l不管是功能型還是信息型都必須完成信息設計:一種促進理解的信息表達方式.

l功能型產品對應的是界面設計:安排好能讓用戶與系統的功能產品互動的界面元素

l信息型產品對應的是導航設計:屏幕上的一些元素組合,允許用戶在信息架構中穿行.

表現層

l感知體驗

額外影響用戶體驗的因素

l內容:大多數網站能提供給他們的用戶的最重要的一件東西,就是這些用戶認為有價值的內容

l技術:例如動態的導航系統,

第三章戰略層產品目標和用戶需求

成功的用戶體驗,其基礎是一個被明確表達的"戰略",知道企業與用戶雙方對產品的期許和目標,有助于促進用戶體驗各方面戰略的確立和制定.

戰略層:由產品目標和用戶需求構成.是設計用戶體驗過程中做出每一個決定的基礎.只有明確用戶從我們這里得到什么,我們才能精確的滿足雙方的需求

產品目標的基礎

品牌識別:我們中大部分人看到"品牌"二字就聯想到商標,色調和字體設計.品牌識別,可以是概念系統,也可以是情緒反映,在用戶與產品交互的同時,企業的品牌形象就不可避免地在用戶的腦海中形成了.傳遞品牌識別也就是一種普遍的產品目標.

成功標準:一些可追蹤的指標,在產品上線以后用來顯示它是否滿足了我們自己的目標和用戶的需求.

印象數:網站上每一個廣告的每天被展示的數量

用戶需求:確認用戶需求是復雜的,因為用戶群體之間存在著很大的差異.詢問他們的問題,觀察他們的行為.

用戶細分:把大量的用戶需求劃分成幾個可管理的部分來完成.

消費心態檔案:是用來描述用戶對于這個世界,尤其是與你的產品有關的某個事物的觀點和看法的心里分析方法

可用性和用戶研究

l問卷調查和焦點小組這種市場調研方法,是獲取用戶的基本信息的寶貴來源.

l現場調查,是指一整套完整,有效且全面的方法,用于了解在日常生活情境中的用戶行為.

l任務分析:認為每一個用戶與產品的交互行為都發生在執行某一任務的環境中.任務分析是一種仔細的分解用戶完成任務的精確步驟的方法.

l用戶測試:常見的用戶調研方法,用戶測試并不是測試你的用戶,而是請用戶來幫忙測試自己的產品.

l卡片排序法,探索用戶如何分類或組織各種信息元素,給用戶一堆索引卡片,每張卡片附有信息元素的名字,描述,一張圖片或內容的類型,然后用戶根據小組或類別,依照自己感到最自然的方式將卡片排列出來.

創建人物角色

創建人物角色,也叫做用戶模型或用戶簡介,人物角色是能代表整個真實用戶需求的虛構人物,通過賦予一張人物的面孔和名字,你將用戶調查及用戶細分過程中得到的分散資料重新關聯起來,人物角色可以幫助你確保整個設計過程期間把用戶始終放在心里.

團隊角色和流程

產品目標和用戶需求經常被定義在一個正式的戰略文檔愿景文檔中.

撰寫戰略文檔時,文檔并不是越多越好,你沒有必要把每一個數據來源和相關的意見都寫出來以表達你的觀點,讓文檔簡潔明了并切中要點.

第四章范圍層功能呢規格和內容需求

帶著"我們想要什么","我們的用戶想要什么"的明確認識,我們才能弄清楚如何去滿足這些戰略的目標.當你把用戶需求和產品目標轉變成產品應該提供給用戶什么樣的內容和功能時,戰略就變成了范圍.

范圍層定義定義項目范圍則同時在做這兩件事:這是一個有價值的過程,同時能產生有價值的產品.

l過程的價值在于,當整個事情還處在假設階段的時候,它能迫使你去考慮潛在的沖突和產品中一些粗略的點.

l產品的價值在于,被定義的這個產品給了整個團隊一個參考點,明確了這個項目中要完成的全部工作,他也提供了一門用于討論這件事情的共同的語言.

l用文檔來定義產品需求,這件事很麻煩,但是你必須要做,是由以下兩個主要原因:

n原因1:知道正在建設什么

n原因1:知道不需要建設什么

范圍蠕變:每一個額外的要求看上并沒有增加太多的工作量,但是當他們匯集到一起的時候,你的整個項目就會失去控制地膨脹,結束時間遙遙武器,而費用預算正不可避免地朝著最終的分崩離析飛奔而去.

功能和內容:在范圍層,我們從討論戰略層面的抽象問題(我們為什么要開發這個產品),轉而面對一個新的問題(我們要開發的是什么)

l功能需求規格:哪些應該被當成軟件產品的"功能"以及相應的組合

l使用"功能規格說明書"來描述文檔本書,用"需求"來描述文檔的內容.

l內容需求常常伴隨著功能的需求,內容通過一個內容管理系統來進行管理.

功能規格說明:

不需要包含產品的每一個細節,只需要包含在設計或開發過程中出現有可能混淆的功能定義

不需要戰網產品未來的

記下來

適用于撰寫任務類型的功能規格說明:

l樂觀:描述這個系統將要做什么事情去"防止"不好的情況發生,而不是描述這個系統"不應該"做什么不好的事情.

n例如:這個系統不允許用戶購買沒有風箏線的風箏

n替換成下面這句會更好

n如果用戶想買一個沒有線的風箏的話,這個系統應該引導用戶到風箏線頁面.

l具體:盡可能詳細地解釋清楚情況,這是我們能決定一個功能是否被實現的最佳途徑

n例如: 1最受歡迎的視頻要重點標注

n2上一周被播放最多的視頻要顯示在列表的最前端(比較優)

l避免主觀的語氣:這是另外一種需求"保持明確"和"避免歧義"的途徑,因而也避免了誤解的可能性.

n例如: 1這個網站的風格應該是時尚,閃耀的.(如何證明需求被滿足)

n2這個網站應該符合郵遞員 王伍 所期望的時尚(這個需求被滿足,但是太主觀)

n3網站的外觀應該符合企業的品牌指南文檔.(最好可觀來定義)

內容需求

l很多時候我們說到的內容指的是文本,但是圖像,音頻和視頻有時候有可能比其文字還有重要.這些不同類型的內容可以結合到一起,相互協作去滿足某一個需求.

lFAQ(Frequently Asked Questions:常見問題),但是FAQ這個詞僅僅指的是內容的格式,一個系列簡單的問題和回答.內容設計者容易忽略這個詞匯中"常見"二個字.

l定義內容應該關注每一個內容特性的"更新頻率",更新頻率應該來自于產品的戰略目標:

n從網站的目標來看,你希望用戶多長時間來訪問一次,?

n從用戶需求來看,用戶希望多久時間更新一次信息?

l對于哪些已有大量內容的項目而言,很多關于內容的信息都記錄在一個內容清單中,

確定需求優先級

在戰略目標和需求之間,你幾乎看不到一對一的簡單關聯,有時一個需求可以滿足多個戰略目標,同樣一個戰略目標也常常關系到多個不同需求.

需要評估這些需求是否滿足我們的戰略,?

實現這些需求的可行性有多大?

有些特性可能會因為技術上的局限而無法實現.

有時候,時間不夠也無法按時實現

有時候資源有限,也無法實現

有些特性要和其他的一起權衡,才能得到一個連貫的,統一的產品.

第五章結構層交互設計與信息架構

在定義好用戶需求并排列好優先級別之后,我們對于最終產品將會包括什么特性已經有了清楚的圖像,然后,這些需求并沒有說明如何將這些分散的片段組成一個整體,這就是范圍層的上面一層,為網站創建一個概念結構.

在傳統的軟件開發行業,設計"為用戶設計結構化體驗"的方法被稱為交互設計.它曾經被歸類在"界面設計"的范疇之內

在內容建設方面,主要是通過信息架構來構建用戶體驗.

交互設計和信息架構都強調一個重點:確定各個將要呈現給用戶的元素的"模式"和"順序",交互設計關注于將影響用戶執行和完成任務的元素.信息架構則關注如何將信息表達給用戶的元素.

交互設計:關注于描述"可能的用戶行為",同時定義"系統如何配合 與響應"這些用戶行為.

概念模型:用戶對于"交互組件將怎樣工作"的觀點稱為概念模型,

例如購物車,是一個裝東西的容器,作為一個容器,我們放進東西到推車中,以及從里面拿出東西來,系統必須提供能完成這些任務的功能.

錯誤處理

如何防止人們犯錯:

第一,將系統設計成不可能犯錯的那種

第二,使錯誤難以發生.

第三,有效的錯誤信息和容易自我解釋的界面可以在錯誤發生之后幫助用戶糾正.

信息架構

結構化內容,使用以下兩種方式來簡歷分類體系

從上到下:信息架構方法將從戰略層考慮的內容,根據產品目標與用戶需求直接進行結構設計.先從最廣泛的,有可能滿足決策目標的內容與功能開始進行分類,然后在依據邏輯細分出次級分類.這樣的主要分類與次級分類的層級結構就像一個個的空槽,而內容和功能將按順序一一填入

從下到上:信息架構方法也包括了主要分類與刺激分類,但它是根據對"內容和功能需求的分析"而來的.先從已有的資料()開始,我們把這些資料統統放到最低級別的分類中,然后在將他們分別歸屬到較高一級的類別,從而主鍵構建出能反映我們的產品目標和用戶需求的結構.

從上到下缺點:可能導致內容的重要細節被忽略.

從下到上缺點:可能導致架構過于精確反映現有的內容,不能靈活的容納未來內容的變動或增加.

結構方法

信息架構的基本單位世是節點.節點可以對應任務的信息片段或組合_它可以小到是一個數字(比如產品的價格),或者大是真個圖書館.

語言和元數據

命名原則:描述,標簽,和網站使用的其他術語.因此"使用用戶的語言"并且"保持一致性"是非常重要的,我們把用來強調一致性的工具稱為受控詞典.

元數據:簡單地說就是"關于信息的信息",即以一種結構化的方式來描述內容的信息.

例如一篇文章的元數據:

l作者名

l發布日期

l內容類型

l產品名稱

l產品類型

第六章框架層頁面設計,導航設計和信息設計

在充滿概念的結構層中開始形成了大量的需求,這些需求都是來自我們的戰略目標的需求,在框架層我們要更進一步地提煉這些結構,確定很詳細的界面外觀,導航和信息設計,這能讓晦澀的結構變得更實在.

對于功能型產品,通過界面設計來確定框架,"按鈕,輸入框和其他界面控件"的領域,

對于信息型產品,導航設計,這是專門用于呈現信息的一種界面形式.

信息設計是功能和信息兩方面都必須要做的,用于呈現有效的信息溝通

如何區分是界面設計還是導航設計還是信息設計?

涉及提供給用戶做某些事的能力,則屬于"界面設計".

提供給用戶去某個地方的能力,這是"導航設計".

如果是傳達想法給用戶的話,那就是"信息設計"

習慣和比喻

界面設計

成功的界面設計是讓用戶一眼就看到"最重要的東西",不重要的東西應該被影藏或減少出現率

導航設計

l首先,它必須提供給用戶一種在網站間跳轉的方法

l其次,導航設計必須傳達出這些元素和它們所包含內容之間的關系.

l第三,導航設計必須傳達出它的內容和用戶當前瀏覽頁面之間的關系.

全局導航:提供了覆蓋整個網站的通路

局部導航:提供給用戶在這個架構中到"附近地點"的通路.

輔助導航:提供了全劇導航或局部導航不能快速達到的相關內容的快捷途徑

上下文導航:是嵌入頁面自身內容的一種導航.

有好導航:提供給用戶他們通常不會需要的鏈接,但它們是座位一種遍歷的途徑來使用的.

網站地圖,一種常見的遠程導航工具,它給用戶一個簡明的,單頁的網站整體結構的快捷瀏覽方式.

索引表,按字母順序排列的,連接到相關頁面的列表,它與一些書最后所列的索引表非常想像.

信息設計

信息設計設計涉及"分組"或"整理"散亂的信息.

例如:

l姓名

l地址

l城市

l省份

l職位名稱

l所在公司

整理后:

l個人信息

n姓名

n職位名稱

n所在公司

l聯系方式

n地址

n城市

n省份

指示標識:用來幫助用戶理解"他們在哪"以及"他們能去哪"的系統.指示標識的概念來自于物理世界中公共空間的設計.

顏色標識:用來告訴客戶他們正在看哪個部分,顏色標識一般都是多個同時存在.

線框圖

頁面布局是將信息設計,界面設計,導航設計放置到一起,形成一個統一的,有內在凝聚力的架構的地方.

線框圖是整合在框架層的全部三種要素的方法,

l通過安排和選擇界面元素來整合界面設計

l通過識別和定義核心導航系統來整合導航設計

l通過放置和排列信息組成部分的優先級來整合信息設計.

l通過以上3個,線框圖就可以確定一個簡歷在基本概念結構上的架構,同時指出了表現層的設計應該前進的方向.

第七章表現層感知設計

在這個五層模型的頂端,我們把注意力住哪億到產品用戶會首先注意到的地方:感知設計,這里內容,功能和美好匯集到一起來產生一個最終設計,完成其他四個層面的所有目標.并同事滿足用戶的感官感受.

表現層定義:解決并彌補"產品框架層的邏輯排布"的感知呈現問題.

l通過關注信息設計,我們決定了這些信息元素應該如何分組和排列

l通過關注視覺設計,我們決定這種安排在視覺上應該如何呈現.

合理設計感知:決定我們的設計最后要如何被人類的感覺器官感受到,由五個方面組成:視覺,聽覺,觸覺,嗅覺和味覺.

l嗅覺和味覺:用戶體驗設計師很少考慮的范疇,

l觸覺:實物產品的觸覺體驗是屬于工業設計領域的概念.工業設計師主要關注的是用戶和產品之間的物理接觸.包括界面設計,交互設計.

l聽覺:聲音可以應用到很多不同種類的產品中.例如高德地圖的導航聲音,淘寶點擊聲音等

l視覺:用戶體驗設計師最得心應手的領域,幾乎所有的產品都會設計視覺設計.

忠于眼睛:用戶眼睛的移動軌跡的模式應該有以下兩個重要的特點

l首先,他們遵循的是一條流程的路徑.

l其實,在不需要用太多細節來嚇倒用戶的前提下,它為用戶提供有效選擇的,某種可能的"引導".

對比 和 一致性

l對比:用于吸引用戶注意的一個主要工具,一個沒有對比的設計,會被看成一個灰色的,平凡的東西,導致用戶的視線四處游離,而無法解決任務特別的事情.

l一致性:是另一個重要組成部分,它能使你的設計有效地傳達信息,而不會導致用戶迷惑或焦慮,

l基于柵格線的布局是來自平面設計的一種技術,是一種對網頁也同樣有效的技術.

內部和外部的一致性

缺點:

l內部一致性的問題:在產品的兩個不同的地方反映了不同的設計方法

l外部一致性的問題,這個產品沒有在同一個企業的其他產品中,反映出被使用的,相同的設計方法.

解決"內部一致性"的問題比較好的辦法,是簡歷在對網站框架的深刻理解上的.確定有可能在產品各種各樣的界面,導航和信息設計等不同環境中反復出現的設計元素.

配色方案和排版

配色方案應該能整合其中的色彩,以便于能將他們應用到一個廣泛的范圍之中

l更亮或更醒目的色彩可以用與設計你的前景色---那些你希望得到更多注意的元素中.

l更暗淡的色彩最好用于那些不需要跳出頁面的背景元素中,

排版:不要使用非常相似但又不完全一樣的風格.只有在你需要傳達不同的信息時才使用不同的風格.風格之間要有足夠的"對比"才能在你需要的時候吸引到用戶的注意.

風格指南:承載這些設計決策的權威性文檔,這個匯總文檔確定了視覺設計的每個方面,從最大到最小的范圍內的所有元素.影響到產品的每一個局部的全局標準.

第八章要素的應用

創建良好的用戶體驗最重要的工作內容是大量收集解決的非常細微的問題."成功的方法"和"注定會失敗的方法"的差異歸根結底就是以下兩點:

l了解你正在試著去解決的問題

l了解這些解決辦法所造成的后果

用戶體驗的決策總會體現在以下這些場景之中:

l由現狀決定的設計

l有模仿決定的設計

l由領導決定的設計

提出正確的問題

與用戶體驗有關的第一個問題問自己:為什么要這么做?


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,665評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,627評論 2 380

推薦閱讀更多精彩內容