有用Web10設計技巧

　　創建一個更有用的Web10提示

　　無論是你的作品集博客營銷網站，還是游戲集，我們希望都會吸引游客參觀我們的網站，確保他們有愉快的體驗。可用性衡量的是用戶的體驗水平，它可以很容易地完成一個給定的任務；無論是通過先前的知識，還是通過新的方式讓用戶學會互動。我認為雅各布middot尼爾森可能是** 好的解釋時間，他說：ldquo；可用性是一個質量屬性，如何評價用戶界面的易用性ldquo；可用性；這也意味著該方法在設計過程中易于使用；恩達什；使用。rdquo；在本文中，我希望為您提供了一份可用性檢查表，涵蓋了從設計到簡單導航提示的所有內容，您可以在任何項目中使用這些內容。1.創建自主導航系統，讓用戶知道網站自己是誰，或者瀏覽什么類別，可以極大地提高任何位置的可用性。主動導航是一個可用性概念，幾乎是自動的。我們都有自己的創作方法。

　　對于創建自主導航，這是服務器端** 理想的情況，因為它大大減少了對HTML和CSS的需求。如果生成了正狀態，則服務器不是一個選項，直接為每個導航元素操縱body元素的樣式也是一個不錯的選擇。第三種選擇，您可以使用JavaScript輕松創建自主導航系統。自動導航系統的狀態應與懸停狀態不同。

　　2.點擊標簽和按鈕當你花時間去標記相應的表格時，用戶可以點擊標簽來激活相關的表格元素，還有一個非常簡單的展示方式。這是一個偉大的工作權功能內置到HTML。不幸的是，很少有用戶知道這個用戶界面的天然瑰寶。讓用戶知道標記只需單擊一行或兩行CSS（取決于您的寫入方式）即可從默認文本插入光標，從而更改更易于單擊的指針。表單標簽的懸停效果現在大家都清楚了。您可以單擊“提交”按鈕。我總是覺得奇怪的是，這個明顯的點擊不使用相同的光標作為領帶。所以我想用這個CSS按鈕。

　　3.連接你的logo，而不是連接你的logo，你的網站主頁是我在互聯網上看到的比較令人沮喪的事情。我不明白為什么人們不這么做。這是如此簡單，現在，可以肯定地說，用戶期待它。連接你的標志是如此普遍，許多網站發現有一個鏈接標簽ldquo；家；它不起作用，因為用戶只需點擊圖標導航到主頁臉譜網，以此類推網站，跟蹤用戶點擊添加ldquo；重新定義；每個導航元素的參數。以下是臉譜網如何聯系logo的例子：Facebook 4。添加到災區的鏈接大約一年前，來自37signals的瑞安·辛格（Ryan singer）寫了一篇關于如何在大本營填寫更好的捕鼠器鏈接的文章。這是一個小技巧，你可以用它來簡單地在鏈接周圍添加一些填充，使可點擊的區域變大。這是一個偉大的補充，任何網站和它可以幫助防止鏈接，這往往是有點沮喪。它在移動網頁設計方面也有很大幫助，用戶確實需要用手指點擊更多的災難鏈接。

　　5.表單字段中添加表單字段焦點應用是用戶界面設計的發展趨勢。它允許用戶理解他們所做的事情（這有意義嗎 ）這是一種快速而簡單的方式，可以向用戶傳遞有用的信息。換言之：ldquo；好！你只要點擊這里。rdquo；它可能非常有用。集中的表單元素

　　6.重要的是要為用戶提供有用的404頁面來感受舒適，在屏幕上顯示大Apache錯誤信息不是** 好的方式。一個有用的404頁面可以是一個漫長的路要走，它不包含數字ldquo；4現狀；或ldquo；0rdquo因為他們沒有任何人的開發人員更有用。除此之外，沒有人真正需要知道幕后的錯誤代碼。用戶只需要一網站個作業，正如他們所期望的那樣。關閉機會后，用戶未在ldquo中找到自己；找不到頁；，更有利于引導他們，他們可以找到他們正在尋找的信息，提供一些道歉文本，一個搜索框，或者建議一些可能的目的地。但不要把責任推給登錄錯網站blogussion的用戶，寫了一篇關于創建富404頁面的大文章，列出了一些好的提示，甚至為那些WordPress用戶404錯誤列出了一些好的提示，甚至一些代碼

　　7.利用語言營造輕松的環境，網上寫作是當前的一大主題。就像我們進入一個大問題列表：HTML，CSS，增量增強，可訪問性，web編寫，以及所有ldquoWeb標準；。我們聽說過很多關于在互聯網上寫作的消息，這似乎在不斷變化。從第史蒂文middot克魯格天開始，我們將盡可能地保存一半內容并使用項目符號列表。現在，我們都應該這樣寫，我們的聊天朋友，都讓用戶覺得自己身處舒適環境中。當你在網站中不斷地自由復制時，會讓用戶感到壓力，所以當他們遇到一些困惑時，他們仍然可以感到輕松和非正式，為他們找到自己的答案。沙發

　　8.應用行高度的可讀性是可以直接從物理媒體（如書籍、報紙）繼承的內容。這些來源已經存在了數百年，有足夠的時間掌握可讀性和線高。所以你在這里呆了一段時間。不要害怕打開課本。這是網站設計的一個方面，可以輕易忽略和濫用。我通常從1.4em的線條高度開始，并調整它以進行基于內容的設計。直線高度示例

　　9.使用空白族元素對協作項目進行分組是顯示關聯的** 簡單方法。您可以使用圖片、邊框或僅使用普通老白空間。使用空白族元素在相關元素之間生成自然聯想，即使一目了然，也可以方便用戶使用。當眼睛掃描頁面時，用戶自然會先閱讀標題。這在前十名（以下簡稱：AHA）希望中發生了很多，是為了吸引用戶閱讀更有趣。你把用戶放在正確的方向上，你以正確的方式設計內容，而重要的東西實際上看起來與他們相關。空白的

　　10.訪問，我不是指508和艾達合規。在這種情況下，當用戶有問題（反應）時，可訪問性就在他們身上。如果可用性是為了確保你的用戶不灰心離開，那么你的反應就是失去** 后一道防線，遠離數以百萬計的短點擊競爭對手。** 后，你可以做所有你想做的測試，跟蹤所有的實際建議，你可以得到你的手，但每個人都是不同的。用戶會感到困惑，** 終失去對幫助的需求。你允許用戶花多少時間來迷惑那些會回來的人，在流量方面誰不會壞 許多人默認與視力受損的人交談，但可能遠不止這些。例如，你必須讓你的網站給用戶帶寬限制（撥號上網、移動服務、網速慢）和舊瀏覽器（有些公司不讓員工升級瀏覽器）。如果我們盡** 大努力讓我們的網站在回答問題時盡可能的方便和反應，我們就能創造一個整體的體驗，讓用戶想要更多。

　　謝潑德設計文章推薦：

　　Web設計用配色方案和工具

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