《用戶(hù)體驗(yàn)要素》讀書(shū)筆記

第一章 用戶(hù)體驗(yàn)為什么如此重要

什么是用戶(hù)體驗(yàn)

  • 產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用
  • 無(wú)論什么產(chǎn)品年枕,用戶(hù)體驗(yàn)總是體現(xiàn)在細(xì)微之處好渠,但卻非常重要

從產(chǎn)品設(shè)計(jì)到用戶(hù)體驗(yàn)設(shè)計(jì)

  • 要解決的是應(yīng)用環(huán)境的綜合問(wèn)題芭毙,兼顧視覺(jué)和功能兩方面的因素航瞭,同時(shí)解決產(chǎn)品所面臨的其他問(wèn)題携茂。

為體驗(yàn)而設(shè)計(jì):使用第一

  • 產(chǎn)品越復(fù)雜袋倔,確定如何向用戶(hù)提供良好的使用體驗(yàn)就越困難雕蔽。

用戶(hù)體驗(yàn)和網(wǎng)站

  • 提供優(yōu)質(zhì)的用戶(hù)體驗(yàn),是一個(gè)重要的宾娜、可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)

用戶(hù)體驗(yàn)就是商機(jī)

  • 一個(gè)最常用的投資收益的度量標(biāo)準(zhǔn)是轉(zhuǎn)化率

在乎你的用戶(hù)

  • 創(chuàng)建吸引人的批狐、高效的用戶(hù)體驗(yàn)的方法稱(chēng)為”以用戶(hù)為中心的設(shè)計(jì)“
  • 考慮用戶(hù)的體驗(yàn)、把它分解成各個(gè)組成要素前塔、從不同的角度來(lái)了解它

第二章 認(rèn)識(shí)這些要素

用戶(hù)體驗(yàn)的整個(gè)開(kāi)發(fā)流程嚣艇,要考慮到用戶(hù)有可能采取的每一個(gè)行動(dòng)的每一種可能性,并且去理解在這個(gè)過(guò)程的每一個(gè)步驟中用戶(hù)的期望值
五個(gè)層面

  • 表現(xiàn)層:一系列的網(wǎng)頁(yè)华弓,由圖片和文字組成

  • 框架層:按鈕食零、控件、照片和文本區(qū)域的位置

          用于優(yōu)化設(shè)計(jì)布局寂屏,以達(dá)到這些元素的最大的效果和效率
    
  • 結(jié)構(gòu)層:設(shè)計(jì)用戶(hù)如何到達(dá)某個(gè)頁(yè)面贰谣,以及做完事情后去哪

  • 范圍層:網(wǎng)站要實(shí)現(xiàn)哪些功能和特性

  • 戰(zhàn)略層:經(jīng)營(yíng)者想從網(wǎng)站得到什么,用戶(hù)想從網(wǎng)站得到什么

自下而上地建設(shè)

  • 由戰(zhàn)略層到表現(xiàn)層迁霎,整個(gè)產(chǎn)品會(huì)越來(lái)越具體吱抚。每一個(gè)層面都是根據(jù)它下面的那個(gè)層面來(lái)決定的。在更改某個(gè)層面的設(shè)計(jì)后考廉,相應(yīng)的之下層面都可能需要從新設(shè)計(jì)秘豹。
  • 并不是每一個(gè)”較低層面“的決策都必須在”較高層面“之前做出
  • 一個(gè)更好的方法是讓每一個(gè)層面的工作在下一個(gè)層面可以結(jié)束之前完成

基本的雙重性

  • 功能型產(chǎn)品:主要關(guān)注任務(wù)——所有的操作都被納入一個(gè)過(guò)程,去思考人們?nèi)绾瓮瓿蛇@個(gè)過(guò)程昌粤。在這里既绕,我們把網(wǎng)站看成用戶(hù)用于完成任務(wù)的工具
  • 信息型產(chǎn)品:主要關(guān)注信息——網(wǎng)站應(yīng)該提供哪些信息,這些信息對(duì)用戶(hù)的意義是什么婚苹。創(chuàng)建一個(gè)富信息的用戶(hù)體驗(yàn)岸更,就是提供給用戶(hù)一個(gè)可以尋找、理解膊升,且有意義的信息組合

