【閱讀詳記】《用戶(hù)體驗(yàn)要素》Chapter5:結(jié)構(gòu)層-交互設(shè)計(jì)與信息架構(gòu)

本章聚焦于五個(gè)層次中的結(jié)構(gòu)層瞳浦,主要介紹如何完成功能型與內(nèi)容型產(chǎn)品的設(shè)計(jì)嘹朗。本篇筆記共6721字截酷,預(yù)計(jì)需要11分鐘完成閱讀势篡。

對(duì)于產(chǎn)品的功能呈現(xiàn)传睹,我們可以為不同層級(jí)選定合適的概念模型耳幢,減少用戶(hù)的理解成本;合適的錯(cuò)誤處理也可以在用戶(hù)的使用過(guò)程中進(jìn)行引導(dǎo)欧啤。對(duì)于產(chǎn)品的信息呈現(xiàn)睛藻,我們則需要對(duì)信息進(jìn)行組織(結(jié)構(gòu)化地梳理內(nèi)容),并明確信息本身的屬性堂油。

范圍層大致確定當(dāng)前階段產(chǎn)品會(huì)包括的特性修档;結(jié)構(gòu)層中,我們則希望將分散的需求片段組合為一個(gè)網(wǎng)站整體的概念結(jié)構(gòu)府框,“為用戶(hù)設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)”吱窝。

結(jié)構(gòu)層做的事情其實(shí)是,通過(guò)對(duì)功能或信息的呈現(xiàn)邏輯進(jìn)行設(shè)計(jì)迫靖,從而幫助用戶(hù)“快速上手網(wǎng)站”并得到想要的結(jié)果院峡。

  • 交互設(shè)計(jì)=> 思考如何呈現(xiàn)功能,包括路徑和響應(yīng)系宜;
  • 信息架構(gòu)=> 思考如何組織信息照激,進(jìn)行呈現(xiàn)、引導(dǎo)盹牧。

功能型產(chǎn)品的結(jié)構(gòu)層設(shè)計(jì)主要受到傳統(tǒng)軟開(kāi)行業(yè)的交互設(shè)計(jì)(interaction design) 的方法論影響俩垃。

交互設(shè)計(jì)曾經(jīng)屬于“界面設(shè)計(jì)”的范疇励幼。閱讀中可以不過(guò)于糾結(jié)如何區(qū)分。

內(nèi)容方面的用戶(hù)體驗(yàn)構(gòu)建則主要通過(guò)信息架構(gòu)(information architecture) 完成口柳。很多相關(guān)學(xué)科都有關(guān)于信息架構(gòu)的研究苹粟,重點(diǎn)在于組織管理、分類(lèi)跃闹、順序排列等內(nèi)容呈現(xiàn)方式嵌削。

交互設(shè)計(jì)關(guān)注影響用戶(hù)執(zhí)行和完成任務(wù)的元素,信息架構(gòu)關(guān)注向用戶(hù)表達(dá)信息的元素望艺。盡管兩者各有側(cè)重苛秕,但交互設(shè)計(jì)和信息架構(gòu)都強(qiáng)調(diào)一個(gè)重點(diǎn):確定呈現(xiàn)給用戶(hù)的每個(gè)元素的模式patterns順序sequences。兩者的本質(zhì)都是找默,理解用戶(hù)(包括工作方式艇劫、行為和思維方式),然后通過(guò)設(shè)計(jì)良好的產(chǎn)品結(jié)構(gòu)來(lái)保障用戶(hù)體驗(yàn)啡莉。

交互設(shè)計(jì)

在交互設(shè)計(jì)中主要介紹了三部分內(nèi)容:①交互設(shè)計(jì)是什么港准、為什么要做交互設(shè)計(jì)旨剥;②交互設(shè)計(jì)的重要工具——概念模型咧欣;③交互設(shè)計(jì)的重要組成——錯(cuò)誤處理。

我個(gè)人對(duì)這一節(jié)的理解是轨帜,
①這里的交互設(shè)計(jì)以用戶(hù)行為作為設(shè)計(jì)出發(fā)點(diǎn)魄咕,對(duì)功能架構(gòu)(組織+響應(yīng))進(jìn)行設(shè)計(jì)的領(lǐng)域;
②通過(guò)概念模型的運(yùn)用蚌父,我們可以貼合用戶(hù)的心智模型進(jìn)行設(shè)計(jì)哮兰,減少用戶(hù)的理解成本;
③對(duì)interaction的設(shè)計(jì)中苟弛,我們要關(guān)注通過(guò)響應(yīng)的方式來(lái)為用戶(hù)提供提示信息喝滞,從而引導(dǎo)用戶(hù)完成正確路徑。其中膏秫,錯(cuò)誤處理就是交互設(shè)計(jì)的典型代表右遭。

交互設(shè)計(jì)是什么、為什么要做交互設(shè)計(jì)

交互設(shè)計(jì)是什么:
交互設(shè)計(jì)關(guān)注于描述“可能的用戶(hù)行為”缤削,并定義“系統(tǒng)如何配合與響應(yīng)”這些用戶(hù)行為窘哈。是幫助軟開(kāi)從用戶(hù)角度設(shè)計(jì)系統(tǒng)的新興學(xué)科。

