你會使用哪些設(shè)計元素來提高網(wǎng)站的用戶體驗和轉(zhuǎn)化率?

　　如果你即將上線一個新的網(wǎng)站，或者對現(xiàn)有的網(wǎng)站進行改版，那么你得確保成果看上去具有現(xiàn)代感且吸引人。因為網(wǎng)站設(shè)計風(fēng)格和技術(shù)迭代太快，很快就會顯得過時。

　　一個能滿足你的商業(yè)目標(biāo)，展現(xiàn)你的核心價值，能提供偉大的用戶體驗的網(wǎng)站的重要性不言而喻，而我們已經(jīng)在提高網(wǎng)站表現(xiàn)的洞察指南中已經(jīng)闡述過一次了。但設(shè)計一個成功的網(wǎng)站，知悉新出現(xiàn)的設(shè)計潮流，或什么設(shè)計元素值得重點考慮仍然是非常必要的。當(dāng)然，不同的網(wǎng)站對應(yīng)不同的目標(biāo)而打造，所以它們未必具有一致性。然而，成功的網(wǎng)站必然也共享一些普世性的設(shè)計元素。

　　下面是考慮設(shè)計這些設(shè)計元素的檢查清單：

　　1.圖片需要夠大，夠吸引人，且有自適應(yīng)性

　　當(dāng)你設(shè)計網(wǎng)站時，視覺對網(wǎng)站訪客的影響是一個非常重要的考慮因素，尤其是對網(wǎng)站主頁而言。所以，你必須小心選取圖片，要能馬上吸引訪客的關(guān)注，因為圖片能帶來強烈的視覺效果并鼓勵瀏覽者進行更進一步的探索。不論是為你的產(chǎn)品或服務(wù)加插說明圖片，還是你想要展示你的團隊或項目，圖片都要足夠大且有質(zhì)感。更重要的是，有自適應(yīng)性設(shè)計的網(wǎng)頁能根據(jù)屏幕的大小來調(diào)試合適的圖片尺寸進行展示，因此你能確保你的網(wǎng)站不論在什么設(shè)備上都能給訪客帶來同樣的最佳體驗。

　　2.動圖和視覺效果

　　不同的視覺效果和動圖用來增加視覺印象。其中一個很受歡迎的效果就是Parallax，它創(chuàng)造了真正的沉浸感，提供了讓人難忘的體驗，并讓人想要再回到網(wǎng)站。而且，動態(tài)效果也可以用來呈現(xiàn)網(wǎng)頁的內(nèi)容。例如，輪播式帖文為訪客提供了能夠滑動瀏覽你的產(chǎn)品的機會，也節(jié)約了頁面上的寶貴空間。
 

　　3.精致絕美的字體

　　另一個能加強訪客視覺沖擊的元素是字體。首先，我們使用字體來引導(dǎo)訪客的注意力，讓他們關(guān)注實質(zhì)的文字內(nèi)容。其次，它們被用來強化你的網(wǎng)頁的總體設(shè)計。仔細(xì)挑選和你的網(wǎng)站風(fēng)格相稱的字體，以此讓你的網(wǎng)站更吸引人。很多的現(xiàn)代網(wǎng)頁模板都已經(jīng)包含了大量的Google適配的字體，挑選能最好滿足你的需要的那些。

　　4.展現(xiàn)產(chǎn)品或精選視頻

　　網(wǎng)站包含視頻內(nèi)容已經(jīng)越來越普遍了。首先，視頻能吸引更愿意觀看視頻而不是閱讀文字的受眾。其次，使用視頻可能可以幫你節(jié)約網(wǎng)頁空間，因為有時，比起使用文字描述，我們更容易利用視頻內(nèi)容來全面展現(xiàn)產(chǎn)品或服務(wù)。此外，視頻是能讓你的受眾按你希望的方式記得你的公司的有效方法。Template Monster就是一個好的例子

　　5.智能且快速的搜索功能

　　當(dāng)人們訪問一個網(wǎng)站，往往是來尋找特定信息或商品的。即使你的網(wǎng)站有著精巧的設(shè)計，并提供了一個易于導(dǎo)航的菜單，一個有效的搜索功能也能促進找到相宜結(jié)果的進程。若你的網(wǎng)站包含海量的產(chǎn)品或商品，這一個功能會特別有用。隨著你添加新的內(nèi)容，網(wǎng)頁數(shù)量也會增加，一個搜索功能會助力導(dǎo)航，并增加訪客找到他們所需的新舊內(nèi)容的機會。

　　6. 購物車和價格表

　　當(dāng)越來越多的人在網(wǎng)上購物，有效率的網(wǎng)店需要考慮如何提高網(wǎng)上購物的舒適度。在這種情況下，購物車是不可或缺的元素，因為它們允許訪問者隨時將他們想要購買的商品添加到他們的在線購物車中。此外，價格表讓你有機會以簡單但有效的方式呈現(xiàn)商品功能的差異，讓訪客比較不同商品的價格，從而更快地選擇所需商品。

　　7.有條理的日程管理工具

　　當(dāng)你的公司需要處理會議，時間表和約會時，千萬不要高估在線的日歷和約會管理工具。一個高效的網(wǎng)站日歷工具可以幫助訪客和你合理的計劃時間。一個日程管理工具會讓客戶在不離開你的網(wǎng)站的情況下預(yù)約會議。這種工具對很多的公司來說非常有用，比如健身俱樂部、診所、美容院、藝術(shù)學(xué)校等等。

　　8.“公司團隊”頁面

　　如果你想以你的專家為賣點，或提供你的公司團隊的信息，你會發(fā)現(xiàn)“公司團隊”頁面特別有用。它使您有機會清晰、邏輯地構(gòu)建有關(guān)貴公司工作人員的信息，并通過他們的成就給訪問者留下深刻印象。在這種情況下，您的讀者將對您的團隊建立信任，因為他們肯定會知道他們與誰合作。您可以強調(diào)您的員工的成就，這樣您的團隊就不會在訪客面前顯得無足輕重。

　　9.“立即行動”按鈕

　　你很難想象一個現(xiàn)代的網(wǎng)頁會沒有一個激發(fā)用戶做點什么的按鈕。“立即行動”按鈕能用來鼓勵訪客點擊鏈接找到更多信息，或是讓用戶訂閱你的網(wǎng)站頻道等等。

　　10.保持聯(lián)系：聯(lián)絡(luò)我們和社交媒體

　　要想與你的訪客進行常規(guī)且有效的溝通，將聯(lián)絡(luò)我們的信息進行恰當(dāng)?shù)恼故痉浅Ｖ匾?。你可以在?lián)系我們頁面中提供電話號碼、電郵、郵寄地址等等。經(jīng)過精心設(shè)計的聯(lián)系我們頁面將能提高溝通的效率。此外，社交媒體按鈕會讓訪客追蹤你的社交媒體專業(yè)并進行分享，以此吸引新的訪客到訪你的網(wǎng)站。

　　綜上所述，當(dāng)代網(wǎng)頁設(shè)計的不同元素提供了有效的方式來節(jié)省網(wǎng)頁空間，呈現(xiàn)內(nèi)容的最佳優(yōu)勢，并促進您與用戶的溝通。