《用戶體驗(yàn)要素》精華總結(jié)五:結(jié)構(gòu)層——交互設(shè)計(jì)與信息架構(gòu)

在定義好用戶需求并排列好優(yōu)先級之后,我們對于最終產(chǎn)品將會包括什么特性已經(jīng)有了清楚的圖像。然而,這些需求并沒有說明如何將這些分散的片段組成一個整體。這就是范圍層的上面一層:為網(wǎng)站創(chuàng)建一個概念結(jié)構(gòu)。

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


在傳統(tǒng)的軟件開發(fā)行業(yè),涉及“為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)”的方法被稱為交互設(shè)計(jì)。

結(jié)構(gòu)層

交互設(shè)計(jì)和信息架構(gòu)都強(qiáng)調(diào)一個重點(diǎn):確定各個將要呈現(xiàn)給用戶的元素的“模式”和“順序”,交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素;信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。


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


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

程序員更容易創(chuàng)建出來一個在技術(shù)上效率很高,卻忽略了什么才是對用戶而言最好的系統(tǒng)。

與其針對機(jī)器的最佳工作方式來設(shè)計(jì)系統(tǒng),還不如設(shè)計(jì)一個對用戶而言最好的系統(tǒng)。 取而代之來幫助軟件開發(fā)者的,是一個被稱作交互設(shè)計(jì)的新興學(xué)科。


三、概念模型


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

使用人們熟悉的概念模型,會使用戶很快適應(yīng)一個不熟悉的網(wǎng)站。當(dāng)然,打破傳統(tǒng)也沒有錯—只要你有一個好理由說明“為什么這樣做”,同時準(zhǔn)備好另一個符合用戶需求且在情理之中的概念模型以備使用。

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

將現(xiàn)實(shí)世界中相對應(yīng)實(shí)物的比喻放入我們的概念模型中,這對系統(tǒng)功能的設(shè)計(jì)可能會有一定的價值。不過,更重要的是,不要將比喻從現(xiàn)實(shí)世界中字不落地照搬過來。


某航空公司官網(wǎng)(反例)

錯誤處理

1.第一個同時也是最好的防止錯誤的方法,是將系統(tǒng)設(shè)計(jì)成不可能犯錯的那種。為了防止這樣的情況發(fā)生,一輛自動檔的汽車都會被設(shè)計(jì)成“除非掛在P檔(停車檔)上,否則不能啟動發(fā)動機(jī)”。

2.第二個避免錯誤的方法就是使錯誤難以發(fā)生。 系統(tǒng)應(yīng)該幫助用戶找出錯誤并且改正它們。在某些情況下,系統(tǒng)甚至可以幫助用戶自動改正錯誤。

3. 系統(tǒng)應(yīng)該為用戶提供從錯誤中恢復(fù)的方式。最有名的例子就是著名的“撤銷”功能,對于那些不可能恢復(fù)的錯誤,提供大量的警告就是系統(tǒng)唯一可提供的預(yù)防方法。


四、信息架構(gòu)


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

1.結(jié)構(gòu)化內(nèi)容

(1)從上到下的信息架構(gòu)方法將從戰(zhàn)略層所考慮的內(nèi)容,即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)。

從上到下

(2)從下到上的信息架構(gòu)方法也包括了主要分類與次級分類,但它是根據(jù)對“內(nèi)容和功能需求的分析”而來的。

從下到上

這兩種方法都有一定的局限。從上到下的架構(gòu)方法有時可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略。另一方面,從下到上的方法則可能導(dǎo)致架構(gòu)過于精確地反映了現(xiàn)有的內(nèi)容,因此不能靈活地入容納未來內(nèi)容的變動或增加。

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

一個高效結(jié)構(gòu)的優(yōu)點(diǎn)就是具備“容納成長和適應(yīng)變動的能力。一個完整的用戶體驗(yàn),包括網(wǎng)站結(jié)構(gòu),都是建立在對網(wǎng)站目標(biāo)和用戶需求的理解之上的。

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

2.結(jié)構(gòu)方法

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

(1)層級結(jié)構(gòu) 中—有時也稱為樹狀結(jié)構(gòu)或中心輻射結(jié)構(gòu)—節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級/子級的關(guān)系。

層級結(jié)構(gòu)

(2)矩陣結(jié)構(gòu) 允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個或更多的“維度”移動。 舉個例子來說,如果你的某些用戶確實(shí)很想通過顏色來瀏覽產(chǎn)品,而其他人偏偏希望能通過產(chǎn)品的尺寸來瀏覽,那么矩陣結(jié)構(gòu)就可以同時容納這兩種不同的用戶

矩陣結(jié)構(gòu)

(3)自然結(jié)構(gòu) 不會遵循任何一致的模式。節(jié)點(diǎn)是逐一被連接起來的,同時這種結(jié)構(gòu)沒有太強(qiáng)烈的“分類”的概念。 如果你想要鼓勵自由探險的感覺,比如某些娛樂或教育網(wǎng)站,那自然結(jié)構(gòu)可能會是個好的選擇。

自然結(jié)構(gòu)

(4)線性結(jié)構(gòu) 連貫的語言流程是最基本的信息結(jié)構(gòu)類型,而且處理它的裝置早已被深深地植入我們的大腦中了。書、文章、音像和錄像全部都被設(shè)計(jì)成一種線性的體驗(yàn)。

線性結(jié)構(gòu)

3.組織原則

節(jié)點(diǎn)在信息架構(gòu)中是依據(jù)組織原則來安置的。一般來說,你在產(chǎn)品最高層級使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān)。例如,一個做新聞內(nèi)容的網(wǎng)站經(jīng)常以時間順序作為它最顯著的組織原則。

我們所面臨的困難不是創(chuàng)建一個結(jié)構(gòu),而是在創(chuàng)建一個能與“我們的目標(biāo)”和“用戶需求”相對應(yīng)的、正確的結(jié)構(gòu)。

戰(zhàn)略告訴我們“用戶的需求是什么”,范圍則告訴我們“什么樣的信息將滿足那些用戶需求”。在創(chuàng)建結(jié)構(gòu)時,我們就要具體地識別出用戶心目中至關(guān)重要的那些信息。成功的用戶體驗(yàn),就是能事先預(yù)知用戶的期望并將其納入設(shè)計(jì)之中。


(下一章預(yù)告:框架層——界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì))

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容