按：在產(chǎn)品設(shè)計(jì)相關(guān)的書(shū)目中拜银，這本書(shū)算是一本經(jīng)典殊鞭，被各種UI設(shè)計(jì)，交互設(shè)計(jì)或者PM等各個(gè)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)相關(guān)職業(yè)的讀書(shū)列表所收錄尼桶，幾乎所有的產(chǎn)品經(jīng)理在入門(mén)時(shí)都被推薦過(guò)這本書(shū)操灿。因?yàn)楫?dāng)UCD（User-Centered Design）設(shè)計(jì)已經(jīng)成為互聯(lián)網(wǎng)產(chǎn)品通用思想的時(shí)候，UCD幾乎等同于產(chǎn)品設(shè)計(jì)本身泵督，所以本書(shū)應(yīng)該是每個(gè)想從事互聯(lián)網(wǎng)或者產(chǎn)品設(shè)計(jì)的人應(yīng)該通讀的牲尺。從書(shū)名來(lái)看，以為是對(duì)用戶(hù)體驗(yàn)的構(gòu)成要素進(jìn)行闡述，例如如易用性谤碳，情感化溃卡，愉悅性之類(lèi)的內(nèi)容，但此書(shū)從用戶(hù)體驗(yàn)項(xiàng)目出發(fā)蜒简，通過(guò)戰(zhàn)略層瘸羡，范圍層，結(jié)構(gòu)層搓茬，框架層犹赖，表現(xiàn)層的五層分解，說(shuō)明了用戶(hù)體驗(yàn)工作從0到1的過(guò)程：
>內(nèi)容簡(jiǎn)介?
這不是一本關(guān)于“怎樣做（How-to）”的書(shū)卷仑。有很多很多討論如何建設(shè)網(wǎng)站的書(shū)峻村，這本不是。
這不是一本關(guān)于技術(shù)的書(shū)锡凝。在這里你找不到一行代碼粘昨。
這不是一本有答案的書(shū)。相反窜锯，這本書(shū)說(shuō)的是“如何提出正確的問(wèn)題”张肾。
這本書(shū)將告訴你，在你閱讀其他書(shū)籍的之前锚扎，你需要提前了解什么吞瞪。如果你需要一個(gè)大的概念，如果你需要了解用戶(hù)體驗(yàn)設(shè)計(jì)師所做出的決策的環(huán)境驾孔，這本書(shū)很適合你芍秆。
這本書(shū)經(jīng)過(guò)精心設(shè)計(jì)，使你可以在一兩個(gè)小時(shí)之內(nèi)讀完翠勉。如果你是一個(gè)剛剛進(jìn)入用戶(hù)體驗(yàn)領(lǐng)域的新手─可能你是一個(gè)負(fù)責(zé)組建用戶(hù)體驗(yàn)團(tuán)隊(duì)的管理人員妖啥，或者你是一個(gè)碰巧進(jìn)入這個(gè)領(lǐng)域的作家或設(shè)計(jì)師─那么這本書(shū)將給你一些基礎(chǔ)的概念。如果你已經(jīng)對(duì)這些方法和用戶(hù)體驗(yàn)領(lǐng)域的關(guān)注點(diǎn)很熟悉了眉菱，那么這本書(shū)將幫助你更有效地把這些概念傳達(dá)給與你合作的人們迹栓。
本書(shū)是AJAX之父的經(jīng)典之作掉分。本書(shū)用簡(jiǎn)潔的語(yǔ)言系統(tǒng)化地詮釋了設(shè)計(jì)俭缓、技術(shù)和商業(yè)融合是最重要的發(fā)展趨勢(shì)。全書(shū)共8章酥郭，包括關(guān)于用戶(hù)體驗(yàn)以及為什么它如此重要华坦、認(rèn)識(shí)這些要素、戰(zhàn)略層不从、范圍層惜姐、結(jié)構(gòu)層、框架層、表現(xiàn)層以及要素的應(yīng)用歹袁。..
全書(shū)用清晰的說(shuō)明和生動(dòng)的圖形分析了以用戶(hù)為中心的設(shè)計(jì)方法（UCD）來(lái)進(jìn)行網(wǎng)站設(shè)計(jì)的復(fù)雜內(nèi)涵坷衍，并關(guān)注于思路而不是工具或技術(shù)，從而使你的網(wǎng)站具備高質(zhì)量體驗(yàn)的流程条舔。
聰明的企業(yè)意識(shí)到網(wǎng)頁(yè)設(shè)計(jì)遠(yuǎn)遠(yuǎn)比創(chuàng)建條理清晰的代碼和鮮明的圖形重要多得多枫耳。一個(gè)網(wǎng)站在滿(mǎn)足您的戰(zhàn)略目標(biāo)的同時(shí)，還應(yīng)該滿(mǎn)足您的用戶(hù)需求孟抗。如果沒(méi)有一個(gè)“有凝聚力迁杨、統(tǒng)一的用戶(hù)體驗(yàn)”來(lái)支持的話(huà)，即使最好的內(nèi)容和最精密的技術(shù)也不能幫助您平衡這些目標(biāo)凄硼。
但是創(chuàng)建用戶(hù)體驗(yàn)看上去是出乎意料的復(fù)雜铅协。有很多方面都要考慮到──可用性、品牌識(shí)別摊沉、信息架構(gòu)狐史、交互設(shè)計(jì)──這使得“建立一個(gè)成功的網(wǎng)站的唯一方法”似乎就是花大價(jià)錢(qián)請(qǐng)那些完全了解這些細(xì)節(jié)的專(zhuān)家來(lái)做。
本書(shū)用清晰的說(shuō)明和生動(dòng)的圖形分析了“以用戶(hù)為中心的設(shè)計(jì)方法（UCD）”來(lái)進(jìn)行網(wǎng)站設(shè)計(jì)的復(fù)雜內(nèi)涵坯钦，并關(guān)注于思路而不是工具或技術(shù)预皇。Jesse James Garrett給了讀者一個(gè)關(guān)于“網(wǎng)站用戶(hù)體驗(yàn)開(kāi)發(fā)的總體概念”，從戰(zhàn)略和信息架構(gòu)需求到視覺(jué)設(shè)計(jì)婉刀。這種簡(jiǎn)單易學(xué)的介紹方法有助于任何一個(gè)網(wǎng)站開(kāi)發(fā)團(tuán)隊(duì)吟温，大的或小的，去創(chuàng)建一個(gè)成功的用戶(hù)體驗(yàn)突颊。
>作者簡(jiǎn)介
Jesse James Garrett 是用戶(hù)體驗(yàn)咨詢(xún)公司Adaptive Path的創(chuàng)始人之一鲁豪。從用戶(hù)體驗(yàn)要素“在2000年3月初次發(fā)布到網(wǎng)上以來(lái)，Jesse的所繪制的這個(gè)模型已經(jīng)被下載了2萬(wàn)多次律秃。Jesse的互聯(lián)網(wǎng)從業(yè)經(jīng)驗(yàn)包括AT&T爬橡、Intel、Boeing棒动、Motorola糙申、Hewlett-packard以及和美國(guó)國(guó)家公眾廣播等。他在用戶(hù)體驗(yàn)領(lǐng)域的貢獻(xiàn)包括”視覺(jué)詞典（the Visual Vocabulary）“船惨，一個(gè)為規(guī)范信息架構(gòu)文檔而建立的開(kāi)放符號(hào)系統(tǒng)柜裸，現(xiàn)在這個(gè)系統(tǒng)在全球各個(gè)企業(yè)中得到廣泛的應(yīng)用。他的個(gè)人網(wǎng)站 www.jjg.net 是提供信息架構(gòu)資源的網(wǎng)站中最受歡迎的一個(gè).
>書(shū)摘
故針對(duì)不同的產(chǎn)品粱锐，應(yīng)該有不同的交互設(shè)計(jì)理念疙挺，以及不同產(chǎn)品定位。
功能性產(chǎn)品于用戶(hù)有廣義上的兩個(gè)意義：
1. 產(chǎn)品的用途怜浅；
2. 產(chǎn)品如何與用戶(hù)發(fā)生聯(lián)系并發(fā)揮作用铐然；
用戶(hù)體驗(yàn)即決定產(chǎn)品如何與用戶(hù)發(fā)生聯(lián)系并發(fā)揮作用的一個(gè)重要指標(biāo)蔬崩。這一指標(biāo)恰恰是決定產(chǎn)品成敗的關(guān)鍵因素。
一個(gè)好的用戶(hù)體驗(yàn)可以提升一個(gè)產(chǎn)品的整體形象搀暑，從而留住現(xiàn)有的用戶(hù)（提升用戶(hù)忠誠(chéng)度）沥阳，吸引更多的用戶(hù)（口碑傳播）。
任何在用戶(hù)體驗(yàn)上所作的努力自点，目的都是為了提高效率沪袭。這基本上是以?xún)煞N主要形式體現(xiàn)出來(lái)的：“幫助人們提升效率”和“減少人們犯錯(cuò)的幾率”。
只有好的用戶(hù)體驗(yàn)樟氢，才會(huì)吸引到用戶(hù)不斷登錄你的網(wǎng)站冈绊。
3. 用戶(hù)體驗(yàn)的要素
一個(gè)Web產(chǎn)品的用戶(hù)體驗(yàn)要素自下而上分了5個(gè)層次。戰(zhàn)略層為底層埠啃，表現(xiàn)層為最上層死宣。可以想象一個(gè)產(chǎn)品就像一顆大樹(shù)一樣碴开。從根到軀干毅该，到枝葉，最后到開(kāi)花結(jié)果潦牛。
1. 戰(zhàn)略層
產(chǎn)品的經(jīng)營(yíng)者想從這個(gè)產(chǎn)品得到些什么眶掌，用戶(hù)又想從產(chǎn)品得到些什么。有些戰(zhàn)略目標(biāo)是顯而易見(jiàn)的巴碗，而有些戰(zhàn)略目標(biāo)并不是很容易說(shuō)清楚朴爬。就像騰訊最早在做免費(fèi)聊天軟件，誰(shuí)都不知道它想要干什么橡淆。戰(zhàn)略層關(guān)注的內(nèi)容主要為：用戶(hù)需求以及網(wǎng)站目標(biāo)召噩。
2. 范圍層(scope)
我偏向于把它理解成為功能層，即你的這個(gè)產(chǎn)品都可以干些什么逸爵。這個(gè)產(chǎn)品有哪些功能具滴。例如“weibo.com”，能發(fā)圖片师倔，發(fā)文字构韵，能互相關(guān)注，這就是范圍層需要考慮的東西趋艘。范圍層關(guān)注的內(nèi)容為：產(chǎn)品的功能設(shè)計(jì)和信息的內(nèi)容需求（定義內(nèi)容的詳細(xì)屬性）疲恢。
3. 結(jié)構(gòu)層(structure)
結(jié)構(gòu)層比較抽象，主要用于設(shè)計(jì)用戶(hù)如何到達(dá)某個(gè)頁(yè)面致稀，當(dāng)完成了這個(gè)頁(yè)面的任務(wù)以后冈闭，用戶(hù)又要去什么地方俱尼《兜ィ框架層定義了導(dǎo)航條上各項(xiàng)的排列方式，而結(jié)構(gòu)層則確定了哪些類(lèi)別應(yīng)該出現(xiàn)在導(dǎo)航條上。結(jié)構(gòu)層關(guān)注的內(nèi)容：產(chǎn)品的交互設(shè)計(jì)和信息架構(gòu)設(shè)計(jì)矛绘。
4. 框架層(skeleton)
網(wǎng)頁(yè)中的圖片耍休，文字，按鈕货矮，表格不是胡亂擺放在一起的羊精，而是有一個(gè)組織結(jié)構(gòu)，有一個(gè)布局設(shè)計(jì)囚玫，能達(dá)到這些元素之間的最大效果喧锦。例：在我需要看數(shù)據(jù)的時(shí)候有一個(gè)表格，而不是文字或者其他的按鈕抓督∪忌伲框架層關(guān)注的內(nèi)容：信息設(shè)計(jì)、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)铃在。
5. 表現(xiàn)層(surface)
表現(xiàn)層就用戶(hù)直接看到的東西阵具，用戶(hù)看得見(jiàn)摸得到（用鼠標(biāo)）的東西，像網(wǎng)頁(yè)上的圖片定铜，文字等等阳液。表現(xiàn)層需要關(guān)注的內(nèi)容：視覺(jué)設(shè)計(jì)。
一個(gè)好的Web產(chǎn)品絕不是來(lái)源于某一個(gè)boss的拍腦門(mén)揣炕，也絕對(duì)不是來(lái)自抄襲某一個(gè)外國(guó)網(wǎng)站帘皿。一個(gè)好的產(chǎn)品應(yīng)該是經(jīng)過(guò)深思熟慮，從五個(gè)層面自下而上的建立起來(lái)的畸陡。
可以從下圖看看如何完成一個(gè)Web產(chǎn)品矮烹。每一個(gè)底層的決定的方案，對(duì)會(huì)都上一層起到影響的作用罩锐，而最終形成一個(gè)確定的產(chǎn)品奉狈。
在設(shè)計(jì)產(chǎn)品時(shí)需要做好計(jì)劃。我們常成螅可能會(huì)遇到需求的變更或者根據(jù)競(jìng)爭(zhēng)對(duì)手或行業(yè)標(biāo)準(zhǔn)去做一些產(chǎn)品上的調(diào)整仁期。這樣就要求我們對(duì)產(chǎn)品的設(shè)計(jì)要足夠靈活。即范圍層進(jìn)行一些調(diào)整，不會(huì)導(dǎo)致結(jié)構(gòu)層完全無(wú)法承受。
舉個(gè)例子：地瓜在最初的時(shí)候的需求是只要能夠下載游戲就OK鞋拟，所以就只針對(duì)游戲下載做了開(kāi)發(fā)雌续。后面需求變更，滿(mǎn)足不了下載軟件的條件時(shí)陈轿，進(jìn)行結(jié)構(gòu)上的大調(diào)整。這樣延誤了時(shí)間也耗費(fèi)了人力。如果能在一開(kāi)始就對(duì)整個(gè)產(chǎn)品的定義非常明確理逊，在結(jié)構(gòu)上設(shè)計(jì)的比較靈活橡伞，就能在后面的工作中規(guī)避很多諸如此類(lèi)的問(wèn)題（游戲版本、同一個(gè)包名的修改版等等）晋被。
4. 戰(zhàn)略層
戰(zhàn)略層定義無(wú)非就是明確兩個(gè)問(wèn)題的答案兑徘。
? 我們要從這個(gè)網(wǎng)站得到什么？
? 我們的用戶(hù)要從這個(gè)網(wǎng)站得到什么羡洛？
對(duì)第一個(gè)問(wèn)題的回答有幾個(gè)關(guān)鍵詞：“目標(biāo)”挂脑，“品牌”，“利益”欲侮，“頁(yè)面瀏覽量”崭闲，“用戶(hù)轉(zhuǎn)化率”等等。
對(duì)第二個(gè)問(wèn)題的回答也有幾個(gè)關(guān)鍵詞：“用戶(hù)類(lèi)型”威蕉，“現(xiàn)場(chǎng)調(diào)研”镀脂，“市場(chǎng)調(diào)研”，“用戶(hù)模型”等等忘伞。
首先我們?cè)谧鲆粋€(gè)Web產(chǎn)品的時(shí)候薄翅，需要明確自己要做一件什么事，需要在腦中有一個(gè)比較宏觀的構(gòu)想氓奈，當(dāng)朋友或者伙伴問(wèn)起你：“嘿翘魄，這個(gè)東西最終到底是什么樣的啊舀奶？”你能頭頭是道的說(shuō)出所以然來(lái)暑竟，可能當(dāng)時(shí)的想法會(huì)很粗略或者很幼稚，但是必須有一個(gè)明確清晰的方向育勺，這樣才不會(huì)導(dǎo)致在越做越多的功能和需求中迷失自己但荤。最終要明白做這件事，自己到底想要得到的東西涧至。（不是指商業(yè)目的）
其次腹躁，需要想清楚第二個(gè)問(wèn)題，我們的用戶(hù)到底想要從這個(gè)網(wǎng)站得到什么南蓬？用弄清楚這個(gè)問(wèn)題就得先考慮清楚我們的用戶(hù)是些什么人纺非？是和尚？是道士赘方？是學(xué)生烧颖？還是白領(lǐng)？這類(lèi)人有些什么特性窄陡？他們?yōu)槭裁磿?huì)需要我們的產(chǎn)品炕淮？他們最終會(huì)以什么樣得形式留在我們的網(wǎng)站中？可以適當(dāng)使用一些調(diào)研方法去研究這些問(wèn)題跳夭。問(wèn)卷調(diào)查涂圆、用戶(hù)訪(fǎng)談等等们镜。
5. 范圍層
設(shè)計(jì)范圍層需要注意的幾點(diǎn)：
? 收集和篩選需求
其次需要收集需求。需求是來(lái)自四面八方的乘综，由來(lái)自用戶(hù)的，有來(lái)自boss的套硼，有來(lái)自自己的卡辰，有朋友隨口提的。但是無(wú)論來(lái)自何處的需求邪意，都需要注意以下幾點(diǎn)：
1. 不要被自己的思維方式限制住九妈，不要太迷信自己，切不可認(rèn)為自己就是典型用戶(hù)雾鬼，認(rèn)為自己的需求就是用戶(hù)的需求萌朱。
2. 要去各個(gè)渠道，各種方面收集需求策菜。多開(kāi)展頭腦風(fēng)暴晶疼。
3. 從表象挖掘深層需求。
? 確定需求的優(yōu)先級(jí)
戰(zhàn)略目標(biāo)高于一切又憨。分清需求的特性和戰(zhàn)略目標(biāo)翠霍。將特性排除在戰(zhàn)略目標(biāo)之外。有時(shí)候可能會(huì)突發(fā)奇想一個(gè)點(diǎn)子“我們做一個(gè)提醒用戶(hù)天氣的功能吧蠢莺！這樣用戶(hù)會(huì)覺(jué)得很溫馨寒匙，每天瀏覽我們的網(wǎng)頁(yè)，都能看到溫馨的天氣提示躏将〕酰”在說(shuō)這句話(huà)的時(shí)候想一想，我們的產(chǎn)品到底是要干什么用的祸憋，如果是旅游產(chǎn)品会宪，提醒用戶(hù)景點(diǎn)的天氣無(wú)可厚非，但是如果是一個(gè)在線(xiàn)看電影的網(wǎng)站蚯窥，提醒用戶(hù)天氣好像跟我們的戰(zhàn)略目標(biāo)沒(méi)有太多相關(guān)聯(lián)之處狈谊。
? 需求設(shè)計(jì)
1. 用積極解決問(wèn)題方式的心態(tài)進(jìn)行設(shè)計(jì)，不論最終這個(gè)功能的結(jié)果是否能使用戶(hù)滿(mǎn)意沟沙，但是這個(gè)過(guò)程必須是使用戶(hù)感到滿(mǎn)意的河劝。要隨時(shí)以友好的態(tài)度面對(duì)任何一個(gè)功能上的交互流程。
2. 具體矛紫，詳細(xì)的解釋需求赎瞎。確認(rèn)開(kāi)發(fā)人員完全能理解設(shè)計(jì)的意圖，不會(huì)因?yàn)槲臋n或者溝通方面的問(wèn)題導(dǎo)致產(chǎn)品返工颊咬。
3. 避免主觀語(yǔ)氣务甥。在功能需求描述中切忌出現(xiàn)一些主觀描述詞語(yǔ)牡辽。例如：“弄得美觀一些”，“然后就那樣彈出提示”等等敞临。
? 內(nèi)容需求
只有當(dāng)我們把內(nèi)容需求制定得足夠明確态辛，知道我們提供給用戶(hù)的內(nèi)容都有哪些屬性，才會(huì)在后面的產(chǎn)品設(shè)計(jì)過(guò)程中得心應(yīng)手挺尿。
我們要確定產(chǎn)品一共有幾維的屬性奏黑？在確定的屬性中還有可能增加新的維度嗎？這些問(wèn)題我們都得在設(shè)計(jì)時(shí)候反復(fù)考慮编矾∈焓罚或者使用一個(gè)比較靈活的結(jié)構(gòu)承載信息的內(nèi)容需求。
6. 結(jié)構(gòu)層
設(shè)計(jì)結(jié)構(gòu)層需要注意的幾點(diǎn)：
? 理解用戶(hù)的思維方式和工作方式
最好的方法就是從既有的成功的產(chǎn)品中學(xué)習(xí)用戶(hù)如何使用產(chǎn)品和思考產(chǎn)品窄俏，當(dāng)你的設(shè)計(jì)和大家的設(shè)計(jì)表現(xiàn)形式相同卻到達(dá)了兩個(gè)結(jié)果蹂匹，這樣的設(shè)計(jì)就是壞的設(shè)計(jì)，是會(huì)困惑到用戶(hù)的設(shè)計(jì)凹蜈。
? 關(guān)注交互設(shè)計(jì)
用戶(hù)會(huì)有哪些可能的行為限寞，而這些可能的行為又會(huì)帶來(lái)哪些可能的響應(yīng)？我們的產(chǎn)品應(yīng)該如何配合用戶(hù)的這些行為仰坦。當(dāng)用戶(hù)點(diǎn)擊了一個(gè)菜單以后昆烁，是應(yīng)該在點(diǎn)擊菜單的附近出現(xiàn)選項(xiàng)，還是在另外頁(yè)面一個(gè)不容易察覺(jué)的角落出現(xiàn)選項(xiàng)缎岗？這些都是需要我們?nèi)ゼ?xì)心考慮和學(xué)習(xí)的東西静尼。
? 使用概念模型
用戶(hù)對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱(chēng)為概念模型。例如你在淘寶上買(mǎi)東西传泊，你會(huì)把東西放進(jìn)購(gòu)物車(chē)中而不是盒子中鼠渺，不是盆子中，也不是口袋中眷细。因?yàn)橘?gòu)物車(chē)有很強(qiáng)的概念模型拦盹，用戶(hù)在理解購(gòu)物車(chē)的功能中要比理解盆子或者盒子更加容易得多。盡可能的去降低用戶(hù)的學(xué)習(xí)成本溪椎，所以要去使用好的概念模型普舆。
? 錯(cuò)誤處理
首先要從設(shè)計(jì)上規(guī)避一些常見(jiàn)的錯(cuò)誤選擇出現(xiàn)，然后要去積極地解決每一個(gè)級(jí)別可能會(huì)出現(xiàn)的錯(cuò)誤校读，確保更高比例的用戶(hù)能有積極的體驗(yàn)沼侣。對(duì)一個(gè)Web產(chǎn)品來(lái)說(shuō)最可怕的就是用戶(hù)在使用該產(chǎn)品的時(shí)候有強(qiáng)烈的挫敗感。用戶(hù)很快就能很容易找到另外一個(gè)替代品歉秫。
? 合理的信息架構(gòu)
需要使用靈活的信息架構(gòu)蛾洛。一個(gè)有效結(jié)構(gòu)的特點(diǎn)就是具備“容納成長(zhǎng)和適應(yīng)變動(dòng)”的能力。當(dāng)有新的需求時(shí)，不應(yīng)該導(dǎo)致重新考慮網(wǎng)站的整體結(jié)構(gòu)轧膘。而是在現(xiàn)有的結(jié)構(gòu)中做一些調(diào)整就可以滿(mǎn)足需求钞螟。
? 結(jié)構(gòu)方法
信息架構(gòu)的基本單位是節(jié)點(diǎn)(node)。節(jié)點(diǎn)可以對(duì)應(yīng)產(chǎn)品中的任意的信息片段或者組合谎碍，例節(jié)點(diǎn)可以是商品的價(jià)格屬性鳞滨，也可以是呈現(xiàn)商品的頁(yè)面。然后節(jié)點(diǎn)通過(guò)不同的組織方式構(gòu)成不同的信息架構(gòu)蟆淀。以下為幾種節(jié)點(diǎn)構(gòu)成的信息架構(gòu)拯啦。
層級(jí)結(jié)構(gòu)：也成為樹(shù)狀結(jié)構(gòu)，或中心輻射結(jié)構(gòu)扳碍。節(jié)點(diǎn)和節(jié)點(diǎn)之間存在父級(jí)/子級(jí)的關(guān)系提岔。像我們現(xiàn)在的網(wǎng)站“android.d.cn”就是一個(gè)標(biāo)準(zhǔn)的層級(jí)結(jié)構(gòu)仙蛉。
矩陣結(jié)構(gòu)：允許用戶(hù)在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的維度移動(dòng)笋敞。例如地瓜可能會(huì)在以后做的關(guān)聯(lián)游戲推薦，通過(guò)兩個(gè)游戲之間的標(biāo)簽作為節(jié)點(diǎn)進(jìn)行關(guān)聯(lián)的一種結(jié)構(gòu)荠瘪。
自然結(jié)構(gòu)：不會(huì)遵循任何一致的模式夯巷。節(jié)點(diǎn)是逐一被連接起來(lái)的。這種結(jié)構(gòu)沒(méi)有太強(qiáng)的“分類(lèi)”的概念“梗現(xiàn)在很少能看到這種結(jié)構(gòu)趁餐。
線(xiàn)性結(jié)構(gòu)：線(xiàn)性結(jié)構(gòu)經(jīng)常被見(jiàn)到于Web產(chǎn)品注冊(cè)流程或者網(wǎng)店商品購(gòu)買(mǎi)流程之中。
? 組織原則
組織原則就是我們決定哪些節(jié)點(diǎn)要編成一組篮绰，哪些節(jié)點(diǎn)要保持獨(dú)立的標(biāo)準(zhǔn)后雷。不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站不同的層面。
我們的網(wǎng)站會(huì)按照時(shí)間或者熱度或者下載量對(duì)游戲進(jìn)行組織吠各。這就是我們的組織原則臀突。不同的產(chǎn)品會(huì)使用不同的組織原則。微博在個(gè)人主頁(yè)是使用用戶(hù)發(fā)表的信息進(jìn)行組織贾漏，而QQ在個(gè)人主頁(yè)是使用用戶(hù)關(guān)系進(jìn)行組織候学。
戰(zhàn)略層告訴我們“用戶(hù)的需求是什么”，范圍層告訴我們“什么樣的信息將滿(mǎn)足用戶(hù)的需求”纵散，然后我們?cè)诮Y(jié)構(gòu)層就可以使用這些原則進(jìn)行節(jié)點(diǎn)之間的組織梳码。
? 使用通俗易懂的語(yǔ)言
與用戶(hù)談話(huà)并且了解他們的溝通方式，是開(kāi)發(fā)出一個(gè)讓用戶(hù)感到命名原則自然的最有效方式伍掀。
當(dāng)時(shí)在網(wǎng)游門(mén)戶(hù)部做需求的時(shí)候掰茶，去了解用戶(hù)最喜歡把鏈接叫飛機(jī)。所以考慮將新功能叫做坐飛機(jī)蜜笤，但是考慮到是否新增用戶(hù)是否會(huì)理解這個(gè)語(yǔ)言的含義符匾，所以還是使用比較傳統(tǒng)的叫法。
書(shū)中還提到了創(chuàng)建控制性詞典瘩例、類(lèi)詞詞典的方法啊胶。和如何建立使用元數(shù)據(jù)甸各。有興趣的同學(xué)可以仔細(xì)研讀該處。
7. 框架層
在框架層需要非常緊密的將界面設(shè)計(jì)焰坪，導(dǎo)航設(shè)計(jì)趣倾，信息設(shè)計(jì)三個(gè)元素結(jié)合起來(lái)。要像齒輪一樣的咬合某饰，才能搭建出比較完美的框架層儒恋。
在實(shí)際設(shè)計(jì)中可能會(huì)發(fā)現(xiàn)這三者的邊界變得模棱兩可，但是把它們定義為獨(dú)立的領(lǐng)域可以幫助我們更準(zhǔn)確的評(píng)估是否已經(jīng)找到合適的解決方案黔漂。
通過(guò)“界面設(shè)計(jì)”诫尽，用戶(hù)可以接觸到在結(jié)構(gòu)層的交互設(shè)計(jì)中確定的具體功能。
通過(guò)“導(dǎo)航設(shè)計(jì)”炬守，用戶(hù)可以看到我們網(wǎng)站的信息結(jié)構(gòu)中自由穿行牧嫉。
通過(guò)“信息設(shè)計(jì)”，用戶(hù)在網(wǎng)站的信息結(jié)構(gòu)中駐足的時(shí)候减途，他得到是有用的信息酣藻，還是一片無(wú)用的垃圾？
設(shè)計(jì)框架層需要注意的點(diǎn)：
? 尊重用戶(hù)的習(xí)慣鳍置；
在設(shè)計(jì)布局的時(shí)候辽剧，應(yīng)該尊重用戶(hù)的習(xí)慣。不能天馬行空税产，讓用戶(hù)在使用你的產(chǎn)品時(shí)感到很強(qiáng)的挫敗感怕轿。應(yīng)該像電話(huà)中數(shù)字矩陣的“3*4”布局。讓界面的布局和自身保持一致性辟拷。
? 使用合理的比喻方式
盡量讓用戶(hù)少思考就能明白你要傳達(dá)給用戶(hù)的意思撞羽。例如使用放大鏡比喻搜索的意思，用垃圾箱表示刪除的意思等等梧兼。
? 界面設(shè)計(jì)
在一個(gè)界面的第一次呈現(xiàn)給用戶(hù)的時(shí)候放吩，仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值，仔細(xì)考慮界面中信息的排序方式羽杰，用戶(hù)需要哪些信息渡紫。站在用戶(hù)的角度去思考任務(wù)和目標(biāo)。
還有一種做法就是記住用戶(hù)的最后一次選擇狀態(tài)考赛。
? 導(dǎo)航設(shè)計(jì)
在信息空間中惕澎，大多數(shù)人是不會(huì)有太強(qiáng)的方向感的，所以需要設(shè)計(jì)導(dǎo)航指引人們當(dāng)前的位置颜骤。就是你的網(wǎng)站需要告訴用戶(hù)“你現(xiàn)在在哪兒唧喉？”，“下一步可以去哪兒？”
? 信息設(shè)計(jì)
首先需要站在用戶(hù)的角度進(jìn)行思考八孝，想想什么樣得信息結(jié)構(gòu)更適合于用戶(hù)瀏覽董朝。就像寫(xiě)作文一樣，我們的用戶(hù)是語(yǔ)文老師干跛，老師認(rèn)為作為就應(yīng)該是龍頭豬肚鳳尾子姜，所以我們把作文寫(xiě)成龍頭豬肚鳳尾就能得高分，而寫(xiě)成豬頭鳳肚龍尾就是不行的楼入。我們給用戶(hù)呈現(xiàn)的信息也應(yīng)該最遵循用戶(hù)認(rèn)為正確的結(jié)構(gòu)進(jìn)行組合哥捕。
當(dāng)時(shí)在做地瓜管理列表中呈現(xiàn)給用戶(hù)的內(nèi)容時(shí)，考慮到用戶(hù)在管理列表中更希望看到的信息是他的所安裝游戲的版本號(hào)和大小嘉熊。所以我們改掉了普通列表中顯示星級(jí)和評(píng)論數(shù)的設(shè)計(jì)遥赚，而將用戶(hù)可能更加關(guān)心的信息呈現(xiàn)給用戶(hù)。
? 指示標(biāo)示
這個(gè)很容易理解阐肤。就是把免費(fèi)的標(biāo)成綠色凫佛，下載按鈕用更加顯眼的形狀或者顏色進(jìn)行標(biāo)注。
? 線(xiàn)框圖
線(xiàn)框圖是對(duì)頁(yè)面中所有的組成部分以及它們?nèi)绾谓Y(jié)合到一起的一個(gè)露骨的描述泽腮。我們常常使用頁(yè)面原型進(jìn)行表達(dá)御蒲。
8. 表現(xiàn)層
最終呈現(xiàn)到用戶(hù)眼前的東西衣赶。
需要一個(gè)非常好的VI設(shè)計(jì)和UI設(shè)計(jì)诊赊。讓用戶(hù)能非常快樂(lè)的接受你想傳達(dá)給他們的信息府瞄。（審美觀比較差的人就不發(fā)表什么意見(jiàn)了碧磅。）
