設(shè)計(jì)資訊：網(wǎng)站設(shè)計(jì)的原則

今天的創(chuàng)新互聯(lián)主要提供的內(nèi)容是，介紹網(wǎng)站設(shè)計(jì)的主要指導(dǎo)原則：

以下原則主要用在開(kāi)放性的門(mén)戶(hù)網(wǎng)站中，這類(lèi)網(wǎng)站中用戶(hù)流量較大，且用戶(hù)注意力極容易被分散，這時(shí)一個(gè)Web頁(yè)面的瞬間識(shí)別性直接關(guān)系到用戶(hù)轉(zhuǎn)化率，也就顯得尤為重要;

而對(duì)一些比較專(zhuān)業(yè)的或指定性的網(wǎng)站，政府網(wǎng)站等，用戶(hù)面臨缺少其他選擇，網(wǎng)站缺少替代性的情況，以下原則可能沒(méi)有前者這么性命攸關(guān)，但也同樣具有相當(dāng)?shù)闹笇?dǎo)意義。

一、別讓用戶(hù)思考–關(guān)于Krug可用性第一定律

一個(gè)優(yōu)秀的網(wǎng)站一定是簡(jiǎn)明易懂的，所謂簡(jiǎn)明易懂是指：一個(gè)互聯(lián)網(wǎng)的門(mén)外漢第一眼看到頁(yè)面也能迅速分別出每一塊布局是什么內(nèi)容(導(dǎo)航，促銷(xiāo)，搜索，等等)，而沒(méi)有絲毫的遲疑和困惑。這一原則甚至比功能的全面性和完整性還要重要。

而強(qiáng)迫用戶(hù)思考的地方主要有以下四種情況：

1、雜亂的網(wǎng)站排版：

這一點(diǎn)是重中之重，也是對(duì)用戶(hù)感官影響大的方面;一個(gè)良好的排版可以迅速抓住瀏覽者的興趣并獲取用戶(hù)好感，而一個(gè)糟糕的網(wǎng)站往往。。。算了，舉栗子：

同樣都是招聘信息網(wǎng)站，有的給人第一感受是這樣的：

還有的是這樣的：

真的不吹不黑。。。各位看官在進(jìn)入主頁(yè)的0.5秒內(nèi)兩個(gè)網(wǎng)站就高下立判了。。

2、復(fù)雜/專(zhuān)業(yè)的標(biāo)題/按鈕名字：

這種例子有很多，比如專(zhuān)業(yè)的名稱(chēng)，有創(chuàng)意(難懂)，有歧義的按鈕文字往往會(huì)讓用戶(hù)注意力停頓或有所疑惑，這些都可能造成不必要的注意力分散和用戶(hù)流失：

什么是會(huì)計(jì)搜索?是信息跟“會(huì)計(jì)”相關(guān)么?我輸入的信息符合“會(huì)計(jì)搜索”么?再比如百度貼吧，多少人第一時(shí)間就明白了“全吧”的意思?本吧全部?全部貼吧?

好吧即使是谷歌我也要拉出來(lái)吐槽一下，一定還有小伙伴在困惑這個(gè)按鈕是干什么的：

3、按鈕的可點(diǎn)擊性：

如下圖雖然明確的寫(xiě)明了“Login/Sign Up”，我還是會(huì)遲疑一下：這是個(gè)按鈕么?能點(diǎn)擊么?然后需要將鼠標(biāo)移上去才能確定：這是我想要的登陸按鈕;

4、各種篩選、分類(lèi)條件：

這類(lèi)問(wèn)題，常見(jiàn)于各政府機(jī)構(gòu)老舊網(wǎng)站中，運(yùn)營(yíng)者往往較少考慮用戶(hù)的體驗(yàn)和上手難度(胡care)：

文號(hào)是什么東西?我要搜的東西屬于什么分類(lèi)?這些分類(lèi)都是什么意思。。?我還是打電話(huà)問(wèn)問(wèn)我的會(huì)計(jì)吧。。。

其他還有比如按文章“標(biāo)題”“作者”“關(guān)鍵字”“內(nèi)容”的檢索選項(xiàng)，等等。

二、客戶(hù)使用Web的實(shí)際情況

1、掃描

用戶(hù)通常不是在閱讀頁(yè)面而是在掃描頁(yè)面;Krug給出了三個(gè)解釋?zhuān)?/p>

用戶(hù)總是處在忙碌中——不想耽誤太多時(shí)間瀏覽;

用戶(hù)知道自己不必瀏覽所有內(nèi)容——胡care;

人們都習(xí)慣一目十行——本能;

所以，綜上所述，用戶(hù)在面對(duì)一個(gè)大面積的網(wǎng)頁(yè)時(shí)往往數(shù)秒鐘內(nèi)就瀏覽完畢，這時(shí)人們往往容易注意到放顯示比較明顯的位置(大字號(hào)，加粗，突出顏色等)或者容易引起注意力的關(guān)鍵詞上(”免費(fèi)”，”優(yōu)惠”，”美女”，自己的名字等)。

2、滿(mǎn)意即可

“滿(mǎn)意即可”和“最優(yōu)選擇”相對(duì)，意思是用戶(hù)往往不會(huì)瀏覽完頁(yè)面所有內(nèi)容后才綜合做出最終選擇，而是看到有一個(gè)差不多(相對(duì)滿(mǎn)意)的選項(xiàng)就會(huì)先行選擇。而原因和以上類(lèi)似：

