在設計網站的時候，我們總是追求美觀，比如說顏色的搭配，陰影的安排，logo放置的位置。但是，如果您真的希望您的網站可以發揮更大的作用，那么您需要關注的不僅僅是網站的外觀。

在如今這個世界，各種各樣數量繁多的網站充斥著人們的眼球，在設計網站的時候，我們首先要考慮到我們的網站的可用性(應該力求簡單)和用戶體驗(用戶與網站的交互)。

您可以選擇花費數年時間研究網站的可用性和用戶體驗的細節，但是這顯然是不太現實的，所以我們整理了以下指南，希望在您設計下一個網站項目的時候可以幫到您。

一、簡單

雖然網站的外觀和感覺很重要，但是大多數的訪問者訪問您的網站都不會去評估這些東西，相反他們更主要的目的是進行某些操作或者尋找某些信息，向您的網站添加不必要的設計元素只會讓訪問者更難達到他們的目的。從可用性和用戶體驗的角度上來說，簡單是最好的設計。您可以通過不同的方法來使您的網站盡可能簡單，比如說：

· 顏色。不要使用太多的顏色，一項研究建議在您的網站設計中最多采用五種不同的顏色。

· 字體。您選擇的字體應該保持清晰可見，在一個頁面上，最多使用三種不同的字體和尺寸。

· 圖形。只有在它們幫助用戶完成任務或者執行特定功能的時候才使用它們，不要隨便添加圖形

這是一個例子：

二、視覺層次結構

與簡單原則密切相關的是，網站需要合理的安排和組織網站的視覺元素，以便訪問者可以先找到最重要的元素。記住，在優化可用性和用戶體驗方面，您的目標是引導訪問者完成他們的操作，這種方式自然而愉快。通過調整某些元素的位置、顏色或大小，您可以構建您的網站，吸引訪問者到這些元素。

在下面的這個例子中，”GET SPOITFY FREE”是最容易吸引到訪問者的元素，因為它位于頁面的左側（大多數情況下，訪問者會從左到右掃描網站），更重要的是，它是唯一使用深紫色的元素。

三、導航欄

在您的網站上有一個合適的導航欄是至關重要的，它可以方便訪問者盡快找到他們想要到的內容。在理想的情況下，訪問者應該可以從任何一個位置找到他們想要訪問的內容，而不必考慮在哪里點擊下一步。

這里有一些導航欄的小技巧

· 保持導航欄的結構簡潔，并且靠近頁面頂部

· 在頁面的尾部也要有導航欄

· 在每個頁面上有使用一些小標簽標出他們所在的位置

· 在網站頂部附近添加搜索框，以便訪問者可以按照關鍵字進行搜索

· 不要再同一個頁面內部署多個導航欄

· 不要導航得太過深入，大多數情況下，最好將導航保持在不超過三個級別

· 在頁面中包含鏈接，并明確指向這些鏈接的位置

· 導航的標簽和位置應在網站的每個頁面保持一致

這里是一個例子：

四、一致性

除了保持導航欄的一致性之外，網站的整體外觀也應該在每個頁面中保持一致。背景，配色，字體，甚至是文字的風格都應該是一致的，這有利于可用性和用戶體驗的提升。

但是，這并不是說網站上的每個頁面都應該具有相同的布局，相反，應該為每種不同類型的頁面創建不同的布局，并且一致地使用這些布局，這可以讓訪問者更容易理解他們在訪問地類型，從而在給定頁面上找到信息。

在下面的示例中，您可以看到Airbnb對其所有“help”頁面使用相同的布局，想象以下，如果每個“help”頁面都有自己獨特的布局，將會導致什么。

五、兼容性

根據comScore的數據，平板電腦的消費在2013年至2015年間增長了30%，智能手機的消費同期增長了78%。需要注意的是，為了提供出色的用戶體驗，您的網站需要與訪問者的不同設備，以及不同操作系統和瀏覽器兼容。

站在比較高的角度上來說，這意味著要設計一個高度靈活的網站設計，比如說響應式設計。這需要在您的網站中，內容會自動調整大小并重新調整，以適應訪問者正在使用的任何設備的尺寸。

如果要求沒那么高，您可以通過像為所有圖像添加alt文本一樣簡單的方式來解決兼容性的問題。

最后，更重要的是，您的網站在不同的平臺上都需要提供出色的用戶體驗，而不是在這些平臺上看起來相同就可以。這可能意味著您需要堅持特定平臺的設計慣例，而不是試圖采用一種新的方法。

六、傳統性

多年來，互聯網用戶越來越熟悉某些網頁設計慣例，這些慣例包括：

· 在頁面的頂部或最左邊放導航欄

· Logo位于頁面的左上方

· 將logo設計為可點擊，以便訪問者返回主頁

· 當你把鼠標放在可點擊的鏈接上時變色

雖然有時候我們為了保持自己的獨特性而不采用這些慣例會顯得自己獨具一格，但它有可能會使一個錯誤，就像將汽車的方向盤放在后座一樣令人困惑。

為了為您的網站訪問者提供好體驗，請充分利用您已經了解到的他們熟悉的web體驗類型，您可以使用這個信息讓你的訪問者更輕松地瀏覽您的網站。

網頁設計中最常見的示例之一：在電子商務網站上使用購物車：

七、可信度

使用網站設計慣例可以幫助您的網站更具有可信度。如果您正在努力建立一個可以提供好用戶體驗的網站，那么可信度(例如，網站傳達的信息)大有幫助。

提高網站可信度的最好的方法之一是讓用戶很容易的了解到您在網站上提供的產品或服務。不要讓訪問者需要深入挖掘幾十頁來了解你在做什么，相反，要坦誠相對，并使用一些例子來解釋你正在做的事情的價值。

另一個提高可靠性的方法：有明確的定價頁面。如果用戶想進一步了解你的產品，雖然通過電話聯系這種方式可能顯得更正式，但是在網站上清楚地列出價格絕對可以使你的業務看起來更值得信賴和合法。以下使Box網站上一個定價頁面示例：

八、以用戶為中心

不管怎么樣，可用性和用戶體驗最終都取決于用戶的偏好，畢竟你的網站是為你的用戶而設計的。因此，雖然上述所說的一些指南是一個很好的指導，但是改進網站的真正關鍵是進行用戶測試。

網站標題：網站建設的8個設計指南
本文路徑：http://newbst.com/news45/100095.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

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