用戶體驗(yàn):指的產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用,也就是人名如何接觸和使用它.
用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的總和問題.
l視覺設(shè)計(jì)選擇合適的按鈕形狀和材質(zhì)
l功能設(shè)計(jì)要保證這個按鈕在設(shè)備上觸發(fā)適當(dāng)?shù)膭幼?/a>
l用戶體驗(yàn)設(shè)計(jì)則要總和以上兩者,兼顧視覺和功能兩方面的因素.同時解決產(chǎn)品所面臨的其他問題
轉(zhuǎn)化率:一個最常用的投資收益的度量標(biāo)準(zhǔn)是
以用戶為中心的設(shè)計(jì):創(chuàng)建吸引人的,高效的用戶體驗(yàn)的方法
l結(jié)構(gòu)層:用來設(shè)計(jì)用戶如何到達(dá)某個頁面,并且在他們做完事情之后能去什么地方,結(jié)構(gòu)層確定哪些類別應(yīng)該出現(xiàn)在哪里.
l范圍層:結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最合適的組合方式,而這些特征和功能就構(gòu)成了網(wǎng)站的范圍層.
l戰(zhàn)略層:網(wǎng)站的范圍基本上是由網(wǎng)站戰(zhàn)略層所決定的.戰(zhàn)略包括經(jīng)營者想從網(wǎng)站得到什么,用戶想從網(wǎng)站得到什么.
應(yīng)該計(jì)劃好項(xiàng)目,讓任何一個層面中的工作都不能在其下層面的共組哦完成之前結(jié)束,這里最重要的一條是,在我們知道基本形狀之前,不能為房屋加上屋頂.
l信息型的媒介類產(chǎn)品:關(guān)注點(diǎn)是信息---網(wǎng)站應(yīng)該提供哪些信息,這些信息對用戶的意義是什么.
l用戶需求:戰(zhàn)略層所關(guān)注的內(nèi)容,用戶需求來自企業(yè)外部,了解用戶想從我們這得到什么,想達(dá)到什么目標(biāo).
l產(chǎn)品目標(biāo):與用戶需求相對應(yīng),是我們自己網(wǎng)站的期望目標(biāo).可以是商業(yè)的或者其他類型的
l功能型產(chǎn)品對應(yīng)的是功能規(guī)格:對產(chǎn)品的功能組合詳細(xì)描述
l信息型產(chǎn)品對應(yīng)的是內(nèi)容需求:對各種內(nèi)容元素的要求詳細(xì)描述
l功能型產(chǎn)品對應(yīng)的是交互設(shè)計(jì):定義系統(tǒng)如何響應(yīng)用戶的請求
l信息型產(chǎn)品對應(yīng)的是信息架構(gòu):合理安排內(nèi)容元素以租金人類理解信息.
l不管是功能型還是信息型都必須完成信息設(shè)計(jì):一種促進(jìn)理解的信息表達(dá)方式.
l功能型產(chǎn)品對應(yīng)的是界面設(shè)計(jì):安排好能讓用戶與系統(tǒng)的功能產(chǎn)品互動的界面元素
l信息型產(chǎn)品對應(yīng)的是導(dǎo)航設(shè)計(jì):屏幕上的一些元素組合,允許用戶在信息架構(gòu)中穿行.
l內(nèi)容:大多數(shù)網(wǎng)站能提供給他們的用戶的最重要的一件東西,就是這些用戶認(rèn)為有價值的內(nèi)容
l技術(shù):例如動態(tài)的導(dǎo)航系統(tǒng),
第三章戰(zhàn)略層產(chǎn)品目標(biāo)和用戶需求
成功標(biāo)準(zhǔn):一些可追蹤的指標(biāo),在產(chǎn)品上線以后用來顯示它是否滿足了我們自己的目標(biāo)和用戶的需求.
印象數(shù):網(wǎng)站上每一個廣告的每天被展示的數(shù)量
用戶需求:確認(rèn)用戶需求是復(fù)雜的,因?yàn)橛脩羧后w之間存在著很大的差異.詢問他們的問題,觀察他們的行為.
用戶細(xì)分:把大量的用戶需求劃分成幾個可管理的部分來完成.
消費(fèi)心態(tài)檔案:是用來描述用戶對于這個世界,尤其是與你的產(chǎn)品有關(guān)的某個事物的觀點(diǎn)和看法的心里分析方法
l問卷調(diào)查和焦點(diǎn)小組這種市場調(diào)研方法,是獲取用戶的基本信息的寶貴來源.
l現(xiàn)場調(diào)查,是指一整套完整,有效且全面的方法,用于了解在日常生活情境中的用戶行為.
l用戶測試:常見的用戶調(diào)研方法,用戶測試并不是測試你的用戶,而是請用戶來幫忙測試自己的產(chǎn)品.
產(chǎn)品目標(biāo)和用戶需求經(jīng)常被定義在一個正式的戰(zhàn)略文檔或愿景文檔中.
撰寫戰(zhàn)略文檔時,文檔并不是越多越好,你沒有必要把每一個數(shù)據(jù)來源和相關(guān)的意見都寫出來以表達(dá)你的觀點(diǎn),讓文檔簡潔明了并切中要點(diǎn).
范圍層定義定義項(xiàng)目范圍則同時在做這兩件事:這是一個有價值的過程,同時能產(chǎn)生有價值的產(chǎn)品.
l過程的價值在于,當(dāng)整個事情還處在假設(shè)階段的時候,它能迫使你去考慮潛在的沖突和產(chǎn)品中一些粗略的點(diǎn).
l用文檔來定義產(chǎn)品需求,這件事很麻煩,但是你必須要做,是由以下兩個主要原因:
功能和內(nèi)容:在范圍層,我們從討論戰(zhàn)略層面的抽象問題(我們?yōu)槭裁匆_發(fā)這個產(chǎn)品),轉(zhuǎn)而面對一個新的問題(我們要開發(fā)的是什么)
l功能需求規(guī)格:哪些應(yīng)該被當(dāng)成軟件產(chǎn)品的"功能"以及相應(yīng)的組合
l使用"功能規(guī)格說明書"來描述文檔本書,用"需求"來描述文檔的內(nèi)容.
l內(nèi)容需求常常伴隨著功能的需求,內(nèi)容通過一個內(nèi)容管理系統(tǒng)來進(jìn)行管理.
不需要包含產(chǎn)品的每一個細(xì)節(jié),只需要包含在設(shè)計(jì)或開發(fā)過程中出現(xiàn)有可能混淆的功能定義
l樂觀:描述這個系統(tǒng)將要做什么事情去"防止"不好的情況發(fā)生,而不是描述這個系統(tǒng)"不應(yīng)該"做什么不好的事情.
n例如:這個系統(tǒng)不允許用戶購買沒有風(fēng)箏線的風(fēng)箏
n如果用戶想買一個沒有線的風(fēng)箏的話,這個系統(tǒng)應(yīng)該引導(dǎo)用戶到風(fēng)箏線頁面.
l具體:盡可能詳細(xì)地解釋清楚情況,這是我們能決定一個功能是否被實(shí)現(xiàn)的最佳途徑
n例如: 1最受歡迎的視頻要重點(diǎn)標(biāo)注
n2上一周被播放最多的視頻要顯示在列表的最前端(比較優(yōu))
l避免主觀的語氣:這是另外一種需求"保持明確"和"避免歧義"的途徑,因而也避免了誤解的可能性.
n例如: 1這個網(wǎng)站的風(fēng)格應(yīng)該是時尚,閃耀的.(如何證明需求被滿足)
n2這個網(wǎng)站應(yīng)該符合郵遞員 王伍 所期望的時尚(這個需求被滿足,但是太主觀)
n3網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔.(最好可觀來定義)
l很多時候我們說到的內(nèi)容指的是文本,但是圖像,音頻和視頻有時候有可能比其文字還有重要.這些不同類型的內(nèi)容可以結(jié)合到一起,相互協(xié)作去滿足某一個需求.
l定義內(nèi)容應(yīng)該關(guān)注每一個內(nèi)容特性的"更新頻率",更新頻率應(yīng)該來自于產(chǎn)品的戰(zhàn)略目標(biāo):
n從網(wǎng)站的目標(biāo)來看,你希望用戶多長時間來訪問一次,?
l對于哪些已有大量內(nèi)容的項(xiàng)目而言,很多關(guān)于內(nèi)容的信息都記錄在一個內(nèi)容清單中,
有些特性可能會因?yàn)榧夹g(shù)上的局限而無法實(shí)現(xiàn).
有些特性要和其他的一起權(quán)衡,才能得到一個連貫的,統(tǒng)一的產(chǎn)品.
第五章結(jié)構(gòu)層交互設(shè)計(jì)與信息架構(gòu)
在內(nèi)容建設(shè)方面,主要是通過信息架構(gòu)來構(gòu)建用戶體驗(yàn).
交互設(shè)計(jì):關(guān)注于描述"可能的用戶行為",同時定義"系統(tǒng)如何配合 與響應(yīng)"這些用戶行為.
概念模型:用戶對于"交互組件將怎樣工作"的觀點(diǎn)稱為概念模型,
例如購物車,是一個裝東西的容器,作為一個容器,我們放進(jìn)東西到推車中,以及從里面拿出東西來,系統(tǒng)必須提供能完成這些任務(wù)的功能.
第一,將系統(tǒng)設(shè)計(jì)成不可能犯錯的那種
第三,有效的錯誤信息和容易自我解釋的界面可以在錯誤發(fā)生之后幫助用戶糾正.
結(jié)構(gòu)化內(nèi)容,使用以下兩種方式來簡歷分類體系
從上到下缺點(diǎn):可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略.
從下到上缺點(diǎn):可能導(dǎo)致架構(gòu)過于精確反映現(xiàn)有的內(nèi)容,不能靈活的容納未來內(nèi)容的變動或增加.
命名原則:描述,標(biāo)簽,和網(wǎng)站使用的其他術(shù)語.因此"使用用戶的語言"并且"保持一致性"是非常重要的,我們把用來強(qiáng)調(diào)一致性的工具稱為受控詞典.
元數(shù)據(jù):簡單地說就是"關(guān)于信息的信息",即以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息.
第六章框架層頁面設(shè)計(jì),導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
對于功能型產(chǎn)品,通過界面設(shè)計(jì)來確定框架,"按鈕,輸入框和其他界面控件"的領(lǐng)域,
對于信息型產(chǎn)品,導(dǎo)航設(shè)計(jì),這是專門用于呈現(xiàn)信息的一種界面形式.
信息設(shè)計(jì)是功能和信息兩方面都必須要做的,用于呈現(xiàn)有效的信息溝通
如何區(qū)分是界面設(shè)計(jì)還是導(dǎo)航設(shè)計(jì)還是信息設(shè)計(jì)?
涉及提供給用戶做某些事的能力,則屬于"界面設(shè)計(jì)".
提供給用戶去某個地方的能力,這是"導(dǎo)航設(shè)計(jì)".
如果是傳達(dá)想法給用戶的話,那就是"信息設(shè)計(jì)"
成功的界面設(shè)計(jì)是讓用戶一眼就看到"最重要的東西",不重要的東西應(yīng)該被影藏或減少出現(xiàn)率
l首先,它必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法
l其次,導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系.
l第三,導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系.
局部導(dǎo)航:提供給用戶在這個架構(gòu)中到"附近地點(diǎn)"的通路.
輔助導(dǎo)航:提供了全劇導(dǎo)航或局部導(dǎo)航不能快速達(dá)到的相關(guān)內(nèi)容的快捷途徑
上下文導(dǎo)航:是嵌入頁面自身內(nèi)容的一種導(dǎo)航.
有好導(dǎo)航:提供給用戶他們通常不會需要的鏈接,但它們是座位一種遍歷的途徑來使用的.
網(wǎng)站地圖,一種常見的遠(yuǎn)程導(dǎo)航工具,它給用戶一個簡明的,單頁的網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式.
索引表,按字母順序排列的,連接到相關(guān)頁面的列表,它與一些書最后所列的索引表非常想像.
信息設(shè)計(jì)設(shè)計(jì)涉及"分組"或"整理"散亂的信息.
指示標(biāo)識:用來幫助用戶理解"他們在哪"以及"他們能去哪"的系統(tǒng).指示標(biāo)識的概念來自于物理世界中公共空間的設(shè)計(jì).
顏色標(biāo)識:用來告訴客戶他們正在看哪個部分,顏色標(biāo)識一般都是多個同時存在.
頁面布局是將信息設(shè)計(jì),界面設(shè)計(jì),導(dǎo)航設(shè)計(jì)放置到一起,形成一個統(tǒng)一的,有內(nèi)在凝聚力的架構(gòu)的地方.
l通過識別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計(jì)
l通過放置和排列信息組成部分的優(yōu)先級來整合信息設(shè)計(jì).
l通過以上3個,線框圖就可以確定一個簡歷在基本概念結(jié)構(gòu)上的架構(gòu),同時指出了表現(xiàn)層的設(shè)計(jì)應(yīng)該前進(jìn)的方向.
表現(xiàn)層定義:解決并彌補(bǔ)"產(chǎn)品框架層的邏輯排布"的感知呈現(xiàn)問題.
l通過關(guān)注信息設(shè)計(jì),我們決定了這些信息元素應(yīng)該如何分組和排列
l通過關(guān)注視覺設(shè)計(jì),我們決定這種安排在視覺上應(yīng)該如何呈現(xiàn).
合理設(shè)計(jì)感知:決定我們的設(shè)計(jì)最后要如何被人類的感覺器官感受到,由五個方面組成:視覺,聽覺,觸覺,嗅覺和味覺.
l嗅覺和味覺:用戶體驗(yàn)設(shè)計(jì)師很少考慮的范疇,
l聽覺:聲音可以應(yīng)用到很多不同種類的產(chǎn)品中.例如高德地圖的導(dǎo)航聲音,淘寶點(diǎn)擊聲音等
l視覺:用戶體驗(yàn)設(shè)計(jì)師最得心應(yīng)手的領(lǐng)域,幾乎所有的產(chǎn)品都會設(shè)計(jì)視覺設(shè)計(jì).
忠于眼睛:用戶眼睛的移動軌跡的模式應(yīng)該有以下兩個重要的特點(diǎn)
l其實(shí),在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下,它為用戶提供有效選擇的,某種可能的"引導(dǎo)".
l對比:用于吸引用戶注意的一個主要工具,一個沒有對比的設(shè)計(jì),會被看成一個灰色的,平凡的東西,導(dǎo)致用戶的視線四處游離,而無法解決任務(wù)特別的事情.
l一致性:是另一個重要組成部分,它能使你的設(shè)計(jì)有效地傳達(dá)信息,而不會導(dǎo)致用戶迷惑或焦慮,
l基于柵格線的布局是來自平面設(shè)計(jì)的一種技術(shù),是一種對網(wǎng)頁也同樣有效的技術(shù).
l內(nèi)部一致性的問題:在產(chǎn)品的兩個不同的地方反映了不同的設(shè)計(jì)方法
l外部一致性的問題,這個產(chǎn)品沒有在同一個企業(yè)的其他產(chǎn)品中,反映出被使用的,相同的設(shè)計(jì)方法.
配色方案應(yīng)該能整合其中的色彩,以便于能將他們應(yīng)用到一個廣泛的范圍之中
l更亮或更醒目的色彩可以用與設(shè)計(jì)你的前景色---那些你希望得到更多注意的元素中.
排版:不要使用非常相似但又不完全一樣的風(fēng)格.只有在你需要傳達(dá)不同的信息時才使用不同的風(fēng)格.風(fēng)格之間要有足夠的"對比"才能在你需要的時候吸引到用戶的注意.
創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集解決的非常細(xì)微的問題."成功的方法"和"注定會失敗的方法"的差異歸根結(jié)底就是以下兩點(diǎn):
用戶體驗(yàn)的決策總會體現(xiàn)在以下這些場景之中:
與用戶體驗(yàn)有關(guān)的第一個問題問自己:為什么要這么做?
