優(yōu)秀網(wǎng)頁設(shè)計的七條基本準則

2014-07-31 23:41:00 來源/作者: PS網(wǎng) / 初桓 己有:1147人學習過
Beautiful Design Basics總結(jié)起來就是一句話:一個布局、風格具有簡約美,同時又能提供大量有價值信息的網(wǎng)站必定受用戶歡迎。

2. 用戶往往缺乏耐心

互聯(lián)網(wǎng)充滿了機遇,每個人都想通過簡單的操作便能獲取所需信息?;ヂ?lián)網(wǎng)的信息浩瀚如海,你并不是唯一的信息提供者。亙古不變的是:用戶的時間寶貴,他們?nèi)狈δ托?。如果你不能提供便捷的信息,那么他們會選擇離開,進而尋找其他網(wǎng)站來謀求信息。想要做好這一點?說白了,就是信息層級要清晰,加載速度要快。但其實也不簡單,就加載而言,我舉一個例子談?wù)劶虞d(Loading)的那點事上面這三種加載方式,中間的方式最迂腐:用戶會想’這等到什么時候會是個頭啊!右面呢?右面會不會好一點?答案是不會,想想你高中時上午最后一節(jié)課,你在等下課,所以你一直仔細的看著表上的指針,你越急躁,觀察的越仔細,越能感覺到”時間太慢”。左面好不好?也不好,旋轉(zhuǎn)指示條轉(zhuǎn)的快,用戶會認為加載速度很快,用戶會想”加載的這么快還沒有完全載入,這是設(shè)計問題嗎?” 轉(zhuǎn)的慢,用戶會認為”這是網(wǎng)絡(luò)問題,加載的居然這么慢”說實話,上面這三種方式都是告訴用戶:請等待! 所謂的進度讀取、旋轉(zhuǎn)讀取只不過是一種心理騙局:無論多塊、進度條多充盈,在沒有完成加載前,用戶還是看不到頁面信息。而最近出現(xiàn)了一種新方法,Luke Wroblewski在他的文章中提到過,叫做框架讀取,也就是加載了多少內(nèi)容,呈遞多少內(nèi)容,推薦各位嘗試。
參考閱讀:談?wù)劶虞d(LOADING)的那點事推薦:如何加速網(wǎng)頁的打開速度高端揭秘:為你的響應(yīng)式設(shè)計提速

3. 網(wǎng)頁設(shè)計必須具備一致性

想像一下你作為網(wǎng)絡(luò)瀏覽者時的經(jīng)歷:你在瀏覽網(wǎng)頁時,一般都不會詳細閱讀內(nèi)容,你會快速滑動頁面,大致瀏覽一遍,如果看到感興趣的信息便停下,進行仔細閱讀。這是一種用戶習慣。
萬物作而弗始,生而弗有,為而弗恃,功成而弗居。夫唯弗居,是以不去。——道德經(jīng)
在John Allsopp《網(wǎng)頁設(shè)計之道》中有這樣一句話,大致是這么一種意思:設(shè)計師不應(yīng)該作為用戶的對立,設(shè)計師應(yīng)該尊重用戶的習慣,讓設(shè)計適應(yīng)用戶的習慣,而不是做一個高高在上的獨裁者。功成身退,這似乎有種”偉大的設(shè)計是隱形”的意味。好了,我們把話題扯回來,用戶的這種閱讀習慣意味著什么?這意味著設(shè)計必須具有高度的一致性,用戶看到前面的布局,對后面的布局有一種”預期”:他會認為后面的頁面布局也是如此,不要破壞用戶的閱讀節(jié)奏感。同樣的,同一頁面的各個元素以及各個子頁面之間必須要具備一致的聯(lián)系性,也就是說設(shè)計師的設(shè)計模式應(yīng)該專一,再舉個簡單的例子,如果主頁的導航欄布置在上方,子頁面的導航欄布置在側(cè)邊,你認為用戶會高興嗎?