提高網站可用性的十大實用技巧

無論是企業網站、個人博客、購物網站、遊戲網站,我們都希望吸引遊客,給他們留下愉快的體驗。


可用性是用戶體驗的衡量標准,可以通過訪問者完成網站功能的容易程度來描述 - 無論是通過他們自己的知識還是通過學習新的方式。我認為Jakob Nielson的解釋非常好,他說:


可用性是一個評估網站易用性的屬性。同時,“可用性”一詞也指在設計過程中提高可用性的方法。


在本文中,我希望提供一個可用性列表,涵蓋從可視化設計到任何項目中都可以使用的簡單導航提示的所有內容。


1. 當前位置導航


讓用戶隨時知道他們所在的模塊,或瀏覽類別。對於任何網站,這都可以大大提高可用性。此時,創建當前位置導航可被視為提高可用性的最有效方法。


導航當前位置的理想方法是在服務器端創建它,這樣可以保存大量的HTML和CSS代碼。如果在服務器端創建導航不方便,那么使用CSS來操縱身體元素來直接定義每個導航標簽也是一種很好的方法。


此外,還可以輕松使用javascript創建當前位置導航菜單。


重要的是要注意,您當前的位置導航最好保持不同於鼠標滑動樣式,這是許多不注意的網站。


2.第二步。可用表單標簽和按鈕


使用html的標簽屬性,用戶可以通過點擊注釋標簽來激活表元素。這是html的一個很大的內置功能,但不幸的是很少有用戶知道這一點。


您如何讓用戶了解此功能?您可以通過更改鼠標指針的形狀來提醒用戶,這可以通過一行或兩行代碼來實現。


在這樣做之後,用戶很容易知道標簽可以被點擊。我經常覺得html標准沒有把這些點設為一個小指針是非常錯誤的,所以我通常會這樣統一的定義:


Label, button, input [type = "submit"] {cursor:pointer;}


網頁設計出色,會直接幫助你的網站或品牌發展,絢爛的色彩也使是你們接受

3.將您的LOGO鏈接到主頁


我覺得很讓人沮喪的是,logo沒有鏈接到你網站的主頁,這正是許多網站所不做的。用戶研究表明這是必要的,用戶需要它!


如今越來越多的網站意識到,給LOGO加鏈接的重要性。用戶已不滿足於一個標記為“主頁”的文字鏈接,用戶希望點一下logo就可以回到首頁。


4.增加鏈接的單擊區域


大約一年前,37Signals 的 Ryan Singer 寫了一篇文章來介紹它們在 Basecamp 項目中如何增大鏈接的可點擊面積 。這又是一個提升網站可用性的小細節,它只需要你增加鏈接周圍的 padding 值就可以有效增大點擊面積。


對於任何網站來說,這都是一種有價值的方法,它可以成為用戶犯錯或不點擊鏈接的一種方式。移動網頁的設計更為重要,因為許多用戶用手指點擊觸摸屏上的鏈接,增加區域可以幫助他們更方便地瀏覽網頁。


5.表單元素焦點顯示


向活動表單元素添加焦點顯示正在成為UI設計的趨勢。它讓用戶知道他們在做什么和他們在做什么。這是一種向用戶提供有用細節的簡單但有效的方法。


相關文章:

分析導致網頁設計效果大大降低的問題


編寫幹淨、輕量級、易於維護和管理的CSS代碼


如何有效提高網頁設計師的工作價值


輕松創建個性ASCII代碼有趣的角色動畫


網站建設常識:網站欄目策劃的重要性

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント