網(wǎng)站建設(shè)公司總結(jié)的9點杭州企業(yè)網(wǎng)站設(shè)計原則

1.簡單性

雖然您網(wǎng)站的外觀很重要，但是大多數(shù)人都不會來您的網(wǎng)站來評估設(shè)計的流暢程度。他們只是想完成一些動作，或找到一些特定的信息。

因此，不必要的設(shè)計元素（即，沒有任何功能目的的設(shè)計元素）只會使網(wǎng)站不堪重負，并使訪問者更難以完成他們要完成的工作。

從可用性和用戶體驗角度來看，簡單性是您最好的朋友。如果您擁有所有必要的頁面元素，那么很難變得太簡單。您可以采用多種不同形式來應(yīng)用此原理，例如：

顏色：基本上，不要使用太多。《計算機與人機交互手冊》建議在設(shè)計中使用最多五種（正負兩種）不同的顏色。

字體：您選擇的字體應(yīng)清晰易讀，因此不要太刻板和非常小的腳本字體（如果有）。同樣，對于文本顏色，請使其保持最小，并始終確保與背景顏色形成對比。常見的建議是使用最多三種不同字體，最多三種不同大小。

圖形：僅當(dāng)圖形可以幫助用戶完成任務(wù)或執(zhí)行特定功能時才使用圖形（不要隨便添加圖形）。

視覺層次結(jié)構(gòu)與簡單性原則緊密相關(guān)，意味著對網(wǎng)站元素進行整理和組織，以便訪問者自然而然地將注意力轉(zhuǎn)向最重要的元素。

請記住，在針對可用性和用戶體驗進行優(yōu)化時，目標(biāo)是引導(dǎo)訪問者以一種自然而愉快的方式完成所需的操作。通過調(diào)整某些元素的位置，顏色或大小，您可以以一種將觀眾首先吸引到這些元素的方式來構(gòu)建網(wǎng)站。

3.適航性

在您的網(wǎng)站上規(guī)劃直觀的導(dǎo)航對于幫助訪問者找到所需的內(nèi)容至關(guān)重要。理想情況下，訪問者應(yīng)該登陸您的網(wǎng)站，而不必考慮下一步如何點擊。從點A到點B的移動應(yīng)盡可能無摩擦。

以下是一些優(yōu)化網(wǎng)站導(dǎo)航的提示：

使主導(dǎo)航的結(jié)構(gòu)保持簡單（并位于頁面頂部附近）。

在網(wǎng)站的頁腳中包含導(dǎo)航。

考慮在每個頁面（首頁除外）上使用面包屑，以便用戶記住其導(dǎo)航記錄。

在網(wǎng)站頂部附近包含一個搜索欄，以便訪問者可以通過關(guān)鍵字進行搜索。

每頁不要提供太多導(dǎo)航選項。

在頁面副本中包括鏈接，并弄清楚這些鏈接的位置。

另一個要點：確定網(wǎng)站的主要（頂部）導(dǎo)航內(nèi)容后，請使其保持一致。導(dǎo)航的標(biāo)簽和位置在每個頁面上應(yīng)保持不變。

4.一致性

除了保持導(dǎo)航一致之外，網(wǎng)站的整體外觀在網(wǎng)站的所有頁面上都應(yīng)該相似。背景，配色方案，字體，甚至您的寫作語調(diào)都是一致性對可用性和用戶體驗產(chǎn)生積極影響的所有方面。

這并不是說每個頁面都應(yīng)遵循相同的布局。而是為特定類型的頁面（例如，登錄頁面，信息頁面等）創(chuàng)建不同的布局。通過一致地使用這些布局，您可以使訪問者更容易理解他們可能在給定頁面上找到的信息類型。

5.責(zé)任心

全球頁面瀏覽量的48％來自智能手機和平板電腦等移動設(shè)備。而且，根據(jù)我們的研究，有93％的人因為網(wǎng)站無法在其設(shè)備上正確顯示而離開了該網(wǎng)站。

這里的要點：為了提供真正出色的用戶體驗，您的站點必須與訪問者正在使用的許多不同設(shè)備兼容。在科技界，這被稱為響應(yīng)式設(shè)計。

響應(yīng)式設(shè)計意味著對高度靈活的網(wǎng)站結(jié)構(gòu)進行投資。在響應(yīng)站點上，將自動調(diào)整內(nèi)容大小并重新排列內(nèi)容，以適應(yīng)訪問者恰巧使用的任何設(shè)備的尺寸。這可以通過適合移動設(shè)備的HTML模板或創(chuàng)建特殊的移動網(wǎng)站來實現(xiàn)。