為什么(我們現(xiàn)在)要做交互設(shè)計(jì)
過(guò)去計(jì)算能力稀缺的背景下亭敢,“讓軟件正常運(yùn)作”是最重要的事情滚婉。因此,(2000年之前的)傳統(tǒng)程序員最關(guān)注軟件的兩個(gè)方面:軟件的功能帅刀、軟件的實(shí)現(xiàn)让腹。
但是远剩,在用戶(hù)視角看來(lái),單純重視技術(shù)效率骇窍、忽視用戶(hù)體驗(yàn)的軟件往往是“復(fù)雜民宿、混亂、難以使用的”像鸡。
舉個(gè)例子活鹰,如果將“用戶(hù)使用產(chǎn)品”比作“人和機(jī)器跳舞”,只重視技術(shù)實(shí)現(xiàn)的軟件只估,就像是要求用戶(hù)來(lái)適應(yīng)自己的舞步志群、每次移動(dòng)都缺少提示、對(duì)踩到對(duì)方不管不顧的舞伴蛔钙。這對(duì)于用戶(hù)來(lái)說(shuō)是非常糟糕的體驗(yàn)锌云,而想要順利使用產(chǎn)品,用戶(hù)就必須通過(guò)“計(jì)算機(jī)基礎(chǔ)培訓(xùn)”來(lái)了解程序的運(yùn)作吁脱。
隨著時(shí)代的發(fā)展桑涎,算力的窘迫得到了緩解,這意味著“交互設(shè)計(jì)”將從興奮需求變?yōu)榛拘枨蟆?/p>

概念模型

概念模型conceptual model兼贡,就是用戶(hù)對(duì)于“交互組件如何工作”的理解攻冷。

互聯(lián)網(wǎng)是現(xiàn)實(shí)世界的倒影,而人們?cè)谡J(rèn)知互聯(lián)網(wǎng)世界時(shí)遍希,也常常以熟悉的概念去類(lèi)比——例如等曼,同樣是電子商務(wù)網(wǎng)站,在tb中商品信息的容器是“購(gòu)物車(chē)”(推車(chē))凿蒜,用戶(hù)進(jìn)行添加(放入)和移除(拿出)操作禁谦;在1688中商品信息的容器是進(jìn)貨單(分類(lèi)訂貨單),用戶(hù)進(jìn)行編輯(修改訂貨)操作废封。

這里的“購(gòu)物”與“進(jìn)貨”差異州泊,在產(chǎn)品設(shè)計(jì)是運(yùn)用了不同的概念模型,在用戶(hù)身上就是心智模型不同漂洋。
關(guān)于“概念模型是什么”遥皂,可以參考概念模型與心智模型在交互設(shè)計(jì)里的應(yīng)用。書(shū)里提到這個(gè)方法主要還是為了介紹“交互設(shè)計(jì)”氮发,作者的本意不在寫(xiě)一個(gè)教程or手冊(cè)渴肉。

概念模型的作用包括:

  • 設(shè)計(jì)中,幫助我們?cè)诮换ピO(shè)計(jì)的過(guò)程中保持一致爽冕;
  • 最終面向用戶(hù)時(shí)仇祭,可以降低用戶(hù)適應(yīng)網(wǎng)站的難度。
    • 根據(jù)用戶(hù)對(duì)網(wǎng)站模式的想法挑選概念模型颈畸,這樣設(shè)計(jì)出來(lái)的網(wǎng)站乌奇,其交互行為更符合用戶(hù)的期望没讲。

如何選擇一個(gè)合適的概念模型:

  • 一個(gè)熟悉的概念模型可以輔助用戶(hù)理解。
    • 選擇概念模型時(shí)礁苗,可以參考現(xiàn)實(shí)世界的同類(lèi)型活動(dòng)爬凑;
    • 如果其他網(wǎng)站已經(jīng)讓用戶(hù)形成了熟悉的概念模型,建議沿用试伙;
    • 如果要提供一個(gè)用戶(hù)不熟悉的概念模型嘁信,那么需要想清楚為什么這么做,并且保證新概念模型可以被用戶(hù)理解和詮釋疏叨。
  • 概念模型服務(wù)于用戶(hù)體驗(yàn)潘靖,避免死板地應(yīng)用模型
    • 我們不需要明確地告知用戶(hù)蚤蔓,我們的概念模型是什么卦溢。概念模型是幫助我們?cè)O(shè)計(jì)產(chǎn)品的工具,不是我們給用戶(hù)增加的“培訓(xùn)內(nèi)容”秀又。
    • 運(yùn)用單個(gè)概念模型時(shí)单寂,不要照搬現(xiàn)實(shí)世界的概念。網(wǎng)絡(luò)和現(xiàn)實(shí)的特點(diǎn)不同吐辙,讓網(wǎng)站整體看起來(lái)和某個(gè)實(shí)體一模一樣反而會(huì)讓用戶(hù)感到困惑宣决。
    • 概念模型的應(yīng)用可以是多維度靈活組成的。組件或者系統(tǒng)維度可以選用不同的概念模型袱讹,或者只在某一層應(yīng)用一個(gè)概念模型疲扎。

總結(jié):圍繞選用概念模型的目的昵时,靈活地應(yīng)用這個(gè)方法

錯(cuò)誤處理

