《用戶體驗(yàn)要素》

一筹淫、用戶體驗(yàn)為什么如此重要

1牵现、什么是用戶體驗(yàn)

用戶體驗(yàn)是指產(chǎn)品如何與外界發(fā)生聯(lián)系和發(fā)揮作用废士,也就是人們?nèi)绾谓佑|和使用它。

當(dāng)人們?cè)儐柲硞€(gè)產(chǎn)品或服務(wù)時(shí)五续,他們問的是使用的體驗(yàn)。它用起來難不難龄恋,是不是很容易學(xué)會(huì)使用返帕,起來感覺如何。

2篙挽、從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)

正確的產(chǎn)品形態(tài)絕對(duì)不是由功能和外觀單方面決定荆萤,而是應(yīng)該由用戶自身的心理感受和行為來決定的。

用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問題铣卡。

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

對(duì)于類似椅子這類簡(jiǎn)單的情況,創(chuàng)建一個(gè)良好的用戶體驗(yàn)的設(shè)計(jì)要求煮落,完全等同于產(chǎn)品自身的定義敞峭。

但是對(duì)于一些更加復(fù)雜的產(chǎn)品來講,創(chuàng)建良好的用戶體驗(yàn)和用戶自身的定義之間的關(guān)系相對(duì)而言是獨(dú)立的蝉仇。

4旋讹、用戶體驗(yàn)和網(wǎng)站

不管用戶訪問的是什么類型的網(wǎng)站,它都是一個(gè)自助式的產(chǎn)品轿衔。用戶所能依靠的只有自己的智慧和經(jīng)驗(yàn)沉迹,來獨(dú)自面對(duì)這個(gè)網(wǎng)站。

在網(wǎng)站最初出現(xiàn)的時(shí)候害驹,成功的關(guān)鍵是第一時(shí)間把各種想法實(shí)現(xiàn)出來鞭呕,將網(wǎng)站迅速推向市場(chǎng)。至于他是否真正為人們所用宛官,充其量是后來才想到的一件事情葫松。例如yahoo瓦糕。

用戶體驗(yàn)形成了客戶對(duì)企業(yè)的整體形象,決定了企業(yè)和競(jìng)爭(zhēng)對(duì)手的差異腋么,并且決定的客戶是否還會(huì)再次光顧咕娄。

5、用戶體驗(yàn)就是商機(jī)

特性和功能總是重要的珊擂,但是用戶體驗(yàn)對(duì)于用戶的忠誠(chéng)度有著更大的影響圣勒。

企業(yè)關(guān)注財(cái)務(wù)應(yīng)收的情況,希望知道投資所得到了回報(bào)未玻,或者投資回報(bào)率ROI。

投資回報(bào)率通常是用金錢來衡量的:所花出去的每一元錢胡控,能收到多少元的等值收益扳剿。

一個(gè)最常用的投資收益的度量標(biāo)準(zhǔn)是轉(zhuǎn)換率:計(jì)算花出去的錢轉(zhuǎn)換成了多少企業(yè)的價(jià)值。

任何在用戶體驗(yàn)上所做的努力昼激,目的都是為了提高效率庇绽。這個(gè)基本上是以兩種主要形式體現(xiàn)出來的:幫助人們工作的更快和減少他們犯錯(cuò)的幾率。

6橙困、在乎你的用戶

創(chuàng)建吸引人的瞧掺、高效的用戶體驗(yàn)的方法稱為為以用戶為中心的設(shè)計(jì)user-centered design

對(duì)那些來造訪的用戶,你必須為他們規(guī)劃一個(gè)有粘性凡傅、直觀明了辟狈、甚至還讓人愉悅的體驗(yàn),一次每件事按照正常的方式在工作的體驗(yàn)

二夏跷、認(rèn)識(shí)這些要素

1哼转、五個(gè)層面

表現(xiàn)層:在表現(xiàn)層你看到的是一系列的網(wǎng)頁(yè),有圖片和文字組成槽华。

框架層:在表現(xiàn)層之下是網(wǎng)站的框架層壹蔓,按鈕、控件猫态、照片和文本區(qū)域的位置佣蓉。

結(jié)構(gòu)層:與框架層相比更抽象的是結(jié)構(gòu)層,框架是結(jié)構(gòu)的具體表達(dá)方式亲雪。

范圍層:結(jié)構(gòu)層確定網(wǎng)站各種可行和功能最合適的組合方式勇凭,而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。

戰(zhàn)略層:網(wǎng)站的范圍基本上是一個(gè)網(wǎng)站戰(zhàn)略層所決定的义辕。這些戰(zhàn)略不僅僅包含了經(jīng)營(yíng)者想從網(wǎng)站得到什么套像,還包括了用戶想從網(wǎng)站得到什么。

2终息、自下而上的建設(shè)