最終，在不同設(shè)備上提供出色的體驗比在這些設(shè)備上看起來完全相同更為重要。

6.輔助功能

網(wǎng)站可訪問性的目標(biāo)是創(chuàng)建一個任何人都可以使用的網(wǎng)站，包括影響其瀏覽體驗的殘障人士或限制因素。作為網(wǎng)站設(shè)計師，在用戶體驗計劃中考慮這些用戶是您的工作。

與響應(yīng)能力一樣，可訪問性適用于您的整個網(wǎng)站：結(jié)構(gòu)，頁面格式，視覺效果以及書面和視覺內(nèi)容。從廣義上講，這些準(zhǔn)則規(guī)定網(wǎng)站必須是：

可感知：訪問者知道您網(wǎng)站上的內(nèi)容。

可操作：您網(wǎng)站的功能應(yīng)該以不同的方式實現(xiàn)。

可以理解：所有內(nèi)容和警報都可以輕松理解。

穩(wěn)?。耗?/span>的網(wǎng)站可在各種輔助技術(shù)，設(shè)備和瀏覽器上使用。

7.常規(guī)性

網(wǎng)頁設(shè)計中的一大挑戰(zhàn)是平衡創(chuàng)意與您的期望。我們大多數(shù)人都是專業(yè)互聯(lián)網(wǎng)用戶，隨著時間的流逝，我們已經(jīng)習(xí)慣了一些特定的約定。這些約定包括：

將主導(dǎo)航置于頁面的頂部（或左側(cè)）。

在頁面的左上方（或中心）放置logo。

使LOGO可點擊，以便始終將訪問者帶回到首頁。

當(dāng)鼠標(biāo)懸停在鏈接和按鈕上時，它們會更改顏色/外觀。

在商城網(wǎng)站使用購物車圖標(biāo)。該圖標(biāo)還帶有數(shù)字標(biāo)識，表示購物車中的物品數(shù)量。

確保圖像滑塊具有用戶可以單擊以手動旋轉(zhuǎn)幻燈片的按鈕。

盡管有些人可能出于獨特性而選擇將它們?nèi)映?，但這是一個錯誤。在網(wǎng)絡(luò)常規(guī)性的約束下，仍有很大的創(chuàng)造空間。

讓我們簡要考慮一下設(shè)計的另一個領(lǐng)域，即體系結(jié)構(gòu)。制定了建筑規(guī)范，以便人們可以輕松安全地居住在空間中。建筑師不會抱怨或違反這些規(guī)范，因為除了法律上的影響外，它們還確保客人的安全和舒適。

8.信譽

遵守網(wǎng)絡(luò)慣例可增強您的網(wǎng)站信譽。換句話說，它提高了您的網(wǎng)站傳達的信任度。而且，如果您正在努力構(gòu)建一個可提供最佳用戶體驗的網(wǎng)站，那么信譽將大有幫助。

提高信譽的最好方法之一是對所出售的產(chǎn)品或服務(wù)保持清醒和誠實。不要讓訪問者瀏覽數(shù)十個頁面來查找您所做的事情。在您的首頁上占上風(fēng)，并投入來解釋您所做工作的價值。

另一個信譽提示：有一個定價頁面，也鏈接在主頁上。與其強迫別人與您聯(lián)系以了解有關(guān)價格的更多信息，不如在您的網(wǎng)站上清楚列出您的價格。這使您的業(yè)務(wù)顯得更值得信賴和合法。

這是派迪模板建站有效定價頁面的示例：

9.以用戶為中心

歸根結(jié)底，可用性和用戶體驗取決于最終用戶的偏好。畢竟，如果您不為他們設(shè)計，那么您是為誰設(shè)計的？

因此，雖然此列表中詳細介紹的原則是一個很好的起點，但改善站點設(shè)計的最終關(guān)鍵是進行用戶測試，收集反饋并根據(jù)所學(xué)知識進行更改。

并且不要自己打擾測試可用性。您已經(jīng)在設(shè)計上投入了大量時間，這將您自己的偏見帶入了方程式。與任何首次訪問者一樣，獲得從未訪問過您網(wǎng)站的測試人員。

希望這些準(zhǔn)則對通知您的整個網(wǎng)頁和網(wǎng)站的結(jié)構(gòu)很有用。但是，如何將這些準(zhǔn)則付諸實踐呢？在下一節(jié)中，我將介紹您應(yīng)該在設(shè)計計劃中強烈考慮的基本頁面元素。