用戶(hù)體驗(yàn)的要素

  • 戰(zhàn)略層:關(guān)注來(lái)自企業(yè)外部的用戶(hù)需求

               來(lái)自企業(yè)內(nèi)部的產(chǎn)品目標(biāo)
    
  • 范圍層:功能型產(chǎn)品——功能規(guī)格(對(duì)產(chǎn)品”功能組合“的詳細(xì)描述)

               信息型產(chǎn)品——內(nèi)容需求(對(duì)各種內(nèi)容元素的詳細(xì)描述)
    
  • 結(jié)構(gòu)層:功能型產(chǎn)品——交互設(shè)計(jì)(系統(tǒng)如何響應(yīng)用戶(hù)的請(qǐng)求)

               信息型產(chǎn)品——信息架構(gòu)(合理安排內(nèi)容元素以促進(jìn)人類(lèi)理解信息)
    
  • 框架層:信息設(shè)計(jì)怎炊、界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)

  • 表現(xiàn)層:為最終產(chǎn)品創(chuàng)建感知體驗(yàn),視覺(jué)呈現(xiàn)

應(yīng)用這些要素

  • 在每一層中评肆,這些要素必須相互作用才能完成該層的目標(biāo)
  • 影響用戶(hù)體驗(yàn)的額外兩個(gè)因素:內(nèi)容债查、技術(shù)

第三章 戰(zhàn)略層

戰(zhàn)略層定義

  • 結(jié)合”產(chǎn)品目標(biāo)“和”用戶(hù)需求“就組成了戰(zhàn)略層,也就成為我們?cè)谠O(shè)計(jì)用戶(hù)體驗(yàn)過(guò)程中做出每一個(gè)決定的基礎(chǔ)
  • 產(chǎn)品目標(biāo):我們要通過(guò)這個(gè)產(chǎn)品得到什么
  • 用戶(hù)需求:我們的用戶(hù)要通過(guò)這個(gè)產(chǎn)品得到什么

產(chǎn)品目標(biāo)

  • 商業(yè)目標(biāo)

    --為避免太具體瓜挽、太寬泛的目標(biāo)盹廷,我們應(yīng)該在充分了解問(wèn)題之后在得出結(jié)論
    --明確定義”成功的條件“,而不是定義”通向成功的路徑“
    
  • 品牌識(shí)別

    --對(duì)于任何一個(gè)網(wǎng)站久橙,它需要明確描述的基礎(chǔ)目標(biāo)之一就是品牌識(shí)別俄占。
    --除了商標(biāo)、色調(diào)淆衷、字體缸榄,更重要的是概念系統(tǒng)、情緒反應(yīng)(對(duì)用戶(hù)起著潛移默化的作用)
    --你必須要決定品牌形象是無(wú)意之中形成的祝拯,還是經(jīng)過(guò)產(chǎn)品設(shè)計(jì)者有意精心安排的結(jié)果
    
  • 成功標(biāo)準(zhǔn)

    --一些可追蹤的指標(biāo)(轉(zhuǎn)化率甚带、回訪數(shù)、印象數(shù))佳头,在產(chǎn)品上線(xiàn)以后用來(lái)顯示它是否滿(mǎn)足了我們自己的目標(biāo)和用戶(hù)的需求鹰贵。
    --有時(shí)這些成功標(biāo)準(zhǔn)與網(wǎng)站本身和用戶(hù)如何使用該站有一定的關(guān)系
    

