坦率地說，可用性是當(dāng)你讓你的網(wǎng)站變得足夠簡單時，訪客可以找到他們需要的一切。這意味著當(dāng)他們需要的時候，盡可能的簡單。

　　網(wǎng)絡(luò)公司的一個普遍觀點(diǎn)是，可用性是非常昂貴的。但是對于一個日常的公司來說，你可以得到很好的可用性，不用求助于專家，也不用花錢購買昂貴的測試設(shè)備。

　　如果你是一個網(wǎng)頁設(shè)計(jì)師，事情就更容易了。你可以閱讀可用性文章，并將很快了解可用性的基礎(chǔ)知識，以及如何將它們合并到一個網(wǎng)站中。下面是長沙網(wǎng)站建設(shè)公司智優(yōu)營家一些你可以遵循的建議。

　　一、確保你了解你的目標(biāo)受眾

　　關(guān)于如何設(shè)計(jì)一個好的界面的最重要的技巧應(yīng)該來自使用這個界面的用戶。如果你打算建立一個網(wǎng)站，你應(yīng)該知道你的目標(biāo)受眾是什么。然而，把事情擺出來是一個完全不同的問題。

　　你應(yīng)該清楚地知道什么樣的需求會讓用戶去你的網(wǎng)站，以及設(shè)計(jì)將如何進(jìn)一步吸引他們。如果你有點(diǎn)迷失，那就看看競爭對手吧。看看這個領(lǐng)域里最好的網(wǎng)站，看看它們有什么共同點(diǎn)——這通常是一個很好的起點(diǎn)。

　　如果你使用的設(shè)計(jì)模式讓你的目標(biāo)受眾感到舒服，它會讓他們感到受歡迎，并讓他們進(jìn)入你的網(wǎng)站。然后，使用你自己的需求。

　　一旦你確定了目標(biāo)受眾，檢查你的設(shè)計(jì)理念如何與他們合作，并確保你考慮他們的反饋。可操作的反饋非常有價值，不要忽視它。

　　二、添加一個標(biāo)語

　　標(biāo)語基本上是一種口號或一種陳述，它代表了網(wǎng)站的使命及哲學(xué)。

　　它應(yīng)該是網(wǎng)站首頁最明顯的元素之一，它應(yīng)該用一個簡單的短語對網(wǎng)站進(jìn)行清晰的描述。

　　根據(jù)研究，如果你希望用戶繼續(xù)瀏覽的話，每個網(wǎng)站只有8秒鐘的時間來吸引用戶的注意力。如果沒有明確的宣傳口號，你的網(wǎng)站將很難讓訪問者足夠長時間瀏覽網(wǎng)站。

　　三、保持簡單和一致

　　當(dāng)我們討論一個友好的用戶界面時，簡單是關(guān)鍵。我的意思是說，我并不是說要添加一個按鈕或兩個按鈕，或者是添加一些動效來讓事情變得有趣，但是你應(yīng)該讓事情變得容易和理解。

　　你的用戶不需要為導(dǎo)航而掙扎，作為一個網(wǎng)頁設(shè)計(jì)師，你應(yīng)該能夠從他們當(dāng)前的立場出發(fā)，引導(dǎo)他們到他們需要去的地方。為了達(dá)到這個目標(biāo)，應(yīng)該使用排版、顏色和反饋信息等元素。

　　在整個設(shè)計(jì)過程中，界面最好保持一致。這意味著你不應(yīng)該在網(wǎng)站的每個部分都完全改變事情，你應(yīng)該在每一個環(huán)節(jié)都加強(qiáng)主要的設(shè)計(jì)面。

　　當(dāng)用戶瀏覽該網(wǎng)站時，他們應(yīng)該感到自然的進(jìn)步，而不是因?yàn)橐恍┎缓椭C的設(shè)計(jì)選擇而被破壞。

　　四、利用留白空間

　　盡管很多人抱怨說，所有的留白都可以用來做更多的廣告，但他們很少明白，留白空間對于一個精心設(shè)計(jì)的頁面來說是至關(guān)重要的。

　　它使你的內(nèi)容更加清晰，并且使用戶能夠關(guān)注文本周圍的元素。

　　但是如果你想要在上面得到很多內(nèi)容，那么過多的留白可能會妨礙一些有價值的信息。

　　所以在你想要告訴你的用戶的內(nèi)容之間找到一個平衡點(diǎn)，并圍繞著足夠的留白來突出內(nèi)容本身。

　　五、直觀的導(dǎo)航

　　如果你想要確保用戶能夠找到他們想要的東西，那么直觀的導(dǎo)航是很關(guān)鍵的。

　　從點(diǎn)A到點(diǎn)B應(yīng)該盡可能的簡單，而且你不希望用戶過度思考下一步該點(diǎn)什么——這應(yīng)該是直觀的。

