本文長(zhǎng)度為2078字，預(yù)估閱讀時(shí)間7分鐘。
引言：哪些設(shè)計(jì)元素來(lái)提高網(wǎng)站的用戶體驗(yàn)和轉(zhuǎn)化率？成功的網(wǎng)站必然也共享一些普世性的設(shè)計(jì)元素，作者Helen Miller將在本文為您一一呈現(xiàn) 。
譯者|Amber LI
審校|Sarah
編輯|華 子
你會(huì)使用哪些設(shè)計(jì)元素來(lái)提高網(wǎng)站的用戶體驗(yàn)和轉(zhuǎn)化率？
如果你即將上線一個(gè)新的網(wǎng)站，或者對(duì)現(xiàn)有的網(wǎng)站進(jìn)行改版，那么你得確保成果看上去具有現(xiàn)代感且吸引人。因?yàn)榫W(wǎng)站的設(shè)計(jì)風(fēng)格和技術(shù)迭代太快，很快就會(huì)顯得過(guò)時(shí)。
一個(gè)能滿足你的商業(yè)目標(biāo)，展現(xiàn)你的核心價(jià)值，能提供偉大的用戶體驗(yàn)的網(wǎng)站的重要性不言而喻，而我們已經(jīng)在提高網(wǎng)站表現(xiàn)的洞察指南中已經(jīng)闡述過(guò)一次了。但設(shè)計(jì)一個(gè)成功的網(wǎng)站，知悉新出現(xiàn)的設(shè)計(jì)潮流，或什么設(shè)計(jì)元素值得重點(diǎn)考慮仍然是非常必要的。當(dāng)然，不同的網(wǎng)站對(duì)應(yīng)不同的目標(biāo)而打造，所以它們未必具有一致性。然而，成功的網(wǎng)站必然也共享一些普世性的設(shè)計(jì)元素。
下面是考慮設(shè)計(jì)這些設(shè)計(jì)元素的檢查清單。
1.圖片需要夠大，夠吸引人，且有自適應(yīng)性
當(dāng)你設(shè)計(jì)網(wǎng)站時(shí)，視覺(jué)對(duì)網(wǎng)站訪客的影響是一個(gè)非常重要的考慮因素，尤其是對(duì)網(wǎng)站主頁(yè)而言。所以，你必須小心選取圖片，要能馬上吸引訪客的關(guān)注，因?yàn)閳D片能帶來(lái)強(qiáng)烈的視覺(jué)效果并鼓勵(lì)瀏覽者進(jìn)行更進(jìn)一步的探索。不論是為你的產(chǎn)品或服務(wù)加插說(shuō)明圖片，還是你想要展示你的團(tuán)隊(duì)或項(xiàng)目，圖片都要足夠大且有質(zhì)感。更重要的是，有自適應(yīng)性設(shè)計(jì)的網(wǎng)頁(yè)能根據(jù)屏幕的大小來(lái)調(diào)試合適的圖片尺寸進(jìn)行展示，因此你能確保你的網(wǎng)站不論在什么設(shè)備上都能給訪客帶來(lái)同樣的最佳體驗(yàn)。
2.動(dòng)圖和視覺(jué)效果
不同的視覺(jué)效果和動(dòng)圖用來(lái)增加視覺(jué)印象。其中一個(gè)很受歡迎的效果就是Parallax，它創(chuàng)造了真正的沉浸感，提供了讓人難忘的體驗(yàn)，并讓人想要再回到網(wǎng)站。而且，動(dòng)態(tài)效果也可以用來(lái)呈現(xiàn)網(wǎng)頁(yè)的內(nèi)容。例如，輪播式帖文為訪客提供了能夠滑動(dòng)瀏覽你的產(chǎn)品的機(jī)會(huì)，也節(jié)約了頁(yè)面上的寶貴空間。
3.精致絕美的字體
另一個(gè)能加強(qiáng)訪客視覺(jué)沖擊的元素是字體。首先，我們使用字體來(lái)引導(dǎo)訪客的注意力，讓他們關(guān)注實(shí)質(zhì)的文字內(nèi)容。其次，它們被用來(lái)強(qiáng)化你的網(wǎng)頁(yè)的總體設(shè)計(jì)。仔細(xì)挑選和你的網(wǎng)站風(fēng)格相稱的字體，以此讓你的網(wǎng)站更吸引人。很多的現(xiàn)代網(wǎng)頁(yè)模板都已經(jīng)包含了大量的Google適配的字體，挑選能最好滿足你的需要的那些。
4.展現(xiàn)產(chǎn)品或精選視頻
網(wǎng)站包含視頻內(nèi)容已經(jīng)越來(lái)越普遍了。首先，視頻能吸引更愿意觀看視頻而不是閱讀文字的受眾。其次，使用視頻可能可以幫你節(jié)約網(wǎng)頁(yè)空間，因?yàn)橛袝r(shí)，比起使用文字描述，我們更容易利用視頻內(nèi)容來(lái)全面展現(xiàn)產(chǎn)品或服務(wù)。此外，視頻是能讓你的受眾按你希望的方式記得你的公司的有效方法。Template Monster就是一個(gè)好的例子https://www.templatemonster.com/?aff=smartinsights。
5.智能且快速的搜索功能
當(dāng)人們?cè)L問(wèn)一個(gè)網(wǎng)站，往往是來(lái)尋找特定信息或商品的。即使你的網(wǎng)站有著精巧的設(shè)計(jì)，并提供了一個(gè)易于導(dǎo)航的菜單，一個(gè)有效的搜索功能也能促進(jìn)找到相宜結(jié)果的進(jìn)程。若你的網(wǎng)站包含海量的產(chǎn)品或商品，這一個(gè)功能會(huì)特別有用。隨著你添加新的內(nèi)容，網(wǎng)頁(yè)數(shù)量也會(huì)增加，一個(gè)搜索功能會(huì)助力導(dǎo)航，并增加訪客找到他們所需的新舊內(nèi)容的機(jī)會(huì)。
6. 購(gòu)物車(chē)和價(jià)格表
當(dāng)越來(lái)越多的人在網(wǎng)上購(gòu)物，有效率的網(wǎng)店需要考慮如何提高網(wǎng)上購(gòu)物的舒適度。在這種情況下，購(gòu)物車(chē)是不可或缺的元素，因?yàn)樗鼈冊(cè)试S訪問(wèn)者隨時(shí)將他們想要購(gòu)買(mǎi)的商品添加到他們的在線購(gòu)物車(chē)中。此外，價(jià)格表讓你有機(jī)會(huì)以簡(jiǎn)單但有效的方式呈現(xiàn)商品功能的差異，讓訪客比較不同商品的價(jià)格，從而更快地選擇所需商品。
7.有條理的日程管理工具
當(dāng)你的公司需要處理會(huì)議，時(shí)間表和約會(huì)時(shí)，千萬(wàn)不要高估在線的日歷和約會(huì)管理工具。一個(gè)高效的網(wǎng)站日歷工具可以幫助訪客和你合理的計(jì)劃時(shí)間。一個(gè)日程管理工具會(huì)讓客戶在不離開(kāi)你的網(wǎng)站的情況下預(yù)約會(huì)議。這種工具對(duì)很多的公司來(lái)說(shuō)非常有用，比如健身俱樂(lè)部、診所、美容院、藝術(shù)學(xué)校等等。
8.“公司團(tuán)隊(duì)”頁(yè)面
如果你想以你的專家為賣(mài)點(diǎn)，或提供你的公司團(tuán)隊(duì)的信息，你會(huì)發(fā)現(xiàn)“公司團(tuán)隊(duì)”頁(yè)面特別有用。它使您有機(jī)會(huì)清晰、邏輯地構(gòu)建有關(guān)貴公司工作人員的信息，并通過(guò)他們的成就給訪問(wèn)者留下深刻印象。在這種情況下，您的讀者將對(duì)您的團(tuán)隊(duì)建立信任，因?yàn)樗麄兛隙〞?huì)知道他們與誰(shuí)合作。您可以強(qiáng)調(diào)您的員工的成就，這樣您的團(tuán)隊(duì)就不會(huì)在訪客面前顯得無(wú)足輕重。
9.“立即行動(dòng)”按鈕
你很難想象一個(gè)現(xiàn)代的網(wǎng)頁(yè)會(huì)沒(méi)有一個(gè)激發(fā)用戶做點(diǎn)什么的按鈕。“立即行動(dòng)”按鈕能用來(lái)鼓勵(lì)訪客點(diǎn)擊鏈接找到更多信息，或是讓用戶訂閱你的網(wǎng)站頻道等等。
10.保持聯(lián)系：聯(lián)絡(luò)我們和社交媒體
要想與你的訪客進(jìn)行常規(guī)且有效的溝通，將聯(lián)絡(luò)我們的信息進(jìn)行恰當(dāng)?shù)恼故痉浅Ｖ匾Ｄ憧梢栽诼?lián)系我們頁(yè)面中提供電話號(hào)碼、電郵、郵寄地址等等。經(jīng)過(guò)精心設(shè)計(jì)的聯(lián)系我們頁(yè)面將能提高溝通的效率。此外，社交媒體按鈕會(huì)讓訪客追蹤你的社交媒體專業(yè)并進(jìn)行分享，以此吸引新的訪客到訪你的網(wǎng)站。
綜上所述，當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)的不同元素提供了有效的方式來(lái)節(jié)省網(wǎng)頁(yè)空間，呈現(xiàn)內(nèi)容的最佳優(yōu)勢(shì)，并促進(jìn)您與用戶的溝通。
作者簡(jiǎn)介
聯(lián)系客服
