優(yōu)質(zhì)網(wǎng)頁設(shè)計(jì)的七大注意事項(xiàng)

我們的世界正在快速的數(shù)字化，這也是為什么網(wǎng)頁設(shè)計(jì)在近10年來一直都是熱門話題，同時(shí)，這也意味著，作為設(shè)計(jì)師的我們比以往任何時(shí)候都要專注打造高質(zhì)量的網(wǎng)頁，以及讓用戶欲罷不能的用戶體驗(yàn)。我們需要優(yōu)秀的網(wǎng)頁設(shè)計(jì)。從網(wǎng)站到手機(jī)，從家用的恒溫控制器到汽車的控制面板，所有的這些UI構(gòu)成了我們的日常數(shù)字體驗(yàn)。越來越多的屏幕和日漸龐大的數(shù)字化內(nèi)容，使得我們對于優(yōu)質(zhì)的網(wǎng)頁設(shè)計(jì)越來越渴望。雖然好設(shè)計(jì)的原則是創(chuàng)新互聯(lián)常談，但是我們還是要經(jīng)?？偨Y(jié)，結(jié)合自己的設(shè)計(jì)，三省吾身。下面為你介紹優(yōu)質(zhì)網(wǎng)頁設(shè)計(jì)的七大注意事項(xiàng)

1、網(wǎng)頁設(shè)計(jì)簡單性

優(yōu)秀的網(wǎng)頁是隱形的，華麗的裝飾和不必要的元素都已經(jīng)被剔除，簡單直接的頁面邏輯和直觀必要的元素構(gòu)成了這樣的UI界面。設(shè)計(jì)網(wǎng)頁的時(shí)候，你在添加任何元素的時(shí)候，都最好問一下自己“這個(gè)功能是否會(huì)影響用戶現(xiàn)有的任務(wù)?它是否真的必要?”先將你的網(wǎng)頁內(nèi)的元素限定為必須的，專注于核心的用戶體驗(yàn)。

如何設(shè)計(jì)一個(gè)簡單的網(wǎng)頁界面，Maaemo 的產(chǎn)品在這方面就做的很突出。這個(gè)挪威餐廳的網(wǎng)站上，你看到的是預(yù)訂的表單，其他次重要的內(nèi)容被隱藏在漢堡菜單當(dāng)中，避免引起混亂。用戶不用浪費(fèi)時(shí)間去來回瀏覽掃視，直接進(jìn)入預(yù)訂的環(huán)節(jié)。

2、網(wǎng)頁設(shè)計(jì)清晰性

清晰應(yīng)該是所有網(wǎng)頁頁面都具備的基本屬性。請記住，你的網(wǎng)頁存在的目的是讓用戶能夠更便捷地同你的系統(tǒng)進(jìn)行交互，為此，它需要能夠清晰地同用戶進(jìn)行溝通，如果用戶無法弄明白界面的使用，會(huì)因此感到沮喪。

保持清晰的網(wǎng)頁設(shè)計(jì)并不難，首先要保證一點(diǎn)：按鈕和操作的標(biāo)簽文字指向性要明確，保持清晰的信息傳遞，讓用戶能夠快速弄明白交互的指向性。這個(gè)時(shí)候，你也別忘了開頭的“簡單”的原則。盡量不要在網(wǎng)頁中使用冗長、復(fù)雜、難以記住的文本標(biāo)簽，你的用戶不會(huì)花費(fèi)時(shí)間去讀，也不會(huì)去欣賞它們，越復(fù)雜越“獨(dú)特”，就越會(huì)影響整體的用戶體驗(yàn)。

一個(gè)詞能解釋清楚的事情，千萬不要用更多的語言去表述。保持簡明能夠讓你的界面更加清晰，節(jié)省用戶的閱讀時(shí)間，降低認(rèn)知疲勞?？赡芫喅鲋庇^又易于識(shí)別的文本很難，但是做好了是很有價(jià)值的，對于整體體驗(yàn)的加分很多。

3、網(wǎng)頁設(shè)計(jì)一致性

不論是哪個(gè)設(shè)計(jì)師，都會(huì)希望自己的設(shè)計(jì)能給用戶帶來一致的體驗(yàn)的吧?一致的設(shè)計(jì)能夠讓用戶對于你的設(shè)計(jì)模式更快認(rèn)知、熟悉，并且在此基礎(chǔ)上快速適應(yīng)整體的體驗(yàn)。人們渴望規(guī)律，追求一致性，也希望在實(shí)際操作中驗(yàn)證自己所“發(fā)現(xiàn)”的一致性。

所以，用戶是期望借助自己習(xí)得的經(jīng)驗(yàn)，來探索更多的內(nèi)容的，而探索能否有效就得看設(shè)計(jì)的一致性是否夠好了。在整個(gè)UI設(shè)計(jì)中保持一致的語言、布局和設(shè)計(jì)規(guī)律，整個(gè)用戶體驗(yàn)會(huì)顯得更加“通透”。

4、網(wǎng)頁設(shè)計(jì)熟悉性

用戶體驗(yàn)設(shè)計(jì)的一個(gè)重要的目標(biāo)是要讓用戶能夠憑借直覺來操作網(wǎng)頁界面。那么，怎么才能讓用戶更加“直覺”地完成交互呢?用戶要能夠自然地理解其中的內(nèi)容，操作自然就不難了，也就是說，你要讓用戶對你的界面產(chǎn)生“熟悉感”。所以，你要充分利用用戶對于你的設(shè)計(jì)所熟悉的部分。

