網(wǎng)站設(shè)計(jì):舊想法和現(xiàn)代最佳實(shí)踐
有一些關(guān)于網(wǎng)站設(shè)計(jì)的想法似乎永遠(yuǎn)不會消失,即使它們不再如此。有些概念經(jīng)不起時間的考驗(yàn),是時候重新審視我們是否應(yīng)該繼續(xù)采用它們了。
用戶喜歡滑塊設(shè)計(jì)嗎?簡單會等于最小的設(shè)計(jì)嗎?您真的需要在導(dǎo)航中包含您網(wǎng)站的每個頁面嗎?
在這里,我們將看看一些網(wǎng)站設(shè)計(jì)的創(chuàng)意,并分享一些現(xiàn)代的最佳實(shí)踐,這樣您就不會落入這些老派的陷阱中。
1、用戶喜歡滑塊設(shè)計(jì)的交互
您最后一次使用滑塊或點(diǎn)擊滑塊是什么時候?
雖然滑塊設(shè)計(jì)仍然是一種流行的技術(shù),但它們并不是真的那么有用?;瑒悠骰蛐D(zhuǎn)木馬的訪客參與度非常低。
Yoast提出了一個非常有說服力的理由來消除它們:
只有1%的人會點(diǎn)擊滑塊
滑塊顯示了太多的信息,可能導(dǎo)致混亂
他們會降低您網(wǎng)站的速度
訪問者可以跳過重要的網(wǎng)站信息
所有這些關(guān)于滑塊的挑戰(zhàn)讓我們得出一個可靠的結(jié)論:有更好的方法。
這取決于您想出一個更有創(chuàng)意的設(shè)計(jì)方案,獲取您要放入滑塊中的信息,然后使用視差滾動創(chuàng)建屏幕,或者創(chuàng)建多個著陸頁面來為滑塊內(nèi)容創(chuàng)建不同的漏斗。
只是不要陷入滑塊陷阱,對于設(shè)計(jì)者和用戶來說,這是一種優(yōu)柔寡斷的表現(xiàn)。
2、設(shè)計(jì)只是讓事物變得漂亮
好的設(shè)計(jì)不只是畫在畫布上,雖然它應(yīng)該在美學(xué)上令人愉悅,一個真正好的設(shè)計(jì)是功能和美麗的。
當(dāng)您創(chuàng)建一些看起來不錯的東西時,您考慮過完整的用戶體驗(yàn)嗎?參觀者將如何與設(shè)計(jì)互動?多虧了視覺提示,它們能做它們想做的事嗎?
挑戰(zhàn)自己,從視覺以外的角度思考設(shè)計(jì)過程。在開始映射項(xiàng)目時,請考慮函數(shù)與可視化。它每次都能創(chuàng)造出更好的設(shè)計(jì)。
使用好的視覺效果來幫助解決用戶的痛點(diǎn)或找到關(guān)鍵信息,這包括從圖像到顏色到字體選擇的一切。
3、簡單等于簡約設(shè)計(jì)
一個簡單的設(shè)計(jì)不一定是最小限度的。
兩者都是創(chuàng)意的設(shè)計(jì)理念,(我們經(jīng)常在這里強(qiáng)調(diào)簡單的設(shè)計(jì)技術(shù)如何有助于一個設(shè)計(jì)良好的項(xiàng)目。)但是簡單并不意味著它是最小的。
簡單的設(shè)計(jì)很容易理解,在視覺和界面上沒有太多的復(fù)雜性。這正是您需要有效溝通和幫助網(wǎng)站訪問者參與的東西。
簡約設(shè)計(jì)是一種美學(xué),去掉了所有不必要的視覺效果,呈現(xiàn)出光滑、流線型的外觀。
極簡主義是所有關(guān)于視覺表現(xiàn),而簡單可以是視覺和功能。對于大多數(shù)設(shè)計(jì)師來說,有機(jī)會同時使用這兩種設(shè)計(jì)哲學(xué)。
4、用戶不滾動
有一段時間,所有實(shí)用的建議都說網(wǎng)站設(shè)計(jì)必須把所有相關(guān)的信息放在滾動條上面。否則,用戶將永遠(yuǎn)看不到它。
滾動的規(guī)則已經(jīng)改變了。
在桌面屏幕(主要是水平的)和電話或桌面屏幕(通常是垂直的)上,滾動的深度是不同的。
用戶在決定是堅(jiān)持還是放棄之前,非常擅長快速滾動和瀏覽內(nèi)容。(您幾乎可以把它想象成電視上的廣告快進(jìn),看有沒有什么值得停下來看的。)
這意味著您需要在每個頁面的多個位置放置非常有趣的內(nèi)容。頂部是為瀏覽和訪問的用戶和在頁面的其他地方,為那些將做一個快速瀏覽頁面。
如果您真的擔(dān)心用戶不滾動,提供說明或視覺提示來鼓勵用戶滾動。上面的Gngn通過左下角的滾動指令和時間線點(diǎn)來實(shí)現(xiàn)這一點(diǎn)。
更重要的可能是,以一種視覺上有趣的方式創(chuàng)建這些信息片段,它們幾乎會迫使用戶停下來看。這給了您第二次機(jī)會把一個訪問者變成一個完成轉(zhuǎn)換的人。
5、所有內(nèi)容都需要在導(dǎo)航欄中
亞馬遜可能是唯一一個導(dǎo)航水平看起來一直在增長的網(wǎng)站。(甚至連這家零售業(yè)巨頭也開始精簡其龐大的菜單。)
在導(dǎo)航欄中出現(xiàn)太多的選擇會讓訪問者不知所措,實(shí)際上會對訪問者產(chǎn)生相反的影響,也就是說他們會離開網(wǎng)站而不是完成一個動作。
一個更好的選擇是在主導(dǎo)航欄中放置一些最受歡迎的鏈接,并為那些不知道自己在尋找什么的用戶提供一個突出的搜索選項(xiàng)。在主菜單中或靠近主菜單,這樣當(dāng)用戶找不到東西的時候,它就會成為一個明顯的解決方案。
另一個好處是,這使得移動設(shè)備上的導(dǎo)航菜單更加清晰和容易處理,而不會提供一個截然不同的選項(xiàng)列表。
6、Web排版需要使用Sans Serifs
您聽過多少次您必須在網(wǎng)站上使用無襯線字體?
雖然這曾經(jīng)是真的,但今天卻是一個神話。多虧了高分辨率的屏幕,您可以很容易地看到和閱讀網(wǎng)站上幾乎所有的字體(提供正確的顏色和對比度)。使用sans serifs的主要原因是屏幕分辨率低,這會使其他字體難以閱讀。
所以,加油!使用襯線、腳本或新穎的字體,如果它適合您的項(xiàng)目。
7、最重要的是主頁
網(wǎng)站設(shè)計(jì)的另一個衰落趨勢是使用一頁網(wǎng)站,在主頁上獲得所有的信息。只有在內(nèi)容有限的情況下,這才是一個好主意。
大多數(shù)網(wǎng)站更好地為用戶提供多個頁面和入口點(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)將更容易隨時間增長和演變。
8、您的網(wǎng)站需要一個社交媒體
這個網(wǎng)站設(shè)計(jì)元素幾乎和滑動條一樣流行——社交媒體在網(wǎng)頁上的訂閱。
想想看:在您的網(wǎng)站首頁上有一個您的Facebook訂閱會給您帶來什么好處?
為網(wǎng)站訪問者提供一個按鈕,方便他們在社交媒體上分享內(nèi)容或關(guān)注賬戶,但他們不需要看到您網(wǎng)站上的feed。由于不同的原因,這是兩個不同的平臺。
結(jié)論
為了確保您有一個現(xiàn)代的網(wǎng)站設(shè)計(jì),重要的是保持領(lǐng)先的用戶研究和模式,您自己的網(wǎng)站分析,和趨勢。這些元素單獨(dú)不足以推動如何和如何使用設(shè)計(jì),但它們結(jié)合在一起是強(qiáng)大的工具。
一個過時的網(wǎng)站最明顯的標(biāo)志就是沒有隨著用戶習(xí)慣和行為的改變而改變。技術(shù)和設(shè)備的使用往往會推動這一點(diǎn),所以當(dāng)您訪問其他網(wǎng)站時,一定要注意您所看到的,以幫助確定您的網(wǎng)站是否需要一些調(diào)整。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請?jiān)L問:網(wǎng)站技術(shù)