戰(zhàn)略層要解決的是“用戶的需求是什么”娩践,范圍層告訴我們“什么樣的信息將滿足用戶需求”韩脑,而在結(jié)構(gòu)層我們要面對(duì)的問題是:“具體識(shí)別出用戶心目中至關(guān)重要的信息 ”豫柬。
結(jié)構(gòu)層的定義
在定義好用戶需求并排列好優(yōu)先級(jí)別之后抢腐,這些需求并沒有說明如何將分散的片段組成一個(gè)整體旷档,而結(jié)構(gòu)層為產(chǎn)品的創(chuàng)建一個(gè)概念結(jié)構(gòu)跛璧。在這個(gè)部分的決策本身仍然包括大部分的概念性內(nèi)容严里。
在傳統(tǒng)的軟件開發(fā)行業(yè),交互設(shè)計(jì)主要指的是一種“為用戶設(shè)計(jì)結(jié)構(gòu)體驗(yàn)”的方法追城。而信息架構(gòu)是在內(nèi)容建設(shè)方面構(gòu)建用戶體驗(yàn)刹碾。但是交互設(shè)計(jì)和信息架構(gòu)都強(qiáng)調(diào)的一個(gè)重點(diǎn)是:確定各個(gè)將要呈現(xiàn)給用戶的元素的模式(patterns)和順序(sequences)。在這個(gè)重點(diǎn)中交互設(shè)計(jì)關(guān)注將影響用戶執(zhí)行和完成任務(wù)的元素座柱,信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素迷帜。并且我們還會(huì)接觸到產(chǎn)品成型過程中的重要概念概念模型(conceptual model)。
· 交互設(shè)計(jì)
交互設(shè)計(jì)關(guān)注與描述“可能的用戶行為”色洞,同時(shí)定義“系統(tǒng)如何配合與相應(yīng)”這些用戶行為戏锹。也就是我們經(jīng)常會(huì)接觸到的“輸出與反饋”。
因?yàn)樽髡呤浅绦騿T出身锋玲,他最關(guān)注軟件的兩個(gè)方面是“它做什么”和“它怎么做”景用,但是在重視技術(shù)效率時(shí),往往忽略了什么才是對(duì)用戶來說最好的系統(tǒng)。
· 概念模型
概念模型(conceptual model)是用戶對(duì)于“交互組件將怎樣工作”伞插,軟件是否把某個(gè)特性處理成用戶所熟悉的某個(gè)概念割粮。這里我們需要將概念模型與心智模型(或心理模型,mental model)區(qū)分開媚污,心智模型指的是由個(gè)人經(jīng)驗(yàn)及學(xué)習(xí)舀瓢,在腦海中對(duì)某些事物發(fā)展的過程,進(jìn)行預(yù)測(cè)寫下的劇本耗美。
這里的心智模型指的是用戶的心智模型京髓,而概念模型指的是我們最后把產(chǎn)品做成的樣子。當(dāng)產(chǎn)品的概念模型和用戶的心智模型不相符商架,那么這個(gè)產(chǎn)品的學(xué)習(xí)成本是很高的堰怨,也很難被用戶接受。使用人們熟悉的概念模型蛇摸,會(huì)使用戶很快適應(yīng)一個(gè)不熟悉的網(wǎng)站备图。這也是為什么現(xiàn)在很多產(chǎn)品看起來很像的原因,在用戶已經(jīng)熟悉了某類產(chǎn)品的通用做法赶袄,我們繼續(xù)采用這種做法揽涮,會(huì)加快用戶熟悉產(chǎn)品的速度。
如果你有足夠的把握勇于創(chuàng)新饿肺,那么要保證自己有一個(gè)好的理由說服用戶蒋困,并且準(zhǔn)備好一個(gè)通用的備用方案。令用戶不太熟悉的概念模型只有在用戶能正確理解并詮釋它的時(shí)候才能起到作用敬辣。
在《About Face》中雪标,將概念模型進(jìn)一步細(xì)化為實(shí)現(xiàn)模型與呈現(xiàn)模型,其中實(shí)現(xiàn)模型指向的是程序員的工作购岗,呈現(xiàn)模型指向設(shè)計(jì)師的工作汰聋。我們不需要把概念模型明確告訴用戶门粪,相反我們需要隱藏代碼層面的實(shí)現(xiàn)模型喊积,讓產(chǎn)品展現(xiàn)的內(nèi)容符合用戶的心智模型,不需要告訴用戶產(chǎn)品是如何實(shí)現(xiàn)這個(gè)功能的玄妈,只要用戶簡(jiǎn)單快速實(shí)現(xiàn)自己的目標(biāo)即可乾吻。
當(dāng)然也不能為了使二者匹配,將現(xiàn)實(shí)生活中的東西生搬硬套到產(chǎn)品的概念模型中拟蜻。舉一個(gè)例子绎签,見仁見智,這里謹(jǐn)以一個(gè)“雙重果粉”的身份說一下使用感受酝锅。我們都知道堅(jiān)果自帶程序的擬物效果處理非常細(xì)致诡必,從視覺感官上非常享受。但是有些擬物過度的設(shè)計(jì)會(huì)降低易用性,比如圖中的秒表就是一個(gè)完全擬物的例子爸舒。
雖然二者都包含了開始計(jì)數(shù)蟋字、停止、多次計(jì)數(shù)扭勉、清零等功能鹊奖,但是從使用感受上,卻完全不同涂炎。第一次看到堅(jiān)果的頁(yè)面忠聚,從未使用過體育秒表的我是懵的,“好膩害的樣紙唱捣,但是怎么用這東西…………啊這個(gè)居然可以按两蟀,666……”由于重視秒表的展現(xiàn),上部分區(qū)域擠壓了多次計(jì)數(shù)結(jié)果的展示空間震缭。
再看蘋果的頁(yè)面垫竞,頁(yè)面簡(jiǎn)單直接,識(shí)字的傻子都會(huì)用蛀序,并且能清楚地知道哪里是可以點(diǎn)擊的欢瞪,還并且能準(zhǔn)確地點(diǎn)中想要的操作。當(dāng)然我知道會(huì)買錘子的大家一定都是具有冒險(xiǎn)探索精神和不怕累不怕苦的品質(zhì)的徐裸,也知道秒表對(duì)大部分人并不是一個(gè)高頻使用的功能遣鼓,但是就我個(gè)人而言,一旦要著急計(jì)個(gè)時(shí)什么的一定是會(huì)選擇用蘋果的秒表重贺。
· 錯(cuò)誤處理
當(dāng)我們對(duì)用戶的心智模型猜測(cè)不準(zhǔn)或者因?yàn)橐恍┘夹g(shù)上的限制骑祟,我們需要考慮用戶犯錯(cuò)時(shí),系統(tǒng)應(yīng)該怎么做:
1.最好的防止錯(cuò)誤的方法气笙,是在用戶操作前就將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的那種次企。
2.在用戶操作時(shí),避免錯(cuò)誤的方法是使錯(cuò)誤難以發(fā)生潜圃。系統(tǒng)應(yīng)該幫助用戶找出錯(cuò)誤并改正錯(cuò)誤缸棵,當(dāng)然也要小心一些令人反感的試圖善意修改用戶錯(cuò)誤的提示。
3.錯(cuò)誤發(fā)生之后谭期,有效的錯(cuò)誤信息和容易自我解釋的頁(yè)面幫助用戶糾正堵第。系統(tǒng)應(yīng)該為用戶提供從錯(cuò)誤中恢復(fù)的方式,同意用戶“撤銷”操作隧出。并且對(duì)于一些不可恢復(fù)的錯(cuò)誤踏志,提供準(zhǔn)確的警告提示。
· 信息架構(gòu)
信息架構(gòu)主要體現(xiàn)在信息型產(chǎn)品的結(jié)構(gòu)層胀瞪,對(duì)于目前市面上的大部分產(chǎn)品针余,內(nèi)容是躲不開的,因此信息架構(gòu)也是我們需要重點(diǎn)理解的部分。在以內(nèi)容為主的網(wǎng)站上圆雁,信息架構(gòu)的主要工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)傍妒,讓用戶可以高效率、有效地瀏覽網(wǎng)站的內(nèi)容摸柄,使呈現(xiàn)給用戶的信息合理并且具有意義颤练。
信息架構(gòu)與信息檢索的概念密切相關(guān),都是為了設(shè)計(jì)出讓用戶容易找到信息的系統(tǒng)驱负。下面將信息架構(gòu)分為結(jié)構(gòu)化內(nèi)容嗦玖、結(jié)構(gòu)方法、組織原則跃脊、語言和元數(shù)據(jù)這四部分進(jìn)行了解宇挫。
結(jié)構(gòu)化內(nèi)容
信息架構(gòu)要求創(chuàng)建分類體系,涉及的領(lǐng)域包括向來都要考慮的組織管理酪术、分類器瘪、順序排列。我們通過從上到下和從下到上兩種方式來建立分類體系绘雁。
從上到下(top-down approach):從戰(zhàn)略層所考慮的內(nèi)容入手橡疼,根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)。先從最廣泛的庐舟、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類欣除,然后再依據(jù)邏輯細(xì)分出次級(jí)分類。
缺點(diǎn)是可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略挪略。
從下到上(bottom-up approach):從范圍層所考慮的內(nèi)容入手历帚,根據(jù)內(nèi)容和功能需求的分析而來。先從已有的資料開始杠娱,全部放入最低級(jí)別的分類中挽牢,再把它們分別歸屬到高一級(jí)的類別,從而逐漸建立出耿恭反映我們產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)摊求。
缺點(diǎn)是可能導(dǎo)致架構(gòu)過于精確地反映出現(xiàn)有內(nèi)容禽拔,可拓展性不強(qiáng)。
結(jié)構(gòu)質(zhì)量最重要的標(biāo)準(zhǔn):不是整個(gè)過程一共需要多少步驟睹簇,而是用戶是否認(rèn)為每一個(gè)步驟都是合理的奏赘,以及當(dāng)前的步驟是否自然地延續(xù)了上一個(gè)步驟中的任務(wù)寥闪。貌似很多產(chǎn)品經(jīng)理都很喜歡把所有步驟放在同一個(gè)頁(yè)面上太惠,在app端也希望在一個(gè)頁(yè)面把所有事情做完。這時(shí)候你就可以說理直氣壯地告訴TA“大量數(shù)據(jù)證明疲憋,用戶會(huì)喜歡一個(gè)被清晰定義的七步過程凿渊,而不是一個(gè)令人困惑的、被勉強(qiáng)壓縮的三步過程“T啵”
另一個(gè)證明結(jié)構(gòu)是否高效的標(biāo)準(zhǔn)是產(chǎn)品的“容納成長(zhǎng)和適應(yīng)變動(dòng)”的能力搪锣,充分考慮產(chǎn)品的可拓展性,避免了設(shè)計(jì)師和研發(fā)人員每次迭代都是一次大手術(shù)彩掐,更方便頁(yè)面的統(tǒng)一性构舟。
結(jié)構(gòu)方法
信息架構(gòu)的基本單位是節(jié)點(diǎn)(node)。節(jié)點(diǎn)可以對(duì)應(yīng)任意的信息片段或組合堵幽,可以是一個(gè)數(shù)字狗超,一個(gè)控件,一個(gè)組件朴下,一個(gè)頁(yè)面努咐,甚至一個(gè)功能。節(jié)點(diǎn)的抽象性使得我們能明確地設(shè)定對(duì)產(chǎn)品關(guān)注點(diǎn)的詳略程度殴胧。常見的結(jié)構(gòu)類型有層級(jí)結(jié)構(gòu)渗稍、矩陣結(jié)構(gòu)、自然結(jié)構(gòu)团滥、線性結(jié)構(gòu)竿屹。
層級(jí)結(jié)構(gòu)(hierarchical structure):又稱樹狀結(jié)構(gòu)(tree structure)或中心輻射結(jié)構(gòu)(hub-and spoke structure)。它的節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級(jí)/子級(jí)的關(guān)系灸姊。子節(jié)點(diǎn)代表著更狹義的概念羔沙,從屬于代表著更廣義類別的父節(jié)點(diǎn)。不是每一個(gè)節(jié)點(diǎn)都有子節(jié)點(diǎn)厨钻,但是每一個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)扼雏。
這種類型的結(jié)構(gòu)是最常見的,傾向于層級(jí)的工作方式夯膀。
矩陣結(jié)構(gòu)(matrix structure):允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的“維度”移動(dòng)诗充。
這種類型的結(jié)構(gòu)通常用于“帶著不同需求的用戶”,因?yàn)樗拿恳粋€(gè)“軸”都可以與每一個(gè)用戶的需求聯(lián)系在一起诱建。
自然結(jié)構(gòu)(organic structure):不會(huì)遵循任何一致的模式蝴蜓。節(jié)點(diǎn)是被逐一連接起來的,同時(shí)這種結(jié)構(gòu)沒有太強(qiáng)烈的分類概念俺猿。
這種類型的結(jié)構(gòu)適合于對(duì)探索一系列關(guān)系不明確或一直在演變的主題茎匠。
線性結(jié)構(gòu)(sequential structure):連貫的語言流程是最基本的信息結(jié)構(gòu)類型。我們接受的九年義務(wù)教育也同屬于線性結(jié)構(gòu)押袍。
這種類型的結(jié)構(gòu)常見用于小規(guī)模的結(jié)構(gòu)诵冒,比如單篇文章或?qū)n}。大規(guī)模的結(jié)構(gòu)則被用于那些內(nèi)容順序?qū)τ谟脩粜枨蠓浅jP(guān)鍵的應(yīng)用程序谊惭,比如教學(xué)資料汽馋。
組織原則
節(jié)點(diǎn)在信息架構(gòu)中是依據(jù)組織原則(organizing principle)來安置的侮东,組織原則是我們決定節(jié)點(diǎn)分組或獨(dú)立的標(biāo)準(zhǔn),不同的組織原則將被應(yīng)用在不同的區(qū)域和層面豹芯。
一般來說悄雅,我們?cè)诋a(chǎn)品最高層級(jí)使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān),而在結(jié)構(gòu)中較低的層級(jí)铁蹈,內(nèi)容與功能需求將對(duì)所采取的組織原則產(chǎn)品重大影響宽闲。任何一種信息收集都有一個(gè)固定的概念性結(jié)構(gòu)。實(shí)際上握牧,這種概念結(jié)構(gòu)通常不止一個(gè)便锨,那也是我們要解決的問題之一——創(chuàng)建一個(gè)能與產(chǎn)品目標(biāo)和用戶需求相對(duì)應(yīng)的、正確的結(jié)構(gòu)我碟。
書中還提到了一個(gè)知識(shí)點(diǎn)截面(facets)放案,這是圖書館學(xué)的一個(gè)概念。產(chǎn)品的內(nèi)容可以按照一定的屬性進(jìn)行分類矫俺,而這些屬性就叫做截面吱殉。使用錯(cuò)誤的截面可能比沒有使用截面更糟糕,解決的辦法是將每一個(gè)有可能的截面都當(dāng)做組織原則呈現(xiàn)給用戶厘托,讓用戶自己選擇最重要的那個(gè)友雳。
語言與元數(shù)據(jù)
使用“統(tǒng)一規(guī)范的語言”、“用戶的語言”不論是在內(nèi)部工作中铅匹,還是輸出給用戶都十分重要押赊。因此,我們需要對(duì)命名原則(nomenclature)進(jìn)行規(guī)定包斑,包括描述流礁、標(biāo)簽,和網(wǎng)站使用的其他術(shù)語罗丰。
把用來強(qiáng)調(diào)一致性的工具稱為受控詞典(controlled vocabulary)神帅,是網(wǎng)站使用的一套標(biāo)準(zhǔn)語言。受控詞典提供了一個(gè)明確的資源以確保大家都能使用用戶語言萌抵,并且防止企業(yè)內(nèi)部的專用術(shù)語侵入網(wǎng)站找御。如果詞匯隨意使用不統(tǒng)一的話,我們?cè)诠ぷ髦袦贤ǖ男蕰?huì)大大降低绍填。程序員也對(duì)文檔表示疑惑霎桅,這說的是一個(gè)功能還是三個(gè)功能?
除此之外讨永,我們還會(huì)創(chuàng)造類詞詞典(thesaurus)提供常用的滔驶、但未納入該產(chǎn)品標(biāo)準(zhǔn)用語的詞匯以供選擇,也包括一些詞語更廣義住闯、更狹義或相關(guān)詞匯的建議瓜浸。這在電商類產(chǎn)品中非常重要澳淑,有產(chǎn)品但是搜不出來比原,或者搜出來結(jié)果不對(duì)就非常尷尬了插佛。好的類詞詞典能做到高度精準(zhǔn)的、并且推薦高度相關(guān)的搜索結(jié)果量窘。
受控詞典與類詞詞典對(duì)建立包含元數(shù)據(jù)(metadata)的系統(tǒng)特別有用雇寇。元數(shù)據(jù)是“關(guān)于信息的信息”,即以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息蚌铜。好的元數(shù)據(jù)可以幫助用戶在產(chǎn)品中更快速地找到信息锨侯,在元數(shù)據(jù)的幫助下,搜索引擎變得更加智能更加聰明冬殃。
· 團(tuán)隊(duì)角色和流程
在這個(gè)層面的文檔一定要描述清楚產(chǎn)品的結(jié)構(gòu)——從命名原則和元數(shù)據(jù)的具體細(xì)節(jié)囚痴,到信息架構(gòu)和交互設(shè)計(jì)的整體概況。信息結(jié)構(gòu)或交互設(shè)計(jì)的主要文檔是示意圖审葬,也就是架構(gòu)圖(architecture diagram)深滚,視覺化呈現(xiàn)結(jié)構(gòu)對(duì)于我們來說是表述“分支、群組涣觉、組件之間的聯(lián)系”的一種最高效的方式痴荐。
架構(gòu)圖最重要的是記錄概念關(guān)系:哪些類別需要放一起,而哪些需要保持獨(dú)立官册?在交互過程中那些步驟要怎么樣互相配合生兆?作者創(chuàng)造的圖解結(jié)構(gòu),從非常簡(jiǎn)單到非常復(fù)雜的示意結(jié)構(gòu)系統(tǒng)膝宁,名為視覺詞典(visual vocabulary)鸦难。
小結(jié)
成功的用戶體驗(yàn),就是能事先預(yù)知用戶的期望并將其納入設(shè)計(jì)之中员淫。在實(shí)際工作中明刷,信息架構(gòu)和交互設(shè)計(jì)的工作范疇非常相近且相關(guān),這部分的內(nèi)容開始由交互設(shè)計(jì)師主導(dǎo)完成满粗。在完成過程中切記不要過早地糾結(jié)細(xì)節(jié)辈末,先將主要功能和主要場(chǎng)景走通,并且與需求方實(shí)時(shí)溝通映皆,摸透需求的本質(zhì)挤聘,只有這樣框架層的內(nèi)容才能繼續(xù)在結(jié)構(gòu)層搭建起來的框架上繼續(xù)完成。
《用戶體驗(yàn)要素》閱讀筆記
一捅彻、初識(shí)用戶體驗(yàn)
二组去、網(wǎng)站的用戶體驗(yàn)
三、用戶體驗(yàn)五要素
四步淹、戰(zhàn)略層:產(chǎn)品目標(biāo)和用戶需求
五从隆、范圍層:功能規(guī)格和內(nèi)容需求
六诚撵、結(jié)構(gòu)層:交互設(shè)計(jì)與信息架構(gòu)
七、框架層:界面設(shè)計(jì)键闺、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
九寿烟、表現(xiàn)層:感知設(shè)計(jì)
十、用戶體驗(yàn)的應(yīng)用