第一章 用戶體驗(yàn)為什么如此重要
什么是用戶體驗(yàn)?
產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用,也就是人們?nèi)绾巍敖佑|”和“使用”它。要記住的是用戶體驗(yàn)并不是指一件產(chǎn)品本身是如何工作的。
從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)
產(chǎn)品設(shè)計(jì)的觀念聚焦在產(chǎn)品的感官和功能上的表現(xiàn),但是設(shè)計(jì)精美功能正常的產(chǎn)品,用戶并不一定買賬。比如電商網(wǎng)站設(shè)計(jì)非常漂亮,同時(shí)也具備下單購物功能,但是用戶花了近半小時(shí),也沒搞明白如何完成付款,給用戶的挫敗感并不是用設(shè)計(jì)精美就可以彌補(bǔ)的。
從產(chǎn)品設(shè)計(jì)的理念出發(fā),往往是“外形服從于功能“,正確的產(chǎn)品形態(tài)絕對(duì)不是有“功能”所決定的,而是應(yīng)該由“用戶自身的心理感受和行為”來決定。這就是說,要考慮到用戶有可能采取的每一個(gè)行動(dòng)的每一種可能性,并且去理解在這個(gè)過程的每一個(gè)步驟中用戶的期望值。把用戶這個(gè)角色融入產(chǎn)品設(shè)計(jì)過程中后,就是上升到“用戶體驗(yàn)設(shè)計(jì)”,即當(dāng)前提倡且流行的基于用戶為中心的設(shè)計(jì)。用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問題,比產(chǎn)品設(shè)計(jì)考慮的更全面更復(fù)雜。
用戶體驗(yàn)和產(chǎn)品自身的定義之間是的關(guān)系相對(duì)而言是獨(dú)立的,產(chǎn)品設(shè)計(jì)出來是為滿足了用戶某些需求,體驗(yàn)設(shè)計(jì)是解決使用產(chǎn)品的問題,
網(wǎng)站用戶體驗(yàn)
用戶體驗(yàn)對(duì)于所有的產(chǎn)品和服務(wù)來講,都是至關(guān)重要的。由于喬布斯,手機(jī)的體驗(yàn)爆發(fā)革命性的變化。網(wǎng)站作為互聯(lián)網(wǎng)的一種產(chǎn)品形態(tài),用戶體驗(yàn)比任何一個(gè)其他產(chǎn)品都顯得更重要。那為什么它總是在開發(fā)過程中被忘掉呢?我們從網(wǎng)站的發(fā)展過程中,發(fā)現(xiàn)端倪。
•第一階段:網(wǎng)站出現(xiàn)初期,成功的關(guān)鍵是第一時(shí)間把各種想法實(shí)現(xiàn)出來,將網(wǎng)站迅速推向市場。(快速實(shí)現(xiàn)想法)
•第二階段:當(dāng)大量網(wǎng)站出現(xiàn)后,為贏得市場份額,開始強(qiáng)調(diào)”產(chǎn)品特性“,網(wǎng)站加入越來越多功能和內(nèi)容。(”產(chǎn)品特性“競賽)
以上都只能形成短時(shí)間的競爭優(yōu)勢,不能長久。一個(gè)新想法的實(shí)現(xiàn),會(huì)引來效仿者,一個(gè)成功的“產(chǎn)品特性”,同樣會(huì)被競爭者競相模仿,當(dāng)網(wǎng)站變得越來越復(fù)雜、越來越笨重、越來越難以使用,最后就失去了對(duì)初次訪問者應(yīng)有的吸引力。但是網(wǎng)站的所有者仍然很少去關(guān)心用戶真正喜歡什么,很少去發(fā)現(xiàn)價(jià)值、或真正可以使用的東西。
現(xiàn)階段:重要的、可持續(xù)的競爭優(yōu)勢:提供優(yōu)質(zhì)的用戶體驗(yàn)(用戶體驗(yàn)就是商機(jī))
以用戶中心的設(shè)計(jì)(user-centered design)
在開發(fā)產(chǎn)品的每一個(gè)步驟中,都要把用戶列入考慮范圍,考慮用戶體驗(yàn)、把它分解成各個(gè)組成要素,以保證每一個(gè)過程的決策時(shí)可控的。
第2章 用戶體驗(yàn)的五個(gè)層面、10個(gè)要素(認(rèn)識(shí)這些要素)
用戶體驗(yàn)的設(shè)計(jì)流程,可抽象為五個(gè)層,五個(gè)層面劃分10個(gè)組成要素,這個(gè)10個(gè)要素構(gòu)成一系列網(wǎng)站的決策。
五個(gè)層面
•表現(xiàn)層:一系列的網(wǎng)頁,由圖片和文字組成
•框架層:按鈕、控件、照片和文本區(qū)域的位置。是結(jié)構(gòu)層的具體表達(dá)方式。框架層用于優(yōu)化設(shè)計(jì)布局,以達(dá)到這 些元素的最大的效果和效率——使你在需要的時(shí)候,能記得標(biāo)識(shí)并找到購物車的按鈕。
•結(jié)構(gòu)層:用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面,并且在他們做完事情之后能去什么地方(確定網(wǎng)站各種特性和功能最合適的組合方式)
•范圍層:網(wǎng)站的特性和功能(比如提供用戶可以保存之前的郵寄地址功能)
•戰(zhàn)略層:經(jīng)營者想從網(wǎng)站得到什么、用戶想從網(wǎng)站得到什么
注意:
•自下而上地建設(shè):每一個(gè)層面都是根據(jù)它下面的那個(gè)層面來決定(表現(xiàn)層有框架層決定,框架層則建立在結(jié)構(gòu)層的基礎(chǔ)上,結(jié)構(gòu)層的設(shè)計(jì)基于范圍層,范圍層是根據(jù)戰(zhàn)略層來制定。原因:當(dāng)我們做出的決定沒有和上下層面保持一致的時(shí)候,項(xiàng)目常常會(huì)偏離正常軌道,完成日期延遲)
•雙向的連鎖反應(yīng):并不是說每一個(gè)”較低層面“上的決策都必須在設(shè)計(jì)”較高層面“之前做出。事物都有兩個(gè)方面,在”較高層面“中的決定由時(shí)會(huì)促成對(duì)”較低層面“決策的一次重新評(píng)估。
•基本遵循原則:讓任何一個(gè)層面中的工作都不能在其下層面的工作完成之前結(jié)束。
•基本常識(shí):在每一個(gè)層面,我們都根據(jù)競爭對(duì)手所做的事情、業(yè)界最佳的實(shí)踐成果來做決定,
五個(gè)層面的10個(gè)組成要素
基本的雙重性
web的發(fā)明至今,發(fā)生了翻天覆地的變化,早已超越當(dāng)初發(fā)明者用于簡單的信息分享的目的。當(dāng)網(wǎng)頁當(dāng)作軟件的界面時(shí)(B/S模式,功能性產(chǎn)品),人們從”應(yīng)用軟件“(桌面軟件)的設(shè)計(jì)問題考慮網(wǎng)站的開發(fā);當(dāng)網(wǎng)頁作為超文本系統(tǒng)時(shí)(信息型產(chǎn)品),人們從信息發(fā)布、檢索角度來考慮網(wǎng)站的開發(fā),甚至,有些網(wǎng)站兼具這兩個(gè)領(lǐng)域的特性。這兩種考慮問題的模式,基于自己的領(lǐng)域,都會(huì)產(chǎn)生自身的一套專業(yè)術(shù)語,這給溝通帶來極大不便。為了高效溝通,統(tǒng)一概念模型,把用戶體驗(yàn)的5個(gè)層面,按功能型產(chǎn)品(關(guān)注的是”任務(wù)“)和信息型產(chǎn)品(關(guān)注的是”信息“)劃分,將每個(gè)層面需解決的問題進(jìn)行切分,這就形成了10個(gè)組成要素。如下圖:
應(yīng)用這些要素應(yīng)注意:
把用戶體驗(yàn)劃分成各個(gè)方塊和層面的模式,非常有利于我們?nèi)タ紤]用戶在體驗(yàn)中有可能遇到的麻煩。但是在現(xiàn)實(shí)世界中,這些區(qū)域之間的界限并沒有那么明確。最常見的情形是,你很難鑒定某個(gè)用戶體驗(yàn)的問題是否可以通過重視這個(gè)要素或那個(gè)要素去解決。在某個(gè)層面中,不考慮其他要素的影響,單獨(dú)評(píng)估你在某個(gè)要素上所做的改進(jìn)產(chǎn)生的效果是很困難的。
其他限制要素
•技術(shù):決定了我們所能提供給用戶的體驗(yàn)狀態(tài)。技術(shù)是在變的,但用戶體驗(yàn)的基本要素始終是不變的。
•內(nèi)容:用戶不會(huì)僅僅為了體驗(yàn)導(dǎo)航的樂趣而訪問網(wǎng)站,網(wǎng)站提供的內(nèi)容才是重要的角色(比如:電商提供商品服務(wù)等等)
第3章 戰(zhàn)略層(產(chǎn)品目標(biāo)、用戶需求)
戰(zhàn)略層定義:明確我們和用戶想要從網(wǎng)站得到什么。
•我們要通過這個(gè)產(chǎn)品得到什么?(產(chǎn)品目標(biāo))
•我們的用戶要通過這個(gè)產(chǎn)品的得到什么?(用戶需求)
產(chǎn)品目標(biāo)
用盡可能具體的詞匯來定義我們期望產(chǎn)品“本身”能完成的事情。
1、可以是商業(yè)目標(biāo)
商業(yè)目標(biāo)或許可以用來定義為產(chǎn)品目標(biāo),但是對(duì)于不同的網(wǎng)站類型來說,它們要么太狹義、要么太廣義。太狹義是因?yàn)椴⒉皇敲恳粋€(gè)內(nèi)部目標(biāo)都是商業(yè)目標(biāo);太廣義則因?yàn)椤吧虡I(yè)目標(biāo)”聚焦點(diǎn)在商業(yè)上,脫離了網(wǎng)站本身能完成的事情(比如企業(yè)網(wǎng)站的存在是為了滿足兩種意圖當(dāng)中的一個(gè):替公司賺錢或替公司省錢。有時(shí)它同時(shí)滿足這兩個(gè)。但為了這個(gè)兩個(gè)目標(biāo),網(wǎng)站到底應(yīng)該做些什么并不總是很清楚。)。要想在太具體和太寬泛之間取得一個(gè)平衡,我們應(yīng)該明確地定義“成功的條件”,不是定義“通向成功的路徑”
2、傳遞品牌識(shí)別:
傳遞品牌識(shí)別是一種非常普遍的產(chǎn)品目標(biāo),品牌識(shí)別是概念系統(tǒng)、是情緒反應(yīng),在用戶使用產(chǎn)品時(shí)留在用戶腦海中的印象。
3、產(chǎn)品目標(biāo)成功的標(biāo)準(zhǔn):
衡量產(chǎn)品是否滿足我們自己的目標(biāo)和用戶需求的一些可追蹤指標(biāo)
•網(wǎng)站自身指標(biāo):用戶訪問平均停留時(shí)間、轉(zhuǎn)化率、二次訪問率
•間接指標(biāo):減少客服的咨詢量、縮短銷售人員的工作時(shí)間
注意:
•對(duì)于驅(qū)動(dòng)用戶體驗(yàn)決策而言有意義的成功標(biāo)準(zhǔn),一定是可以通過設(shè)計(jì)來影響的行為。
•衡量標(biāo)準(zhǔn)時(shí)的時(shí)間跨度不能太長
•綜合考慮競爭環(huán)境
用戶需求
重要性:只有投入時(shí)間去研究這些需求,我們才能拋棄自己立場的局限,真正從用戶角度來重新審視網(wǎng)站。尋找目標(biāo)用戶–>調(diào)研需求–>確定需求優(yōu)先級(jí)別
1、用戶細(xì)分(用于確定我們的目標(biāo)用戶群)
•人口統(tǒng)計(jì)學(xué)(性別、年齡、教育水平、婚姻狀況、收入)
•消費(fèi)心態(tài)檔案
•用戶對(duì)技術(shù)和網(wǎng)頁本身的想法
•用戶對(duì)于網(wǎng)站相關(guān)內(nèi)容的知識(shí)多少
•用戶的社會(huì)或?qū)I(yè)角色
用戶細(xì)分可以發(fā)現(xiàn)不同用戶群有不同的需求,有時(shí)候這些需求是彼此矛盾的,我們無法提供一種方案同時(shí)滿足這兩種用戶的需求,要么選擇針對(duì)單一用戶群設(shè)計(jì)而排出其他用戶群,要么為執(zhí)行相同任務(wù)的不同用戶群提供不同的方式(比如電子商務(wù)網(wǎng)站的”放入購物車“和”立即購買“按鈕),不論選擇那一種,這個(gè)決策將會(huì)影響日后與用戶體驗(yàn)相關(guān)的每一個(gè)選擇。
2、可用性和用戶研究(獲取用戶需求)
•問卷調(diào)查、用戶訪談、焦點(diǎn)小組——適合用于收集用戶的普遍觀點(diǎn)與感知
•用戶測試或現(xiàn)場調(diào)查、任務(wù)分析——適用于理解具體的用戶行為以及用戶在和產(chǎn)品交互時(shí)的表現(xiàn)(改版、低保真原型測試)
3、創(chuàng)建任務(wù)角色(用戶模型或用戶簡介,形象化用戶)
通過各種途徑收集和研究的用戶數(shù)據(jù)后,形象化用戶,創(chuàng)建具體形象的用戶形象。使用戶變得更加真實(shí),人物角色代表整個(gè)真實(shí)用戶需求的虛構(gòu)人物。
作用:幫助團(tuán)隊(duì)確保在整個(gè)設(shè)計(jì)過程期間把用戶始終放在心里
團(tuán)隊(duì)角色和流程
•相關(guān)人員都要參與
•形成愿景文檔或者戰(zhàn)略文檔
•用戶調(diào)研報(bào)告
戰(zhàn)略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)的流程中的起點(diǎn),但是那不意味在項(xiàng)目開始之前你的戰(zhàn)略需要完全確定下來,戰(zhàn)略也應(yīng)該是可以演變和改進(jìn)的。當(dāng)戰(zhàn)略被系統(tǒng)地修改于校正時(shí),這些工作就能成為貫穿整個(gè)過程的,持續(xù)的靈感源泉。
第4章 范圍層 (功能規(guī)格和內(nèi)容需求)
范圍層的定義(這是一個(gè)有價(jià)值的過程,同時(shí)能產(chǎn)生有價(jià)值的產(chǎn)品)
•過程:當(dāng)整個(gè)事情還處于假設(shè)階段的時(shí)候,它能迫使你去考慮潛在的沖突和產(chǎn)品中一些粗略的點(diǎn)。能確定現(xiàn)在能解決哪些事情,而哪些必須要延遲一點(diǎn)再解決。
•產(chǎn)品:給了整個(gè)團(tuán)隊(duì)一個(gè)參考點(diǎn),明確了這個(gè)項(xiàng)目中要完成的全部工作,它也提供了一門用于討論這件事情的共同語言。定義好你的要求能保證在設(shè)計(jì)過程中不會(huì)出現(xiàn)模棱兩可的情況。
定義項(xiàng)目范圍則同時(shí)在做這兩件事:這是一個(gè)有價(jià)值的過程,同時(shí)能產(chǎn)生有價(jià)值的產(chǎn)品。
用文檔記錄產(chǎn)品需求的重要性(該階段尤其重要)
1、知道正在建設(shè)什么
•知道項(xiàng)目的目標(biāo)是什么,什么時(shí)候達(dá)到目標(biāo)
•責(zé)任分配明晰
•能看清相互獨(dú)立也不顯著的要求間的內(nèi)在聯(lián)系
2、不需要建設(shè)什么
•當(dāng)關(guān)于功能的、各種各樣的可能和想法浮現(xiàn),用文檔記錄,可以提供一個(gè)評(píng)估這些想法的架構(gòu),幫助你了解他們是如何(或是否)滿足當(dāng)初所承諾要做的事情(其實(shí)就是是否滿足戰(zhàn)略目標(biāo))。
•收集“不需要馬上建設(shè)”的 想法,找到一種適宜的方式,讓它們符合你的長期規(guī)劃。
功能和內(nèi)容
范圍層,在功能性產(chǎn)品方面,考慮的是功能需求規(guī)格,即哪些應(yīng)該被當(dāng)成軟件產(chǎn)品的”功能“以及相應(yīng)的組合。在信息產(chǎn)品方面,考慮的是內(nèi)容,這屬于編輯和營銷推廣的傳統(tǒng)領(lǐng)域。
•功能需求規(guī)格:哪些應(yīng)該被當(dāng)成軟件差產(chǎn)品的“功能”以及組合。
•內(nèi)容需求:(常常伴隨著功能需求)
1、定義需求
•技術(shù)需求(支持的瀏覽器、操作系統(tǒng)、硬件需求)
•品牌需求
•特性需求(產(chǎn)品必須擁有、某種特性)
2、需求的類別
•1、直接講述的、用戶想要的東西。
•2、用戶說出來、所期望的特性其實(shí)并不是他們想要的(比如某人想吃包子,其實(shí)用戶真正是的需求是解決餓的問題,在無法提供包子的情況下,米飯完全可以滿足需求)。
•3、人們不知道他們是否需要的特性。
3、需求獲取途徑
•人物角色放入模擬場景中
•從競爭對(duì)手處得到一些啟示
功能規(guī)格說明
記錄原則
1、樂觀:描述這個(gè)系統(tǒng)將要做什么事情去“防止”不好的事情發(fā)生,而不是描述“不應(yīng)該”做什么不好的事情。例如:“這個(gè)系統(tǒng)不允許用戶購買沒有風(fēng)箏線的風(fēng)箏?!睉?yīng)替換成下一句:“如果用戶想購買一個(gè)沒有線的風(fēng)箏的話,這個(gè)系統(tǒng)應(yīng)該引導(dǎo)用戶到風(fēng)箏線頁面。”
2、具體:盡可能詳細(xì)的解釋清楚狀況,這是我們能決定一個(gè)需求是否被實(shí)現(xiàn)的最佳途徑。例如:“該網(wǎng)站要使殘疾人可用?!睉?yīng)替換成“該網(wǎng)站要遵守美國殘疾人法案的第508 條。”
3、避免主觀的語氣(有參考標(biāo)準(zhǔn)、量化定義功能):需求必須可驗(yàn)證,找到某種方式來明確說出應(yīng)該達(dá)到的標(biāo)準(zhǔn)。也可以用量化的術(shù)語來定義一些需求,通過這樣的手段來避免主觀性。例如:“這個(gè)網(wǎng)站應(yīng)該符合郵遞員 Wayne 所期望的時(shí)尚。 ”應(yīng)替換成“網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔?!?/p>
內(nèi)容需求(產(chǎn)生的文檔:內(nèi)容清單)**
(1)不要混淆某段內(nèi)容的格式和目的(如 FAQs僅指內(nèi)容的格式,但我們常聽說“網(wǎng)站應(yīng)該有FAQs)。(2)提供每個(gè)特性規(guī)模的大致預(yù)估:文本的字?jǐn)?shù)、圖片的像素大小、下載的文件字節(jié)、類似PDF的獨(dú)立內(nèi)容元素……收集我們?cè)谠O(shè)計(jì)一個(gè)適宜的網(wǎng)站內(nèi)容時(shí)必要的資料。(3)確定某個(gè)人負(fù)責(zé)某一內(nèi)容元素&它的“更新頻率”。更新頻率來源于網(wǎng)站的戰(zhàn)略目標(biāo),從網(wǎng)站目標(biāo)看,希望用戶多長時(shí)間來訪一次,從用戶需求看,他們希望多長時(shí)間更新一次信息,確定的頻率應(yīng)該是介于你的用戶期望值和有效資源之間的一個(gè)合理的中間值。(4)各種用戶,需求不同。搞清楚哪些用戶想要哪種內(nèi)容,能幫助你決定用什么方式來呈現(xiàn)這些內(nèi)容。
確定需求優(yōu)先級(jí)(優(yōu)先級(jí)的決策模型)
戰(zhàn)略目標(biāo)和需求間往往不是一對(duì)一的關(guān)系。優(yōu)先級(jí)是決定人們所建議的相關(guān)特性的首要因素。
第5章 結(jié)構(gòu)層(交互設(shè)計(jì)、信息架構(gòu))
結(jié)構(gòu)層定義
交互設(shè)計(jì)和信息架構(gòu):確定各個(gè)將要呈現(xiàn)給用戶的元素的“模式”和“順序”。交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。
重點(diǎn):理解用戶的工作方式、行為和思考模式
交互設(shè)計(jì)
關(guān)注于描述“可能的用戶行為”,同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。
1、概念模型
用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱為“概念模型”,一個(gè)概念模型可以反映系統(tǒng)的一個(gè)組件或是整個(gè)系統(tǒng),用于在交互設(shè)計(jì)的開發(fā)過程中保持使用方式的一致性。
比如“購物車”在典型的電子商務(wù)網(wǎng)站概念模型中是一個(gè)容器。這個(gè)概念模型同時(shí)影響了它的視覺設(shè)計(jì)和在界面上使用的語言。它是一個(gè)裝東西的容器;作為容器,我們“放進(jìn)東西”到“推車”中,以及從里面“拿出東西”來,系統(tǒng)必須提供能完成這些任務(wù)的功能。
注意:
•使用用戶屬性的概念模型,會(huì)使用戶很快適用一個(gè)不熟悉的網(wǎng)站
•不必將概念模型明確的告訴用戶。
•不要將比喻從現(xiàn)實(shí)世界中一字不落地照搬過來。
錯(cuò)誤處理
•將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的那種
•使錯(cuò)誤難以發(fā)生。萬一發(fā)生,系統(tǒng)應(yīng)該幫助用戶找出錯(cuò)誤并改正它們。
•系統(tǒng)應(yīng)該為用戶提供從錯(cuò)誤中恢復(fù)的方式。最著名的是 Undo(重做)。
信息架構(gòu)
如何選擇并組織信息,以保證別人能理解并使用它們。是研究人們?nèi)绾握J(rèn)知信息的過程,對(duì)于產(chǎn)品而言,信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義。網(wǎng)站的信息架構(gòu)的主要工作就是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu),從而讓用戶可以高效率、有效率地瀏覽網(wǎng)站的內(nèi)容。
1、結(jié)構(gòu)化內(nèi)容
信息架構(gòu)要求創(chuàng)建分類體系,該分類體系將會(huì)對(duì)應(yīng)并符合網(wǎng)站目標(biāo)、希望滿足用戶需,以及將被合并在網(wǎng)站中的內(nèi)容。創(chuàng)建的方式:
•從上到下(top-downapproach):從戰(zhàn)略層著手,即從“網(wǎng)站目標(biāo)與用戶需求”直接進(jìn)行結(jié)構(gòu)設(shè)計(jì),先從最廣泛的滿足決策目標(biāo)的潛在內(nèi)容與功能開始進(jìn)行分類,然后再依據(jù)邏輯細(xì)分出次級(jí)分類,然后再依據(jù)邏輯細(xì)分出次級(jí)分類?!敝饕诸悺芭c”次級(jí)分類“的層級(jí)結(jié)構(gòu)就像一個(gè)個(gè)的空槽,而內(nèi)容和功能將按順序填入。局限性:導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略。
•從下到上(bottom-upapproach):根據(jù)“內(nèi)容和功能需求的分析”而來,從已有資料開始,把該資料放到最低級(jí)別分類中,然后將它們分別歸屬到高一級(jí)的類別。從而逐漸構(gòu)建出能反映產(chǎn)品目標(biāo)和用戶需求得結(jié)構(gòu)。該方法也包括”主要分類“和”次級(jí)分類“。局限性:導(dǎo)致架構(gòu)過于精確地反映了現(xiàn)有內(nèi)容,而不能靈活的容納未來內(nèi)容的變化或增加。一個(gè)有效結(jié)構(gòu)的特點(diǎn),具備“容納成長和適應(yīng)變動(dòng)”的能力。
2、結(jié)構(gòu)方法
信息架構(gòu)的基本單元是節(jié)點(diǎn)。節(jié)點(diǎn)可以對(duì)應(yīng)任意的信息片段或組合,可以小到是一個(gè)數(shù)字(比如產(chǎn)品的價(jià)格),或者是大到是整個(gè)圖書館。我們要處理的是節(jié)點(diǎn),而不是頁面、文檔或組件,這個(gè)思路有助于我們使用一種共同的語言和一組共同的結(jié)構(gòu)的概念來對(duì)付各種不同的問題。節(jié)點(diǎn)的組織方式有以下幾種:
•層級(jí)結(jié)構(gòu)(hierarchicalstructure):節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父/子級(jí)關(guān)系。
•矩陣結(jié)構(gòu)(matrixstructure):允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的“維度”移動(dòng)。
•自然結(jié)構(gòu)(organicstructures):不會(huì)遵循任何一致的模式,節(jié)點(diǎn)是逐一被連接起來的,沒有太強(qiáng)烈的”分類“概念。
•線性結(jié)構(gòu)(sequential structures):連貫的語言流程。(比如書、文章、音像)
3、組織原則
決定哪些節(jié)點(diǎn)要編成一組,而哪些節(jié)點(diǎn)要保持獨(dú)立的標(biāo)準(zhǔn)。不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站不同的層面。一般來說,產(chǎn)品最高層級(jí)使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān)。而在結(jié)構(gòu)中較低的層級(jí),內(nèi)容與功能需求將對(duì)你所采取的組織原則產(chǎn)生重大影響。
組織原則中使用的“屬性”,在圖書管理學(xué)的術(shù)語中,被稱為“截面”,而且它們幾乎能為任何內(nèi)容提供一套簡單、靈活的組織原則。如果一個(gè)網(wǎng)站有多種“截面”可選擇,將每一個(gè)有可能的截面都當(dāng)做組織原則來使用,從而讓用戶自己去選擇對(duì)他們而言最重要的那個(gè)。
語言和元數(shù)據(jù)
命名原則(nomenclature):使用“用戶的語言”(類詞詞典)建立一套命名原則,并保持一致性(受控詞典),應(yīng)用于描述、標(biāo)簽和網(wǎng)站使用的其他術(shù)語。
受控詞典是網(wǎng)站使用的一套標(biāo)準(zhǔn)語言。是用戶研究中很重要的一個(gè)領(lǐng)域。與用戶談話并了解他們的溝通方式,是開發(fā)出一個(gè)讓用戶感到自然的命名原則系統(tǒng)的最有效方式。創(chuàng)建并遵守一個(gè)反映了用戶語言的受控詞典是防止企業(yè)內(nèi)部的專用術(shù)語侵入網(wǎng)站的最佳方法,專用術(shù)語只會(huì)讓用戶感到糊涂。受控詞典或類詞詞典對(duì)于建立包含元數(shù)據(jù)的系統(tǒng)特別有用(“關(guān)于信息的信息”。即以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息)。
團(tuán)隊(duì)角色和流程
文檔:
架構(gòu)圖–視覺辭典
第6章 框架層(界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì))
框架層定義
界面設(shè)計(jì):用來確定界面控件元素以及位置,提供用戶完成任務(wù)的能力,通過它,用戶能真正接觸到那些”在結(jié)構(gòu)層的交互設(shè)計(jì)中“確定的”具體功能“
導(dǎo)航設(shè)計(jì):呈現(xiàn)信息的一種界面形式,提供給用戶去某個(gè)地方的能力。
信息設(shè)計(jì):呈現(xiàn)有效的信息溝通,傳達(dá)想法,它是這個(gè)層面中范圍最廣的一個(gè)要素。
信息設(shè)計(jì)與界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)緊密相關(guān)。在考慮導(dǎo)航設(shè)計(jì)時(shí),首先考慮”信息設(shè)計(jì)“是否太模糊,或者在考慮”信息設(shè)計(jì)“問題時(shí)變成”界面設(shè)計(jì)“的問題。
設(shè)計(jì)原則
讓界面與用戶早已養(yǎng)成的那些習(xí)慣保持一致很重要,但非死守。當(dāng)一種不同的方式有很明顯的益處時(shí),應(yīng)試著違背習(xí)慣,但要求在做每一個(gè)決定的時(shí)候都有充分的明確的理由。
要抵制在網(wǎng)站四周建立起比喻(metaphor)的沖動(dòng)。比喻往往不能揭示特性的本質(zhì),反而會(huì)混淆。避免比喻,減少對(duì)用戶“在理解和使用網(wǎng)站功能”時(shí)的心理要求。
界面設(shè)計(jì)
選擇正確的界面元素,這些界面元素能幫助用戶完成他們的任務(wù),還要通過適當(dāng)?shù)姆绞阶屗麄內(nèi)菀妆焕斫夂褪褂?。成功的界面設(shè)計(jì):能讓用戶一眼就看到“最重要的東西”的界面設(shè)計(jì)
簡單的技巧:
•1、界面第一次呈現(xiàn)給用戶的時(shí)候,仔細(xì)考慮每一選項(xiàng)的默認(rèn)值(理解用戶的任務(wù)和目標(biāo))。
•2、自動(dòng)記住某個(gè)用戶最后一次選擇狀態(tài)的系統(tǒng)
注意:
(1)程序員要改變思考問題的方式。
好的程序員總要考慮到“邊緣情況”,所以經(jīng)驗(yàn)豐富的程序員,總是平等地對(duì)待每一種可能性,不管它代表了一個(gè)用戶還是一千個(gè)用戶。但界面設(shè)計(jì)中,一個(gè)設(shè)計(jì)良好的界面是要組織好用戶最常采用的行為,同時(shí)讓這些界面元素用最容易的方式獲取和使用。
(2)界面組成元素在緩慢發(fā)生變化,新的技術(shù)帶來新的需求

