有一些關(guān)于網(wǎng)站設(shè)計(jì)的想法似乎永遠(yuǎn)不會消失，即使它們不再如此。有些概念經(jīng)不起時(shí)間的考驗(yàn)，是時(shí)候重新審視我們是否應(yīng)該繼續(xù)采用它們了。

用戶喜歡滑塊設(shè)計(jì)嗎？簡單會等于最小的設(shè)計(jì)嗎？您真的需要在導(dǎo)航中包含您網(wǎng)站的每個(gè)頁面嗎？

在這里，我們將看看一些網(wǎng)站設(shè)計(jì)的創(chuàng)意，并分享一些現(xiàn)代的最佳實(shí)踐，這樣您就不會落入這些老派的陷阱中。

1、用戶喜歡滑塊設(shè)計(jì)的交互

您最后一次使用滑塊或點(diǎn)擊滑塊是什么時(shí)候？

雖然滑塊設(shè)計(jì)仍然是一種流行的技術(shù)，但它們并不是真的那么有用。滑動(dòng)器或旋轉(zhuǎn)木馬的訪客參與度非常低。

Yoast提出了一個(gè)非常有說服力的理由來消除它們：

只有1%的人會點(diǎn)擊滑塊

滑塊顯示了太多的信息，可能導(dǎo)致混亂

他們會降低您網(wǎng)站的速度

訪問者可以跳過重要的網(wǎng)站信息

所有這些關(guān)于滑塊的挑戰(zhàn)讓我們得出一個(gè)可靠的結(jié)論：有更好的方法。

這取決于您想出一個(gè)更有創(chuàng)意的設(shè)計(jì)方案，獲取您要放入滑塊中的信息，然后使用視差滾動(dòng)創(chuàng)建屏幕，或者創(chuàng)建多個(gè)著陸頁面來為滑塊內(nèi)容創(chuàng)建不同的漏斗。

只是不要陷入滑塊陷阱，對于設(shè)計(jì)者和用戶來說，這是一種優(yōu)柔寡斷的表現(xiàn)。

2、設(shè)計(jì)只是讓事物變得漂亮

好的設(shè)計(jì)不只是畫在畫布上，雖然它應(yīng)該在美學(xué)上令人愉悅，一個(gè)真正好的設(shè)計(jì)是功能和美麗的。

當(dāng)您創(chuàng)建一些看起來不錯(cuò)的東西時(shí)，您考慮過完整的用戶體驗(yàn)嗎？參觀者將如何與設(shè)計(jì)互動(dòng)？多虧了視覺提示，它們能做它們想做的事嗎？

挑戰(zhàn)自己，從視覺以外的角度思考設(shè)計(jì)過程。在開始映射項(xiàng)目時(shí)，請考慮函數(shù)與可視化。它每次都能創(chuàng)造出更好的設(shè)計(jì)。

使用好的視覺效果來幫助解決用戶的痛點(diǎn)或找到關(guān)鍵信息，這包括從圖像到顏色到字體選擇的一切。

3、簡單等于簡約設(shè)計(jì)

一個(gè)簡單的設(shè)計(jì)不一定是最小限度的。

兩者都是創(chuàng)意的設(shè)計(jì)理念，（我們經(jīng)常在這里強(qiáng)調(diào)簡單的設(shè)計(jì)技術(shù)如何有助于一個(gè)設(shè)計(jì)良好的項(xiàng)目。）但是簡單并不意味著它是最小的。

簡單的設(shè)計(jì)很容易理解，在視覺和界面上沒有太多的復(fù)雜性。這正是您需要有效溝通和幫助網(wǎng)站訪問者參與的東西。

簡約設(shè)計(jì)是一種美學(xué)，去掉了所有不必要的視覺效果，呈現(xiàn)出光滑、流線型的外觀。

極簡主義是所有關(guān)于視覺表現(xiàn)，而簡單可以是視覺和功能。對于大多數(shù)設(shè)計(jì)師來說，有機(jī)會同時(shí)使用這兩種設(shè)計(jì)哲學(xué)。

4、用戶不滾動(dòng)

有一段時(shí)間，所有實(shí)用的建議都說網(wǎng)站設(shè)計(jì)必須把所有相關(guān)的信息放在滾動(dòng)條上面。否則，用戶將永遠(yuǎn)看不到它。

滾動(dòng)的規(guī)則已經(jīng)改變了。

在桌面屏幕（主要是水平的）和電話或桌面屏幕（通常是垂直的）上，滾動(dòng)的深度是不同的。

用戶在決定是堅(jiān)持還是放棄之前，非常擅長快速滾動(dòng)和瀏覽內(nèi)容。（您幾乎可以把它想象成電視上的廣告快進(jìn)，看有沒有什么值得停下來看的。）