在每一個(gè)層面的決定都會(huì)影響到它之上層面的可用選項(xiàng)夺巩。這種連鎖效應(yīng)意味著較高層面中選擇一個(gè)界限之外的選項(xiàng)將需要重新考慮較層面中所做出的決策贞让。

這些決策可能產(chǎn)生的連鎖效應(yīng)應(yīng)該是雙方向的。

要求每個(gè)層面的工作在下一層面可以開始之前完成柳譬,會(huì)導(dǎo)致你和你的用戶都不滿意的結(jié)果喳张。

一個(gè)更好的方法是讓每一個(gè)層面的工作在下一層面可以結(jié)束之前完成。

3美澳、基本的雙重性

功能型的平臺(tái)類產(chǎn)品:主要關(guān)注的是任務(wù)销部,所有的操作都被納入一個(gè)過程,去思考人們?nèi)绾瓮瓿蛇@個(gè)過程制跟。我們把網(wǎng)站看成用戶用于完成一個(gè)或多個(gè)任務(wù)的一個(gè)或一組工具舅桩。

信息型的媒介類產(chǎn)品:主要關(guān)注的是信息,網(wǎng)站應(yīng)該提供哪些信息雨膨,這些信息給用戶的意義是什么擂涛。創(chuàng)建一個(gè)富信息的用戶體驗(yàn),就是提供給用戶一個(gè)可以尋找聊记、理解撒妈,且有意義的信息組合。

4排监、用戶體驗(yàn)的要素

戰(zhàn)略層:功能型與信息型均關(guān)注用戶目標(biāo)和產(chǎn)品目標(biāo)

范圍層:功能型-功能規(guī)格狰右;信息型-內(nèi)容需求

結(jié)構(gòu)層:功能型-交互設(shè)計(jì);信息型-信息架構(gòu)

框架層:功能型-界面設(shè)計(jì)和信息設(shè)計(jì)舆床;信息型-導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

表現(xiàn)層:功能型和信息型均關(guān)注視覺設(shè)計(jì)

5棋蚌、應(yīng)用這些要素

這種把用戶體驗(yàn)劃分成各個(gè)方塊和層面的模式,非常有利于我們?nèi)タ紤]用戶體驗(yàn)中可能遇到的麻煩挨队,但是在現(xiàn)實(shí)世界中這些區(qū)域之間的界限并沒有那么明確附鸽。

你的團(tuán)隊(duì)里不一定非要一個(gè)了解各個(gè)領(lǐng)域的專家,你只需要保證至少有一個(gè)人花一部分時(shí)間來考慮每一個(gè)議題就行了瞒瘸。

還有兩個(gè)額外的因素坷备,他們將對(duì)最終的用戶體驗(yàn)產(chǎn)生影響,首先是內(nèi)容情臭,其次是技術(shù)省撑。

三、戰(zhàn)略層

1俯在、戰(zhàn)略層的定義

內(nèi):我們要通過這個(gè)產(chǎn)品得到什么--產(chǎn)品目標(biāo)

外:我們的用戶要通過這個(gè)產(chǎn)品得到什么--用戶需求

明確:當(dāng)我們能越清楚的表達(dá)我們想要什么竟秫,以及確切知道的其他人想要從我們這里得到什么時(shí),我們就能越精確的滿足雙方的需求跷乐,

2肥败、產(chǎn)品目標(biāo)

我們使用產(chǎn)品目標(biāo)而不是商業(yè)目標(biāo)描述我們的需求

商業(yè)目標(biāo)這個(gè)詞不是太狹義就是太廣義。太狹義是因?yàn)椴⒉皇敲恳粋€(gè)內(nèi)部目標(biāo)都是商業(yè)目標(biāo),太廣義是因?yàn)檫@里我們最關(guān)心的馒稍,是盡可能具體的詞匯來定義我們期望產(chǎn)品本身能完成的事情皿哨。

多少人一開始使用很寬泛的詞匯來描述產(chǎn)品目標(biāo)的:替公司賺錢或替公司省錢,網(wǎng)站到底應(yīng)該做些什么并不總是很清楚纽谒。

相反地 证膨,太具體的目標(biāo)也無法充分地描繪出在戰(zhàn)略制定過程中可能發(fā)生的困難。

明確的定義成功的條件而不是定義通向成功的路徑鼓黔,才能保證我們不會(huì)在這個(gè)階段跑的太快央勒。

對(duì)于任何一個(gè)網(wǎng)站,它需要明確描述的基礎(chǔ)目標(biāo)之一就是品牌識(shí)別

品牌識(shí)別可以是概念系統(tǒng)澳化,也可以是情緒反應(yīng)崔步,它之所以重要是因?yàn)樗鼰o法不被用戶注意。

你必須要決定品牌形象是無意之中形成缎谷,還是經(jīng)過產(chǎn)品設(shè)計(jì)者有意精心安排的結(jié)果井濒。