用戶(hù)需求

  • 用戶(hù)細(xì)分

    --將具有某些共同關(guān)鍵特征或者共同需求的用戶(hù)劃分成組。
    --人口統(tǒng)計(jì)學(xué)標(biāo)準(zhǔn):性別康嘉、年齡碉输、教育水平、婚姻狀況凄鼻、收入等腊瑟。
    --消費(fèi)心態(tài)檔案:用戶(hù)對(duì)于這個(gè)世界,尤其是與你產(chǎn)品相關(guān)的某個(gè)事物的觀點(diǎn)和看法的心理分析方法块蚌。
    --使用者的社會(huì)或?qū)I(yè)角色。
    --用戶(hù)對(duì)技術(shù)的熟悉程度和適應(yīng)程度膘格,以及對(duì)產(chǎn)品相關(guān)行業(yè)背景知識(shí)的熟悉程度(新手用戶(hù)峭范、資深用戶(hù))。
    --不同用戶(hù)群的需求也有可能是彼此矛盾的瘪贱,要么做取舍纱控,要么為執(zhí)行相同任務(wù)的不同用戶(hù)群選擇不同的操作方式
    
  • 可用性和用戶(hù)研究

    --市場(chǎng)調(diào)研方法:?jiǎn)柧碚{(diào)查、焦點(diǎn)小組:是獲取用戶(hù)的基本信息的寶貴來(lái)源
    --現(xiàn)場(chǎng)調(diào)查:是指一整套完整菜秦、有效且全面的方法:用于了解在日常生活情境中的用戶(hù)行為
    --任務(wù)分析:仔細(xì)地分解用戶(hù)完成任務(wù)的精確步驟
    --用戶(hù)測(cè)試:請(qǐng)用戶(hù)來(lái)幫忙測(cè)試你的產(chǎn)品
                         對(duì)于信息驅(qū)動(dòng)的產(chǎn)品可用卡片排序法:用于探索用戶(hù)如何分類(lèi)或組織各種信息元素
    
  • 創(chuàng)建人物角色:在用戶(hù)體驗(yàn)設(shè)計(jì)的過(guò)程中甜害,人物角色是從用戶(hù)研究中提取出的、可成為樣例的虛擬人物

團(tuán)隊(duì)角色和流程

  • 產(chǎn)品目標(biāo)和用戶(hù)需求經(jīng)常被定義在一個(gè)正式的戰(zhàn)略文檔或愿景文檔中

    --它不僅是列出目標(biāo)清單球昨,還提供不同目標(biāo)之間的關(guān)系分析尔店,并且說(shuō)明這些目標(biāo)要如何融入更大的企業(yè)環(huán)境中去。
    --目標(biāo)及目標(biāo)分析來(lái)自于:決策者(企業(yè)管理層)、普通員工嚣州、用戶(hù)
    --撰寫(xiě)戰(zhàn)略文檔時(shí)鲫售,要簡(jiǎn)潔明了,切中要點(diǎn)
    --必寫(xiě)该肴,并頻繁使用情竹,要發(fā)給項(xiàng)目的每個(gè)參與者,以幫助他們?cè)诠ぷ髦凶龀稣_的決定
    

第四章 范圍層

范圍層定義:產(chǎn)品應(yīng)該提供給用戶(hù)什么樣的內(nèi)容和功能
文檔的重要性

  • 知道正在建設(shè)什么

    --知道項(xiàng)目的目標(biāo)是什么匀哄,什么時(shí)候達(dá)到目標(biāo)
    --責(zé)任明晰
    --能看清相互獨(dú)立也不顯著的要求間的內(nèi)在聯(lián)系
    
  • 知道不需要建設(shè)什么

    --當(dāng)關(guān)于功能的秦效、各種各樣的可能和想法浮現(xiàn),用文檔記錄涎嚼,可以提供一個(gè)評(píng)估這些想法的架構(gòu)
    --當(dāng)前難以滿(mǎn)足的需求阱州,可以成為啟動(dòng)下一個(gè)版本的基礎(chǔ),這樣就能形成一個(gè)不斷循環(huán)的開(kāi)發(fā)過(guò)程
    

功能和內(nèi)容

  • 范圍層確定的是全部的功能需求或功能規(guī)格
  • 真正的內(nèi)容常常是通過(guò)一個(gè)內(nèi)容管理系統(tǒng)來(lái)進(jìn)行管理的

定義需求

  • 需求的詳略程度常常取決于該項(xiàng)目的具體范圍
  • 最用之不竭的需求源泉總是來(lái)自用戶(hù)本身