用戶(hù)總是處在忙碌中

選錯(cuò)了也無(wú)所謂

權(quán)衡選擇并不一定會(huì)更優(yōu)

猜測(cè)未知的選擇更有意思

3、勉強(qiáng)應(yīng)付

這一條的意思是說(shuō)，絕大多數(shù)用戶(hù)并不會(huì)耐心的去試探你的所有功能;換個(gè)意思說(shuō)，就是用戶(hù)其實(shí)是在按自己的方式(而非你設(shè)計(jì)的方式)來(lái)使用你的產(chǎn)品。Krug在此總結(jié)了兩點(diǎn)原因：

這對(duì)用戶(hù)來(lái)說(shuō)不重要

用戶(hù)容易滿(mǎn)足在自己的使用方式中

比如生活中，基本沒(méi)有多少人會(huì)在買(mǎi)了新的電器后仔細(xì)閱讀說(shuō)明書(shū)，而是自己摸索，并按自己找到的方式來(lái)使用(即便很可能是錯(cuò)的)。

又比如現(xiàn)在，仍然會(huì)有很多人在百度搜索框內(nèi)輸入U(xiǎn)RL。

三、視覺(jué)設(shè)計(jì)的主要法則

1、建立清楚的視覺(jué)層次

越重要的部分越突出：職位名稱(chēng)和薪資，公司名稱(chēng)和Logo，職位描述，投個(gè)簡(jiǎn)歷等信息分別通過(guò)加粗加大字體，顏色突出等方式展示;

邏輯相關(guān)的部分視覺(jué)也相關(guān)：左側(cè)技術(shù)，產(chǎn)品，設(shè)計(jì)等概念并列，展示也并列;

邏輯包含的部分視覺(jué)嵌套：技術(shù)包含后端，移動(dòng)，前端，測(cè)試等，所以后者為前者的二級(jí)菜單;

2、盡量使用習(xí)慣用法

例如字體較大的短語(yǔ)通常是標(biāo)題，導(dǎo)航欄通常在頁(yè)面上方或左側(cè)，登錄通常在左上或者右上方，新聞版面通常參考報(bào)紙排版，等等;

關(guān)于習(xí)慣性用法有兩點(diǎn)值得注意：

它們真的非常有用

設(shè)計(jì)師通常不愿意用他們(想做出更有“建設(shè)性”，更拉風(fēng)，獨(dú)樹(shù)一幟的產(chǎn)品設(shè)計(jì))

3、劃分明確定義的區(qū)域

用戶(hù)在掃視頁(yè)面時(shí)候能很明確的指出頁(yè)面的每個(gè)不同區(qū)域的不同功能，比如“哪些是功能菜單”，“哪些是商品廣告”，“哪些是今日頭條鏈接”等等，這樣可以讓用戶(hù)很快決定關(guān)注頁(yè)面的哪些區(qū)域，或者放心的跳過(guò)哪些區(qū)域。

4、標(biāo)識(shí)可點(diǎn)擊的地方

這一點(diǎn)在上文提到過(guò)了，無(wú)需多講。

5、降低視覺(jué)噪聲

視覺(jué)噪聲的來(lái)源主要有兩點(diǎn)：

眼花繚亂(好吧又是他)

背景噪聲：有些界面雖然沒(méi)有一個(gè)地方會(huì)造成過(guò)分干擾，但是過(guò)多細(xì)小的噪聲同樣會(huì)讓人厭煩。

雖然排版整齊，然而并列的深灰色背景還是讓人有些壓抑。

四、關(guān)于“無(wú)需思考”的選擇

這里要提一下Krug的第二可用性定律：點(diǎn)擊多少次都沒(méi)關(guān)系，只要每次點(diǎn)擊都是無(wú)需思考，明確無(wú)誤等的選擇。

作者舉了一個(gè)非常簡(jiǎn)單易懂的例子：動(dòng)物，植物，無(wú)機(jī)物。只要你能接收一下假設(shè)：只要一個(gè)東西不是動(dòng)物也不是植物，都屬于無(wú)機(jī)物。那么任意說(shuō)一種東西，用上面三個(gè)標(biāo)準(zhǔn)把它篩選出來(lái)幾乎都毫不費(fèi)力。

五、省略不必要的文字

這里Krug提出了第三可用定律：去掉頁(yè)面上一半的文字，然后把剩下的文字再去掉一半。

這樣的好處是顯而易見(jiàn)的：

降低頁(yè)面的噪聲;

讓有用的信息更突出;

讓頁(yè)面更簡(jiǎn)潔，展示更多的內(nèi)容。

1.歡迎詞必須被消滅

歡迎詞就像閑聊：而用戶(hù)更喜歡開(kāi)門(mén)見(jiàn)山。

2.指示說(shuō)明必須被消滅

比如注冊(cè)須知，你懂得，沒(méi)人會(huì)細(xì)讀他們，除非在多次“嘗試”失敗之前不會(huì)，這就夠了。

文章標(biāo)題：設(shè)計(jì)資訊：網(wǎng)站設(shè)計(jì)的原則
文章網(wǎng)址：http://www.bm7419.com/news/164459.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)