成功標(biāo)準(zhǔn),即一些可追蹤的指標(biāo)慎陵,在產(chǎn)品上線以后用來顯示它是否滿足了我們自己的目標(biāo)和用戶的需求眼虱。

不是所有的成功標(biāo)準(zhǔn)必須直接由網(wǎng)站獲得喻奥,你也可以衡量對(duì)網(wǎng)站的間接影響席纽。

對(duì)驅(qū)動(dòng)用戶體驗(yàn)決策而言有意義的成功標(biāo)準(zhǔn),一定是可以明確地與用戶行為綁定的標(biāo)準(zhǔn)撞蚕。而這些用戶行為一定是可以通過設(shè)計(jì)來影響的行為润梯。

3、用戶需求

用戶細(xì)分

用戶細(xì)分甥厦,我們將用戶分成更小的群組纺铭,每一群用戶都是由具用某些共同關(guān)鍵特征的用戶所組成的。

人口統(tǒng)計(jì)學(xué)的標(biāo)準(zhǔn):性別刀疙、年齡舶赔、教育水平、婚姻狀況谦秧、收入等竟纳。

消費(fèi)心理答案是用來描述用戶對(duì)于這個(gè)世界,尤其是與你的產(chǎn)品有關(guān)的某個(gè)事物的觀點(diǎn)和看法的心理分析方法疚鲤。

人們使用信息的方式經(jīng)常取決于他們的社會(huì)和專業(yè)角色锥累。

創(chuàng)建細(xì)分用戶群還有其它重要的原因。不僅僅是因?yàn)椴煌挠脩羧河胁煌男枨蠹€因?yàn)橛袝r(shí)候這些需求是彼此矛盾的桶略。

可用性與用戶研究

一些研究工具比如問卷調(diào)查、用戶訪談、或焦點(diǎn)小組际歼,最適合用于收集用戶的普遍觀點(diǎn)與感知惶翻。

至于其他的研究工具比如用戶測(cè)試或現(xiàn)場(chǎng)調(diào)查,則更適合理解用戶行為以及用戶在和產(chǎn)品交互時(shí)的表現(xiàn)蹬挺。

現(xiàn)場(chǎng)調(diào)查是指一整套完整维贺、有效且全面的方法,用于了解在日常生活情景中的用戶行為巴帮。

任務(wù)分析是一種仔細(xì)地分解用戶完成任務(wù)的精確步驟到方法溯泣。

用戶測(cè)試,請(qǐng)用戶來幫忙測(cè)試你的產(chǎn)品榕茧,可以是已完成的網(wǎng)站垃沦,可以是原型,甚至不需要產(chǎn)品或原型用押,可通過卡片排序法勇于探索用戶如何分類和組織各種信息元素肢簿。

所謂可用性的最終目標(biāo),都是尋找令產(chǎn)品可以用更容易使用的途徑蜻拨。

創(chuàng)建人物角色

在用戶體驗(yàn)設(shè)計(jì)的過程中池充,人物角色是從用戶研究中提取出的、可成為樣例的虛構(gòu)人物缎讼。

人物角色能幫助我們?cè)谇斑M(jìn)的每一步都時(shí)時(shí)記著用戶收夸。

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

戰(zhàn)略文檔血崭,不僅僅列出目標(biāo)清單卧惜,它提供不同目標(biāo)之間的關(guān)系分析,并且說明這些目標(biāo)如何融入更大的企業(yè)環(huán)境中去夹纫。這些目標(biāo)和對(duì)它們的分析經(jīng)常由決策者咽瓷、普通員工,和用戶自己的直接意見來支持舰讹。

撰寫戰(zhàn)略文檔時(shí)茅姜,文檔并不是越多越好,必須簡(jiǎn)潔明了并切中要害月匣。必須被頻繁地使用钻洒。

戰(zhàn)略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)的流程中的起點(diǎn),但那不意味著在項(xiàng)目開始之前你的戰(zhàn)略需要完全確定下來桶错。

戰(zhàn)略應(yīng)該是可以演變和改進(jìn)的航唆。

四、范圍層

1院刁、范圍層定義

定義項(xiàng)目范圍是一個(gè)有價(jià)值的過程糯钙,同時(shí)產(chǎn)生有價(jià)值的產(chǎn)品。

-過程的價(jià)值在于,當(dāng)整個(gè)事情還處在假設(shè)階段的時(shí)候任岸,它能迫使你去考慮潛在的沖突和產(chǎn)品中一些粗略的點(diǎn)再榄。我們能確定現(xiàn)在能解決哪些事情,而那些必須要在遲一點(diǎn)才能解決享潜。

-產(chǎn)品的價(jià)值在于困鸥,被定義的這個(gè)產(chǎn)品給了整個(gè)團(tuán)隊(duì)一個(gè)參考點(diǎn),明確了這個(gè)項(xiàng)目中要完成的全部工作剑按,他也提供了你們用于討論這件事情的共同的語(yǔ)言疾就。

