第一章 用戶體驗為什么如此重要
1打掘、用戶體驗是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”棘钞,也就是人們?nèi)绾巍敖佑|”和“使
? ? 用”它缭付。
2鉴竭、用戶體驗形成了客戶對企業(yè)的整體印象歧譬,界定了企業(yè)和競爭對手的差異,并且決定
? ? 了客戶是否還會再次光顧搏存。
3瑰步、轉(zhuǎn)換率是一種常用的方式,來衡量用戶體驗的效果璧眠。
4面氓、提升用戶體驗的目的就是為了提升效率玉工。
5田柔、在開發(fā)產(chǎn)品的每個步驟中,都要把用戶列入考慮范圍忘蟹。
6泰演、考慮用戶的體驗呻拌、把它分解成各個組成要素、從不同的角度來了解它——只有這?
? ? 樣睦焕,你才能確保你控制了決策所造成的全部結(jié)果藐握。
第二章 認識這些要素
1靴拱、五個層面:
(1) 表現(xiàn)層.(由圖片和文字組成的網(wǎng)頁)
(2)框架層.(優(yōu)化設(shè)計布局)
(3) 結(jié)構(gòu)層.(確定哪些類別應(yīng)該出現(xiàn)在哪里)
(4)范圍層.(由網(wǎng)站的特性和功能所構(gòu)成)
(5)戰(zhàn)略層.(決定網(wǎng)站/產(chǎn)品的范圍)
2、自下而上地建設(shè):
(1) 每一個層面都是由它下面的層面所決定的猾普。
(2)在每一個層面上的決定都會影響到它之上層面的可用選項袜炕。
(3)這種連鎖反應(yīng)意味著在“較高層面”中選擇一個界限之外的選項將需要重新考? ? ? ? ? ? ? ? ? ? ?慮“較”中所做出的決策。
(4)計劃好項目初家,讓任何一個層面中的工作都不能在其下層面的工作完成之前結(jié)束偎窘。
3、基本的雙重性:
(1)功能性產(chǎn)品:我們主要關(guān)注的是任務(wù)-所有的操作都被納入一個過程溜在。
(2) 信息型產(chǎn)品:我們主要關(guān)注的是信息-網(wǎng)站應(yīng)該提供哪些信息陌知。
第三章 戰(zhàn)略層 產(chǎn)品目標和用戶需求
1、戰(zhàn)略層定義:
(1)我們要通過這個產(chǎn)品得到什么(產(chǎn)品目標)
(2)我們的用戶要通過這個產(chǎn)品得到什么(用戶需求)
2掖肋、商業(yè)目標:
(1)品牌識別 :?品牌識別可以是概念系統(tǒng)仆葡,也可以是情緒反應(yīng)
(2)成功標準: ?一些可追蹤的指標,在產(chǎn)品上線以后用來顯示它是否滿足了我們自己? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?的目標和用戶的需求志笼。
??用戶分組??:將用戶分成更小的群組(或細分成用戶群)沿盅,每一個群用戶都是用具有某? ? ? ? ? ? ? ? ? ? ? ? 些共同關(guān)鍵特征的用戶組成的
?3、可用性和用戶研究:
???? ?想弄明白用戶需要什么纫溃,我們首先必須知道他們是誰腰涧,用戶研究的領(lǐng)域致力于收集必要的信息來達成共識。
(1)市場調(diào)研
(2)現(xiàn)場調(diào)查
(3)任務(wù)分析
(4)用戶測試
??4皇耗、創(chuàng)建人物角色
通過創(chuàng)建人物角色有時也叫用戶模型和用戶簡介南窗,你可以讓你的用戶變得更加真實揍很。人物角色是能代表整個真實用戶需求的虛構(gòu)人物郎楼。通過賦予一張人物的面孔和名字,你將用戶調(diào)查及用戶細分過程中得到的分散資料重新關(guān)聯(lián)起來窒悔,人物角色可以幫助你確保在整個設(shè)計過程期間把用戶始終放在心里呜袁。
第四章 范圍層 功能規(guī)格和內(nèi)容需求
1、范圍層定義:
? (1)這樣你才知道你正在建設(shè)什么
? (2)這樣你才知道你不需要建設(shè)什么
2简珠、功能和內(nèi)容
? (1)功能型產(chǎn)品
? (2)信息型產(chǎn)品
3阶界、定義需求
??需求的詳略程度常常取決于該項目的具體范圍
4、功能規(guī)格說明?
??(1)樂觀:描述這個系統(tǒng)將要做什么事情去防止不好的事情發(fā)生聋庵,而不是描述這個系統(tǒng)不應(yīng)該做什么不好的事情膘融。
??(2)具體:盡可能詳細地解釋清楚狀況,這是我們決定一個功能是否被現(xiàn)實的最佳途徑
??(3)避免主觀的語氣:這是另外一種使需求保持明確和避免歧義的途徑——因而也避免不了誤解的可能性祭玉。
內(nèi)容需求
????很多時候我們說到的內(nèi)容指的是文本氧映,但是圖像、音頻和視頻有時候可能比其文字還要重要脱货。這些不同類型的內(nèi)容可以結(jié)合到一起岛都,相互協(xié)作區(qū)滿足一個需求律姨。
確定需求優(yōu)先級
第五章 結(jié)構(gòu)層:交互設(shè)計與信息架構(gòu)
1、結(jié)構(gòu)層:
結(jié)構(gòu)層是五個層面中的第三層臼疫,它也適當?shù)膶⑽覀兊年P(guān)注點從抽象的決策與范圍問題择份,轉(zhuǎn)移到更能影響最后的用戶體驗的具體因素。
2烫堤、交互設(shè)計:
交互設(shè)計關(guān)注于描述“可能的用戶行為”荣赶,同時定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。
3塔逃、錯誤處理:
(1)第一個同時也是最好的防止錯誤的方法讯壶,是將系統(tǒng)設(shè)計成不可能犯錯的那種。
(2)第二個避免錯誤的方法就是使錯誤難以發(fā)生湾盗。
4伏蚊、信息架構(gòu):
(1)從上到下的信息架構(gòu)方法將從“網(wǎng)站目標與用戶需求的理解”開始直接進行結(jié)構(gòu)設(shè)計。這種方法有時可能導致內(nèi)容的重要細節(jié)被忽略格粪。
(2)從下到上的信息架構(gòu)方法也包括了主要分類與次級分裂躏吊,但它是根據(jù)對“內(nèi)容和功能需求的分析”而來的。這種方法有時可能導致架構(gòu)過于精確地反應(yīng)了現(xiàn)有的內(nèi)容帐萎,因此不能靈活地容納未來內(nèi)容的變動或增加比伏。
? ? ? 因此,在從上到下和從下到上的方法之間找到平衡是唯一可避免這些缺點的方法疆导。
5赁项、結(jié)構(gòu)的常見類型:
? (1)在層級結(jié)構(gòu)(也稱樹狀結(jié)構(gòu)或中心輻射結(jié)構(gòu))
? (2)矩陣結(jié)構(gòu)
? (3)允許用戶在節(jié)點與節(jié)點之間沿著兩個或多個“維度”移動。
? (4)自然結(jié)構(gòu)
? (5)節(jié)點是逐一被連接起來的澈段,同時這種結(jié)構(gòu)沒有太強的“分類”概念悠菜。
? (6)線性結(jié)構(gòu) 來自于你最熟悉的線下媒體。
? (7)組織原則败富,組織原則就是我們決定哪些節(jié)點要編成一組悔醋,而哪些節(jié)點要保持獨立的標準。
第六章 框架層 界面設(shè)計兽叮、導航設(shè)計和信息設(shè)計
1芬骄、界面設(shè)計:
? ? ? 成功的界面設(shè)計是那些能讓用戶一眼就看到“最重要的東西”的界面設(shè)計。一個設(shè)計良好的界面是要組織好用戶最常采用的行為鹦聪,同時讓這些界面元素用最容易的方式獲取和使用账阻。
2、導航設(shè)計:
在每個頁面上放一些允許用戶瀏覽整個網(wǎng)站的鏈接泽本。它需要完成三個目標:
? (1)必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法淘太。
? (2)導航設(shè)計必須傳達出這些元素和它們所包含內(nèi)容之間的關(guān)系。
? (3)導航設(shè)計必須傳達出它的內(nèi)容和用戶當前瀏覽頁面之間的關(guān)系。
3琴儿、常見的導航系統(tǒng):
? (1)全局導航
? (2)局部導航
? (3)輔助導航
? (4)上下文導航
? (5)友好導航
遠程導航:指沒有包含在頁面結(jié)構(gòu)中段化,而是以它們自己的方式存在,獨立于你的網(wǎng)站或功能造成。
信息設(shè)計:常常充當一種把各種設(shè)計元素聚合到一起的“粘合劑”的角色显熏。目的是使人們很容易使用或理解呈現(xiàn)的信息。
第七章? 表現(xiàn)層 感知設(shè)計
1晒屎、表現(xiàn)層
表現(xiàn)層是最直觀的喘蟆。打開一個APP,你看到的所有形狀鼓鲁、文字蕴轨、色彩都屬于這一層面。表現(xiàn)層決定了用戶的第一印象骇吭,同時可以通過形狀大小橙弱、字體大小、顏色深淺等因素來影響用戶感知燥狰,已達到設(shè)計目的棘脐。
2、感知設(shè)計
在整個設(shè)計流程中龙致,決定我們的設(shè)計最后要如何被人類的感覺器官感受到蛀缝。這些感受由五個方面組成,視覺目代,聽覺屈梁,觸覺,嗅覺榛了,味覺在讶。哪些感受將被納入設(shè)計是由我們的產(chǎn)品類型決定的。
3忽冻、設(shè)計是成功應(yīng)該有的特點
(1)遵循的是一條流暢的路徑真朗。
(2)不需要用太多細節(jié)的前提下此疹,為用戶引導僧诚。
4、視覺設(shè)計
(1)對比和一致性
對比可以引導用戶在頁面上的視線
一致性不會導致用戶迷惑或焦慮
基于柵格線的布局是來自平面設(shè)計的一種技術(shù)蝗碎,對網(wǎng)頁也同樣有效的技術(shù)湖笨。
(2)內(nèi)部和外部的一致性
內(nèi)部一致性,在產(chǎn)品的兩個不同的地方反映不同的設(shè)計方法
外部一致性蹦骑,產(chǎn)品沒有在同一個企業(yè)的其他產(chǎn)品中慈省,反映出被使用的,相同的設(shè)計方法
(3)配色方案和排版
配色眠菇,它們之間是互補而不是沖突的边败。
排版袱衷,如何用字體,字型笑窜,在整個頁面中呈現(xiàn)的視覺效果致燥。
(4)設(shè)計合成品和風格指南
合成,它的意思是綜合的排截。也就是組件中建立起來的嫌蚤,最終可視化產(chǎn)品。
風格指南断傲,匯總了視覺得每個方案脱吱。還包括某一個模塊或網(wǎng)站功能的具體標準。
第八章 要素的應(yīng)用
1认罩、不管你的產(chǎn)品有多復(fù)雜箱蝠,用戶體驗要素都是一樣的。
2垦垂、成功的方法和注定會失敗的方法的差異
(1)了解你正在試著去解決的問題抡锈。
(2)了解這些解決辦法所造成的后果。
3乔外、用戶體驗決策
(1)由現(xiàn)狀決定的設(shè)計
(2)由模仿決定的設(shè)計
(3)由領(lǐng)導決定的設(shè)計
4床三、提出正確問題,為什么杨幼?
對即將面臨的問題抱有一種正確的心態(tài)是重要的撇簿。每個用戶體驗設(shè)計過程的其他方面都有可能導致調(diào)整,以適應(yīng)時間差购,金錢四瘫,和為你的工作人員。
5欲逃、用戶接受測試接受度
不是說用戶喜不喜歡這個產(chǎn)品找蜜,而是能不能接受它。其實稳析,最大的挑戰(zhàn)是“比用戶自己更準確的去理解他們的需求”洗做。
不能過于關(guān)注視覺要素,而應(yīng)該關(guān)注從完整的用戶體驗出發(fā)彰居。每一件與網(wǎng)站的用戶體驗有關(guān)的事情都是有意識的诚纸,明確的決策的結(jié)果。只有這樣陈惰,網(wǎng)站才能滿足戰(zhàn)略目標和用戶需求畦徘。
3MiD工作室 — PNG團隊出品