功能規(guī)格說(shuō)明

  • 需要包含在設(shè)計(jì)或開(kāi)發(fā)過(guò)程中出現(xiàn)有可能混淆的功能定義

  • 需要記錄在創(chuàng)建這個(gè)產(chǎn)品時(shí)已經(jīng)確定下來(lái)的決議

  • 撰寫(xiě)規(guī)則

    --樂(lè)觀:描述這個(gè)系統(tǒng)將要做什么事情去”防止“不好的事情發(fā)生
    --具體:盡可能詳細(xì)的解釋清楚狀況铸抑,這是我們能決定一個(gè)需求是否被實(shí)現(xiàn)的最佳途徑
    --避免主觀的語(yǔ)氣:需求必須可驗(yàn)證贡耽,找到某種方式來(lái)明確說(shuō)出應(yīng)該達(dá)到的標(biāo)準(zhǔn)。也可以用量化的術(shù)語(yǔ)來(lái)定義一些需求鹊汛,通過(guò)這樣的手段來(lái)避免主觀性
    

內(nèi)容需求

  • 不要混淆某段內(nèi)容的格式和目的
  • 提供每個(gè)特性規(guī)模的大致預(yù)估:文本的字?jǐn)?shù)蒲赂、圖片的像素大小、下載的文件字節(jié)刁憋、PDF或音頻文件等相對(duì)獨(dú)立元素的大小等滥嘴。(只收集最緊要的關(guān)鍵資料)
  • 確定某個(gè)人負(fù)責(zé)某一內(nèi)容元素和它的”更新頻率“
  • 各種用戶(hù),需求不同至耻。哪些用戶(hù)想要什么內(nèi)容——如何呈現(xiàn)它們

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

  • 戰(zhàn)略目標(biāo)和需求間往往不是一對(duì)一的關(guān)系
  • 有時(shí)一個(gè)戰(zhàn)略目標(biāo)將產(chǎn)生多個(gè)需求若皱。另一方面,一個(gè)需求也可以實(shí)現(xiàn)多個(gè)戰(zhàn)略目標(biāo)
  • 優(yōu)先級(jí)別是決定是否采納人們所建議的相關(guān)特性的首要因素
    第五章 結(jié)構(gòu)層

交互設(shè)計(jì)和信息設(shè)計(jì)都強(qiáng)調(diào)一個(gè)重點(diǎn):確定各個(gè)將要呈現(xiàn)給用戶(hù)的元素的“模式”和“順序”尘颓。

  • 交互設(shè)計(jì)關(guān)注于“可能的用戶(hù)行為”同時(shí)定義系統(tǒng)如何配合與響應(yīng)
  • 信息架構(gòu)關(guān)注于呈獻(xiàn)給用戶(hù)的信息是否合理并且具有意義

概念模型

  • 用戶(hù)對(duì)于“交互組件將怎樣工作”的觀點(diǎn)

  • 把軟件某個(gè)特性設(shè)計(jì)處理成用戶(hù)所熟悉的某個(gè)概念

  • 在交互設(shè)計(jì)的開(kāi)發(fā)過(guò)程中保持使用方式的一致性

    --軟件使用方式與現(xiàn)實(shí)經(jīng)驗(yàn)一致
    --交互方式在整個(gè)系統(tǒng)中保持一致
    
  • 使用人們熟悉的概念模型會(huì)使用戶(hù)更快速的適應(yīng)一個(gè)不熟悉的網(wǎng)站

  • 錯(cuò)誤處理

    --預(yù)防:第一同時(shí)也是防止錯(cuò)誤的方法走触,是將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)那種
    --改正:錯(cuò)誤發(fā)生時(shí),系統(tǒng)應(yīng)該幫助用戶(hù)找出錯(cuò)誤并改正他們(有效的錯(cuò)誤信息疤苹,自我解釋的界面)
    --恢復(fù):給用戶(hù)提供可以從錯(cuò)誤中恢復(fù)的方式(撤銷(xiāo))
    