用文檔定義產(chǎn)品需求這件事很麻煩,但是必須做艺蝴,有如下兩個(gè)主要原因:

原因一猬腰,這樣你才知道你正在建設(shè)什么

原因二,這樣你才知道你不需要建設(shè)什么

如果你不能有意識(shí)的管理你的要求猜敢,你將陷入可怕的范圍蠕變姑荷。

當(dāng)前難以滿足的需求,可以成為啟動(dòng)下一個(gè)版本的基礎(chǔ)缩擂,這樣就能形成一個(gè)不斷循環(huán)的開發(fā)過程鼠冕。

2、功能和內(nèi)容

內(nèi)容和功能看去很像是兩個(gè)完全不同的事物胯盯,但是當(dāng)他們?cè)诙x范圍層的時(shí)候懈费,他們所用的方式是非常相似≡赡郑可使用特性來表示軟件的功能和所提供的內(nèi)容楞捂。

在軟件開發(fā)中薄坏,范圍層確定的是全部的功能需求或功能規(guī)格趋厉。

真正的內(nèi)容通常是通過一個(gè)內(nèi)容管理系統(tǒng)CMS來進(jìn)行管理的,但你必須對(duì)這個(gè)系統(tǒng)進(jìn)行一些簡(jiǎn)單的修補(bǔ)也是你的企業(yè)和內(nèi)容的需求胶坠。

一個(gè)內(nèi)容管理系統(tǒng)可以實(shí)現(xiàn)自動(dòng)化流程君账,能展示和交付內(nèi)容給用戶。

內(nèi)容管理系統(tǒng)必備的功能取決于你將要管理的內(nèi)容的性質(zhì)沈善。

3乡数、定義需求

需求是產(chǎn)品必須擁有的、某種特性的一句簡(jiǎn)單描述闻牡。

需求的詳細(xì)程度常常取決于該項(xiàng)目的具體范圍净赴。

最用之不竭的需求源泉總是來自用戶本身。

需求分為三個(gè)主要類別:首先罩润,最顯而易見的是人們講述的玖翅,他們想要的東西;其次,是他們?cè)谀硞€(gè)過程和某個(gè)產(chǎn)品中遇到的一些困難的解決辦法金度;最后是人們不知道他們是否需要的特性应媚,一般都是在討論過程中突然想到的。

-通過頭腦風(fēng)暴會(huì)議猜极,可以打開設(shè)計(jì)思路中姜。

-通過創(chuàng)建虛擬人物來幫助我們更好的理解用戶需求。

-我們也希望從競(jìng)爭(zhēng)對(duì)手處得到一些啟示跟伏。

-即使不是產(chǎn)品的直接競(jìng)爭(zhēng)對(duì)手也能提供豐富的潛在需求丢胚。

4、功能規(guī)格說明

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

-樂觀:描述這個(gè)系統(tǒng)將要做什么事情去防止不好的事情發(fā)生嗜桌,而不是描述這個(gè)系統(tǒng)不應(yīng)該做什么不好的事情。

-具體:盡可能詳細(xì)地解釋清楚狀況辞色,這是我們能決定一個(gè)功能能否被實(shí)現(xiàn)的最佳途徑。

-避免主觀語(yǔ)氣:這是另外一種使需求保持明確和避免歧義的途徑相满。

5层亿、內(nèi)容需求

內(nèi)容需求應(yīng)該提供每一個(gè)特性規(guī)模的大致預(yù)估:文本的字?jǐn)?shù)、圖片的像素大小立美、下載的文件字節(jié)匿又、PDF或音頻文件等相對(duì)獨(dú)立元素大小等。

盡可能早的確定某個(gè)人來負(fù)責(zé)每一個(gè)內(nèi)容因素也是非常重要的建蹄。

必須定義每一個(gè)內(nèi)容特性的更新頻率碌更,它是介于你的用戶期望值和有效資源之間的一個(gè)合理的中間值。

對(duì)于那些已有大量?jī)?nèi)容的項(xiàng)目而言洞慎,很多關(guān)于內(nèi)容的信息都記錄在一個(gè)內(nèi)容清單中痛单。

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

戰(zhàn)略目標(biāo)和需求是多對(duì)多的關(guān)系劲腿。

由于項(xiàng)目范圍是建立在戰(zhàn)略層的基礎(chǔ)上旭绒,因此我們應(yīng)該評(píng)估這些需求是否能夠滿足我們的戰(zhàn)略目標(biāo),包含用戶目標(biāo)和產(chǎn)品目標(biāo)焦人。

我們還要額外確定第三種范圍:實(shí)現(xiàn)這些需求的可行性有多大挥吵?技術(shù)局限性和時(shí)間局限性。

