您是否知道需要一個人約50毫秒來決定是留在您的網(wǎng)站還是離開？

那么你的網(wǎng)站怎么樣 - 這會讓訪客留下來嗎？你怎么能讓他們在你的網(wǎng)站上花更多的時間？一個漂亮的設(shè)計或有趣的內(nèi)容是偉大的，但是，這并不總是足以與用戶互動。您的網(wǎng)站應(yīng)滿足初始用戶的需求，并提供相應(yīng)的體驗和方便直觀的功能。

在本文中，長沙網(wǎng)站建設(shè)提供了5個基本的網(wǎng)站可用性原則，這將有助于使您的網(wǎng)站用戶友好，增加平均現(xiàn)場時間和提高跳出率。

什么是網(wǎng)站可用性？

可用性是關(guān)于使用網(wǎng)站的便利性和簡單性。

可用性描述了用戶與網(wǎng)站交互的效率。這涵蓋了用戶在網(wǎng)站上通常會遇到的所有內(nèi)容：任何導(dǎo)航塊，列表，內(nèi)容，插圖，視頻，按鈕，申請表等。

雅各布尼爾森，網(wǎng)絡(luò)可用性先驅(qū)和顧問，聯(lián)合創(chuàng)始人@Nielsen Norman Group，人機交互博士，以這種方式描述：

可用性是一種質(zhì)量屬性，用于評估用戶界面的易用性。“可用性”一詞也指在設(shè)計過程中提高易用性的方法。

為了方便用戶使用，您的網(wǎng)站應(yīng)與目標(biāo)受眾群體相關(guān)。始終牢記您的客戶是誰以及他們有什么目標(biāo)。他們在訪問您的網(wǎng)站后獲得了所需的一切嗎？調(diào)整您的受眾并了解其行為模式非常重要。

為什么可用性很重要？

如果您的網(wǎng)站不是用戶友好的，訪問者可能會陷入混亂的導(dǎo)航，可能找不到所需的按鈕，甚至可能無法進(jìn)行購買。所有這些都可能導(dǎo)致您網(wǎng)站的用戶體驗不佳，用戶將立即離開。

這就是為什么主要目標(biāo)是使網(wǎng)站盡可能易于使用和方便。

美國用戶體驗專業(yè)人士Steve Krug在他的著作“不要讓我思考”中指出了主要的可用性目標(biāo)：如果你強迫他們思考，你會讓用戶感到不快。您網(wǎng)站上的所有內(nèi)容都應(yīng)盡可能簡單透明。

如何使網(wǎng)站用戶友好？

1.輕松導(dǎo)航

導(dǎo)航是可用性的基石。如果用戶在瀏覽時遇到困難，那么您的網(wǎng)站是多么令人興奮并不重要。輕松導(dǎo)航允許用戶理解網(wǎng)站結(jié)構(gòu)。這樣，客戶就能理解如何快速訪問特定頁面而不會有任何困難。

如果您的用戶不了解如何瀏覽您的網(wǎng)站或應(yīng)用，他們很可能不會非常努力，并會離開該網(wǎng)站。要避免這種情況，您應(yīng)該清楚地看到主導(dǎo)航菜單選項。不要把它們隱藏在下拉菜單中，讓它們引以為傲。此外，您應(yīng)該分析最常查看的頁面是什么，并在導(dǎo)航面板中強調(diào)它們。

我們創(chuàng)建了用戶喜愛的美觀且易于使用的網(wǎng)站。

希望我們?yōu)槟鷦?chuàng)建一個？與我們的UI / UX專家交流。

我們來談?wù)?/p>

此外，還有一個關(guān)鍵問題是確保用戶知道他們所在的頁面。他們必須隨時準(zhǔn)確理解它。面包屑在這里非常有用，因為它們有助于網(wǎng)站導(dǎo)航。

案例分析

