你會(huì )使用哪些設計元素來(lái)提高網(wǎng)站的用戶(hù)體驗和轉化率?

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

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

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

　　1.圖片需要夠大，夠吸引人，且有自適應性

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

　　2.動(dòng)圖和視覺(jué)效果

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

　　3.精致絕美的字體

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

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

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

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

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

　　6. 購物車(chē)和價(jià)格表

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

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

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

　　8.“公司團隊”頁(yè)面

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

　　9.“立即行動(dòng)”按鈕

　　你很難想象一個(gè)現代的網(wǎng)頁(yè)會(huì )沒(méi)有一個(gè)激發(fā)用戶(hù)做點(diǎn)什么的按鈕。“立即行動(dòng)”按鈕能用來(lái)鼓勵訪(fǎng)客點(diǎn)擊鏈接找到更多信息，或是讓用戶(hù)訂閱你的網(wǎng)站頻道等等。

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

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

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