如果你的戰(zhàn)略計(jì)劃在戰(zhàn)略目標(biāo)范圍內(nèi)制定一個(gè)清晰的優(yōu)先級(jí)別順序花椭,那么這些優(yōu)先級(jí)別應(yīng)該是確定是否采納人們所建議的相關(guān)特性的首要因素忽匈。

當(dāng)管理層談到戰(zhàn)略的時(shí)候,他們通常從某種產(chǎn)品特性開始矿辽,然后你不得不耐心地把他們引到戰(zhàn)略因素上丹允。

五歪沃、結(jié)構(gòu)層

1、結(jié)構(gòu)層定義

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

交互設(shè)計(jì)關(guān)注與將影響用戶執(zhí)行和完成任務(wù)的元素沪曙。

信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。

他們都要求去理解用戶萎羔,理解用戶的工作方式液走、行為和思考方式。

2贾陷、交互設(shè)計(jì)

交互設(shè)計(jì)關(guān)注于描述可能的用戶行為缘眶,同時(shí)定義系統(tǒng)如何配合與響應(yīng)這些用戶行為。

人類在使用產(chǎn)品的時(shí)候髓废,用戶和機(jī)器這兩者之間就會(huì)產(chǎn)生某種類似舞蹈的步伐巷懈。用戶移動(dòng)系統(tǒng)響應(yīng),接著用戶再移動(dòng)慌洪,來回應(yīng)系統(tǒng)的響應(yīng)顶燕,這樣舞蹈才能繼續(xù)進(jìn)行。

3冈爹、概念模型

用戶對(duì)于交互組件將怎樣工作的觀點(diǎn)成稱為概念模型涌攻。

使用人們熟悉的概念模型,會(huì)使用戶很快適應(yīng)一個(gè)不熟悉的網(wǎng)站频伤。

一個(gè)令人不太熟悉的概念模型只有在用戶能正確理解并詮釋他的時(shí)候才能起到效果恳谎。

一個(gè)概念模型可以反映系統(tǒng)的一個(gè)組件或是整個(gè)系統(tǒng)。

在理想情況下憋肖,我們不需要告訴用戶網(wǎng)站使用的是什么樣的概念模型因痛;用戶在使用網(wǎng)站的時(shí)候,基本上是憑直覺的岸更,因?yàn)檫@個(gè)網(wǎng)站的交互行為與他們隱含的期望值完全符合鸵膏。

交互設(shè)計(jì)會(huì)處理每一個(gè)級(jí)別的錯(cuò)誤,以確保更高比例的用戶能有積極的體驗(yàn)坐慰。

第一個(gè)同時(shí)也是最好的防止錯(cuò)誤的方法较性,是將系統(tǒng)設(shè)計(jì)成不可犯錯(cuò)的那種用僧;

第二個(gè)避免錯(cuò)誤的方法就是使錯(cuò)誤難以發(fā)生结胀;

有效的錯(cuò)誤信息和容易自我解釋的界面可以在錯(cuò)誤發(fā)生之后幫助用戶糾正。

4责循、信息架構(gòu)

信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過程糟港,對(duì)于產(chǎn)品而言,信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義院仿。

結(jié)構(gòu)化信息

信息架構(gòu)要求創(chuàng)建分類體系秸抚,這個(gè)分類體系將會(huì)對(duì)應(yīng)并符合我們的網(wǎng)站目標(biāo)速和,希望滿足的用戶需求,以及被合并在網(wǎng)站中的內(nèi)容

我們可以實(shí)行以下兩種方式來建立分類體系:從上到上或從下往上剥汤。

從上到下的架構(gòu)方法是由戰(zhàn)略層驅(qū)動(dòng)的颠放,有時(shí)可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略

從下到上的架構(gòu)方法是由范圍層驅(qū)動(dòng)的,可能導(dǎo)致架構(gòu)過于精確地反映了現(xiàn)有的內(nèi)容吭敢,因此不能容納未來內(nèi)容的變動(dòng)或增加碰凶。

結(jié)構(gòu)質(zhì)量的最重要的標(biāo)準(zhǔn),不是整個(gè)過程一共需要多少步驟鹿驼,而是用戶是否認(rèn)為每一個(gè)步驟都是合理的欲低,以及當(dāng)前的步驟是否自然的順延了上一個(gè)步驟中的任務(wù)。

一個(gè)適應(yīng)性強(qiáng)的信息架構(gòu)系統(tǒng)畜晰,能把新內(nèi)容作為有結(jié)構(gòu)的一部分容納進(jìn)來砾莱,你可以把新內(nèi)容當(dāng)成一個(gè)完整的新部分加入。

結(jié)構(gòu)化方法

信息架構(gòu)的基本單位是節(jié)點(diǎn)凄鼻,節(jié)點(diǎn)可以對(duì)應(yīng)任意的信息片段或組合腊瑟。

這些節(jié)點(diǎn)可以許多使用不同的方式來安排,以下是幾種不同的方式:

層級(jí)結(jié)構(gòu):節(jié)點(diǎn)與相關(guān)節(jié)點(diǎn)之間存在父級(jí)块蚌、子級(jí)的關(guān)系扫步;用戶容易理解,常見結(jié)構(gòu)匈子。

矩陣結(jié)構(gòu):允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的緯度移動(dòng)河胎;通常能夠幫助帶著不同需求來的用戶,但是超過三個(gè)緯度就會(huì)出現(xiàn)問題虎敦。

自然結(jié)構(gòu):不會(huì)遵循任何一致的模式游岳。這種結(jié)構(gòu)很可能會(huì)把用戶的經(jīng)歷變成一次挑戰(zhàn)。

線性結(jié)構(gòu):來自于你最熟悉的線下媒體其徙。在互聯(lián)網(wǎng)中線性結(jié)構(gòu)經(jīng)常被用于小規(guī)模的結(jié)構(gòu)胚迫。

組織原則

組織原則基本上就是我們決定哪些節(jié)點(diǎn)要編成一組,而哪些節(jié)點(diǎn)要保持獨(dú)立的標(biāo)準(zhǔn)唾那。節(jié)點(diǎn)在信息結(jié)構(gòu)中是依據(jù)組織原則來安置的访锻。

不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站不同的層面。

語(yǔ)言和元數(shù)據(jù)

命名原則:描述闹获、標(biāo)簽和網(wǎng)站使用的其它術(shù)語(yǔ)期犬。用來強(qiáng)調(diào)一致性的工具叫受控詞典。

與用戶談話并了解他們的溝通方式避诽,開發(fā)出一個(gè)讓用戶感到自然的命名原則系統(tǒng)的最有效方式龟虎。

類詞詞典提供常用的、但未被納入該網(wǎng)站標(biāo)準(zhǔn)用語(yǔ)的詞匯沙庐,還包含詞匯之間的類型關(guān)系鲤妥,提供更廣義佳吞、更狹義相關(guān)詞匯建議。

使用受控詞典或類詞詞典對(duì)于建立包含元數(shù)據(jù)的系統(tǒng)特別有用棉安。

元數(shù)據(jù)就是關(guān)于信息的信息底扳,即以一種結(jié)構(gòu)化的方式描述內(nèi)容的信息。

將搜索引擎與類詞典聯(lián)接起來贡耽,再加上元數(shù)據(jù)花盐,就能讓搜索引擎變得更聰明。

5菇爪、團(tuán)隊(duì)角色和流程

信息架構(gòu)或交互設(shè)計(jì)主要文檔是示意圖算芯,是表述分支、群組凳宙、組件之間的聯(lián)系的一種最高效的方式熙揍。

視覺詞典是圖解網(wǎng)站結(jié)構(gòu)的系統(tǒng),最重要記錄的概念關(guān)系:哪些類別需要放在一起氏涩,而哪些需要保持獨(dú)立届囚。在交互過程中那些步驟要怎樣配合

六、框架層

1是尖、框架層定義

界面設(shè)計(jì)意系,針對(duì)功能型產(chǎn)品來確定框架,按鈕饺汹、輸入框和其它界面控件蛔添,做某些事。

導(dǎo)航設(shè)計(jì)兜辞,針對(duì)信息型產(chǎn)品迎瞧,專門用于呈現(xiàn)信息的界面形式,在某個(gè)地方逸吵。

信息設(shè)計(jì)凶硅,兩者都需要的,用于呈現(xiàn)有效的信息給用戶扫皱,傳達(dá)想法足绅。

2、習(xí)慣和比喻

習(xí)慣使我們可以把這些反射作用應(yīng)用到不同的環(huán)境中韩脑。

讓你的界面與用戶早已養(yǎng)成的那些習(xí)慣保持一致很重要氢妈,但是更重要的是,界面與它自身保持一致扰才。

有效地使用比喻允懂,就是要減少用戶在理解和使用你的產(chǎn)品功能時(shí)對(duì)猜測(cè)的要求。

3衩匣、界面設(shè)計(jì)

成功的用戶界面是那些能讓用戶一眼就看到最重要的東西的界面設(shè)計(jì)蕾总。而另一方面,不重要的東西不應(yīng)該被注意到琅捏。

技巧一:界面第一次呈現(xiàn)給用戶的時(shí)候生百,仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值。

技巧二:自動(dòng)記住某個(gè)用戶最后一次選擇的狀態(tài)柄延。

妥善處理所有不同的界面元素蚀浆,并從他們中間選擇合適的那個(gè),這不可避免涉及到權(quán)衡問題搜吧。

4市俊、導(dǎo)航設(shè)計(jì)

任何一個(gè)網(wǎng)站的導(dǎo)航設(shè)計(jì)都必須同時(shí)完成以下三個(gè)目標(biāo):

首先,它必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法滤奈;