信息架構(gòu)

  • 結(jié)構(gòu)化內(nèi)容

    --信息架構(gòu)的主要工作就是設(shè)計(jì)組織分類(lèi)和導(dǎo)航的結(jié)構(gòu)互广,讓用戶(hù)可以更有效地找到和瀏覽網(wǎng)站的內(nèi)容。
    --自上而下的分類(lèi)體系:根據(jù)產(chǎn)品目標(biāo)和用戶(hù)需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)卧土。先從最廣泛的惫皱、有可能滿(mǎn)足決策目標(biāo)的內(nèi)容和功能開(kāi)始分類(lèi),再依據(jù)邏輯細(xì)分出次級(jí)分類(lèi)尤莺。
    --自下而上的分類(lèi)體系:從已有資料開(kāi)始把這些資料放到最低級(jí)別的分類(lèi)中旅敷,然后將它們分別歸屬到較高一級(jí)的分類(lèi)
    --結(jié)構(gòu)質(zhì)量最重要的標(biāo)準(zhǔn),不是整個(gè)過(guò)程一共需要多少個(gè)步驟颤霎,而是“用戶(hù)是否認(rèn)為每個(gè)步驟都是合理的”以及“當(dāng)前步驟   是否自然地延續(xù)了上一個(gè)步驟中的任務(wù)”媳谁。
    
  • 結(jié)構(gòu)方法

    --信息架構(gòu)的基本單位是節(jié)點(diǎn)
    --層級(jí)結(jié)構(gòu):節(jié)點(diǎn)與其它節(jié)點(diǎn)之間存在這父級(jí)/子級(jí)的關(guān)系涂滴。
    --矩陣結(jié)構(gòu):矩陣結(jié)構(gòu)能幫助“那些帶著不同需求而來(lái)”的用戶(hù),在相同的內(nèi)容中尋找各自想要的東西韩脑。
    --自然結(jié)構(gòu):這種結(jié)構(gòu)沒(méi)有太強(qiáng)烈的“分類(lèi)”的概念氢妈,對(duì)于探索一系列關(guān)系不明確或者一直在演變的主題很合適,但是對(duì)于用戶(hù)下次還需要依靠同樣的路徑段多、去找同樣的內(nèi)容的就不合適首量。
    --線(xiàn)性結(jié)構(gòu):經(jīng)常被用于小規(guī)模的結(jié)構(gòu)
    --一個(gè)延展性好的信息架構(gòu),能把新的內(nèi)容作為現(xiàn)有結(jié)構(gòu)的一部分容納進(jìn)來(lái)进苍,也可以把新內(nèi)容當(dāng)做一個(gè)完整的新部分加入
    
  • 組織原則

    --節(jié)點(diǎn)在信息架構(gòu)中是依據(jù)組織原則來(lái)安置的加缘。基本上觉啊,組織原則就是我們決定哪些節(jié)點(diǎn)要編成一組拣宏,而哪些節(jié)點(diǎn)要保持獨(dú)立標(biāo)準(zhǔn)。不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站不同的層面杠人。
    --一般來(lái)說(shuō)勋乾,在網(wǎng)站最高層級(jí)使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶(hù)需求”相關(guān)。而在結(jié)構(gòu)中較低的層級(jí)嗡善,內(nèi)容與功能需求的考慮將對(duì)你所采用的組織原則產(chǎn)生很大影響辑莫。
    
  • 語(yǔ)言和元數(shù)據(jù):遵循“使用用戶(hù)語(yǔ)言”并且“保持一致性”的命名原則。同時(shí)避免“語(yǔ)義歧義或者不解”
    第六章 框架層

在框架層主要解決放置的問(wèn)題

  • 界面設(shè)計(jì)考慮可交互元素的布局
  • 導(dǎo)航設(shè)計(jì)考慮在產(chǎn)品中引導(dǎo)用戶(hù)移動(dòng)的元素的布局
  • 信息設(shè)計(jì)中考慮傳達(dá)給用戶(hù)的信息要素的排布

習(xí)慣和比喻

  • 界面要與用戶(hù)早已養(yǎng)成的習(xí)慣保持一致罩引,比之更重要的是界面要與自身保持一致各吨。
  • 網(wǎng)站特性的概念模型有助于保持網(wǎng)站內(nèi)部的一致性。如果有兩個(gè)特性使用同樣的概念模型袁铐,可以保持一致的界面和操作揭蜒,能使用戶(hù)習(xí)慣了特性之后很快的適應(yīng)另一個(gè)。即使概念模型不一致的地方剔桨,這些概念模型所共用的模塊也應(yīng)該以相似的方式對(duì)待(eg:開(kāi)始屉更、結(jié)束、返回或者保存這一類(lèi)的概念)
  • 有效地使用比喻洒缀,在于減少用戶(hù)在理解和使用產(chǎn)品時(shí)的猜測(cè)偶垮。網(wǎng)站可以提供上下文幫助用戶(hù)理解你采用的隱喻所代表的特性,但是提供的功能和內(nèi)容越多帝洪,猜測(cè)就變得越不可靠,總有一部分用戶(hù)會(huì)猜錯(cuò)的脚猾。

