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

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

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

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

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

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

　　2.動圖和視覺效果

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

　　3.精致絕美的字體

　　另一個(gè)能加強(qiáng)訪客視覺沖擊的元素是字體。首先，我們使用字體來引導(dǎo)訪客的注意力，讓他們關(guān)注實(shí)質(zhì)的文字內(nèi)容。其次，它們被用來強(qiáng)化你的網(wǎng)頁的總體設(shè)計(jì)。仔細(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)頁空間，因?yàn)橛袝r(shí)，比起使用文字描述，我們更容易利用視頻內(nèi)容來全面展現(xiàn)產(chǎn)品或服務(wù)。此外，視頻是能讓你的受眾按你希望的方式記得你的公司的有效方法。Template Monster就是一個(gè)好的例子

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

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

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

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

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

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

　　8.“公司團(tuán)隊(duì)”頁面

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

　　9.“立即行動”按鈕

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

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

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

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