相信很多用戶已經(jīng)在coolsite360中建立的自己的網(wǎng)站了。

在網(wǎng)站設(shè)計方面，簡單往往更好，這已經(jīng)不是什么秘密了。一個易于理解且使用簡單的界面更有可能將訪問者轉(zhuǎn)變?yōu)樯院髮⒎祷啬W(wǎng)站的活躍用戶。

但是你如何簡化你的網(wǎng)站？即使您沒有從頭開始構(gòu)建新的東西，訣竅是設(shè)定目標(biāo)，然后查看為用戶提供目標(biāo)的路徑。應(yīng)該消除阻礙該路徑的任何事情。任何能夠理解用戶應(yīng)該做什么的東西都應(yīng)該從設(shè)計中刪除。

這就是我們今天要看的內(nèi)容 - 您可以使用一些技巧來簡化您的網(wǎng)站設(shè)計。這些想法適用于現(xiàn)有網(wǎng)站和新版本。

1.專注于行動呼吁

呼吁采取行動需要清晰，足夠大，以便在足夠的位置看到，以便用戶永遠(yuǎn)不會遠(yuǎn)離進(jìn)行關(guān)鍵點擊。

2.簡化頁數(shù)

您的設(shè)計是否包含頁面和信息頁面？它需要嗎？

將內(nèi)容簡化為可管理的塊，但不要淹沒具有太多頁面的用戶點擊。將所有相關(guān)內(nèi)容保存在一起，以便于閱讀和流動。

使用舊的，過時的信息或僅包含第三方窗口小部件或地圖的頁面消除頁面。（這些元素通常可以合并到其他地方。）

3.堅持使用調(diào)色板

雖然很多顏色可以很有趣和吸引人，但它也是壓倒性的。堅持使用兩個或三個選項的調(diào)色板，以幫助控制顏色。

如果你想變得非常簡單，可以考慮單調(diào)的調(diào)色板，只有幾種色調(diào)和單色調(diào)。令人驚訝的是，這么簡單的東西是多么美麗，而且用戶也很容易。較少的顏色會減少心理超負(fù)荷，有助于營造更加和諧有序的外觀。（幾乎所有忙碌生活的人都可以欣賞。）

4.選擇標(biāo)準(zhǔn)導(dǎo)航

雖然隱藏或替代導(dǎo)航樣式可能看起來很酷，但這些時尚選項并不像您期望的那樣用戶友好。任何偏離“正常”用戶模式的行為都會有些不和諧，并且會讓用戶對在網(wǎng)站上移動感到過于困難。選擇標(biāo)準(zhǔn)模式，以便您的網(wǎng)站易于使用。

考慮到這一點，標(biāo)準(zhǔn)非常精簡。帶有三到八個菜單選項的頂部或彈出式導(dǎo)航元素是常態(tài)。忘了那些曾經(jīng)流行的超級風(fēng)格的導(dǎo)航菜單。除非您是主要的電子商務(wù)零售商，否則設(shè)計中的每個頁面都沒有理由在導(dǎo)航中占有一席之地。（許多大型選項在移動設(shè)備上根本不起作用。）

5.考慮80-20規(guī)則

在考慮對設(shè)計進(jìn)行更改時，80-20規(guī)則是一個很好的起點。有兩種方法可以考慮和實施規(guī)則。

請記住，您網(wǎng)站上20％的元素將產(chǎn)生80％的所需用戶操作，這意味著少數(shù)對操作，按鈕或其他用戶界面元素的調(diào)用將產(chǎn)生很大一部分用戶交互。這是完全正常的。

考慮到這一點，當(dāng)您更新或重新考慮設(shè)計時，進(jìn)行更改時會關(guān)注前20％的內(nèi)容，以進(jìn)行80％的更改。您可能想要考慮的20％元素包括產(chǎn)生最多點擊次數(shù)的相同元素 - CTA，流量渠道和圖片。白色空間是另一個重要因素。

如果80-20規(guī)則似乎很熟悉，那么它也被稱為帕累托原則或至關(guān)重要的少數(shù)法則。它由經(jīng)濟學(xué)家Vilfredo Pareto開發(fā)，但適用于所有學(xué)科。

6.使用有鏈接的圖標(biāo)元素

不要僅僅為了擁有酷炫的特效。僅在元素用于整體設(shè)計中的實際用途和目的時才使用元素。

7.注意排版

使用排版的模型就像使用顏色一樣 - 更少。

最容易閱讀的字體具有標(biāo)準(zhǔn)形狀，均勻的筆劃寬度和沒有豐富的裝飾。固體類型系列帶有選項，因此如果您需要強調(diào)特定字體，則無需查找其他字體。這些字母需要包含足夠的重量，以便與您的背景形成對比。

從兩種字體開始。一個用于網(wǎng)站上的主要文本，一個用于顯示用法。而已。這就是你所需要的一切。

8.壓縮文本大小

當(dāng)你在考慮排版時，會增加字母的大小。屏幕不斷變大，讓他們更容易看到您的消息，而不是在畫布上填寫更多文本。

雖然這對于移動設(shè)備來說似乎是違反直覺的，但事實也是如此。更大的字體可以更容易閱讀。忘掉那句古老的格言，一切都必須在卷軸之上。雖然關(guān)鍵詞應(yīng)該吸引用戶滾動，但不是所有東西都需要在第一個屏幕上。用戶理解繼續(xù)前進(jìn)并習(xí)慣于滾動，特別是在手機上查看網(wǎng)站時。

9.創(chuàng)建輕松復(fù)制

雖然排版可以在確定設(shè)計的復(fù)雜程度方面產(chǎn)生巨大的差異，但實際的單詞同樣重要。每個單詞都應(yīng)該傳達(dá)與你的視覺相同的意義，因此有一個獨特的一致性。

編輯副本。然后再次編輯它。

網(wǎng)站是一種媒介，是一種可讀的交流形式。確保您與訪問者的對話是您期望的，干凈，簡潔，高度可讀的副本。創(chuàng)建流經(jīng)設(shè)計的語氣，并使用吸引用戶的詞語和語言。

然后再編輯一次，取出不必要的每一段文字。

10.打破1規(guī)則，但只有1

規(guī)則意味著被打破。但只打破一條規(guī)則。

如果你想做一些不同的事情，不要用很多不同或不尋常的元素來混淆設(shè)計。通過專注于一個更復(fù)雜或不尋常的事情，您可以創(chuàng)造興趣而不會壓倒用戶。

聽起來很簡單吧？（只是不要陷入做太多的常見陷阱中。）

結(jié)論

網(wǎng)站設(shè)計過于復(fù)雜或“過于設(shè)計”會妨礙您與用戶溝通的方式。記住您的轉(zhuǎn)化目標(biāo)以及您希望用戶對設(shè)計做些什么。無論是填寫表格，下載應(yīng)用程序還是購買填充兔子，每個設(shè)計元素都應(yīng)該強調(diào)到達(dá)目的地。

去掉阻礙這條道路的所有設(shè)計元素。用戶喜歡干凈，簡單且易于使用的設(shè)計。在諸如電話之類的較小設(shè)備上尤其如此，其中雜亂可能在幾納秒內(nèi)破壞用戶體驗。

意派Coolsite360交互式線網(wǎng)頁編輯系統(tǒng)

“創(chuàng)意不該受技術(shù)束縛，交互可以變得簡單有趣”