主頁(yè)就像商店的櫥窗一樣，首頁(yè)可以讓顧客了解企業(yè)的商店的經(jīng)營(yíng)方式，經(jīng)營(yíng)者，提供的產(chǎn)品和服務(wù)，無(wú)論這些產(chǎn)品和服務(wù)是實(shí)際的銷售，還是信息娛樂(lè)項(xiàng)目。首頁(yè)設(shè)計(jì)的好可能會(huì)使人們對(duì)主頁(yè)看起來(lái)更深，或者可能更吸引訪問(wèn)者的注意力。清楚地傳達(dá)品牌故事。這也是UX設(shè)計(jì)師可以的一種技能的體現(xiàn)。今天我們就來(lái)介紹一下設(shè)計(jì)師如何使用StoryBrand框架設(shè)計(jì)更好的主頁(yè)。

　　主頁(yè)的目標(biāo)是什么？

一個(gè)著陸頁(yè)的目標(biāo)是要轉(zhuǎn)換的訪客，而網(wǎng)頁(yè)的目標(biāo)是從事與該品牌，并提供解決方案，以他們的問(wèn)題人次。如果做得好，首頁(yè)訪問(wèn)者可以變成客戶-可能是回頭客。

在過(guò)去的幾十年中，得益于分析技術(shù)以及基于該數(shù)據(jù)進(jìn)行了性能改進(jìn)的營(yíng)銷和設(shè)計(jì)團(tuán)隊(duì)，首頁(yè)已得到快速改善。

早在1993年，當(dāng)時(shí)只有600個(gè)網(wǎng)站，衡量網(wǎng)站流量的唯一方法是計(jì)算訪問(wèn)者人數(shù)的服務(wù)器日志。接下來(lái)是熱門計(jì)數(shù)器，最后是更全面的分析套件，可深入了解諸如唯一身份訪問(wèn)者，頁(yè)面瀏覽量和跳出率之類的內(nèi)容。

借助這些分析數(shù)據(jù)，UX設(shè)計(jì)人員能夠優(yōu)化號(hào)召性用語(yǔ)的放置，提高網(wǎng)站速度，進(jìn)行A/B測(cè)試，使用視頻來(lái)吸引訪問(wèn)者，使用高質(zhì)量的圖像來(lái)吸引人們的注意力，并包括消息傳遞工具來(lái)提高性能一個(gè)主頁(yè)。但是，這將保證消費(fèi)者的忠誠(chéng)度和信任度嗎？

　　設(shè)計(jì)首頁(yè)時(shí)的三個(gè)常見(jiàn)陷阱

在創(chuàng)建首頁(yè)時(shí)，企業(yè)以及擴(kuò)展設(shè)計(jì)師會(huì)遇到三個(gè)主要陷阱：

1.他們不專注于重要的事情。他們向所有人介紹其服務(wù)或產(chǎn)品的特征。人們不在乎這個(gè)他們想知道企業(yè)將解決問(wèn)題并改善生活。

2.企業(yè)無(wú)法清晰傳達(dá)其信息。一個(gè)網(wǎng)站不到15秒就能吸引訪問(wèn)者的注意力。

3.他們的產(chǎn)品不好，不能解決任何人的問(wèn)題。在這種情況下，設(shè)計(jì)師對(duì)企業(yè)的工作無(wú)能為力。

　　什么是StoryBrand框架？

盡管有些企業(yè)似乎相信，徽標(biāo)并不等于品牌。離得很遠(yuǎn);一個(gè)品牌是一種承諾，其背后就在于他們存在的理由。

人們出于理性和情感上的原因選擇一個(gè)品牌而不是另一個(gè)品牌。強(qiáng)大的品牌信息可以產(chǎn)生對(duì)品牌本身的忠誠(chéng)，而不僅僅是品牌創(chuàng)造的單個(gè)產(chǎn)品。一個(gè)清晰，一致的信息對(duì)于實(shí)現(xiàn)這一目標(biāo)至關(guān)重要。品牌的獨(dú)特之處在于品牌的故事。

企業(yè)家廣泛使用講故事的方法來(lái)誘使投資者參與推銷和社交網(wǎng)絡(luò)。像蘋(píng)果這樣的公司在他們所做的任何事情中都理解并整合了清晰，簡(jiǎn)單的故事講述的力量。他們知道這與他們關(guān)于他們的顧客。

　　如何與客戶一起使用StoryBrand