系統(tǒng)應(yīng)當(dāng)如何響應(yīng)用戶(hù)的錯(cuò)誤行為捷雕?如何避免用戶(hù)繼續(xù)犯錯(cuò)?——這寫(xiě)問(wèn)題就是“用戶(hù)錯(cuò)誤”的處理壹甥,也是是交互設(shè)計(jì)的重要內(nèi)容救巷。

我想在這里強(qiáng)調(diào)一個(gè)認(rèn)知(因?yàn)楸救瞬冗^(guò)這個(gè)坑TVT結(jié)合工作經(jīng)驗(yàn),個(gè)人感覺(jué)這很重要):
作為PD句柠,我們應(yīng)該盡量弱化“用戶(hù)的錯(cuò)誤行為”這個(gè)概念浦译,盡量減少將一個(gè)現(xiàn)象的原因定義為“用戶(hù)的錯(cuò)誤操作”,并通過(guò)“報(bào)錯(cuò)”來(lái)簡(jiǎn)單粗暴地處理問(wèn)題溯职。我希望我可以多想想精盅,我們?cè)谶@里給了用戶(hù)什么引導(dǎo)、這個(gè)error背后是什么限制谜酒,即減少?gòu)漠a(chǎn)品的角度去評(píng)價(jià)用戶(hù)叹俏,而是站在用戶(hù)的視角去理解ta眼中的產(chǎn)品。

錯(cuò)誤處理的方式主要包括:

  1. 預(yù)防:設(shè)計(jì)用戶(hù)“不可能犯錯(cuò)”的系統(tǒng)僻族,通過(guò)增加限制條件來(lái)避免異常的發(fā)生粘驰。方法的缺點(diǎn)是無(wú)法覆蓋全部的錯(cuò)誤處理屡谐;
    例如通過(guò)強(qiáng)制掛P檔的要求,避免汽車(chē)在其他檔位發(fā)動(dòng)的危險(xiǎn)
  2. 改正:系統(tǒng)幫助用戶(hù)查找錯(cuò)誤蝌数,甚至自動(dòng)糾正錯(cuò)誤愕掏。缺點(diǎn)是可能反而影響用戶(hù)的正常使用流程;
    例如word顶伞、gmail等提供的自動(dòng)修正功能(以及manychat的編輯提醒)
  3. 恢復(fù):針對(duì)做完后才發(fā)現(xiàn)的錯(cuò)誤饵撑,系統(tǒng)為用戶(hù)提供從錯(cuò)誤中恢復(fù)的方式。缺點(diǎn)是無(wú)法覆蓋所有錯(cuò)誤唆貌;
    例如典型的“撤銷(xiāo)/undo”功能
  4. 警告:針對(duì)發(fā)生后無(wú)法恢復(fù)的功能肄梨,系統(tǒng)為用戶(hù)提供大量警告,來(lái)試圖預(yù)防其發(fā)生挠锥。缺點(diǎn)是用戶(hù)可能會(huì)將其視為騷擾众羡,也有可能忽視警告
    例如大量的二次確定彈窗。

信息架構(gòu)

在信息架構(gòu)中主要介紹了三塊內(nèi)容:①信息架構(gòu)是什么蓖租;②信息架構(gòu)的設(shè)計(jì)——結(jié)構(gòu)化內(nèi)容+結(jié)構(gòu)方法+組織原則粱侣;③信息架構(gòu)的設(shè)計(jì)單位——語(yǔ)言和元數(shù)據(jù)。

我個(gè)人對(duì)這一節(jié)的理解是蓖宦,
①信息架構(gòu)的本質(zhì)是通過(guò)信息的合理組織來(lái)保證用戶(hù)可以高效率獲取并使用信息齐婴;
②信息及架構(gòu)的設(shè)計(jì)可以“范圍從大到小”地分為三層(梳理覆蓋面是否完整+確定信息的呈現(xiàn)結(jié)構(gòu)+確定信息的關(guān)鍵屬性,后兩者即確定信息呈現(xiàn)的組織方式)稠茂,有序地完成信息點(diǎn)的組織與呈現(xiàn)設(shè)計(jì)柠偶;
③信息最小的節(jié)點(diǎn)本身同樣需要設(shè)計(jì),包括規(guī)范化睬关、可拓展性設(shè)計(jì)等诱担。
由于②和③都是“how to”的內(nèi)容僧凤,下文中將它們合并在一個(gè)標(biāo)題下了堪伍。

信息架構(gòu)是什么钥组、為什么要做信息架構(gòu)

軟件與人之間的信息傳達(dá)粒没,它的本質(zhì)和人與人之間一樣义图,托嚣,這都是一種“溝通”汞窗。為了保證接收方可以理解并使用信息趾撵,我們必須要進(jìn)行信息的選擇與組織屎勘。信息架構(gòu)施籍,學(xué)術(shù)上研究的就是人們認(rèn)知信息的過(guò)程。

盡管“信息架構(gòu)”在模型中被劃分到內(nèi)容型產(chǎn)品的設(shè)計(jì)范疇概漱,但不僅僅是以信息為驅(qū)動(dòng)力的產(chǎn)品(例如公司網(wǎng)站)丑慎,信息架構(gòu)對(duì)功能型產(chǎn)品(例如手機(jī)軟件)也非常重要。在產(chǎn)品設(shè)計(jì)中,信息架構(gòu)關(guān)注呈現(xiàn)給用戶(hù)的信息是否合理且有意義立哑。通過(guò)設(shè)計(jì)組織分類(lèi)和導(dǎo)航的結(jié)構(gòu)夜惭,信息架構(gòu)幫助我們?cè)O(shè)計(jì)出有利于用戶(hù)高效率檢索并瀏覽內(nèi)容的網(wǎng)站。