當(dāng)用戶對網(wǎng)頁頁面抱有熟悉感的時(shí)候，通常意味著他們對于這個(gè)設(shè)計(jì)有所了解，甚至知道怎么交互，他們明白操作之后大概會(huì)發(fā)生什么，也知道哪些事情不應(yīng)該做。所以，如果你能利用好用戶對于交互和界面模式的熟悉來進(jìn)行設(shè)計(jì)的話，能讓你的用戶更快上手操作。

漢堡圖標(biāo)就是這樣的典型?，F(xiàn)在當(dāng)用戶看到漢堡圖標(biāo)的時(shí)候，就會(huì)明白這代表著菜單。當(dāng)用戶在界面中找不到預(yù)期的功能或者服務(wù)的時(shí)候，會(huì)主動(dòng)地尋找漢堡圖標(biāo)，希望能在其中找到需要的東西。

Born Shoes 這個(gè)網(wǎng)站也充分利用了這一點(diǎn)，將熟悉的圖標(biāo)放在熟悉的位置，用戶上手就知道怎么用了。

5、網(wǎng)頁設(shè)計(jì)視覺層次

網(wǎng)頁界面的視覺層次是非常重要且常常被忽視的一個(gè)屬性，它能夠幫助用戶專注重要的內(nèi)容。如果你想讓界面中每個(gè)內(nèi)容都看起來很重要，那么只會(huì)單純地讓信息過載，讓每個(gè)元素都分?jǐn)傆脩舻淖⒁饬?，最終只會(huì)讓整個(gè)設(shè)計(jì)顯得混亂不堪。不同尺寸的字體、不同的色彩和不同的控件最終應(yīng)該是相互搭配，構(gòu)成層次，有輕重緩急地呈現(xiàn)給用戶，將復(fù)雜的結(jié)構(gòu)簡單化，幫助用戶完成任務(wù)。

Budnitz Bicycles 的網(wǎng)站就很好地使用色彩營造出視覺層次，吸引用戶關(guān)注到網(wǎng)站的特定部分。網(wǎng)站中的按鈕在整個(gè)設(shè)計(jì)中顯得非常顯眼，引導(dǎo)訪客點(diǎn)擊。

6、網(wǎng)頁設(shè)計(jì)高效性

你的網(wǎng)頁界面最終的目標(biāo)是要帶著用戶完成任務(wù)，達(dá)成目標(biāo)，或者去他們要去的頁面。不同的流程要求不同，但是最優(yōu)秀的網(wǎng)頁設(shè)計(jì)有個(gè)共通的特征：高效。提升界面效率最有效的方法是進(jìn)行任務(wù)分析。熟悉用戶的流程，了解用戶的目標(biāo)，然后在此基礎(chǔ)上盡量簡化流程，使得用戶能夠便捷快速的達(dá)成目標(biāo)。在此過程中，仔細(xì)考慮每個(gè)功能細(xì)節(jié)，規(guī)避可能存在的漏洞，幫助用戶快速完成用戶流程。

Mulberry 在他們的活動(dòng)頁面上提升了用戶效率，幫助用戶更快地挑選節(jié)日禮物，降低繁復(fù)的搜尋和思考過程。

7、網(wǎng)頁設(shè)計(jì)響應(yīng)性

網(wǎng)頁設(shè)計(jì)界面響應(yīng)牽涉到體驗(yàn)的方方面面。首先，網(wǎng)頁界面的響應(yīng)應(yīng)該是迅速的，它背后的整個(gè)系統(tǒng)應(yīng)該能夠快速反應(yīng)，否則不夠快速的響應(yīng)會(huì)讓用戶感到沮喪，緩慢的網(wǎng)頁加載過程會(huì)令人抓狂。事實(shí)上，如果你的網(wǎng)站沒有在3秒內(nèi)加載完成，就會(huì)開始有訪客因此而流失。根據(jù) Kissmetrics 的統(tǒng)計(jì)，超過40%的訪客會(huì)在加載速度超過3s之后而離開，而加載時(shí)長的增加，更多的用戶會(huì)隨之離去。

此外，網(wǎng)頁界面的響應(yīng)是否合理，是否足夠“人性化”。當(dāng)用戶點(diǎn)擊界面元素的時(shí)候，用戶希望知道他們的操作是否成功，而這個(gè)時(shí)候，合理而快速的界面反饋就顯得很重要了。比如，當(dāng)用戶點(diǎn)擊一個(gè)按鈕，按鈕的狀態(tài)變化，又或者界面加載時(shí)的加載進(jìn)度條，都能夠讓用戶明白狀態(tài)的改變，以及他們操作的結(jié)果。

網(wǎng)頁的合理響應(yīng)讓網(wǎng)頁更為富有人性，減少錯(cuò)誤的發(fā)生，并且讓交互進(jìn)入真正良性的循環(huán)。

網(wǎng)頁題目：優(yōu)質(zhì)網(wǎng)頁設(shè)計(jì)的七大注意事項(xiàng)
文章鏈接：http://www.muchs.cn/news8/160358.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、響應(yīng)式網(wǎng)站、微信公眾號(hào)、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)頁設(shè)計(jì)公司

廣告

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