無(wú)論是小型公司還是價(jià)值數(shù)百萬(wàn)美元的品牌，客戶都必須了解，混淆客戶的錢會(huì)花錢。通過(guò)StoryBrand公式澄清他們的信息將“組織他們的思想，減少他們的營(yíng)銷工作，消除混亂，消除競(jìng)爭(zhēng)，并最終使他們的業(yè)務(wù)再次增長(zhǎng)?！?/p>

Miller將建立StoryBrand與編寫(xiě)劇本故事進(jìn)行比較。他將其分解為七個(gè)情節(jié)點(diǎn)。

一個(gè)字符誰(shuí)想要的東西遇到的問(wèn)題，則滿足指南誰(shuí)給了他們一個(gè)計(jì)劃，并呼吁他們采取行動(dòng)，這會(huì)帶來(lái)成功的故事并幫助他們避免失敗。

這種結(jié)構(gòu)幾乎可以在每部成功的電影中找到。它也可以應(yīng)用于企業(yè)及其客戶。下一步是讓客戶按照以下結(jié)構(gòu)編寫(xiě)其品牌故事：

1.角色：客戶永遠(yuǎn)是故事的英雄，而不是品牌。UX設(shè)計(jì)人員通常要通過(guò)UX研究和用戶測(cè)試來(lái)確定客戶對(duì)品牌的需求。他們需要集中精力于驅(qū)使人們的欲望，例如節(jié)省財(cái)務(wù)資源，節(jié)省時(shí)間，建立社交網(wǎng)絡(luò)或獲得地位。

2.有一個(gè)問(wèn)題：StoryBrand弧中的反派是角色的問(wèn)題。將這個(gè)問(wèn)題擬人化，并了解該公司的產(chǎn)品就像是客戶可以用來(lái)?yè)魯∷奈淦鳎@很有用。公司傾向于專注于解決外部問(wèn)題，但客戶會(huì)購(gòu)買內(nèi)部問(wèn)題的解決方案。人們具有三個(gè)沖突級(jí)別：

-外部

-內(nèi)部

-哲學(xué)

3.并會(huì)向?qū)В合驅(qū)瞧髽I(yè)或品牌?？蛻粜枰腥藖?lái)解決問(wèn)題。他們對(duì)品牌的認(rèn)知對(duì)他們的信任至關(guān)重要。必須傳達(dá)兩件事：

-移情

-權(quán)威

4.誰(shuí)給他們制定計(jì)劃：企業(yè)向客戶展示他們下一步需要做什么。在顯示出簡(jiǎn)單的行動(dòng)計(jì)劃之前，客戶仍然不確定是否要購(gòu)買。用戶體驗(yàn)設(shè)計(jì)師可以為客戶闡明確切的下一步。他們還可以通過(guò)解決與產(chǎn)品或服務(wù)有關(guān)的問(wèn)題來(lái)減輕客戶的焦慮感。

5.并號(hào)召他們采取行動(dòng)：有效的號(hào)召性用語(yǔ)有助于購(gòu)買或注冊(cè)。

6.這可以幫助他們避免失?。嚎蛻裘媾R什么風(fēng)險(xiǎn)？如果不從該品牌購(gòu)買商品，他們會(huì)損失什么？

7.并以成功告終：告訴客戶這種特定的行動(dòng)如何改變他們的生活。向他們展示他們購(gòu)買產(chǎn)品后的生活，以及這種分辨率如何使他們感到。講故事者結(jié)束故事的三種可靠方式是允許角色：

-贏得權(quán)力或地位。

-尋找使他們變得完整的人或事物。

-體驗(yàn)?zāi)撤N形式的自我實(shí)現(xiàn)也使他們變得完整。

　　如何在主頁(yè)中使用StoryBrand框架

主頁(yè)不應(yīng)該與企業(yè)有關(guān)。它應(yīng)該是關(guān)于它的潛在客戶的。

像初次約會(huì)一樣，印象很重要，目標(biāo)是引起興趣。用戶體驗(yàn)設(shè)計(jì)師必須對(duì)所包含的內(nèi)容及其排列方式具有策略性。遵循上一節(jié)中說(shuō)明的框架將有助于設(shè)計(jì)人員確保在正確的位置放置正確的消息。

盡管聽(tīng)起來(lái)可能很簡(jiǎn)單，但是在設(shè)計(jì)主頁(yè)時(shí)只有五個(gè)重要的要素要牢記。

　　標(biāo)題