除了幫助用戶(hù)找到信息外铛绰,我們有時(shí)候還希望通過(guò)網(wǎng)站結(jié)構(gòu)來(lái)實(shí)現(xiàn)對(duì)用戶(hù)的教育诈茧、通知或說(shuō)服。

盡管作者常限定“在以?xún)?nèi)容為主的網(wǎng)站上”捂掰,但我認(rèn)為這部分內(nèi)容對(duì)當(dāng)前的功能型產(chǎn)品同樣適用且重要——①我認(rèn)為當(dāng)前的內(nèi)容型產(chǎn)品與功能型產(chǎn)品間已經(jīng)沒(méi)有那么明顯的分界了敢会,②“功能型產(chǎn)品”的功能,同樣也是信息这嚣。用戶(hù)需要知道這個(gè)“功能”是什么鸥昏、自己應(yīng)當(dāng)如何到達(dá)所在頁(yè)面、它屬于什么類(lèi)目姐帚。

如何進(jìn)行信息架構(gòu)(信息的結(jié)構(gòu)層)設(shè)計(jì)

信息架構(gòu)的設(shè)計(jì)主要分以下四個(gè)部分展開(kāi):
Part A-梳理網(wǎng)站的分類(lèi)體系:通過(guò)信息架構(gòu)方法吏垮,構(gòu)建反映產(chǎn)品戰(zhàn)略的內(nèi)容結(jié)構(gòu)
Part B-節(jié)點(diǎn)與節(jié)點(diǎn)的排列結(jié)構(gòu):介紹信息呈現(xiàn)中常用的四種結(jié)構(gòu)
Part C-節(jié)點(diǎn)的組織原則:根據(jù)用戶(hù)需求選擇截面,進(jìn)行內(nèi)容的分組與隱藏非關(guān)鍵屬性信息
Part D-節(jié)點(diǎn)自身的規(guī)范:定義內(nèi)容概念以及元數(shù)據(jù)(metadata)

上述的“四個(gè)部分”夾雜我個(gè)人的理解罐旗。我認(rèn)為這四部分是逐步遞進(jìn)的:A通過(guò)梳理信息點(diǎn)的父子關(guān)系膳汪,我們可以獲取一個(gè)架構(gòu)樹(shù),再逐層梳理信息九秀,確定整體的完整內(nèi)容結(jié)構(gòu)遗嗽,B引入節(jié)點(diǎn)的概念來(lái)在單個(gè)層級(jí)或模塊內(nèi)設(shè)計(jì),并介紹節(jié)點(diǎn)的常見(jiàn)結(jié)構(gòu)類(lèi)型鼓蜒,C在節(jié)點(diǎn)與內(nèi)容結(jié)構(gòu)的基礎(chǔ)上逐層設(shè)計(jì)呈現(xiàn)痹换,D則是具體與用戶(hù)溝通時(shí)的信息表達(dá)方式(語(yǔ)言與元數(shù)據(jù))的設(shè)計(jì)。經(jīng)過(guò)這個(gè)流程都弹,范圍層所確定的內(nèi)容特性得以轉(zhuǎn)化為具體呈現(xiàn)給用戶(hù)的結(jié)構(gòu)
p.s.分類(lèi)體系是產(chǎn)品內(nèi)容的結(jié)構(gòu)娇豫;分類(lèi)體系≠導(dǎo)航or頁(yè)面流程。分類(lèi)體系內(nèi)部是對(duì)產(chǎn)品內(nèi)容的容納以及分組缔杉,這部分是產(chǎn)品團(tuán)隊(duì)內(nèi)部的認(rèn)知锤躁,不一定會(huì)直接顯示在用戶(hù)面前

Part A-梳理網(wǎng)站的分類(lèi)體系:通過(guò)信息架構(gòu)方法,構(gòu)建反映產(chǎn)品戰(zhàn)略的內(nèi)容結(jié)構(gòu)

在范圍層我們確定了“我們需要什么特性”或详,但這些特性像是一個(gè)個(gè)散落的點(diǎn)。通過(guò)梳理一個(gè)樹(shù)狀郭计、有層級(jí)的網(wǎng)站內(nèi)容的分類(lèi)體系霸琴,我們可以將這些點(diǎn)“填充到空槽里”,得到一個(gè)完整地反映產(chǎn)品目標(biāo)與用戶(hù)需求的結(jié)構(gòu)化內(nèi)容昭伸。

