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