有用的Web設(shè)計10個技巧

創(chuàng)建一個更有用的Web 10個技巧

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

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

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

3。連接您的標(biāo)志
不連接的標(biāo)志，你的網(wǎng)站首頁是一個我見過的網(wǎng)絡(luò)上更令人沮喪的事情。我不明白為什么會有人不這樣。它是如此容易，而現(xiàn)在，它是安全的說，用戶期望它。
連接您的標(biāo)志是如此普遍，很多網(wǎng)站發(fā)現(xiàn)，有一個鏈接標(biāo)記的“家”是沒有用了，因為用戶只是點擊圖標(biāo)導(dǎo)航到主頁。
臉譜網(wǎng)等網(wǎng)站，跟蹤用戶點擊添加“ref”參數(shù)為每一個導(dǎo)航元素。以下是臉譜網(wǎng)如何聯(lián)系的標(biāo)志為例：
臉書

4。增加災(zāi)區(qū)一個鏈接
大約一年前，瑞安歌手來自37signals寫了一篇關(guān)于如何填充鏈接以更好的捕鼠在大本營。這是一個小把戲可用性，你可以使用簡單地增加一些周圍填充鏈接使可點擊區(qū)域大。
這是一個偉大的除了任何網(wǎng)站，它可以幫助防止一個環(huán)節(jié)，而這往往是有點沮喪。它也幫助了很多在移動網(wǎng)頁設(shè)計，在用戶點擊他們的手指真的需要額外的大災(zāi)區(qū)鏈路上。

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

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

7。用語言創(chuàng)造一個輕松的環(huán)境
在網(wǎng)絡(luò)上寫作是現(xiàn)在的一大課題。這就像我們?nèi)ヒ恍┐蟮膯栴}的清單：HTML，CSS，漸進(jìn)增強，可達(dá)性，為網(wǎng)絡(luò)寫作，和無所不包的“Web標(biāo)準(zhǔn)”。
我們聽到了很多關(guān)于在網(wǎng)絡(luò)上寫作，這似乎是不斷變化的。從天史蒂文·克魯格告訴我們節(jié)約了一半的內(nèi)容，盡可能使用項目符號列表。
現(xiàn)在，我們都應(yīng)該這樣寫，我們聊天的朋友，這一切都讓用戶感覺他們在一個舒適的環(huán)境。當(dāng)你保持在您的網(wǎng)站隨意復(fù)制，它讓用戶感到壓力，所以當(dāng)他們遇到一些困惑，他們?nèi)匀豢梢愿械椒潘珊头钦降臑樗麄儗ふ易约旱拇鸢浮?br/>沙發(fā)

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

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

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

創(chuàng)新互聯(lián)設(shè)計文章推薦：

8種技巧做好SEO優(yōu)化錨文本

如何保證外鏈不能成為網(wǎng)站的殺手
外貿(mào)網(wǎng)店的建設(shè)的重要性

當(dāng)前題目：有用的Web設(shè)計10個技巧
文章源于：http://www.bm7419.com/news/20126.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、服務(wù)器托管、網(wǎng)站設(shè)計、全網(wǎng)營銷推廣、標(biāo)簽優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)