DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 如何打造人性化網頁
如何打造人性化網頁
編輯:SEO優化集錦     

時代的進步和變遷,對於人才的要求逐步提高。作為一名SEOER,除了掌握專業優化技巧之外,還應有各個學科的知識儲備,學會將各個學科的知識融會貫通,應用在網頁設計中。

費茨定律,也許業內的許多SEOER從未聽過。這個定理簡單且容易理解,意思是說使用指點設備到達一個目標的時間和設備當前位置與目標位置的距離、大小有關,距離越短,所用時間越少;目標越大,所用時間越短。該定律若是運用於鼠標從A到B的運動就極為恰當。如果說,能夠以一個更有效的途徑,使得網頁的可接近性提高,效率提升,流量也就蹭蹭的往上走,達到提升網站排名的目的。下面小編就談談費茨定律在網頁設計中的應用。

現在坐在電腦面前的你可以馬上試驗一下,舉起你的一只手,用手指指向你電腦屏幕上的一個小文字。很容易地就可以發現,當你指向小文字的時候,可能差那麼一點兒碰到小文字,也有可能一不小心就移過頭了。你需要集中注意力,盯著屏幕,慢慢地調整手指頭,以保證能夠正確的指到。這時,你任意點開一個word文檔,隨意輸入一個字體為“小二”的漢字,再次伸手指向文字,是不是可以迅速果斷的指向了?這時候若是讓你換著指向一堵牆,是不是速度就更快了呢?若是假設這些情況的距離是一樣的,指向大物體的時間遠少於小文字。

1.擴大超鏈接點擊區域

網頁中的超鏈接相當的重要。在超鏈接周圍添加多余的空白區域,使鼠標點擊時有一個整體的緩沖調整區域,縮短指向點擊目標的調整時間。如下圖所示的對比,谷歌的分頁導航鏈接,每個分頁序號只包括一個細小的阿拉伯數字。數字緊湊地排列在一起,形成小間隙,用戶容易犯錯的機率無形中就加大了,很難快速准確地移動到每個鏈接上。而百度聰明的在數字鏈接外圍加上了邊框,擴大目標區域,用戶只要點到框內就可成功使用超鏈接,節約移動鼠標的調整時間。若是同樣的推廣內容和鏈接,用戶們會更傾向於選擇應用了費茨定律的網頁。

2.放大用戶的目的點擊目標

下圖是騰訊手機QQ下載頁面的一小部份截圖,從頁面功能來看,用戶進入此頁面的目的是下載手機QQ軟件。下載按扭是用戶最想點擊的目標,因而放大下載按鈕,第一時間抓住用戶的眼球,令其明確地找到浏覽網頁的目的,節約辨識和移動鼠標的時間,提升操作的人性化和好感度。

3.讓相關點擊目標相親相愛

友情鏈接網站鏈接的重要組成部分。用戶在浏覽你的網頁某篇文章時,往往想要獲取更多相關內容。在做鏈接時,應保證相關內容靠近放在一起。相關點擊目標間移動的頻率較高,讓它們彼此靠近,減小移動距離,也能夠讓用戶同時看到多個鏈接目標,能夠在一個頁面中選擇想要點擊的目標,而不用滑動鼠標一頁一頁尋找目標,減輕用戶的負擔,提高網站的友好度。

4.自動變大的點擊目標

當鼠標即將移動到點擊目標時,點擊目標自動放大,大幅度減少微調的必要性甚至有時無須再進行微調。目標的大小會限制我們移動的速度,如果移動得太快,到達目標時就會停不住。而點擊目標自動放大,實際上也是另外一種擴大點擊區域的表現。

總結:綜上所述,應用費茨定律的原則就是盡可能的擴大點擊目標的區域,減少用戶移動鼠標的距離和時間,減輕用戶的使用負擔,以此來獲得用戶的好感。雖是一個小細節,但是一點一滴的累積,用戶終能發現個中差距。

試問,一個習慣了不需要微調就能順利點擊目標的用戶,在心理、行動上是不是就更難接受那些需要微調許久方能達到使用目的的網頁?一點一滴,積累成功的因素。望各位站長朋友互勉。

本文由本文由丫丫玩手機游戲(http://www.yayawan.com)原創,轉載請注明出處。

注:相關網站建設技巧閱讀請移步到建站教程頻道。

收藏本文

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved