如何從用戶角度設(shè)計(jì)網(wǎng)站和導(dǎo)航

時(shí)間：2022-07-02 06:33:01 | 來源：建站知識(shí)

時(shí)間：2022-07-02 06:33:01 來源：建站知識(shí)

小編由于所處行業(yè)和工作性質(zhì)的原因，可以說要花費(fèi)很多時(shí)間泡在各種SEO論壇和網(wǎng)站設(shè)計(jì)的網(wǎng)站，例如站長(zhǎng)之家和A5都是小編經(jīng)常逛的地方。但是，這幾天小編驚奇的發(fā)現(xiàn)，站長(zhǎng)之家首頁(yè)進(jìn)行了改變，相比之前的網(wǎng)站，現(xiàn)在的站長(zhǎng)之家給人的一種感覺，無論從色彩和尋找信息的角度出發(fā)都更加容易。像站長(zhǎng)之家這種大站，在改版之后，都在從用戶角度出發(fā)。我們?cè)谧鼍W(wǎng)站之后，應(yīng)該從哪些方面著手，想做資訊站的網(wǎng)友和用戶，不妨借鑒下站長(zhǎng)之家。

首先，小編認(rèn)為網(wǎng)站的整體風(fēng)格。選擇顏色的搭配，對(duì)于網(wǎng)站來說，就要充分照顧到行業(yè)。一個(gè)網(wǎng)站良好的版面風(fēng)格決定了用戶對(duì)于網(wǎng)站的好壞印象，也決定了網(wǎng)站能否吸引到客戶。如果我們?cè)谶x擇網(wǎng)站風(fēng)格中，選擇的顏色給人一種壓抑的感覺或者在顏色方面過于明亮和太絢麗就給人的眼球造成一種負(fù)擔(dān)，用戶的行為可能就是立馬關(guān)閉網(wǎng)站或者點(diǎn)擊進(jìn)入下一個(gè)頁(yè)面，以躲開這種行為給人造成過度傷害。

因此，選擇網(wǎng)站風(fēng)格，盡量選擇柔和或者是暖色，例如站長(zhǎng)之家選擇的就是一種藍(lán)白基調(diào)，這種就給人在視覺上不會(huì)造成任何的傷害。同樣A5選擇也是這樣一種風(fēng)格基調(diào)，小編在使用這么長(zhǎng)不會(huì)出現(xiàn)視覺疲勞。所以，在選擇風(fēng)格中，就要充分照顧到用戶。

接下來，是網(wǎng)站的字體大小。在字體的選擇中，也是有講究的。如果網(wǎng)站字體在這個(gè)頁(yè)面都選擇同樣大小，這就很容易給人一種很亂的感覺。小編在這里說一句不要給用戶設(shè)置難度，用戶其實(shí)是很懶，不會(huì)刻意對(duì)你網(wǎng)站都進(jìn)行全面的查看，除非是你的對(duì)手。然而，站長(zhǎng)之家這次改版在字體選擇中給小編很好的啟發(fā)。

在網(wǎng)站頭條中采用紅色字體，熱點(diǎn)閱讀也是使用紅色，專欄選擇藍(lán)色。字體大小選擇適中，這種鮮明的字體表達(dá)方式，給小編的一種很清楚的感覺，既不顯拖泥帶水，又能清晰表達(dá)出標(biāo)題和頭條以及文章的描述。

導(dǎo)航條的細(xì)分。之前小編清楚的知道，站長(zhǎng)之家都是采用了一個(gè)導(dǎo)航條的形式。只是對(duì)主要版塊，進(jìn)行集合，能出首頁(yè)主導(dǎo)航。這次站長(zhǎng)之家改版就采用了細(xì)分的原則，一級(jí)欄目后面緊接著就是二級(jí)欄目。之前小編如果想要進(jìn)入二級(jí)欄目就是需要點(diǎn)擊一級(jí)欄目才能看到這種二級(jí)欄目，經(jīng)過這次細(xì)分之后，我們可以很輕松的進(jìn)入到二級(jí)欄目，減少小編查找信息的點(diǎn)擊距離。例如，之前小編查找一篇文章，可能需要點(diǎn)擊四次，這次只需要點(diǎn)擊三次或者是兩次就可以找到。

版塊采用先上后下，先左后右的原則。我們從上往下可以清楚看到網(wǎng)站頂部logo，接下來就是網(wǎng)站的導(dǎo)航，再下來就是網(wǎng)站幻燈品和頭條、推薦，然后專家專欄和原創(chuàng)文章。這樣清楚知道人的視線焦點(diǎn)從上往西，從左往右。不會(huì)偏離出人視線范圍、可以說這種極簡(jiǎn)風(fēng)格小編特別喜歡。

網(wǎng)站選擇寬度的大小。我們都知道現(xiàn)在PC分為電腦筆記本和臺(tái)式機(jī)。臺(tái)式機(jī)的分辨率越來越大，但是相對(duì)來說，筆記本還是偏大。這就要求我們?cè)诰W(wǎng)站策劃和設(shè)計(jì)中兼顧到筆記本和臺(tái)式機(jī)。小編在這里建議，網(wǎng)站的寬度盡量選擇1000px，這樣能充分兼顧到筆記本和臺(tái)式機(jī)。至于說移動(dòng)端，這里也提醒下移動(dòng)端可以選適配和建立手機(jī)站的形式。

最后一點(diǎn)就是網(wǎng)站的廣告位選擇。我們都知道廣告位的選擇，在選擇廣告位之前，就要先規(guī)劃出廣告位的位置，盡量不要給用戶查找信息帶來困難。之前小編查看過一個(gè)健康養(yǎng)生網(wǎng)站，在廣告位設(shè)置上，不管任何地方都放置廣告欄。這種行為根本沒有考慮過用戶體驗(yàn)，這點(diǎn)站長(zhǎng)之家給人一種示范作用，既設(shè)置廣告位，還能保持網(wǎng)站的極簡(jiǎn)，干凈整潔的風(fēng)格，實(shí)屬不易。

網(wǎng)站設(shè)計(jì)兼顧到用戶體驗(yàn)，應(yīng)該站到用戶的角度去思考問題。小編也是結(jié)合下自己經(jīng)驗(yàn)說說網(wǎng)站設(shè)計(jì)方面，至于網(wǎng)站設(shè)計(jì)還有很多的要求，例如程序的選擇，文案的策劃等，由于小編知識(shí)有限，今天就說到這里。

本文來源于鄭州云端科技，轉(zhuǎn)載請(qǐng)保留作者鏈接，謝謝。