信息架構(gòu)方法主要有從上到下(top-down approach) 或 從下到上(bottom-up approach) 兩種:

  1. 從上到下的架構(gòu)方法是梧乘,從戰(zhàn)略層出發(fā),根據(jù)產(chǎn)品目標(biāo)和用戶(hù)需求,先梳理滿(mǎn)足決策目標(biāo)的廣泛分類(lèi)(主要分類(lèi))选调,再通過(guò)邏輯細(xì)分出次級(jí)分類(lèi)夹供,從而完成結(jié)構(gòu)設(shè)計(jì);
    缺點(diǎn)是可能忽略?xún)?nèi)容的重要細(xì)節(jié)
  2. 從下而上的架構(gòu)方法是仁堪,由范圍層出發(fā)哮洽,根據(jù)當(dāng)前確定的內(nèi)容和功能需求,我們先將網(wǎng)站已有的資料進(jìn)行初步的分組分類(lèi)(次級(jí)分類(lèi))弦聂,再將分類(lèi)后的內(nèi)容歸納到更高一級(jí)的分類(lèi)鸟辅,從而構(gòu)建出整體結(jié)構(gòu)。
    缺點(diǎn)是可能受到現(xiàn)有內(nèi)容的局限莺葫;另外未來(lái)內(nèi)容變動(dòng)可能不夠靈活
    結(jié)合 top-down 和 bottom-up approach匪凉,我們可以盡可能完整地構(gòu)建一個(gè)內(nèi)容結(jié)構(gòu)。

設(shè)計(jì)過(guò)程中需要注意:

  • 好的結(jié)構(gòu)的判斷標(biāo)準(zhǔn)是邊界是否足夠清晰捺檬,而不是數(shù)量再层。
    • 不需要給結(jié)構(gòu)強(qiáng)行增加數(shù)量限制;(類(lèi)似地堡纬,在功能結(jié)構(gòu)中树绩,)不要將“完成任務(wù)所需要的步驟”或者“用戶(hù)找到特定頁(yè)面所需要的點(diǎn)擊數(shù)”作為網(wǎng)站設(shè)計(jì)的唯一評(píng)判依據(jù)。步驟的合理性與步驟間的延續(xù)性更重要隐轩。
  • 需求是會(huì)隨著時(shí)間發(fā)生變化的饺饭,而網(wǎng)站需要適應(yīng)和成長(zhǎng)。
    • 網(wǎng)站的結(jié)構(gòu)最好具有可拓展性职车。新內(nèi)容可以作為現(xiàn)有結(jié)構(gòu)的一部分瘫俊,也可以作為一個(gè)完整的新部分加入。
    • 必要情況下(如產(chǎn)品目標(biāo)或用戶(hù)需求發(fā)生變化)悴灵,我們需要再次審視網(wǎng)站的組織分類(lèi)原則扛芽。例如,當(dāng)內(nèi)容大量增加時(shí)积瞒,網(wǎng)站可能需要從按日期分類(lèi)轉(zhuǎn)化為按主題分類(lèi)川尖。
Part B-節(jié)點(diǎn)與節(jié)點(diǎn)的排列結(jié)構(gòu):介紹信息呈現(xiàn)中常用的四種結(jié)構(gòu)

信息架構(gòu)設(shè)計(jì)中的基本單位是節(jié)點(diǎn)(node),這里的“節(jié)點(diǎn)”是抽象的茫孔,它可大可小——設(shè)計(jì)網(wǎng)站整體時(shí)叮喳,我們可以將頁(yè)面甚至模塊作為節(jié)點(diǎn);設(shè)計(jì)頁(yè)面時(shí)缰贝,頁(yè)面內(nèi)的一個(gè)元素甚至一個(gè)數(shù)字也可以成為節(jié)點(diǎn)馍悟。

節(jié)點(diǎn)的常見(jiàn)結(jié)構(gòu)包括層級(jí)結(jié)構(gòu)、矩陣結(jié)構(gòu)剩晴、自然結(jié)構(gòu)锣咒、線(xiàn)性結(jié)構(gòu)等等侵状。

層級(jí)結(jié)構(gòu),也稱(chēng)樹(shù)狀結(jié)構(gòu)或中心輻射結(jié)構(gòu)毅整,節(jié)點(diǎn)間存在父級(jí)/子級(jí)關(guān)系趣兄,子級(jí)從屬于代表更廣義類(lèi)別的父節(jié)點(diǎn),每一個(gè)節(jié)點(diǎn)都有一個(gè)父節(jié)點(diǎn)悼嫉,直到整個(gè)結(jié)構(gòu)的父節(jié)點(diǎn)(root)艇潭。
層級(jí)結(jié)構(gòu)是用戶(hù)最容易理解的概念,也是軟件常用的結(jié)構(gòu)承粤。

矩陣結(jié)構(gòu)暴区,節(jié)點(diǎn)是兩個(gè)或者更多的“維度”的交叉點(diǎn),用戶(hù)的需求通承岭可以和一個(gè)“軸”聯(lián)系起來(lái)仙粱。
矩陣結(jié)構(gòu)的缺點(diǎn)是,由于人腦無(wú)法很好地可視化超過(guò)三個(gè)維度的矩陣彻舰,矩陣結(jié)構(gòu)可能不適合作為復(fù)雜信息的主要導(dǎo)航工具伐割。

