創建一個更有用的Web 10個技巧

無論是你的投資組合，博客營銷網站，或收集的游戲，我們都希望吸引游客到我們的網站，并確保他們有一個愉快的經歷。
可用性衡量用戶的體驗水平，可以通過給定的很容易就可以完成的任務；無論是通過先驗知識，或者通過讓用戶學習互動的新方式。我認為雅各布·尼爾森可能解釋它最好的時候，他說：
“可用性是一個質量屬性，如何評估用戶界面容易使用。“可用性”也指方法在設計過程中易–的–使用。”
在這篇文章中，我希望給你一個某種形式的可用性檢查表，內容覆蓋了從設計到簡單的導航提示，你可以用在任何項目。
 
1。創建自主導航系統
讓用戶知道網站的他們，或者他們瀏覽什么類別可以極大提升可用性的任何地點。主動導航是一個可用性概念，這一點幾乎是自動的。我們都有我們自己的方式創造它。

用于創建自主導航是做服務器端的最理想的情況，因為它大量削減對HTML和CSS的需要量。如果產生了積極的狀態服務器不是一個選項，操縱你的身體元素風格每個導航元素直接也是一個不錯的選擇。
三分之一個選項，你可以很容易的用JavaScript創建自主導航系統。
你的自主導航系統的狀態應該是不同于你的懸停狀態。

2。點擊標簽和按鈕
當你花時間來標記適當的形式，用戶可以單擊標簽激活相關的表格元素，還有一個很簡單的方法來炫耀。這是一個偉大的作品權利的功能內置到HTML。不幸的是，很少有用戶知道這個用戶界面的天然寶石。
讓用戶知道標簽只需要點擊一兩行CSS（這取決于你如何寫）要從默認的文本插入光標移動改變更點擊友好的指針。
表格標簽懸停效果
 
現在每個人都很清楚，可點擊提交按鈕。我一直認為這是奇怪的，這明顯可點擊的不使用相同的光標為紐帶。所以我想用這一點CSS按鈕。

3。連接您的標志
不連接的標志，你的網站首頁是一個我見過的網絡上更令人沮喪的事情。我不明白為什么會有人不這樣。它是如此容易，而現在，它是安全的說，用戶期望它。
連接您的標志是如此普遍，很多網站發現，有一個鏈接標記的“家”是沒有用了，因為用戶只是點擊圖標導航到主頁。
臉譜網等網站，跟蹤用戶點擊添加“ref”參數為每一個導航元素。以下是臉譜網如何聯系的標志為例：
臉書
 
 
4。增加災區一個鏈接
大約一年前，瑞安歌手來自37signals寫了一篇關于如何填充鏈接以更好的捕鼠在大本營。這是一個小把戲可用性，你可以使用簡單地增加一些周圍填充鏈接使可點擊區域大。
這是一個偉大的除了任何網站，它可以幫助防止一個環節，而這往往是有點沮喪。它也幫助了很多在移動網頁設計，在用戶點擊他們的手指真的需要額外的大災區鏈路上。

 
5。添加窗體域焦點
應用集中到一個窗體域是用戶界面設計的發展趨勢。它可以讓用戶了解自己做了什么（這樣做有意義嗎？）這是一個快速簡便的方法來傳遞有用的信息到用戶。這樣說：“嘿！你只需點擊這里。”可以是非常有用的。
一個集中的表單元素
 

6。提供一個有用的404頁面
讓用戶感到舒適是很重要的，顯示一個大Apache的錯誤信息在屏幕上并不是最好的方式來完成。一個有用的404頁面可以很長的路要走，它并沒有包含數字“4”或“0”，因為他們并不比其他任何人的開發者很有幫助。除此之外，沒有人真的需要知道的任何幕后發生的錯誤代碼。用戶只需要一個網站的工作，他們期望的那樣。
在關閉一個機會，用戶沒有找到自己在“頁面未找到”，更加有利于引導他們的地方，他們能找到他們正在尋找的信息，提供了一些道歉的文字，一個搜索框，或提出一些可能的目的地。但不要把責任歸咎于在一個錯誤的網址登陸用戶。
blogussion寫了一大篇關于創建一個內容豐富的404頁列出那些WordPress用戶在我們一些很好的技巧，甚至一些代碼。
404錯誤
 

7。用語言創造一個輕松的環境
在網絡上寫作是現在的一大課題。這就像我們去一些大的問題的清單：HTML，CSS，漸進增強，可達性，為網絡寫作，和無所不包的“Web標準”。
我們聽到了很多關于在網絡上寫作，這似乎是不斷變化的。從天史蒂文·克魯格告訴我們節約了一半的內容，盡可能使用項目符號列表。
現在，我們都應該這樣寫，我們聊天的朋友，這一切都讓用戶感覺他們在一個舒適的環境。當你保持在您的網站隨意復制，它讓用戶感到壓力，所以當他們遇到一些困惑，他們仍然可以感到放松和非正式的為他們尋找自己的答案。
沙發

8。應用線高度的可讀性
行高是一個可以直接繼承于物理介質的東西，如書籍和報紙。這些來源已經存在了幾百年，有足夠的時間掌握可讀性和行高。所以你停留在這接下來的時間，不要害怕打開課本看看。
這是網站的設計可以很容易被忽視，容易被濫用的一個方面。我通常開始約1.4em線高度和調整它，基于內容的設計。
線高度的例子
 

9。利用白色空間族元素
分組合作項目是最簡單的方式顯示的關聯。你可以用圖片、邊框做，或只是普通的老白的空間。使用白色空間族元素相關元素之間產生自然的聯想，即使看一眼，可以很容易地被用戶。
由于眼睛掃描頁面，用戶自然會先讀標題。這發生了很多前10名單（：：：：啊哈）。希望的內容是吸引用戶閱讀更有趣。你把用戶正確的方向你的方式設計的內容，有關系的事物其實看起來他們相關的。
空白
 

10。被訪問的
通過訪問，我指的不是508節和艾達合規。可達性，在這種情況下，就在你的用戶，當他們有問題（反應）。
如果可用性是想要確保你的用戶不灰心離開，反應是你的最后防線失去這個用戶遠離那些短點擊競爭對手的數以百萬計的人。
最終，你可以做你想要的所有的測試和跟蹤所有的實用性的建議，你可以得到你的手，但每個人都是不同的。用戶會感到困惑，并最終失去了需要幫助。多少時間你讓用戶可以混淆的人會回來的人誰不會差
在談到交通，很多人默認對視障人士的談話，但可遠遠不止于此。例如，你必須讓你的網站給用戶的帶寬限制（撥號上網，手機服務，網絡速度慢）和舊的瀏覽器（一些公司不會讓員工升級瀏覽器）。
如果我們盡最大努力使我們的網站盡可能的方便和快速響應的問題，我們可以創建一個整體的體驗，將讓用戶不斷地想要更多。

牧羊人設計文章推薦：

Web設計的配色方案和工具

30個Web設計網頁設計行業書籍
打破設計周期是創意