設計技術的發(fā)展,帶來了網頁世界的繁榮。尤其在崇尚個性的今天,設計師們更是將頁面設計表現(xiàn)的淋漓盡致。我們欣喜的看到那些僵化的設計模式正在被逐個打破,網頁設計充滿了生機。但是,作為網頁設計師,不能一味的只追求個性的體現(xiàn),還必須兼顧到用戶的習慣,在體現(xiàn)自己的風格的同時,在功能上使用戶更加方便。
接下來我們會建議您如何從這些看似微不足道的細節(jié)著手,讓您的網頁貼近用戶,你會發(fā)現(xiàn)。設計一個更有人情味的頁面其實也不是那么困難……
縮略圖:縮略圖是對一個完整的圖片的概述。如何合理的制作所略圖,是否只需將原圖按比例縮小就行了呢?答案是否定的,問題的關鍵在于:通過這張圖片,你究竟想告訴用戶什么…… 不斷的裁剪和強調你的縮略圖所要表達的意思。展示你最想表達給用戶的那部分信息。這可以提高用戶信任度。
在這個上面點擊:您的首頁很酷,為了不破壞首頁的風格,您將您的鏈接做的很隱蔽,但是,您不能奢望您的瀏覽者有足夠的時間和耐心去用鼠標展開地毯式的搜索,那么,為什么不在一開始做好呢…… 當它出現(xiàn)在網上時,我們得告訴用戶去做什么。在可點擊的圖片上放置"Click here",可以告訴用戶,如果他們點擊這張圖片,就可以得到關于此方面信息的更多的內容。 圖片上沒有任何信息表明這張圖帶有鏈接。因此,我們需要在上面添加"Click Here"的字樣,告訴用戶這張圖片是可以點擊的。 我們可以在"Click Here"前面加一個小圓點,以區(qū)分于上面的文字。明確的告訴用戶這是一個鏈接或者給他們更多的信息,能提高可用性。
面包屑導航:如果您的站點有很多信息,或者一個站點有許多子目錄,您可能會需要面包屑式導航。它們可以讓用戶知道他們現(xiàn)在在哪里,并且可以返回到他們想要的層次上…… 面包屑導航通常位于下圖所示的位置。 用戶可以決定是否直接單擊Products跳轉到新產品目錄或者回到CD目錄,查看CD的標題。他們僅需單擊一次就能到達他們所要去的地方。
小菜單的可用性:現(xiàn)在我們在網上會看見很多迷你的菜單,它們看上去都非???,但是請多體貼一下你的用戶,盡可能明顯的區(qū)分用戶當前正點擊在哪個選項上……當鼠標經過時,背景變成綠色并且文字顏色變白。使你非常清楚地知道哪個是你當前正點到的選項,它更有利于網上瀏覽。可以使用JavaScript 的"OnMouse Over"事件來實現(xiàn)。 盡可能明顯的區(qū)分用戶當前正點擊在哪個選項上。這也包括在圖片上加上"Alt"屬性。
鼠標滑過:如果您的頁面上有一個鼠標經過事件,那么,為什么不把他做的更加明顯一點呢?您不會是想讓您的用戶自己去猜想那里是否存在著一個事件吧……如果把鼠標經過按鈕做得更加明顯,用戶會比較喜歡點擊。
菜單和指示標記:為了增強HTML菜單的可用性,請嘗試下面的技巧…… 我們常會看到這樣的鏈接。它的問題是鏈接居中,并且沒有箭頭標記。 把你的所有文本和鏈接對齊。這樣,頁面就看起來更有組織、更整齊。把你的鏈接和上面的LOGO對齊??瓷先ズ枚嗔?,但是還有一個問題。我們需要箭頭標記。沒有它們,就不太容易區(qū)分和文章中的其它鏈接。 用指示標記是為了表明這里的每個鏈接都是一個單獨的項目。 如果由于某些原因,你不能使用指示標記,那么你需要調整鏈接的行間距,這使用戶能夠容易的進行區(qū)分。 子菜單標記和主菜單標記有所不同,鏈接顏色也有所不同。 子菜單的鏈接沒有主菜單鏈接重要,通過鏈接的顏色及標記,使它們容易地被區(qū)分開來。
標注按鈕:在安排標簽時,通常遵循長的單詞優(yōu)先。