網(wǎng)站設(shè)計(jì)文字藝術(shù)
- 編輯：admin -文字本身并不會(huì)具有優(yōu)先的閱讀優(yōu)勢(shì)。通常我們要突出文字必然采取放大、增強(qiáng)對(duì)比等方式，也就是利用前文第一條和第二條來引導(dǎo)用戶。而且現(xiàn)在中國人閱讀文字的習(xí)慣不強(qiáng)，文字的引導(dǎo)作用和瀏覽順序都不高。有時(shí)候我們可以看到一些國外網(wǎng)站文字很多，因?yàn)橛行┪幕锏奈淖珠喿x習(xí)慣很強(qiáng)，這樣可能會(huì)稍微提高文字的瀏覽優(yōu)先度。其實(shí)，文字也是被人們用圖形化去記億的。有一篇網(wǎng)絡(luò)趣聞全部用英文寫成，每個(gè)單詞都有一個(gè)字母被和該字母很像的另一個(gè)字母代替，導(dǎo)致全篇都是錯(cuò)誤的拼寫，但人們看到該文章依然可以正常瀏覽。所以
文字本身并不會(huì)具有優(yōu)先的閱讀優(yōu)勢(shì)。通常我們要突出文字必然采取放大、增強(qiáng)對(duì)比等方式，也就是利用前文第一條和第二條來引導(dǎo)用戶。而且現(xiàn)在中國人閱讀文字的習(xí)慣不強(qiáng)，文字的引導(dǎo)作用和瀏覽順序都不高。有時(shí)候我們可以看到一些國外網(wǎng)站文字很多，因?yàn)橛行┪幕锏奈淖珠喿x習(xí)慣很強(qiáng)，這樣可能會(huì)稍微提高文字的瀏覽優(yōu)先度。其實(shí)，文字也是被人們用圖形化去記億的。有一篇網(wǎng)絡(luò)趣聞全部用英文寫成，每個(gè)單詞都有一個(gè)字母被和該字母很像的另一個(gè)字母代替，導(dǎo)致全篇都是錯(cuò)誤的拼寫，但人們看到該文章依然可以正常瀏覽。所以我們有時(shí)候?qū)ξ淖肿煮w進(jìn)行變形、美化處理，一旦導(dǎo)致整體文字的圖形結(jié)構(gòu)變?nèi)?，也就是常說的不好識(shí)別了，那么勢(shì)必會(huì)降低它的瀏覽優(yōu)先性。
我們會(huì)根據(jù)這樣的瀏覽順序去確定整個(gè)頁面的節(jié)奏感，切勿將所有的重點(diǎn)突出全部集中在一起。一般來說，一個(gè)界面只有一個(gè)重點(diǎn)，兩個(gè)次重點(diǎn)。這些重點(diǎn)我們通過跳躍的方式來突出。而一且想要突出的重點(diǎn)太多，頁面就會(huì)混亂，反而讓用戶什么都無法注意到。這個(gè)問題可以說是控制整體頁面節(jié)奏的基礎(chǔ)要求。因?yàn)槲覀児ぷ鳟?dāng)中經(jīng)常遇到一種情況，需求方會(huì)認(rèn)為自己想到的每一個(gè)功能、每一個(gè)文字都是重要的，希望用戶體驗(yàn)部門想辦法去突出每一個(gè)點(diǎn)，這就是最大的誤區(qū)，必須避免。所有都突出就是沒有突出。在明確重點(diǎn)后，我們還要根據(jù)瀏覽習(xí)慣來合理地安排重點(diǎn)突出的方式和位置。我并不喜歡刻意規(guī)范設(shè)計(jì)師的設(shè)計(jì)，而是希望設(shè)計(jì)師能夠擁有較大的空間去發(fā)揮自己的藝術(shù)性，不過這里可以做一些小的提示，以幫助大家理解。舉個(gè)例子，我們一般在設(shè)計(jì)當(dāng)中提到的頭重腳輕，其實(shí)就是頁面失去節(jié)奏感。就是將顏色對(duì)比強(qiáng)烈且占面積較大的元素放在頭部，導(dǎo)致幾個(gè)易被優(yōu)先關(guān)注的元素用在了一個(gè)地方，其他位置沒有平衡的次重點(diǎn)跳躍。一般這種問題的處理辦法會(huì)將頂部的一兩個(gè)元素挪到頁面下部。
另外，還需要注意我們做的產(chǎn)品一般來說都是有交互的，這種交互是有時(shí)間感、有心理預(yù)期的，也是需要有節(jié)奏把握的。這里我也總結(jié)了幾個(gè)關(guān)鍵點(diǎn)，具體如下
1)需要用戶動(dòng)作才能向下進(jìn)行的交互，都會(huì)讓用戶有流失的可能，但也都是加強(qiáng)用戶感知的方式。因此，我們需要合理地安排和利用這種交互。不要讓用戶對(duì)無須強(qiáng)烈感知的東西進(jìn)行操作。
2)用戶的動(dòng)作難度越小，消耗的能量越小，流失就越少。以手機(jī)為例，我們用拇指向下劃動(dòng)最為節(jié)省體力，所以這個(gè)動(dòng)作的交互帶來的流失很低。而橫劃動(dòng)因?yàn)槿耸植繓囋斓脑蛞螂y程度高于下劃，而且長時(shí)間橫劃手指會(huì)有疲勞感，因此橫劃的交互帶來的流失高于下劃。而點(diǎn)擊雖然看起來簡單，但是其實(shí)還調(diào)動(dòng)了眼睛和手的配合，需要精準(zhǔn)性所消耗的能量和難度更大，因此點(diǎn)擊所帶來的流失更大。一般業(yè)界認(rèn)為一直點(diǎn)擊會(huì)導(dǎo)致流失33%。
3)人們對(duì)于等待頁面打開的時(shí)間是有耐心極限的。根據(jù)人群和文化的不同這個(gè)具體的數(shù)值并不相同。比如，頁面打開的速度如果過慢，用戶就會(huì)開始流失，時(shí)間越長流失越大。而且隨著信息時(shí)代的發(fā)展人們的耐心越來越小。在計(jì)算機(jī)的1ash時(shí)代我們還相信30秒的頁面打開速度是可以忍受的。我相信現(xiàn)在30秒等待頁面打開，一定是99%流失了。現(xiàn)在我們一般認(rèn)為，等待頁面打開的時(shí)間超過3秒用戶就會(huì)開始流失。當(dāng)然，有時(shí)候我們依然會(huì)做一些較復(fù)雜的活動(dòng)頁面，打開速度會(huì)超過3秒，這時(shí)我們就需要做有趣的讀取。
4)每次用戶進(jìn)行了交互操作的時(shí)候都會(huì)有其相應(yīng)的預(yù)期，我們要做到給他預(yù)期得到的答案。有時(shí)候我們會(huì)希望讓整個(gè)產(chǎn)品更為流暢，幫助用戶進(jìn)行選擇。有時(shí)候需要進(jìn)行跳躍產(chǎn)生節(jié)奏感。比如用戶在搜索一個(gè)商品的時(shí)候，我們并沒有用戶精準(zhǔn)搜索的商品，但是有可以替代的商品，此時(shí)這個(gè)搜索結(jié)果頁必須有跳躍感，要讓用戶知道自己的預(yù)期問題的答案，先讓用戶知道自己要搜素的東西不存在，然后再給用戶推薦出相似的商品。而這時(shí)候保持順暢反而會(huì)讓用戶感到莫名其妙。
還有一個(gè)經(jīng)常遇到的例子，也能非常明顯地讓大家體會(huì)到什么是節(jié)奏感。PC端網(wǎng)頁經(jīng)常在導(dǎo)航頂部有大幅的通調(diào)廣告位，為了視覺效果這個(gè)廣告位所占面積越來越大。但是我們后來發(fā)現(xiàn)廣告位加上頂部通調(diào)頭所占位置超過1/2時(shí)，會(huì)出現(xiàn)一個(gè)問題，每次點(diǎn)擊二級(jí)分類時(shí)，整個(gè)頁面有1/2的面積沒有發(fā)生任何變化，而且頁面下半部為了保持網(wǎng)站的整體風(fēng)格也都非常類似，由于在首屏所占面積較小變化感也不大。這就導(dǎo)致了點(diǎn)擊分類按鈕后跳躍感很小，用戶對(duì)于點(diǎn)擊后的預(yù)期變化沒有出現(xiàn)，會(huì)讓用戶對(duì)新頁面產(chǎn)生疑惑。所以我們會(huì)要求內(nèi)頁的 banner變小，更多地露出下面有變化的內(nèi)容，從而產(chǎn)生APP開發(fā)的跳躍感，滿足用戶點(diǎn)擊按鈕后預(yù)期的節(jié)奏。