　　六、讓這些CTA按鈕具有吸引力

　　你的客戶通常習(xí)慣于遵循視覺提示，以便弄清楚哪些內(nèi)容對他們來說是重要的。

　　CTA按鈕會讓你的用戶更容易地瀏覽你的網(wǎng)站，并找到他們應(yīng)該去的地方。

　　當(dāng)你在創(chuàng)建按鈕時，你應(yīng)該考慮顏色，以及色彩心理學(xué)。不同的顏色會傳達(dá)不同的信息。你應(yīng)該考慮你想要傳達(dá)的信息，并相應(yīng)地選擇顏色。

　　接下來，想想按鈕微文案本身。它們應(yīng)該包括一個行為召喚短語，或者一個動詞，這將引導(dǎo)用戶做一些事情。

　　當(dāng)你選擇正確的詞語時，他們會表現(xiàn)得像一個“觸發(fā)器”，他們會觸發(fā)多少動作取決于這個詞提示的情緒水平。記住這一點(diǎn)，如果沒有情感上的聯(lián)系，就沒有行動。

　　七、把標(biāo)題設(shè)計(jì)得很好并寫得很好

　　標(biāo)題和內(nèi)容是由你的潛在客戶真正想要的東西驅(qū)動的。當(dāng)你在標(biāo)題中加入關(guān)鍵詞時，它對傳達(dá)你的信息和對正確的目標(biāo)受眾也很重要。

　　搜索引擎通常會給標(biāo)題提供一個優(yōu)勢，而不是其他內(nèi)容，因此正確的標(biāo)題會提高搜索能力。

　　更重要的是，標(biāo)題實(shí)際上引導(dǎo)你的用戶訪問網(wǎng)站，這意味著直觀的標(biāo)題會讓他更容易找到他需要的內(nèi)容。

　　八、充分利用對比度和顏色

　　為任何一種設(shè)計(jì)選擇正確的顏色實(shí)際上是一門科學(xué)。如果你現(xiàn)在正在讀這篇文章，很有可能你至少對色彩心理學(xué)有一定的了解，所以我們現(xiàn)在就不細(xì)講了。

　　我們應(yīng)該專注于如何使用顏色來達(dá)到他們的最高潛力，最終得到一個令人驚艷的界面。

　　顏色傳達(dá)視覺層次，你可以用它們來提升你的設(shè)計(jì)，在元素之間建立良好的關(guān)系，同時也能保持你的用戶的注意力。

　　當(dāng)你使用界面時，你使用的顏色應(yīng)該保持一致，以傳達(dá)視覺暗示，你應(yīng)該盡可能地保持你的配色方案。

　　九、使用視覺層次結(jié)構(gòu)

　　視覺層次結(jié)構(gòu)意味著，你應(yīng)該組織和安排網(wǎng)頁元素，這樣用戶就可以自然地得到最重要的元素。

　　當(dāng)你在總體上優(yōu)化用戶體驗(yàn)和可用性時，主要目標(biāo)是讓訪問者完成所需的操作。然而，這應(yīng)該是一種自然的、愉快的方式。

　　當(dāng)你調(diào)整某些元素的顏色、位置或大小時，你應(yīng)該以一種方式來組織你的網(wǎng)站，讓你的訪客去關(guān)注那些你認(rèn)為更重要的元素。

　　如果你看看優(yōu)秀的網(wǎng)站設(shè)計(jì)他們的標(biāo)題的方式，你會發(fā)現(xiàn)他們都很好地使用了視覺層次結(jié)構(gòu)。

　　十、添加一個網(wǎng)站搜索

　　你可以讓你的網(wǎng)站盡可能的容易導(dǎo)航，但是你不能排除有些用戶仍然不能找到他們需要的東西的選項(xiàng)。這就是站點(diǎn)搜索不言而喻的重要性，因?yàn)樗试S用戶搜索任何他們需要的搜索字段。

　　這里的一個很好的做法是讓搜索框保持27個字符寬。這是一個很好的寬度，可以使文本易于使用和清晰可見。并且，搜索文本框應(yīng)該放在網(wǎng)頁的頂部。

　　研究表明，大多數(shù)用戶傾向于使用“F”模式在網(wǎng)站上搜索，從左上角到右下角，而頂部的搜索框非常方便。

　　在文本框中，不要使用“提交”或“Go”這樣的搜索文本，因?yàn)檫@可能會誤導(dǎo)用戶，而且，明確指定的搜索文本更容易理解。最后，添加一個搜索按鈕。

　　十一、避免404錯誤