我認(rèn)為矩陣結(jié)構(gòu)可以理解為,我們?nèi)蓚€(gè)屬性作為軸刃唤,將這兩個(gè)軸平鋪在平面上后隔心,所有的信息就參照這兩個(gè)軸被納入一個(gè)矩陣;應(yīng)用場(chǎng)景例如尚胞,tb分類(lèi)區(qū)可以通過(guò)矩陣滿(mǎn)足通過(guò)顏色和尺寸瀏覽的用戶(hù)( #TODO 之前找的case內(nèi)容改版了硬霍,暫時(shí)沒(méi)有案例圖示)

自然結(jié)構(gòu),沒(méi)有一致的模式笼裳,結(jié)構(gòu)沒(méi)有太強(qiáng)烈的分類(lèi)概念唯卖。節(jié)點(diǎn)間逐一被鏈接,用戶(hù)使用時(shí)無(wú)法明確感知到自己在結(jié)構(gòu)中的哪個(gè)部分躬柬,更容易產(chǎn)生自由拜轨、探索的感覺(jué)。
自然結(jié)構(gòu)的缺點(diǎn)是允青,用戶(hù)難以通過(guò)同樣的路徑來(lái)尋找同樣的內(nèi)容橄碾。

以撒等roguelike游戲應(yīng)該典型的是層級(jí)+自然結(jié)構(gòu),自然結(jié)構(gòu)帶來(lái)挑戰(zhàn)+層級(jí)結(jié)構(gòu)提供確定性并給予反饋颠锉,讓玩家既感覺(jué)刺激法牲,又不會(huì)在長(zhǎng)線(xiàn)程中感到迷茫和沮喪。
個(gè)人有些困惑:

  • “隨機(jī)”在自然結(jié)構(gòu)中是否必要木柬?例如皆串,塞爾達(dá)系列的開(kāi)放世界是否屬于自然結(jié)構(gòu)(沒(méi)有查到關(guān)于organic structure 的說(shuō)明,因此暫時(shí)無(wú)法確定眉枕;我的傾向是,“是”+“不是自然結(jié)構(gòu)”,因?yàn)閮?nèi)容雖然非線(xiàn)性但是是確定的)
  • 另外如何區(qū)分自然結(jié)構(gòu)和線(xiàn)性結(jié)構(gòu)的區(qū)別速挑??jī)烧卟町愂窃谟陔S機(jī)性還是一維性谤牡?B站等內(nèi)容應(yīng)用的推薦flow屬于自然結(jié)構(gòu)還是線(xiàn)性結(jié)構(gòu)?(個(gè)人傾向于“隨機(jī)性”+“自然結(jié)構(gòu)”姥宝,將無(wú)法預(yù)知無(wú)法回溯的特點(diǎn)作為自然結(jié)構(gòu)和線(xiàn)性結(jié)構(gòu)的區(qū)分點(diǎn))
    歡迎朋友們來(lái)評(píng)論區(qū)討論~

線(xiàn)性結(jié)構(gòu):連貫的節(jié)點(diǎn)流程翅萤。
線(xiàn)性結(jié)構(gòu)是最基本的信息結(jié)構(gòu)類(lèi)型,包括小規(guī)模的文章腊满、專(zhuān)題套么,大規(guī)模的教學(xué)資料。

Part C-節(jié)點(diǎn)的組織原則:根據(jù)用戶(hù)需求選擇截面碳蛋,進(jìn)行內(nèi)容的分類(lèi)與非關(guān)鍵屬性信息的隱藏

信息架構(gòu)的設(shè)計(jì)過(guò)程中胚泌,我們需要考慮哪些節(jié)點(diǎn)需要編成一組管理,哪些節(jié)點(diǎn)則應(yīng)該獨(dú)立出現(xiàn)肃弟。這里作者將管理的規(guī)則定義為“組織原則/organizating principle”玷室。

這部分內(nèi)容主要為個(gè)人理解,私貨較重笤受、可能存在謬誤穷缤。

我的理解是,organizating principle不是一個(gè)方法的定義箩兽,而是通過(guò)引入這個(gè)概念來(lái)輔助表述津肛。學(xué)習(xí)的重點(diǎn)不在于概念本身。
換句話(huà)說(shuō)汗贫,organizating principle它本身不是一條“準(zhǔn)則”或者說(shuō)“設(shè)計(jì)原則”身坐,而是許多個(gè)運(yùn)用于不同點(diǎn)的“principals”聚合起來(lái)的一個(gè)概念。
part C 這部分簡(jiǎn)單來(lái)說(shuō)就是芳绩,識(shí)別出用戶(hù)期望的重點(diǎn)信息掀亥,并配合結(jié)構(gòu)隱藏非關(guān)鍵信息、幫助用戶(hù)快速觸達(dá)需要的信息點(diǎn)妥色。

在理解“組織原則”的設(shè)計(jì)之前搪花,我們需要先借用下圖書(shū)館學(xué)的術(shù)語(yǔ)“截面/facets”——反映用戶(hù)需求的屬性可以被提取為“截面”。

