當(dāng)你看電影時(shí),你希望它能帶你踏上一段旅程;一個(gè)充滿歡笑、情感、感激甚至靈感的旅程。電影制片人的主要目標(biāo)之一是讓觀眾享受他們所看到的并觀看到最后。仔細(xì)想想,這與您創(chuàng)建自己的網(wǎng)站時(shí)所做的工作非常相似。您希望提供難忘而輕松的體驗(yàn)。
一個(gè)好的網(wǎng)站是由幾個(gè)重要因素來(lái)衡量的,其中之一是每次訪問(wèn)的時(shí)間長(zhǎng)度。他們停留的時(shí)間越長(zhǎng),他們就越能了解您的業(yè)務(wù)并與您提供的服務(wù)互動(dòng)。這就引出了我們的主要話題;UX 設(shè)計(jì)。
UX 代表用戶體驗(yàn),這意味著要擁有一個(gè)成功的網(wǎng)站,您必須確保它易于訪問(wèn)、可用、高效且易于觀看。所有這些元素共同將幫助您為訪問(wèn)者創(chuàng)造一個(gè)快樂(lè)的旅程,并為您的網(wǎng)站保持卓越的 UX 設(shè)計(jì)。有一些方法和一些 UX 設(shè)計(jì)示例可以幫助您掌握構(gòu)建產(chǎn)生出色參與度和用戶體驗(yàn)的網(wǎng)站背后的藝術(shù),我們已經(jīng)分解了最重要的方法和示例:
為用戶設(shè)計(jì)
瀏覽 UX 研究網(wǎng)站以幫助您確定用戶的角色是誰(shuí),并在創(chuàng)建網(wǎng)站的各個(gè)方面時(shí)牢記他們,以滿足他們的需求。這也意味著您應(yīng)該聽(tīng)取用戶的意見(jiàn)并根據(jù)他們的反饋更改網(wǎng)站的結(jié)構(gòu)。
少即是多
研究人員已經(jīng)確定,今天,在線用戶的注意力持續(xù)時(shí)間只有 8 秒。這意味著您必須通過(guò)出色的用戶界面、UX 內(nèi)容策略和縮微副本快速吸引他們。您的主頁(yè)應(yīng)該只包含最重要的細(xì)節(jié),例如您的業(yè)務(wù)是關(guān)于什么的。由于您將有大量精彩的內(nèi)容要分享,因此最好鏈接到內(nèi)頁(yè)或添加指向頁(yè)面上不同點(diǎn)的錨點(diǎn),在那里可以找到更多信息。
流程
您網(wǎng)站的實(shí)質(zhì)建立在您創(chuàng)建的框架之上。您需要建立結(jié)構(gòu)并提供用戶所需的必要點(diǎn)。執(zhí)行此操作的最佳方法之一是使用線框。創(chuàng)建一個(gè)有意義、易于遵循且易于目標(biāo)受眾使用的流程。
視覺(jué)
“一張圖片勝過(guò)千言萬(wàn)語(yǔ)。”誰(shuí)知道這句 20 世紀(jì)初的短語(yǔ)會(huì)與我們的網(wǎng)絡(luò)世界如此相關(guān)?一張照片可以幫助您保持訪問(wèn)者的興趣和專(zhuān)注。用高質(zhì)量的圖像吸引他們的眼球,只需單擊一下即可引導(dǎo)他們獲得有用的信息。
發(fā)短信
文本對(duì)于任何信息(包括這個(gè)博客)都至關(guān)重要,對(duì)吧?但要小心;關(guān)于如何在整個(gè)網(wǎng)站中正確包含書(shū)面內(nèi)容,有一些嚴(yán)格的規(guī)則:檢查它的可讀性(大小和字體類(lèi)型),不要使用超過(guò)三種類(lèi)型的字體,如果有某種說(shuō)明,請(qǐng)使用圖形項(xiàng)目符號(hào)。
導(dǎo)航欄
網(wǎng)站導(dǎo)航是將用戶鏈接到您網(wǎng)站中部分的控制點(diǎn)(請(qǐng)參閱我們的移動(dòng)導(dǎo)航指南)。將您的水平和垂直菜單視為訪問(wèn)者的 GPS。讓事情清晰、可見(jiàn)且易于探索。您的網(wǎng)站菜單設(shè)計(jì)是您的大本營(yíng),因此當(dāng)訪問(wèn)者點(diǎn)擊它時(shí),他們應(yīng)該被帶回他們旅程開(kāi)始的地方;您的主頁(yè)。
空白
空白通常稱(chēng)為負(fù)空間,是頁(yè)面中未標(biāo)記或留空的部分。因此,如果您是一個(gè)囤積者,請(qǐng)務(wù)必清理您的在線主頁(yè)上的垃圾!您必須相應(yīng)地進(jìn)行組織,以便所有不同類(lèi)型的內(nèi)容(文本、圖像、圖標(biāo)等)都有足夠的空間讓您的觀眾喘口氣。每個(gè)元素之間的空間對(duì)于您網(wǎng)站的流程和處理非常重要。
首屏
新聞快訊!在報(bào)紙是主要媒體形式的時(shí)代,編輯會(huì)確保在第一頁(yè)的 “首屏 ”上包含重要信息。這指的是人們將紙張握在手中的方式;將最重要的文本放在最顯眼的空間中。印刷新聞行業(yè)幾乎已經(jīng)消失,但當(dāng)涉及到您的主頁(yè)時(shí),保持熱門(mén)內(nèi)容的想法仍然是必需的。
鏈接
這些就像您網(wǎng)站的導(dǎo)游。使用它們將訪問(wèn)者引導(dǎo)至您希望他們下一步 “旅行” 的地方。重要事實(shí):如果鏈接指向您網(wǎng)站中的內(nèi)容,請(qǐng)不要讓它在新標(biāo)簽頁(yè)中打開(kāi)。如果是外部源,則指示它打開(kāi)一個(gè)新窗口。
號(hào)召性用語(yǔ)
這三個(gè)字母代表號(hào)召性用語(yǔ)。這些按鈕可以準(zhǔn)確地告訴您的觀眾您希望他們做什么。將它們放置在戰(zhàn)略位置,添加 2-3 個(gè)動(dòng)作詞并選擇一種會(huì)流行的顏色!
例如:轉(zhuǎn)到下一個(gè)要點(diǎn)>>但說(shuō)真的,現(xiàn)在請(qǐng)移至下一個(gè)要點(diǎn) :)
聯(lián)系方式
當(dāng)您的訪問(wèn)者有興趣與您取得聯(lián)系時(shí),成功的故事通常會(huì)結(jié)束!您的聯(lián)系信息需要位于易于訪問(wèn)的地方,并且不要忘記添加所有必要的通信方式(電子郵件、電話、地址)。
社交媒體鏈接
您的小型企業(yè)在社交媒體上有影響力嗎(現(xiàn)在真的應(yīng)該了!如果是這樣,那么我們上面的觀點(diǎn)也與此有關(guān)。將這些鏈接視為您剛剛讓訪問(wèn)者訪問(wèn)的電影(又名網(wǎng)站)的續(xù)集。將您的社交鏈接放在顯眼的地方將鼓勵(lì)您的用戶繼續(xù)在您的業(yè)務(wù)旅程中導(dǎo)航。
音樂(lè)
盡管我們可能非常喜歡隨著您的曲調(diào)跳舞,但我們不建議添加開(kāi)始自動(dòng)播放的音樂(lè)。如果您是一名音樂(lè)家,并且這是您業(yè)務(wù)的一部分,請(qǐng)不要讓它永遠(yuǎn)、永遠(yuǎn)、永遠(yuǎn)、永遠(yuǎn)地循環(huán)播放。
移動(dòng)兼容性
在一個(gè)連您的狗都擁有自己的 Instagram 帳戶的世界中,您必須考慮到您網(wǎng)站的大多數(shù)訪問(wèn)者都會(huì)通過(guò)他們的手機(jī)沖浪。有很多不同類(lèi)型的屏幕可用,您的目標(biāo)是證明好東西都裝在小包裝里:)使用我們的 Thinkart 移動(dòng)編輯器創(chuàng)建一個(gè)適合在任何設(shè)備上使用的網(wǎng)站。
頁(yè)腳
你關(guān)心你每天穿什么鞋子,對(duì)吧?那么你應(yīng)該以同樣的方式處理你的頁(yè)腳。您網(wǎng)站的底部需要與主頁(yè)的其他部分一樣具有信息性和視覺(jué)性。放置指向以下頁(yè)面的鏈接:關(guān)于我們、聯(lián)系我們、服務(wù)條款、隱私政策和站點(diǎn)地圖(您網(wǎng)站中包含的所有頁(yè)面的列表),以真正實(shí)現(xiàn)順暢的用戶旅程。
似乎為您的網(wǎng)站做了很多事情,是吧?好吧,當(dāng)您的訪問(wèn)者擁有最佳的用戶體驗(yàn)時(shí),您投入的所有時(shí)間都是值得的。
別忘了:如果您遵循這些提示,他們就會(huì)來(lái)!