起重學(xué)院
下載手機(jī)APP
當(dāng)前位置: 首頁 ? 起重學(xué)院 ? 電子商務(wù) ? 正文

網(wǎng)站頁面布局及首頁設(shè)計(jì)

來源:中國(guó)起重機(jī)械網(wǎng)
|
|
|
       網(wǎng)站頁面的布局方式,展示方式直接影響著用戶使用網(wǎng)站的方便性。合理的布局會(huì)讓用戶在瀏覽網(wǎng)站時(shí)快速發(fā)現(xiàn)核心內(nèi)容和服務(wù)。如果布局不合理,用戶需要思考如何獲取頁面的信息,從頁面內(nèi)容篩選主要服務(wù)。在這個(gè)過程中,用戶通常是進(jìn)行掃描瀏覽,捕捉對(duì)用戶有用的信息,他們不會(huì)花費(fèi)太多的時(shí)間去停留頁面,會(huì)選擇離開頁面,甚至以后不會(huì)訪問網(wǎng)站。因此頁面布局的重點(diǎn)是體現(xiàn)網(wǎng)站運(yùn)營(yíng)的核心內(nèi)容及服務(wù),將核心服務(wù)顯示在關(guān)鍵的位置,供用戶在最短的時(shí)間瀏覽到。用戶捕捉到這新信息后,然后做出判斷是否對(duì)網(wǎng)站做深層次的瀏覽使用。

  首頁設(shè)計(jì)的要點(diǎn)

  目前互聯(lián)網(wǎng)類型有以下幾類:社區(qū)類型網(wǎng)站、產(chǎn)品(服務(wù))查詢展示型網(wǎng)站、企業(yè)品牌類網(wǎng)站、企業(yè)涉外商務(wù)網(wǎng)站、網(wǎng)上購物型網(wǎng)站、門戶綜合信息網(wǎng)站、行業(yè)、協(xié)會(huì)信息門戶/B2B交易服務(wù)型網(wǎng)站、功能性網(wǎng)站、政府門戶信息網(wǎng)站;根據(jù)互聯(lián)網(wǎng)網(wǎng)站類型不同,首頁的設(shè)計(jì)都不同,但是具備的一些基礎(chǔ)元素:logo標(biāo)示,信息搜索框,全局導(dǎo)航條,頁尾等。

  社區(qū)類型網(wǎng)站:

  騰訊朋友、開心網(wǎng)、校內(nèi)網(wǎng)等SNS社區(qū)類型的網(wǎng)站,界面有很多相似之處。組成元素登錄表單、網(wǎng)站服務(wù)內(nèi)容、宣傳語、頁尾;從首頁的展現(xiàn)看個(gè)人覺得騰訊朋友的界面,比較簡(jiǎn)潔;三個(gè)界面相比,騰訊朋友更加突出“注冊(cè)”吸引用戶開通;人人網(wǎng)界面比較凌亂,廣告與文字堆積在界面上沒有很清晰的標(biāo)識(shí),找不到側(cè)重點(diǎn);
  
       企業(yè)品牌類網(wǎng)站為例:

  企業(yè)首頁不僅扮演形象展示的作用,更重要的是起到信息傳遞的作用。品牌企業(yè)的首頁設(shè)計(jì)過于重視“形象展示”職能而忽略“信息傳遞”職能,大量企業(yè)網(wǎng)站首頁一律是全屏flash,對(duì)用戶快速獲取信息造成阻礙。因此,網(wǎng)站的首頁設(shè)計(jì)要在傳遞品牌形象的同時(shí),讓首次訪問的用戶在第一時(shí)間明白網(wǎng)站的內(nèi)容、服務(wù)和功能,同時(shí),通過首頁,能夠快速直達(dá)所要找尋的目標(biāo)頁面。

  網(wǎng)站的界面布局的好壞取決于網(wǎng)站的內(nèi)容框架及網(wǎng)站的信息設(shè)計(jì),應(yīng)根據(jù)用戶的瀏覽習(xí)慣將網(wǎng)站的核心內(nèi)容服務(wù)合理有序的展示給用戶,人的視覺通常不是先看中間,而是根據(jù)母語的讀寫習(xí)慣,經(jīng)過大腦的指令,按照:從上到下,從左到右的路線進(jìn)行查看,人喜歡第一眼看左上角的內(nèi)容,重點(diǎn)要在左邊偏上的部位出現(xiàn)。因此重要信息顯示放置在重要的版塊,網(wǎng)頁布局也應(yīng)考慮網(wǎng)站運(yùn)營(yíng)的重點(diǎn),網(wǎng)站最終的目的是盈利。

  從AACall首頁界面布局來看:一、廣告放在網(wǎng)站的重要位置,網(wǎng)站主要目的是通過這個(gè)廣告營(yíng)銷的方法宣傳推廣吸引用戶購買;二、右邊位置展示用簡(jiǎn)而精的語言直白描述網(wǎng)站的意圖,加上“免費(fèi)體驗(yàn)”,“數(shù)字化的用戶數(shù)”吸引用戶成為網(wǎng)站的潛在用戶 。

  界面的布局展示符合:從上到下,從左到右,將重要信息有序合理的排放在重要的位置;重要的內(nèi)容在第一屏位置優(yōu)先落入到用戶的眼簾;各個(gè)模塊要有層次性展示;頁面布局的同級(jí)頁面布局需統(tǒng)一。

  總結(jié)如下:

  7±2原則,即“由于人類大腦處理信息的能力有限,它會(huì)將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒(George A. Miller)的研究,人類短期記憶一般一次只能記住5-9個(gè)事物。”

  1. 一個(gè)頁面總體的信息量不宜過多,提供給用戶識(shí)別的區(qū)塊最好不超出這個(gè)數(shù)字范圍太多。

  2. 該頁面需要完成的主體功能,放在頁面首要主體位置。其它必須功能放在次之位置。

  3. 不要讓那些有必要而非必須的功能,因?yàn)樽陨砝娴男枰瑥?qiáng)行搶占主體位置,以致影響人們對(duì)最熟悉、最常用的功能使用。

?

移動(dòng)版:網(wǎng)站頁面布局及首頁設(shè)計(jì)

?