其次摆昧,必須傳達(dá)出這些元素和他們所包含內(nèi)容之間的關(guān)系;

最后蜒程,必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)面之間的關(guān)系绅你。

大多數(shù)的網(wǎng)站,實(shí)際上都會(huì)提供一個(gè)多重的導(dǎo)航系統(tǒng):

全局導(dǎo)航:提供了覆蓋整個(gè)網(wǎng)絡(luò)的通路昭躺,用戶最有可能需要從網(wǎng)站的最終頁(yè)面到其它什么地方的一組關(guān)鍵點(diǎn)忌锯;

局部導(dǎo)航:提供該用戶在這個(gè)架構(gòu)中到附近地點(diǎn)的通路,僅提供頁(yè)面的父級(jí)领炫、兄弟級(jí)和子級(jí)通路偶垮;

輔助導(dǎo)航:提供了全局導(dǎo)航或局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑;

上下文導(dǎo)航:嵌入頁(yè)面自身內(nèi)容的導(dǎo)航帝洪,也叫內(nèi)聯(lián)導(dǎo)航针史;

友好導(dǎo)航:提供給用戶他們通常不會(huì)需要的鏈接,但他們作為一種便利的途徑來使用碟狞;

遠(yuǎn)程導(dǎo)航:并沒有包含在頁(yè)面結(jié)構(gòu)中啄枕,而是以他們自己的方式,獨(dú)立于你的網(wǎng)站的內(nèi)容和功能族沃。網(wǎng)站地圖就是一種常見的遠(yuǎn)程導(dǎo)航频祝,提供一級(jí)導(dǎo)航和二級(jí)導(dǎo)航鏈接。

索引表:按照字母順序排列的脆淹,鏈接到相關(guān)頁(yè)面的列表常空。

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

有時(shí)信息設(shè)計(jì)是視覺上的盖溺。

有時(shí)信息設(shè)計(jì)涉及分組或整理散亂的信息漓糙。

最關(guān)鍵的是用一種反映用戶思路和支持他們的任務(wù)和目標(biāo)的方式來分類和排列這些信息元素。

將信息設(shè)計(jì)和導(dǎo)航設(shè)計(jì)結(jié)合到一起烘嘱,有一個(gè)重要的作用:支持指示標(biāo)識(shí)昆禽,這是用來幫助用戶理解他們?cè)谀囊约八麄兡苋ツ牡南到y(tǒng)蝗蛙。

6、線框圖

頁(yè)面布局是將信息設(shè)計(jì)醉鳖、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放置到一起捡硅,形成一個(gè)統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)的地方

線框圖是對(duì)一個(gè)頁(yè)面中所有組成部分以及他們?nèi)绾谓Y(jié)合到一起的盗棵、最直觀的描述壮韭。

七、表現(xiàn)層

1纹因、表現(xiàn)層的定義

解決并彌補(bǔ)產(chǎn)品框架層的邏輯排布的感知呈現(xiàn)問題喷屋。

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

視覺是用戶體驗(yàn)師最得心應(yīng)手的領(lǐng)域瞭恰,因?yàn)閹缀跛械漠a(chǎn)品都涉及到視覺設(shè)計(jì)屯曹。

你應(yīng)該把注意力集中在他們的運(yùn)作是否良好上。

傳達(dá)品牌形象有很多種方法寄疏,但是視覺設(shè)計(jì)是主要工具之一是牢。

3、忠于眼睛

眼球追蹤儀器來確定被測(cè)人到底在看什么陕截,以及他們的視線是如何在這個(gè)屏幕上移動(dòng)的驳棱。

但大多數(shù)時(shí)候,簡(jiǎn)單詢問是非常合適的农曲。

另一種找出主要設(shè)計(jì)元素的方法是瞇著眼睛或者斜著去看這個(gè)頁(yè)面社搅,直到你認(rèn)不出任何細(xì)節(jié)。

如果你的設(shè)計(jì)是成功的乳规,用戶的眼睛的移動(dòng)軌跡的模式應(yīng)該有以下兩個(gè)重要的特點(diǎn):

首先形葬,他們必須遵循的是一條流暢的路徑;

其次暮的,在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下笙以,它為用戶提供有效選擇的、某種可能的引導(dǎo)冻辩。

用戶在頁(yè)面上的視線移動(dòng)猖腕,并不是隨機(jī)的,它是一種所有人類共有的恨闪、對(duì)于視覺刺激而產(chǎn)生的一系列復(fù)雜的原始本能反應(yīng)倘感。

4、對(duì)比和一致性

在視覺設(shè)計(jì)中咙咽,我們用于吸引用戶注意力一個(gè)主要工具就是對(duì)比老玛。

當(dāng)一個(gè)元素在設(shè)計(jì)中顯得與眾不同時(shí),用戶就會(huì)注意到。

一致性能使你的設(shè)計(jì)有效地傳達(dá)信息蜡豹,而不會(huì)導(dǎo)致用戶迷惑或和焦慮麸粮。

