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