通過(guò)截面的使用嘹害,我們可以構(gòu)建組織原則:

  • what is “截面”撮竿、怎么使用截面:

    • 截面的本質(zhì)是屬性。截面和普通屬性不同的點(diǎn)在于笔呀,截面是被選取出來(lái)幢踏、可以反映/滿(mǎn)足用戶(hù)的需求的屬性。
      例如许师,汽車(chē)可能有外觀房蝉、價(jià)格僚匆、型號(hào)、重量等屬性搭幻,對(duì)于普通消費(fèi)者咧擂,“重量”這個(gè)屬性不重要,截面一般是外觀檀蹋、價(jià)格等松申;但是對(duì)于跨境運(yùn)輸?shù)膹臉I(yè)人士,“重量”的影響非常大俯逾、需要作為截面贸桶,反而是汽車(chē)本身的能耗、引擎等信息不太重要桌肴。
    • 設(shè)計(jì)中皇筛,我們需要識(shí)別用戶(hù)期望,并根據(jù)識(shí)別出的“用戶(hù)心目中至關(guān)重要的信息”進(jìn)行截面以及信息結(jié)構(gòu)的設(shè)計(jì)识脆。
      • 為什么需要設(shè)計(jì)截面设联,而不是支持用戶(hù)按照任意屬性作為截面使用:這個(gè)處理方法的問(wèn)題在于,除非信息特別簡(jiǎn)單灼捂,否則用戶(hù)反而會(huì)因?yàn)樾畔⑴判蜻^(guò)濾的手段太多而無(wú)法找到需要的內(nèi)容离例。
      • 截面的設(shè)計(jì)基于戰(zhàn)略層與范圍層的結(jié)論——戰(zhàn)略告訴我們“用戶(hù)的需求是什么”,范圍告訴我們“什么信息將滿(mǎn)足用戶(hù)的哪些需求”悉稠。
  • what is 組織原則宫蛆、如何設(shè)計(jì)組織原則:

    • “組織原則”的意思就是,節(jié)點(diǎn)們是以什么樣的方式被組織起來(lái)的的猛。
    • 分層設(shè)計(jì):如上文所述耀盗,一個(gè)網(wǎng)站或產(chǎn)品,它是由很多個(gè)層級(jí)的信息組成的卦尊。每個(gè)層級(jí)內(nèi)部所使用的組織原則可能是不同的叛拷,比如新聞網(wǎng)站最上層的類(lèi)別可能是按類(lèi)型做劃分(政治科技娛樂(lè)體育),但是下一層可能是按熱度做排序(高熱度消息在前)岂却。
    • 組織原則的設(shè)計(jì)同樣取決于戰(zhàn)略層忿薇。例如新聞網(wǎng)站可能以時(shí)間順序作為它最顯著的組織原則,因?yàn)橛脩?hù)的需求中最重要的就是信息的實(shí)時(shí)性躏哩,而實(shí)時(shí)性也可能是網(wǎng)站的立足之本署浩。
    • [純個(gè)人理解]組織原則 = 截面的選擇 * 結(jié)構(gòu)類(lèi)型的選擇
Part D-最小節(jié)點(diǎn)的規(guī)范:定義內(nèi)容概念以及元數(shù)據(jù)(metadata)

上述介紹的結(jié)構(gòu)組織方法可以“為用戶(hù)規(guī)劃好他們?cè)诰W(wǎng)站中走的路”;為了方便用戶(hù)理解扫尺,我們還要對(duì)產(chǎn)品中的語(yǔ)言筋栋,也就是“如何命名描述、標(biāo)簽等網(wǎng)站使用的術(shù)語(yǔ)”進(jìn)行設(shè)計(jì)正驻。

通過(guò)產(chǎn)品語(yǔ)言的設(shè)計(jì)弊攘,我們可以

  • “使用用戶(hù)的語(yǔ)言”:在產(chǎn)品中使用企業(yè)內(nèi)部的專(zhuān)業(yè)術(shù)語(yǔ)會(huì)增加用戶(hù)的理解成本抢腐;
  • “保持一致性”:語(yǔ)言的不一致會(huì)讓用戶(hù)感到困惑

控制產(chǎn)品語(yǔ)言(使用用戶(hù)語(yǔ)言并保持一致性)的兩個(gè)常用工具是受控詞典(controlled vocabulary) 和 類(lèi)詞詞典(thesaurus)。

受控詞典是網(wǎng)站使用的一套反映用戶(hù)語(yǔ)言的標(biāo)準(zhǔn)語(yǔ)言肴颊。受控詞典的重點(diǎn)不在于詞典的形式氓栈,而在于“反映用戶(hù)語(yǔ)言”——我們需要與用戶(hù)談話(huà)渣磷、了解他們的溝通方式婿着,從而建立一個(gè)讓用戶(hù)感到自然的命名原則。
受控詞典一方面可以保障用戶(hù)體驗(yàn)醋界,另一方面也可以幫助企業(yè)內(nèi)部溝通的內(nèi)容一致性竟宋。

類(lèi)詞詞典比受控詞典更為精細(xì)——類(lèi)詞詞典①不僅列出所使用詞匯的清單,②還會(huì)提供與其對(duì)應(yīng)的常用詞匯作為參考形纺,例如內(nèi)部專(zhuān)用術(shù)語(yǔ)丘侠、速寫(xiě)語(yǔ)、俚語(yǔ)逐样、縮寫(xiě)語(yǔ)等蜗字,③另外還可能包含詞匯間的類(lèi)型關(guān)系,提供更廣義脂新、更狹義以及相關(guān)詞匯的建議挪捕。
類(lèi)詞詞典通過(guò)記錄詞與詞的關(guān)系,可以幫助我們對(duì)內(nèi)容概念的范圍有更完整的印象争便,從而幫助我們?cè)俅未_認(rèn)結(jié)構(gòu)方法级零。