iExpedition是一個網(wǎng)絡(luò)平臺，用于預(yù)訂45歲以上的目標(biāo)受眾的航行。因此，當(dāng)我們開始開發(fā)網(wǎng)站時，考慮到目標(biāo)受眾，我們非常關(guān)注導(dǎo)航面板及其元素。主要目標(biāo)是讓游客的路徑盡可能簡單明了：從選擇游覽開始到結(jié)束預(yù)訂。

為實現(xiàn)這一目標(biāo)，我們將主導(dǎo)航菜單選項的大小與其他元素相比更大。菜單本身位于頁面的中心，此外，頁面上還有面包屑。通過這種方式，菜單選項始終可供用戶使用并且易于查找。

輔助菜單選項的尺寸較小。實際上，用戶在檢查主要選項后訪問這些頁面以查找其他信息。

IExpedition

2.網(wǎng)站或應(yīng)用程序的統(tǒng)一樣式

用戶不可能記住您的網(wǎng)站結(jié)構(gòu)，因此強烈建議您安排所有內(nèi)容以最大限度地提高用戶的便利性。出于這些目的，您可以為網(wǎng)站或應(yīng)用程序結(jié)構(gòu)的一致性創(chuàng)建指南。顏色和樣式應(yīng)該是可識別的，網(wǎng)站流程應(yīng)該易于使用。

此外，所有頁面都應(yīng)具有通用模板：從標(biāo)題字體大小到相同的注冊表單位置。所有這些都允許用戶在網(wǎng)站上快速導(dǎo)航。

案例分析

Digital Village是一個在線協(xié)作空間，可幫助企業(yè)找到程序員和設(shè)計師，并在線完成他們的項目。

對于這個項目，我們已經(jīng)創(chuàng)建了一個指南，我們指定了可利用的字體，顏色，按鈕大小和懸停狀態(tài)。因此，遵循指南中描述的建議有助于增強您的網(wǎng)站或應(yīng)用程序的便利性。

DV

3.遵循行業(yè)設(shè)計標(biāo)準(zhǔn)

在網(wǎng)站開發(fā)過程中，維護(hù)特定行業(yè)的標(biāo)準(zhǔn)至關(guān)重要。旅行社網(wǎng)站的寶貴模板不適合醫(yī)療應(yīng)用。支持標(biāo)準(zhǔn)將有助于加強與用戶的溝通過程。

迄今為止，大多數(shù)人都有足夠的與網(wǎng)站互動的經(jīng)驗。他們已經(jīng)對網(wǎng)站上每個元素的位置有一定的期望。如果您嘗試重新發(fā)明輪子并更改元素的位置，這可能會對客戶體驗產(chǎn)生負(fù)面影響。很久以前就已經(jīng)發(fā)現(xiàn)了常見的概念和標(biāo)準(zhǔn)，強烈建議遵循它們。

案例分析

Galith是一家在線珠寶店。與任何電子商務(wù)項目一樣，有幾個規(guī)則應(yīng)該更好地遵循。

搜索選項應(yīng)該在每個頁面上都可用，以便用戶隨時可以找到他們需要的所有內(nèi)容。

購物車按鈕應(yīng)位于右上角（如下所示）。原因很明顯：社區(qū)已經(jīng)習(xí)慣了，如果你改變按鈕位置，這很可能會使用戶感到困惑。因此，您將失去潛在客戶，因為他們可能無法完成購買。

但是，如果您仍然希望縮小通用標(biāo)準(zhǔn)，那么您應(yīng)該了解可能存在的風(fēng)險，并確保在項目中有意識且合理地執(zhí)行更改。

Galith

4.使用圖片和插圖

我們的大腦更容易處理視覺信息。因此，使用圖片和插圖將有助于吸引用戶的注意力。當(dāng)他們看到其他人時，這會給人留下好印象。

使用適合您的網(wǎng)站或應(yīng)用程序主題的圖片非常重要。如果您選擇了錯誤的內(nèi)容，可能會使用戶感到困惑。當(dāng)然，圖片必須是高質(zhì)量的。

此外，吸引用戶注意力的一種有用方法是說明。它有助于顯示網(wǎng)站主題和主題。