在確定網(wǎng)站欄目和版塊時(shí),需要注意以下多個(gè)方面:
- 契合網(wǎng)站主題:
- 若網(wǎng)站定位是一個(gè)健身知識分享平臺,那所有的欄目和版塊都應(yīng)圍繞健身主題展開。比如設(shè)置 “健身動(dòng)作教程”“健身飲食搭配”“不同健身階段攻略”“健身器材介紹” 等欄目,避免出現(xiàn)與健身無關(guān)的內(nèi)容,像旅游攻略、美食推薦這類不相干的版塊,這樣才能讓用戶清晰地知道該網(wǎng)站的核心價(jià)值所在。
- 服務(wù)目標(biāo)受眾:
- 對于面向老年人的健康養(yǎng)生網(wǎng)站,欄目和版塊設(shè)計(jì)要符合老年人的使用習(xí)慣和需求特點(diǎn)?梢栽O(shè)置較大字體、清晰簡單的 “養(yǎng)生知識科普”“常見疾病預(yù)防”“適合老年人的運(yùn)動(dòng)” 等欄目,操作流程也要盡量簡潔,減少復(fù)雜的交互設(shè)計(jì);而如果是面向年輕游戲玩家的電競網(wǎng)站,則可以有 “熱門游戲資訊”“游戲賽事直播”“玩家攻略分享”“電競俱樂部動(dòng)態(tài)” 等充滿活力且緊跟潮流的版塊,滿足年輕群體對游戲相關(guān)信息及時(shí)性和互動(dòng)性的高要求。
- 合理分類內(nèi)容:
- 以在線教育網(wǎng)站為例,有各類學(xué)科課程、學(xué)習(xí)資料、課后答疑等內(nèi)容,那就需要按照學(xué)科進(jìn)行一級分類,如 “語文”“數(shù)學(xué)”“英語” 等,在每個(gè)學(xué)科下再細(xì)分不同年級、不同知識模塊等,形成一個(gè)條理清晰的內(nèi)容體系,方便用戶查找自己需要的課程或資料,避免出現(xiàn)內(nèi)容混亂堆砌的情況。
- 體現(xiàn)內(nèi)容關(guān)聯(lián):
- 在新聞資訊網(wǎng)站中,當(dāng)用戶閱讀一篇關(guān)于某地區(qū)環(huán)保政策出臺的新聞時(shí),旁邊可以設(shè)置 “相關(guān)政策解讀”“該地區(qū)環(huán)境現(xiàn)狀介紹”“周邊城市類似政策案例” 等相關(guān)鏈接版塊,通過這種關(guān)聯(lián)性的設(shè)置,引導(dǎo)用戶深入了解相關(guān)主題,讓整個(gè)網(wǎng)站的內(nèi)容形成一個(gè)有機(jī)的整體,而不是孤立的一個(gè)個(gè)頁面。
- 避免欄目過多:
- 網(wǎng)站的主導(dǎo)航欄目數(shù)量最好控制在 7 個(gè)左右,不宜過多。比如一個(gè)企業(yè)官網(wǎng),如果設(shè)置了十幾個(gè)主導(dǎo)航欄目,像 “企業(yè)簡介”“企業(yè)文化”“企業(yè)榮譽(yù)”“企業(yè)組織架構(gòu)”“企業(yè)領(lǐng)導(dǎo)團(tuán)隊(duì)”“企業(yè)發(fā)展歷程” 等等,會讓用戶在瀏覽時(shí)感到眼花繚亂,不知道重點(diǎn)在哪,增加了認(rèn)知負(fù)擔(dān),難以快速定位到自己真正想了解的信息。
- 簡化層級結(jié)構(gòu):
- 盡量讓網(wǎng)站的版塊層級保持較淺,最好不要超過三級。假設(shè)電商網(wǎng)站的商品分類有太多層級,用戶從 “電子產(chǎn)品” 大類進(jìn)入后,又要經(jīng)過多層細(xì)分才能找到具體想要的某款手機(jī),這樣很容易讓用戶失去耐心,影響購物體驗(yàn)。所以要合理歸并類目,讓用戶經(jīng)過較少的點(diǎn)擊就能找到目標(biāo)商品或內(nèi)容。
- 符合瀏覽習(xí)慣:
- 大部分用戶習(xí)慣從上到下、從左到右瀏覽頁面(針對從左到右閱讀的語言環(huán)境),重要的欄目和版塊就應(yīng)放置在頁面的顯眼位置,比如網(wǎng)站頭部放置核心導(dǎo)航,左側(cè)或上方設(shè)置常用功能按鈕等。例如搜索引擎網(wǎng)站,把搜索框放在頁面正中央偏上的位置,方便用戶第一時(shí)間看到并輸入關(guān)鍵詞進(jìn)行搜索。
- 方便操作交互:
- 對于有會員功能的網(wǎng)站,“注冊”“登錄” 按鈕要放在容易看到和點(diǎn)擊的位置,并且操作流程要簡潔明了,減少不必要的驗(yàn)證步驟等,讓用戶能快速完成注冊登錄,進(jìn)入相應(yīng)的會員專屬欄目或版塊去享受服務(wù)。同時(shí),像論壇類網(wǎng)站,要設(shè)置清晰的 “發(fā)布話題”“回復(fù)評論” 等按鈕,方便用戶參與互動(dòng)交流。
- 風(fēng)格統(tǒng)一協(xié)調(diào):
- 網(wǎng)站的各個(gè)欄目和版塊在色彩搭配、字體樣式、圖標(biāo)設(shè)計(jì)等方面要保持統(tǒng)一的風(fēng)格。比如科技類網(wǎng)站整體采用簡潔的藍(lán)白配色,那所有的欄目標(biāo)題、正文、按鈕等視覺元素都應(yīng)遵循這一配色方案,不能出現(xiàn)某個(gè)版塊是鮮艷的大紅大紫,破壞了整體的科技感和協(xié)調(diào)感,給用戶帶來視覺上的突兀感。
- 突出重點(diǎn)版塊:
- 可以通過改變字體大小、顏色、運(yùn)用特殊的排版方式等來突出重要的欄目和版塊。例如電商網(wǎng)站在促銷活動(dòng)期間,把 “限時(shí)折扣商品” 版塊用較大字號、醒目的紅色字體展示,吸引用戶的注意力,引導(dǎo)他們優(yōu)先瀏覽這些優(yōu)惠內(nèi)容,增加購買機(jī)會。
- 便于更新管理:
- 采用模塊化的設(shè)計(jì)思路,使每個(gè)欄目和版塊相對獨(dú)立,方便內(nèi)容的更新和管理。例如內(nèi)容資訊類網(wǎng)站的 “新聞版塊”,編輯人員可以單獨(dú)對該版塊內(nèi)的新聞進(jìn)行撰寫、編輯、發(fā)布等操作,而不會影響到 “產(chǎn)品展示” 版塊的正常運(yùn)作,降低了后期維護(hù)的難度和成本。
- 預(yù)留拓展空間:
- 考慮到網(wǎng)站未來可能會增加新功能或拓展業(yè)務(wù)領(lǐng)域,要提前預(yù)留一定的空間。比如社交網(wǎng)站一開始可能只有基本的聊天、動(dòng)態(tài)分享功能,對應(yīng)的欄目和版塊也是圍繞這些展開,但可以提前規(guī)劃好頁面布局和數(shù)據(jù)結(jié)構(gòu),為后續(xù)添加 “視頻通話”“線上活動(dòng)” 等新功能版塊做好準(zhǔn)備,便于隨著業(yè)務(wù)發(fā)展不斷完善網(wǎng)站。
|