在線內(nèi)容的呈現(xiàn)對(duì)于網(wǎng)站的可用性至關(guān)重要——如果用戶不能立即找到他想要的信息，他很可能會(huì)離開。由于這個(gè)事實(shí)，許多網(wǎng)頁(yè)設(shè)計(jì)師和用戶體驗(yàn)專業(yè)人士堅(jiān)持認(rèn)為，每個(gè)網(wǎng)頁(yè)應(yīng)該包含有限的內(nèi)容，但在許多情況下，這是根本不可能的。一些網(wǎng)站打算展示大量的內(nèi)容，設(shè)計(jì)師別無選擇，只能應(yīng)對(duì)額外的挑戰(zhàn)。
值得慶幸的是，在這方面有一些技巧是有用的。誠(chéng)然，每個(gè)網(wǎng)站都是獨(dú)一無二的，成功的設(shè)計(jì)不能盲目復(fù)制，但可以依靠用戶體驗(yàn)行業(yè)的集體經(jīng)驗(yàn)來取得更好的效果。以下提示可以為如何處理內(nèi)容繁重的頁(yè)面提供一些指導(dǎo)，同時(shí)又不會(huì)讓訪問者不知所措：
研究什么有效，什么無效
用戶體驗(yàn)設(shè)計(jì)可能不是一門精確的科學(xué)，盡管用戶反應(yīng)的某些模式比你想象的更穩(wěn)定。這就是為什么每一個(gè)優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)師都會(huì)花費(fèi)大量時(shí)間來探索競(jìng)爭(zhēng)對(duì)手在做什么。你永遠(yuǎn)不知道從哪里能找到一點(diǎn)靈感，因?yàn)橛袝r(shí)在另一個(gè)網(wǎng)站上看到的細(xì)節(jié)可以引發(fā)一個(gè)原創(chuàng)的想法。同樣重要的是研究負(fù)面例子，這樣你就知道什么類型的錯(cuò)誤要小心，哪些組合要避免。當(dāng)然，背景是很重要的，所以有必要權(quán)衡一下這個(gè)例子是從哪里來的，以及它在你所瞄準(zhǔn)的特定領(lǐng)域是如何工作的。
使用內(nèi)容框和邊框
使內(nèi)容更易于管理的最明顯的方法是將其分成更小的塊。如果這些內(nèi)容單元通過邊框、內(nèi)容框或類似的設(shè)計(jì)技術(shù)從視覺上與頁(yè)面的其余部分分開，那么它們將更易于處理和理解。這涉及到不同類型的內(nèi)容-文本的關(guān)鍵段落應(yīng)該放在一個(gè)單獨(dú)的框中，而這或多或少是所有圖像的標(biāo)準(zhǔn)做法。注意使用兼容的樣式作為視覺分隔符，否則會(huì)造成混淆和否定正面效果。每個(gè)內(nèi)容框都應(yīng)該有標(biāo)題和/或描述，這樣一眼就可以更容易地看出它的真正目的。
為每種內(nèi)容類型創(chuàng)建單獨(dú)的節(jié)
一個(gè)組織良好的頁(yè)面將帶領(lǐng)讀者從上到下，按照精心選擇的順序提供結(jié)構(gòu)化信息。然而，有些訪問者只會(huì)跳過頁(yè)面，尋找特定條目或試圖快速了解內(nèi)容。在這兩種情況下，由多個(gè)清晰標(biāo)記的部分組成的頁(yè)面更易于用戶使用，加快了快速搜索，并為需要深入解釋的專用用戶提供了更好的內(nèi)容流。理想情況下，每個(gè)部分應(yīng)該主要由同質(zhì)內(nèi)容組成——例如，文本部分后跟數(shù)據(jù)表，但這不是一成不變的，而是取決于可用內(nèi)容的性質(zhì)。這種模式的例子可以在不同的行業(yè)中找到。
突出顯示關(guān)鍵信息和鏈接
聰明的設(shè)計(jì)會(huì)找到一些方法來表明哪部分內(nèi)容最值得關(guān)注，即使是在擁擠的頁(yè)面上。這可以通過多種方式實(shí)現(xiàn)，從使用顏色高亮顯示到分層內(nèi)容放置。這個(gè)過程的第一步是在整個(gè)內(nèi)容結(jié)構(gòu)中識(shí)別最重要的元素及其最自然的點(diǎn)。一旦明確了需要傳達(dá)的內(nèi)容，設(shè)計(jì)師就可以尋找適當(dāng)?shù)囊曈X語言，將訪問者的注意力引導(dǎo)到選定的部分。所選擇的技術(shù)將取決于所傳達(dá)的信息類型——數(shù)字?jǐn)?shù)據(jù)可能最適合于表格，而描述性文本可能以項(xiàng)目符號(hào)列表的形式呈現(xiàn)。
適度使用多媒體
我們都知道多媒體內(nèi)容遠(yuǎn)比純文本更有表現(xiàn)力，但這也是在單個(gè)頁(yè)面上放置大量?jī)?nèi)容時(shí)要非常小心的另一個(gè)原因。太多的圖像或視頻沒有任何分類就塞滿在一起，可能會(huì)阻止用戶尋找他們感興趣的內(nèi)容。對(duì)于經(jīng)常發(fā)布大量照片或視頻的網(wǎng)站來說，保持適當(dāng)?shù)钠胶獠⑻峁┣逦姆诸惡蜕舷挛拿枋鍪欠浅Ｖ匾?。交互元素?yīng)該謹(jǐn)慎使用，并且只有在它們有意義的時(shí)候才使用——在每個(gè)部分的頂部都有一個(gè)調(diào)查問題只會(huì)讓用戶感到惱火。
別忘了空位
處理大量?jī)?nèi)容的設(shè)計(jì)師通常會(huì)將內(nèi)容包裝得非常緊密以節(jié)省空間，但這在幾乎所有情況下都是一個(gè)嚴(yán)重的錯(cuò)誤。當(dāng)視覺元素彼此距離太近時(shí)，它們會(huì)干擾用戶的感知，降低單個(gè)元素被注意到的機(jī)會(huì)。在每個(gè)文本框或圖像周圍留出足夠的空間可能會(huì)增加頁(yè)面的滾動(dòng)長(zhǎng)度，但如果訪問者仍然感興趣，這不會(huì)是一個(gè)問題。在閱讀大量文本時(shí)，間隔式布局也會(huì)減少疲勞，這是另一種提高可讀性和優(yōu)化頁(yè)面以滿足大眾讀者的方式。
像用戶一樣思考
每一個(gè)用戶體驗(yàn)設(shè)計(jì)指南都會(huì)告訴你，如果用戶覺得最漂亮的布局不實(shí)用，那么它就毫無意義。要?jiǎng)?chuàng)建一個(gè)真正能引起讀者共鳴的頁(yè)面，你應(yīng)該設(shè)身處地為用戶著想，從這個(gè)角度考慮每個(gè)設(shè)計(jì)特性。導(dǎo)航系統(tǒng)應(yīng)該以這種心態(tài)開發(fā)，允許從一個(gè)關(guān)鍵區(qū)域到另一個(gè)關(guān)鍵區(qū)域的快速和直觀的跳躍。為了給用戶提供更多幫助，可以通過鼠標(biāo)懸停文本和“閱讀更多”鏈接等工具根據(jù)要求提供附加說明。頁(yè)面上的標(biāo)題和副標(biāo)題應(yīng)該簡(jiǎn)單直觀，因?yàn)檫^于復(fù)雜或模糊的語言可能會(huì)阻礙一些用戶進(jìn)一步查詢。最后，頁(yè)面應(yīng)該具有清晰可區(qū)分的可操作元素，以便用戶本能地知道在哪里單擊以啟動(dòng)操作。
本文地址：http://m.gknaturalcreations.com/wangzhansheji/25-477.html
