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

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

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

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

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

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

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

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

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

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

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

　　什么是StoryBrand框架？

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

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

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

　　如何與客戶一起使用StoryBrand

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

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

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

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

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

2.有一個(gè)問題：StoryBrand弧中的反派是角色的問題。將這個(gè)問題擬人化，并了解該公司的產(chǎn)品就像是客戶可以用來擊敗它的武器，這很有用。公司傾向于專注于解決外部問題，但客戶會(huì)購買內(nèi)部問題的解決方案。人們具有三個(gè)沖突級(jí)別：

-外部

-內(nèi)部

-哲學(xué)

3.并會(huì)向?qū)В合驅(qū)瞧髽I(yè)或品牌。客戶需要有人來解決問題。他們對品牌的認(rèn)知對他們的信任至關(guān)重要。必須傳達(dá)兩件事：

-移情

-權(quán)威

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

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

6.這可以幫助他們避免失敗：客戶面臨什么風(fēng)險(xiǎn)？如果不從該品牌購買商品，他們會(huì)損失什么？

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

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

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

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

　　如何在主頁中使用StoryBrand框架

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

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

盡管聽起來可能很簡單，但是在設(shè)計(jì)主頁時(shí)只有五個(gè)重要的要素要牢記。

　　標(biāo)題

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

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

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

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

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

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

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

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

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

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

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

　　呼吁采取行動(dòng)

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

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

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

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

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

　　吸引人的圖像

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

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

　　短文

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

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

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

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

·他們在做什么？

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

·我必須做什么才能購買或參與？

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

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