這意味著您需要在每個(gè)頁面的多個(gè)位置放置非常有趣的內(nèi)容。頂部是為瀏覽和訪問的用戶和在頁面的其他地方，為那些將做一個(gè)快速瀏覽頁面。

如果您真的擔(dān)心用戶不滾動(dòng)，提供說明或視覺提示來鼓勵(lì)用戶滾動(dòng)。上面的Gngn通過左下角的滾動(dòng)指令和時(shí)間線點(diǎn)來實(shí)現(xiàn)這一點(diǎn)。

更重要的可能是，以一種視覺上有趣的方式創(chuàng)建這些信息片段，它們幾乎會迫使用戶停下來看。這給了您第二次機(jī)會把一個(gè)訪問者變成一個(gè)完成轉(zhuǎn)換的人。

5、所有內(nèi)容都需要在導(dǎo)航欄中

亞馬遜可能是唯一一個(gè)導(dǎo)航水平看起來一直在增長的網(wǎng)站。（甚至連這家零售業(yè)巨頭也開始精簡其龐大的菜單。）

在導(dǎo)航欄中出現(xiàn)太多的選擇會讓訪問者不知所措，實(shí)際上會對訪問者產(chǎn)生相反的影響，也就是說他們會離開網(wǎng)站而不是完成一個(gè)動(dòng)作。

一個(gè)更好的選擇是在主導(dǎo)航欄中放置一些最受歡迎的鏈接，并為那些不知道自己在尋找什么的用戶提供一個(gè)突出的搜索選項(xiàng)。在主菜單中或靠近主菜單，這樣當(dāng)用戶找不到東西的時(shí)候，它就會成為一個(gè)明顯的解決方案。

另一個(gè)好處是，這使得移動(dòng)設(shè)備上的導(dǎo)航菜單更加清晰和容易處理，而不會提供一個(gè)截然不同的選項(xiàng)列表。

6、Web排版需要使用Sans Serifs

您聽過多少次您必須在網(wǎng)站上使用無襯線字體？

雖然這曾經(jīng)是真的，但今天卻是一個(gè)神話。多虧了高分辨率的屏幕，您可以很容易地看到和閱讀網(wǎng)站上幾乎所有的字體（提供正確的顏色和對比度）。使用sans serifs的主要原因是屏幕分辨率低，這會使其他字體難以閱讀。

所以，加油！使用襯線、腳本或新穎的字體，如果它適合您的項(xiàng)目。

7、最重要的是主頁

網(wǎng)站設(shè)計(jì)的另一個(gè)衰落趨勢是使用一頁網(wǎng)站，在主頁上獲得所有的信息。只有在內(nèi)容有限的情況下，這才是一個(gè)好主意。

大多數(shù)網(wǎng)站更好地為用戶提供多個(gè)頁面和入口點(diǎn)。雖然有些人會通過輸入U(xiǎn)RL或通過鏈接直接進(jìn)入網(wǎng)站，但很多人會通過搜索找到您的網(wǎng)站。

有更多定向內(nèi)容的頁面可以幫助正確的網(wǎng)站訪問者找到他們想要看到的網(wǎng)站和內(nèi)容。這包括從博客文章到您的聯(lián)系方式或關(guān)于頁面的所有內(nèi)容。

如果您開始發(fā)展您的業(yè)務(wù)或者想在網(wǎng)站上增加更多的內(nèi)容，單頁設(shè)計(jì)也會受到限制。多頁結(jié)構(gòu)將更容易隨時(shí)間增長和演變。

8、您的網(wǎng)站需要一個(gè)社交媒體

這個(gè)網(wǎng)站設(shè)計(jì)元素幾乎和滑動(dòng)條一樣流行——社交媒體在網(wǎng)頁上的訂閱。

想想看：在您的網(wǎng)站首頁上有一個(gè)您的Facebook訂閱會給您帶來什么好處？

為網(wǎng)站訪問者提供一個(gè)按鈕，方便他們在社交媒體上分享內(nèi)容或關(guān)注賬戶，但他們不需要看到您網(wǎng)站上的feed。由于不同的原因，這是兩個(gè)不同的平臺。

結(jié)論

為了確保您有一個(gè)現(xiàn)代的網(wǎng)站設(shè)計(jì)，重要的是保持領(lǐng)先的用戶研究和模式，您自己的網(wǎng)站分析，和趨勢。這些元素單獨(dú)不足以推動(dòng)如何和如何使用設(shè)計(jì)，但它們結(jié)合在一起是強(qiáng)大的工具。

一個(gè)過時(shí)的網(wǎng)站最明顯的標(biāo)志就是沒有隨著用戶習(xí)慣和行為的改變而改變。技術(shù)和設(shè)備的使用往往會推動(dòng)這一點(diǎn)，所以當(dāng)您訪問其他網(wǎng)站時(shí)，一定要注意您所看到的，以幫助確定您的網(wǎng)站是否需要一些調(diào)整。