界面設(shè)計(jì)

  • 界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素葱峡,幫助用戶(hù)完成他們的任務(wù),還要通過(guò)適當(dāng)?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂谩?/li>
  • 成功的界面設(shè)計(jì)龙助,是能讓用戶(hù)一眼就能發(fā)現(xiàn)“最重要的東西”的界面設(shè)計(jì)砰奕。
  • 設(shè)計(jì)復(fù)雜系統(tǒng)界面面臨的一個(gè)挑戰(zhàn)之一蛛芥,是弄清楚用戶(hù)不需要哪些東西,并減少它的可發(fā)現(xiàn)性或者排除出去军援。
  • 界面設(shè)計(jì)可以采取各種技巧仅淑,使用戶(hù)完成任務(wù)的過(guò)程變得容易。(仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值胸哥、自動(dòng)記住用戶(hù)的選擇)

導(dǎo)航設(shè)計(jì)

  • 導(dǎo)航設(shè)計(jì)必須完成的三個(gè)目標(biāo):

    --提供給用戶(hù)一種在網(wǎng)站間跳轉(zhuǎn)的方法
    --傳達(dá)出這些元素和他們所包含的內(nèi)容之間的關(guān)系涯竟。
    --傳達(dá)出它傳達(dá)出的內(nèi)容和用戶(hù)當(dāng)前瀏覽的頁(yè)面是什么關(guān)系
    
  • 導(dǎo)航系統(tǒng)

    --全局導(dǎo)航:提供了覆蓋整個(gè)網(wǎng)站的通路
    --局部導(dǎo)航:提供給用戶(hù)在這個(gè)架構(gòu)中到”附近地點(diǎn)“的通路
    --輔助導(dǎo)航:針對(duì)內(nèi)容、產(chǎn)品或者用戶(hù)屬性進(jìn)行的分類(lèi)導(dǎo)航
    --上下文導(dǎo)航(內(nèi)聯(lián)導(dǎo)航):嵌入頁(yè)面自身內(nèi)容的一種導(dǎo)航
    --友好導(dǎo)航空厌、網(wǎng)站地圖庐船、索引表
    

信息設(shè)計(jì)

  • 用一種能”反應(yīng)用戶(hù)的思路“和”支持他們的任務(wù)和目標(biāo)“的方式來(lái)分類(lèi)和排列這些信息元素
  • 指示標(biāo)識(shí):幫助用戶(hù)理解“他們?cè)谀睦铩币约啊八麄兡苋ツ睦铩薄澳臈l路離目標(biāo)更近”,可借助圖標(biāo)嘲更、標(biāo)簽系統(tǒng)筐钟、排版、顏色等視覺(jué)指引

線(xiàn)框圖
頁(yè)面布局

第七章 表現(xiàn)層

合理設(shè)計(jì)感知

  • 五方面組成:視覺(jué)赋朦、聽(tīng)覺(jué)篓冲、觸覺(jué)、嗅覺(jué)宠哄、味覺(jué)
  • 聲音可以應(yīng)用到很多不同種類(lèi)的產(chǎn)品中壹将;可用來(lái)通知用戶(hù),還可以使產(chǎn)品變得更具個(gè)性
  • 評(píng)估一個(gè)視覺(jué)設(shè)計(jì)方案琳拨,應(yīng)該把注意力集中在它們的”運(yùn)作是否良好“上