•標(biāo)準(zhǔn)界面元素: 復(fù)選框、單選框、文本框、下拉菜單、多選菜單、按鈕
•Flash 靈活性更強(qiáng),界面對(duì)用戶的響應(yīng)更積極。
導(dǎo)航設(shè)計(jì)
導(dǎo)航的目標(biāo):
•導(dǎo)航設(shè)計(jì)必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法,必須選擇能促進(jìn)用戶行為的導(dǎo)航元素。
•導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系,對(duì)于用戶理解“哪些選擇對(duì)他們是有效的”非常必要。
•導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系,幫助用戶理解“哪個(gè)有效的選擇會(huì)最好的支持他們的任務(wù)或他們想要達(dá)到的目標(biāo)”。
多重導(dǎo)航系統(tǒng)
•全局導(dǎo)航:提供覆蓋整個(gè)網(wǎng)站的通路
•局部導(dǎo)航:提供給用戶在這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路
•輔助導(dǎo)航:提供了全局導(dǎo)航或局部導(dǎo)航不能快速達(dá)到的相關(guān)內(nèi)容的快捷途徑
•上下文導(dǎo)航:(也叫內(nèi)聯(lián)導(dǎo)航)是嵌入頁面自身內(nèi)容的一種導(dǎo)航,比如在一篇長文章中,設(shè)計(jì)的目錄結(jié)構(gòu),設(shè)置錨文本
•友好導(dǎo)航:提供給用戶他們通常不會(huì)需要的鏈接,但它們是作為一種便利的途徑來使用。
•網(wǎng)站地圖:一種常見的遠(yuǎn)程導(dǎo)航工具,給用戶一個(gè)簡明的、單頁的網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式。
•索引表:按字母順序排列的、鏈接到相關(guān)頁面的列表,與一些書最后所列的索引表非常相像。
信息設(shè)計(jì)
決定如何呈現(xiàn)信息,使人們能很容易使用或理解它們(表格、餅圖),涉及”分組“或”整理“散亂的信息。將信息設(shè)計(jì)與導(dǎo)航設(shè)計(jì)結(jié)合在一起,起到一個(gè)很重要的作用:支持“指示標(biāo)識(shí)”,幫助用戶理解“他們?cè)谀摹币约啊八麄兡苋ツ摹钡南到y(tǒng)。比如公共場所的指示標(biāo)識(shí)。
線框圖
將信息設(shè)計(jì)、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放置到一起,形成一個(gè)統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)的地方。
1、通過安排和選擇界面元素來整合界面設(shè)計(jì);
2、通過識(shí)別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計(jì);
3、通過放置和排列信息組成部分的優(yōu)先級(jí)來整合信息設(shè)計(jì)。
線框圖可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu),同時(shí)指出了視覺設(shè)計(jì)應(yīng)該前進(jìn)的方向。
第7章 表現(xiàn)層(感知設(shè)計(jì))
表現(xiàn)層的定義
(界面設(shè)計(jì)考慮可交互元素的布局,導(dǎo)航設(shè)計(jì)考慮在產(chǎn)品中引導(dǎo)用戶移動(dòng)的元素安排,信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布)解決并彌補(bǔ)”產(chǎn)品框架層的邏輯排布“的感知呈現(xiàn)問題。
合理設(shè)計(jì)感知
人們的感覺器官:視覺、聽覺、觸覺、嗅覺和味覺,網(wǎng)站設(shè)計(jì)主要體現(xiàn)在視覺設(shè)計(jì)上。
評(píng)估一個(gè)視覺設(shè)計(jì)方案,應(yīng)該把注意力集中在“運(yùn)作是否良好”上。如:視覺設(shè)計(jì)給予它們的支持效果如何?網(wǎng)站的外觀使結(jié)構(gòu)中的各個(gè)模塊之間的區(qū)別變得不清晰、模棱兩可了嗎?還是強(qiáng)化了結(jié)構(gòu),使用戶可用的選項(xiàng)清楚明了了?評(píng)估一個(gè)頁面的視覺設(shè)計(jì)的簡單方法:忠于眼睛。一個(gè)成功的設(shè)計(jì)有 2 個(gè)重要的特點(diǎn):
•遵循的是一條流暢的路徑;
•在不需要太多細(xì)節(jié)來嚇到用戶的前提下,它為用戶提供有效選擇的、某種可能的“引導(dǎo)”。
對(duì)比和一致性
1、對(duì)比是重要手段,能幫助用戶理解頁面導(dǎo)航元素之間的關(guān)系。同時(shí),對(duì)比還是傳達(dá)信息設(shè)計(jì)中的概念群組的主要手段。
2、在設(shè)計(jì)中保持一致性是另一個(gè)重要的組成部分——基于網(wǎng)格線的布局(grid-based layout)
3、視覺設(shè)計(jì)的一致性一般會(huì)有 2 種毛?。?/p>
•內(nèi)部一致性的問題,即是,在網(wǎng)站的兩個(gè)不同的地方反映了不同的設(shè)計(jì)方法。
•外部一致性的問題,即是,這個(gè)網(wǎng)站沒有在同一個(gè)企業(yè)的其他產(chǎn)品中,反映出被使用的、相同的設(shè)計(jì)方法。
配色方案(color palette)和排版(typography),品牌識(shí)別,傳達(dá)品牌形象
風(fēng)格指南(style guide):匯總文檔,確定了視覺設(shè)計(jì)的每個(gè)方面
第8章 應(yīng)用的要素
創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集待解決的非常細(xì)微的問題。
•了解你正在試著解決的問題。
•了解你的解決方法所造成的后果。
大部分,關(guān)于用戶體驗(yàn)的決策總會(huì)體現(xiàn)在以下場景:
•由現(xiàn)狀決定的設(shè)計(jì)(design bydefault):發(fā)生在當(dāng)用戶體驗(yàn)的結(jié)構(gòu)遵循其背后的技術(shù),或你的企業(yè)結(jié)構(gòu)。來自企業(yè)內(nèi)部不同部門的內(nèi)容,也只有在放到一起而不是保持獨(dú)立的時(shí)候才會(huì)更好的服務(wù)于用戶。
•由模仿決定的設(shè)計(jì)(design bymimicry):發(fā)生在當(dāng)用戶體驗(yàn)依靠于來自其他網(wǎng)站、公共刊物或軟件應(yīng)用程序的相似情況時(shí)。
•由領(lǐng)導(dǎo)決定的設(shè)計(jì)(design byfiat):發(fā)生在當(dāng)用戶體驗(yàn)由個(gè)人喜好來決定而不是由用戶需求或網(wǎng)站目標(biāo)來驅(qū)動(dòng)的時(shí)候。
提出正確的問題:
•將每一個(gè)決定都建立在對(duì)其背后的議題的理解之上。與用戶體驗(yàn)有關(guān)的第一個(gè)問題恐怕是問你自己的:你為什么要這么做?
•不要以“節(jié)省項(xiàng)目時(shí)間或金錢”的名義對(duì)用戶體驗(yàn)敷衍了事。
•專注于用戶體驗(yàn)中某個(gè)具體元素的問題,能幫你收集來自用戶的更多的相關(guān)信息。不然很可能以提出錯(cuò)誤的問題而告終。
•不能簡單地依賴用戶來闡明自己的需求。創(chuàng)建任何一種用戶體驗(yàn)的挑戰(zhàn)是“比用戶自己更準(zhǔn)確地理解他們的需求”。測試可以幫助你了解用戶的需求,但它只是能達(dá)到同樣的目的的許多工具之一。
•用戶測試永遠(yuǎn)無法取代一個(gè)考慮周密的、準(zhǔn)備充分的用戶體驗(yàn)設(shè)計(jì)過程。
總結(jié):
局外人看網(wǎng)站(或者第一次進(jìn)入網(wǎng)站開發(fā)過程的時(shí)候),關(guān)注點(diǎn)在五層模型中最靠近頂部的、更顯而易見的要素上。具有諷刺意味的是,那些需要更仔細(xì)審查才能感知的要素(戰(zhàn)略層、范圍層、結(jié)構(gòu)層)在決定用戶體驗(yàn)的最終成功或失敗方面扮演了必不可少的角色。大多數(shù)情況下,在上一級(jí)層面中的錯(cuò)誤可以被更低一級(jí)層面的成功所掩蓋。如果在網(wǎng)站開發(fā)的時(shí)候,始終從完整的用戶體驗(yàn)出發(fā),那么最后得到的網(wǎng)站就是一份有價(jià)值的資產(chǎn)。每一件與網(wǎng)站的用戶體驗(yàn)相關(guān)的事情都是經(jīng)過有意識(shí)地、明確地決策的結(jié)果,只有這樣才能確保這個(gè)網(wǎng)站能同時(shí)滿足你的戰(zhàn)略目標(biāo)和用戶需求。
愛華網(wǎng)