受控詞典或類(lèi)詞詞典對(duì)于建立包含 元數(shù)據(jù)(MetaData) 的系統(tǒng)很有幫助:

  1. 梳理詞典的過(guò)程中,我們可以提前梳理出元數(shù)據(jù)滞乙,以便設(shè)計(jì)一個(gè)靈活可拓展的信息架構(gòu)奏纪;
  2. 詞典可以保證概念的統(tǒng)一性,便于后續(xù)的數(shù)據(jù)打通斩启,從而讓元數(shù)據(jù)系統(tǒng)的價(jià)值最大化序调。

好的元數(shù)據(jù)和類(lèi)詞詞典(禁用詞、首選詞)甚至可以?xún)?yōu)化搜索結(jié)果兔簇。

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

在產(chǎn)品設(shè)計(jì)的過(guò)程中发绢,我們應(yīng)當(dāng)有意識(shí)地進(jìn)行架構(gòu)的梳理和設(shè)計(jì)。

  • “由誰(shuí)來(lái)負(fù)責(zé)”不是關(guān)鍵男韧,是否要專(zhuān)人設(shè)計(jì)朴摊、由誰(shuí)承擔(dān)架構(gòu)設(shè)計(jì)的責(zé)任,這取決于企業(yè)與項(xiàng)目的需求此虑。架構(gòu)設(shè)計(jì)可以交給某個(gè)人來(lái)做——可能是全職負(fù)責(zé)架構(gòu)問(wèn)題的人甚纲,ta可能被稱(chēng)作交互設(shè)計(jì)師、信息架構(gòu)師朦前、用戶(hù)體驗(yàn)設(shè)計(jì)師介杆;可能是內(nèi)容型產(chǎn)品中的內(nèi)容建設(shè)成員鹃操;可能是技術(shù)導(dǎo)向企業(yè)中的技術(shù)項(xiàng)目負(fù)責(zé)人。
  • 重點(diǎn)在于春哨,我們需要產(chǎn)品應(yīng)當(dāng)有意識(shí)地規(guī)劃架構(gòu)荆隘,從而保證①減少維護(hù)工作量,②滿(mǎn)足用戶(hù)需求和產(chǎn)品所有者的需求(戰(zhàn)略需求)赴背。

架構(gòu)的描述形式不局限于文字文檔椰拒。文字可以簡(jiǎn)單有效地記錄概況;但對(duì)于復(fù)雜的網(wǎng)站結(jié)構(gòu)凰荚,文字的傳達(dá)效率并不高燃观;
報(bào)表、數(shù)據(jù)庫(kù)等可以更好地表述復(fù)雜結(jié)構(gòu)的細(xì)微差異便瑟;
信息架構(gòu)或交互設(shè)計(jì)的常用載體是示意圖——架構(gòu)圖可以視覺(jué)化地缆毁、高效地呈現(xiàn)結(jié)構(gòu),讓“分支到涂、群組脊框、組件之間的聯(lián)系”一目了然。

針對(duì)架構(gòu)圖的設(shè)計(jì)践啄,我們有一些設(shè)計(jì)建議:
1. 內(nèi)容:架構(gòu)圖的核心意義在于浇雹,記錄概念關(guān)系——信息中的分組與獨(dú)立關(guān)系,或交互中的步驟配合關(guān)系往核。
2. 粒度:架構(gòu)圖最重要的是“講清楚重要信息”箫爷,不需要、也不建議詳盡到網(wǎng)站每一頁(yè)的每一個(gè)鏈接聂儒。根據(jù)項(xiàng)目復(fù)雜度的不同虎锚,結(jié)構(gòu)層描述的粒度也有所差別(從命名原則和元數(shù)據(jù)的具體細(xì)節(jié),到信息架構(gòu)和交互設(shè)計(jì)的整體概況)衩婚。
作者結(jié)合自己的經(jīng)驗(yàn)窜护,提供了描述的工具視覺(jué)詞典(visual vocabulary)

簡(jiǎn)單瀏覽了一下非春,看起來(lái)是一種自定義的UML規(guī)則柱徙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市奇昙,隨后出現(xiàn)的幾起案子护侮,更是在濱河造成了極大的恐慌,老刑警劉巖储耐,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件羊初,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)长赞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)晦攒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人得哆,你說(shuō)我怎么就攤上這事脯颜。” “怎么了贩据?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵栋操,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我乐设,道長(zhǎng)讼庇,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任近尚,我火速辦了婚禮,結(jié)果婚禮上场勤,老公的妹妹穿的比我還像新娘戈锻。我一直安慰自己,他們只是感情好和媳,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布格遭。 她就那樣靜靜地躺著,像睡著了一般留瞳。 火紅的嫁衣襯著肌膚如雪拒迅。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,806評(píng)論 1 290
  • 那天她倘,我揣著相機(jī)與錄音璧微,去河邊找鬼。 笑死硬梁,一個(gè)胖子當(dāng)著我的面吹牛前硫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播荧止,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼屹电,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了跃巡?” 一聲冷哼從身側(cè)響起危号,我...
    開(kāi)封第一講書(shū)人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎素邪,沒(méi)想到半個(gè)月后外莲,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡娘香,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年苍狰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了办龄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡淋昭,死狀恐怖俐填,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翔忽,我是刑警寧澤英融,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站歇式,受9級(jí)特大地震影響驶悟,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜材失,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一痕鳍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧龙巨,春花似錦笼呆、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至秸弛,卻和暖如春铭若,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背递览。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工叼屠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人非迹。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓环鲤,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親憎兽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子冷离,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

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