忠于眼睛

  • 評(píng)估一個(gè)產(chǎn)品視覺(jué)設(shè)計(jì)的簡(jiǎn)單方法之一是提出這樣的問(wèn)題

    --你的視線(xiàn)首先落在什么地方瞭恰?
    --哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引了用戶(hù)的注意力?
    --它們是對(duì)于戰(zhàn)略目標(biāo)來(lái)講很重要的東西嗎狱庇?
    
  • 找出主要設(shè)計(jì)元素的方法

    --眼球追蹤儀器
    --詢(xún)問(wèn)他人
    --瞇著眼睛或斜著去看這個(gè)頁(yè)面惊畏,直到不能認(rèn)出任何細(xì)節(jié)
    --走到房間另一頭看
    
  • 如果設(shè)計(jì)成功,眼睛移動(dòng)軌跡的模式有兩個(gè)特點(diǎn)

    --遵循的是一條流暢的路徑
    --為用戶(hù)提供有效選擇的密任、某種可能的”引導(dǎo)“颜启,而非分散注意力
    

對(duì)比和一致性

  • 通過(guò)對(duì)比把用戶(hù)的注意力吸引到重要的部分
  • 過(guò)度設(shè)計(jì)也會(huì)導(dǎo)致視覺(jué)的混亂,差異要足夠清晰浪讳,讓用戶(hù)能分辨出某個(gè)設(shè)計(jì)選擇是特意要傳達(dá)的
  • 一致性能避免用戶(hù)的困惑和焦慮缰盏,可基于柵格線(xiàn)來(lái)保持平面布局的一致性

配色方案和排版

  • 色彩:核心的品牌色彩通常是一個(gè)更廣泛的配色方案的一部分,這套配色方案是要在一個(gè)企業(yè)的所有材料中得到應(yīng)用的淹遵。一個(gè)企業(yè)的標(biāo)準(zhǔn)配色方案中所使用的色彩口猜,是為了它們?cè)谝黄鸸ぷ鞫鴮?zhuān)門(mén)挑選出來(lái)的,它們之間是互補(bǔ)而不沖突的透揣。

  • 排版

    --不要使用非常相似但又不完全一樣的風(fēng)格
    --只有在你需要傳達(dá)不同的信息時(shí)才使用不同的風(fēng)格
    --風(fēng)格之間要有足夠的”對(duì)比“济炎,但是不要使用過(guò)于廣泛和多樣的風(fēng)格
    

第八章 要素的應(yīng)用

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

  • 必須要同時(shí)考慮五個(gè)層面的全部因素

    --了解你正在試著去解決的問(wèn)題
    --了解這些解決辦法所造成的后果
    
  • 在上一層級(jí)的錯(cuò)誤有可能會(huì)削弱更低層面的正確決策

  • 如果在低一級(jí)層面做出了錯(cuò)誤決策辐真,再上一層級(jí)做的努力也會(huì)顯得沒(méi)有意義

  • 用戶(hù)體驗(yàn)開(kāi)發(fā)過(guò)程是一場(chǎng)”馬拉松“须尚,而不是”短跑“

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末崖堤,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子耐床,更是在濱河造成了極大的恐慌密幔,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撩轰,死亡現(xiàn)場(chǎng)離奇詭異胯甩,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)钧敞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)蜡豹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人溉苛,你說(shuō)我怎么就攤上這事镜廉。” “怎么了愚战?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵娇唯,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我寂玲,道長(zhǎng)塔插,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任拓哟,我火速辦了婚禮想许,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘断序。我一直安慰自己流纹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布违诗。 她就那樣靜靜地躺著漱凝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪诸迟。 梳的紋絲不亂的頭發(fā)上茸炒,一...
    開(kāi)封第一講書(shū)人閱讀 52,441評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音阵苇,去河邊找鬼壁公。 笑死,一個(gè)胖子當(dāng)著我的面吹牛绅项,可吹牛的內(nèi)容都是我干的贮尖。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼趁怔,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼湿硝!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起润努,我...
    開(kāi)封第一講書(shū)人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤关斜,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后铺浇,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體痢畜,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年鳍侣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了丁稀。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡倚聚,死狀恐怖线衫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情惑折,我是刑警寧澤授账,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站惨驶,受9級(jí)特大地震影響白热,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜粗卜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一屋确、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧续扔,春花似錦攻臀、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至砌些,卻和暖如春呜投,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背存璃。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工仑荐, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人纵东。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓粘招,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親偎球。 傳聞我的和親對(duì)象是個(gè)殘疾皇子洒扎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容