設(shè)計網(wǎng)頁導(dǎo)航時,一定要簡單易操作,能夠幫助你的用戶快速查看哪些信息可用,以及在哪里可以找到所要查找的內(nèi)容。下面介紹網(wǎng)頁導(dǎo)航設(shè)計原則,希望對您有幫助。
一、清晰性
視覺上要容易區(qū)分并且能讓用戶一眼就能找到,導(dǎo)航文本與你的正文文本不要使用相同的顏色,字體和大小,導(dǎo)航文本應(yīng)該突出和顯眼。對于菜單按鈕,使用高對比度顏色和清晰的文字。導(dǎo)航區(qū)域要保持一定的大小,用戶容易發(fā)現(xiàn),而且要設(shè)計在慣用位置,例如頁面頂部、左側(cè)等。
二、頁面簡潔
可以在垂直導(dǎo)航中添加更多的項目,但是主菜單中的項目不必過多,會分散用戶的注意力。一般最好不要超過8項。
三、一致性
盡量在所有頁面中使用相同的導(dǎo)航模式,這是非常重要的,因為沒有一致的設(shè)計,用戶可能會認為他在另一個網(wǎng)站。比如404頁面的設(shè)計,如果網(wǎng)站風(fēng)格都很一致,但404頁面畫風(fēng)突變,可能設(shè)計師是為了給用戶制造驚喜感,結(jié)果驚喜卻變成了驚嚇,導(dǎo)致用戶認為他在另一個網(wǎng)站。
四、簡單可點擊
一定要簡單易操作,能夠幫助你的用戶快速查看哪些信息可用,以及在哪里可以找到所要查找的內(nèi)容。并且確保所有導(dǎo)航中元素可點擊,在導(dǎo)航中使用多個分類目錄時,所有標題元素都應(yīng)該是可點擊的鏈接。因為在使用下拉菜單的過程中,點擊子類別鏈接也可能是訪問者的自然傾向。
五、交互設(shè)計
以人為本是交互設(shè)計的前提,當人們點擊或鼠標懸停在菜單項時,請確保提供下一步操作的指示。可以通過更改鏈接的文字顏色,背景顏色,或?qū)ζ浼哟?,使其與其它內(nèi)容不同,如此人性化的方式更能讓用戶愿意點擊導(dǎo)航。
要知道,有的時候創(chuàng)新并不意味著用戶會喜歡,但以人為本的設(shè)計作品,用戶體驗感一定不會差。多站在用戶角度去做設(shè)計,就會找到方向。