有時(shí)與引人入勝的圖片結(jié)合使用的標(biāo)題位于首頁(yè)頂部。幾乎在每種情況下，頭條新聞都應(yīng)以客戶為中心，并向訪問(wèn)者表明品牌具有使他們受益的東西。頭條新聞應(yīng)：

· 向客戶傳達(dá)利益。

· 確定訪客遇到的問(wèn)題，并向他們保證品牌可以為他們解決問(wèn)題。

· 簡(jiǎn)明扼要地描述公司的業(yè)務(wù)。

　　通過(guò)展示權(quán)威來(lái)創(chuàng)建信任

必須將業(yè)務(wù)定位為客戶問(wèn)題的指南和解決方案。掌握建立信任的藝術(shù)的UX設(shè)計(jì)師可以輕松地說(shuō)服人們，這個(gè)特定的品牌是解決他們問(wèn)題的正確方法。他們可以通過(guò)以下方式做到這一點(diǎn)：

· 包括推薦該品牌的重要客戶的推薦信

· 顯示與該品牌合作過(guò)的公司的徽標(biāo)

· 顯示有關(guān)用戶數(shù)量，交易次數(shù)等的特定數(shù)據(jù)。

· 具有獎(jiǎng)項(xiàng)和榮譽(yù)，已發(fā)表的作品，媒體露面和類似成就。

· 顯示團(tuán)隊(duì)或公司總部的圖像。

　　呼吁采取行動(dòng)

與首頁(yè)訪問(wèn)者建立情感聯(lián)系是將他們轉(zhuǎn)換為客戶的第一步。建立這種情感聯(lián)系后，就要采取行動(dòng)來(lái)達(dá)成協(xié)議。

行動(dòng)呼吁有兩種：

1.直接號(hào)召性用語(yǔ)適用于知道已準(zhǔn)備好購(gòu)買或注冊(cè)的人，并包括“購(gòu)買”，“注冊(cè)”或“開(kāi)始使用”之類的語(yǔ)言。點(diǎn)擊這些CTA，買家將直接進(jìn)入表格以完成交易。

2.過(guò)渡性號(hào)召性活動(dòng)面向尚未準(zhǔn)備購(gòu)買的訪客。在提交之前，他們可能需要更多的時(shí)間和信息。這些按鈕的形式為“更多信息”，“免費(fèi)試用”或“取得聯(lián)系”類型的按鈕。

一些號(hào)召性用語(yǔ)可能會(huì)將兩者結(jié)合在一起，也可能并排放置。

　　吸引人的圖像

不管主頁(yè)內(nèi)容有多認(rèn)真，StoryBrand框架都要求有一個(gè)圓滿的結(jié)局。選擇圖像時(shí)，請(qǐng)記住，其中一些圖像應(yīng)該給人“永遠(yuǎn)幸福”的感覺(jué)。

圖像吸引著游客的情緒，尤其是快樂(lè)的人的圖像。顯示快樂(lè)的人的照片可以幫助人們想象自己購(gòu)買時(shí)的幸福結(jié)局會(huì)是什么樣。

　　短文

文字越少越好。許多消費(fèi)者不會(huì)閱讀長(zhǎng)篇幅的文字，因此最好用盡可能少的單詞來(lái)傳達(dá)品牌信息。

用戶體驗(yàn)設(shè)計(jì)師應(yīng)幫助客戶以最簡(jiǎn)單的方式分享他們的故事。

　　成功的首頁(yè)回答關(guān)鍵問(wèn)題

成功的首頁(yè)將能夠在不到五秒鐘的時(shí)間內(nèi)吸引訪問(wèn)者的興趣。從那里開(kāi)始，大約有15秒的時(shí)間來(lái)回答人們?cè)谠L問(wèn)主頁(yè)時(shí)問(wèn)自己的三個(gè)問(wèn)題：

·他們?cè)谧鍪裁矗?/p>

·他們?nèi)绾文軒椭遥?/p>

·我必須做什么才能購(gòu)買或參與？

用戶體驗(yàn)設(shè)計(jì)師可以使用StoryBrand框架來(lái)創(chuàng)建一個(gè)主頁(yè)，該主頁(yè)可以立即引起興趣并有效地回答這些問(wèn)題。它為設(shè)計(jì)師和品牌提供了一條成功的明確道路。

如何使用StoryBrand框架設(shè)計(jì)更好的主頁(yè)通過(guò)上述介紹，相信大家已經(jīng)清楚了吧，想了解更多關(guān)于產(chǎn)品設(shè)計(jì)的信息，請(qǐng)繼續(xù)關(guān)注中培偉業(yè)。