乍一看,設(shè)計(jì)一個(gè)落地頁(yè)在直覺(jué)上似乎很簡(jiǎn)單。特別是與構(gòu)建多頁(yè)面相比。設(shè)計(jì)一個(gè)頁(yè)面的工作量是設(shè)計(jì)三個(gè)頁(yè)面的三分之一,對(duì)吧?
實(shí)際上,設(shè)計(jì)一個(gè)單頁(yè)通常要困難得多。你所面臨的挑戰(zhàn)是必須在一頁(yè)紙上獲得所有必要的信息。同時(shí),您需要確保頁(yè)面具有視覺(jué)吸引力和用戶(hù)友好性。根據(jù)我們?cè)O(shè)計(jì)單頁(yè)網(wǎng)站和落地頁(yè)的經(jīng)驗(yàn),我們認(rèn)為,如下五個(gè)因素影響了一個(gè)落地頁(yè)的成敗。
目標(biāo)——確定并理解你的網(wǎng)站的目標(biāo),并朝著這個(gè)目標(biāo)努力。
您可能不完全理解您希望您的網(wǎng)站完成什么。那么,繼續(xù)進(jìn)行它的設(shè)計(jì)就沒(méi)有什么意義了。它需要有一個(gè)單一的目標(biāo)。您的設(shè)計(jì)需要帶領(lǐng)用戶(hù)踏上實(shí)現(xiàn)該目標(biāo)并做出相應(yīng)響應(yīng)的旅程。
目標(biāo)是推銷(xiāo)服務(wù)或推銷(xiāo)什么東西嗎?
邀請(qǐng)參觀者參觀你的作品集是什么意思?
你打算宣布一個(gè)事件還是一系列事件?
一旦你確定了目標(biāo),你就差不多完成了一半。在訪(fǎng)問(wèn)者點(diǎn)擊CTA按鈕之前,您需要避免他們離開(kāi)。
有些用戶(hù)對(duì)頁(yè)面加載速度很敏感,因此,您可能會(huì)選擇避免使用會(huì)降低頁(yè)面加載速度的特殊效果(如視差滾動(dòng))。
少量——減少信息量,使其可讀。
一頁(yè)紙的文本或讀起來(lái)像一本書(shū),會(huì)吸引訪(fǎng)問(wèn)者一秒鐘。有時(shí),甚至在他們?nèi)テ渌胤街案?。保持文本的?jiǎn)短和適當(dāng)?shù)拈g距,把信息減少到最少。
依靠醒目的標(biāo)題、簡(jiǎn)短的段落和項(xiàng)目列表來(lái)表達(dá)你的觀點(diǎn)。
視覺(jué)——識(shí)別正確的模式,明智地使用負(fù)空間。
知道大多數(shù)人將如何瀏覽頁(yè)面是有幫助的。人們傾向于以F流線(xiàn)模式閱讀文本,以Z動(dòng)線(xiàn)模式掃描圖像。當(dāng)您混合元素時(shí),請(qǐng)記住這一點(diǎn)。你想讓信息自然地流向你的目標(biāo)。明智地使用負(fù)空間和空白是有幫助的。
導(dǎo)航——使它易于導(dǎo)航和有趣地滾動(dòng)。
當(dāng)你有一個(gè)長(zhǎng)表單的單頁(yè)網(wǎng)站,你必須密切關(guān)注你如何管理導(dǎo)航。根據(jù)您的方法,您可以將訪(fǎng)問(wèn)者鎖定在頁(yè)面中,也可以將他們趕出頁(yè)面。
水平粘貼菜單或側(cè)欄菜單就是例子。您的目標(biāo)應(yīng)該是使用戶(hù)能夠通過(guò)單擊跳轉(zhuǎn)到他們想要的位置,而不是滾動(dòng)。自動(dòng)滾動(dòng)鏈接使訪(fǎng)問(wèn)者能夠看到頁(yè)面進(jìn)行滾動(dòng)。
行動(dòng)——識(shí)別正確的CTA 以及不要猶豫使用它。
單頁(yè)紙的好處在于它的目標(biāo)是讓人們采取單一的行動(dòng)。這通常需要使用一個(gè)CTA按鈕。不過(guò),您也可能正在銷(xiāo)售一些產(chǎn)品或服務(wù)。并且,您可能需要在每個(gè)主要部分的末尾放置一個(gè)CTA按鈕。這只是一個(gè)練習(xí)的問(wèn)題,直到他們成為習(xí)慣使用。
乍一看似乎很簡(jiǎn)單。一旦你開(kāi)始在一頁(yè)紙中混合它們,并試圖做到前后一致,你會(huì)發(fā)現(xiàn)這是一個(gè)相當(dāng)大的挑戰(zhàn)。
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://m.oulysa.com/news/5262.html