基于柵格線的布局能確保設(shè)計(jì)的一致性。

5余素、內(nèi)部和外部的一致性

一個(gè)成功的設(shè)計(jì)不僅僅是收集小巧的豹休、精心設(shè)計(jì)的東西炊昆,相反桨吊,這些東西應(yīng)該能形成一個(gè)系統(tǒng),作為一個(gè)有凝聚力凤巨、連貫的整體來使用视乐。

6、配色方案和排版

一個(gè)企業(yè)的標(biāo)準(zhǔn)配色方案中所使用的色彩敢茁,是為了他們?cè)谝黄鸸ぷ鞫鴮iT挑選出來的佑淀,他們之間是互補(bǔ)而不沖突的。

排版:對(duì)于創(chuàng)建一個(gè)特殊的視覺樣式而言彰檬,如何使用字體和字型伸刃。

不要使用過于廣泛和多樣的風(fēng)格

7、設(shè)計(jì)合成品和風(fēng)格指南

在視覺設(shè)計(jì)領(lǐng)域中逢倍,對(duì)線框圖最直接的模擬是視覺模型或設(shè)計(jì)合成物品捧颅。

視覺設(shè)計(jì)不一定要精確地按照線框圖來做,只要他考慮到了相關(guān)的重要級(jí)別较雕,以及線框圖中各元素的組合關(guān)系碉哑。

風(fēng)格指南確定了視覺設(shè)計(jì)中的每個(gè)方面,從最大到最小的范圍內(nèi)的所有元素亮蒋。

創(chuàng)建一個(gè)風(fēng)格指南同樣有助于在一個(gè)分散的企業(yè)中實(shí)施設(shè)計(jì)的一致性扣典。

八、要素的應(yīng)用

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

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

必須要同時(shí)考慮五個(gè)層面的全部因素慎玖,這對(duì)于創(chuàng)建成功的用戶體驗(yàn)是至關(guān)重要的贮尖。

用戶體驗(yàn)的開發(fā)過程,是一場(chǎng)馬拉松而不是短跑

每一件與你網(wǎng)站的用戶體驗(yàn)有關(guān)的事情都是有意識(shí)地趁怔、明確地決策的結(jié)果湿硝,只有這樣你才能確保這個(gè)網(wǎng)站能同時(shí)滿足你的戰(zhàn)略目標(biāo)和用戶需求。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末痕钢,一起剝皮案震驚了整個(gè)濱河市图柏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌任连,老刑警劉巖蚤吹,帶你破解...
    沈念sama閱讀 216,919評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡裁着,警方通過查閱死者的電腦和手機(jī)繁涂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來二驰,“玉大人扔罪,你說我怎么就攤上這事⊥叭福” “怎么了矿酵?”我有些...
    開封第一講書人閱讀 163,316評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)矗积。 經(jīng)常有香客問我全肮,道長(zhǎng),這世上最難降的妖魔是什么棘捣? 我笑而不...
    開封第一講書人閱讀 58,294評(píng)論 1 292
  • 正文 為了忘掉前任辜腺,我火速辦了婚禮,結(jié)果婚禮上乍恐,老公的妹妹穿的比我還像新娘评疗。我一直安慰自己,他們只是感情好茵烈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,318評(píng)論 6 390
  • 文/花漫 我一把揭開白布百匆。 她就那樣靜靜地躺著,像睡著了一般瞧毙。 火紅的嫁衣襯著肌膚如雪胧华。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,245評(píng)論 1 299
  • 那天宙彪,我揣著相機(jī)與錄音矩动,去河邊找鬼。 笑死释漆,一個(gè)胖子當(dāng)著我的面吹牛悲没,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播男图,決...
    沈念sama閱讀 40,120評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼示姿,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了逊笆?” 一聲冷哼從身側(cè)響起栈戳,我...
    開封第一講書人閱讀 38,964評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎难裆,沒想到半個(gè)月后子檀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體镊掖,經(jīng)...
    沈念sama閱讀 45,376評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,592評(píng)論 2 333
  • 正文 我和宋清朗相戀三年褂痰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了亩进。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,764評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡缩歪,死狀恐怖归薛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情匪蝙,我是刑警寧澤主籍,帶...
    沈念sama閱讀 35,460評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站骗污,受9級(jí)特大地震影響崇猫,放射性物質(zhì)發(fā)生泄漏沈条。R本人自食惡果不足惜需忿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,070評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蜡歹。 院中可真熱鬧屋厘,春花似錦、人聲如沸月而。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)父款。三九已至溢谤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間憨攒,已是汗流浹背世杀。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留肝集,地道東北人瞻坝。 一個(gè)月前我還...
    沈念sama閱讀 47,819評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像杏瞻,于是被迫代替她去往敵國(guó)和親所刀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,665評(píng)論 2 354

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