　　如果沒有發(fā)現(xiàn)頁面404錯誤，搜索引擎可能不會對你造成太大的懲罰，但是用戶肯定會這樣做。當(dāng)他們點(diǎn)擊圖片或鏈接時，他們希望網(wǎng)站能把他們帶到他們應(yīng)該去的地方。

　　如果他們得到404錯誤，他們很容易感到失望。他們很可能會重新思考為什么他們會花時間在你的網(wǎng)站上，然后轉(zhuǎn)向其他網(wǎng)站尋求解決方案。

　　注意，當(dāng)404頁面加載緩慢的時候，這同樣會讓瀏覽你網(wǎng)站的用戶感到沮喪。

　　十二、響應(yīng)式設(shè)計(jì)并對移動友好

　　如今，越來越多的用戶通過智能手機(jī)訪問網(wǎng)站。技術(shù)的進(jìn)步讓我們今天這樣做，你應(yīng)該跟上潮流。

　　你的網(wǎng)站應(yīng)該很容易在任何屏幕上導(dǎo)航，包括智能手機(jī)，因?yàn)槿绻脩舨荒軓乃闹悄苁謾C(jī)上訪問，享受體驗(yàn)，他很可能不會再在電腦上嘗試，而是去不同的網(wǎng)站。

　　十三、保持工作流程

　　當(dāng)我說到工作流時，我指的是某人在你的網(wǎng)站上所做的操作。不管他們是在網(wǎng)站上注冊，還是填寫表單，或者瀏覽產(chǎn)品/服務(wù)類別，這些工作流程體驗(yàn)都不應(yīng)該被破壞。

　　相反，給用戶一個取消任何操作的選項(xiàng)。如果你不給他們選擇，那就會讓他們覺得你在強(qiáng)迫他們完成，這會令人感覺很糟糕。

　　并不是每個操作都是顯而易見的，并且描述性的技巧可以很容易地指導(dǎo)他們完成特定的工作流程，例如填寫表單。JavaScript鏈接可能很容易破壞工作流，所以盡量避免使用它們。

　　不改變訪問鏈接的顏色是另一個錯誤。這讓用戶思考他在網(wǎng)站上的位置，以及他目前的位置，你可以很容易的把他的想法從他的腦海中移開。

　　十四、創(chuàng)建一個易于掃描的網(wǎng)頁

　　如果你想讓訪問者留在你的網(wǎng)站上，那么這個網(wǎng)站很容易被閱讀和瀏覽，這是一個很重要的因素。

　　可用性測試表明，大多數(shù)用戶并不真正閱讀整個網(wǎng)頁，而是瀏覽他們的網(wǎng)頁，尋找一些醒目的、突出的文本，比如標(biāo)題，列表。

　　眼球跟蹤研究還顯示，用戶會閱讀看起來像字母“F”的內(nèi)容，從左上角開始，然后向下移動，然后從左邊開始。

　　一個重要的方法可以從傳統(tǒng)的印刷報(bào)紙上學(xué)習(xí)，那就是一個引人注目的標(biāo)題，以及一個引人注目的第一段，會讓用戶想要通讀整篇文章。內(nèi)容以“倒金字塔”的形式組織起來，在那里，寬廣的基礎(chǔ)提供了最重要的信息，而當(dāng)你向下移動時，信息就變得不那么重要了。

　　十五、使用文本格式和項(xiàng)目符號列表

　　粗體或斜體文本，以及項(xiàng)目符號列表，將使你的用戶在較長的一段時間內(nèi)固定在那里。這些風(fēng)格的工具有一種獨(dú)特的外觀，通過分解信息并突出顯示風(fēng)格特征的重要性，從而吸引了用戶的注意力，并加快了閱讀速度。

　　當(dāng)你把一個段落分成項(xiàng)目符號時，它會讓事情變得更容易。你可以通過使用斜體或粗體文本突出顯示信息。

　　十六、有意義的反饋是至關(guān)重要的

　　有意義的反饋是網(wǎng)站和用戶之間的主要溝通渠道。使用反饋，您可以讓用戶知道站點(diǎn)上發(fā)生了什么。

　　在錯誤的情況下，給用戶一個有意義的消息，而不是一個通用的錯誤。消息應(yīng)該告訴用戶哪里出了問題，以及他們在那個時候可以做什么。

　　反饋是雙向的。當(dāng)用戶在網(wǎng)站上填寫你的表單時，他基本上是在給你反饋。因此，你不應(yīng)該讓他重復(fù)同樣的事情。

　　例如，如果他已經(jīng)注冊并需要填寫表單，那么就不要詢問他們已經(jīng)給你的信息，比如他們的名字或者其他什么。這些東西已經(jīng)存在了，考慮到他已經(jīng)注冊了，你可以從數(shù)據(jù)庫中獲取它們，為用戶提供簡單的東西。