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

　　主頁的目標是什么？

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

在過去的幾十年中，得益于分析技術以及基于該數據進行了性能改進的營銷和設計團隊，首頁已得到快速改善。

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

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

　　設計首頁時的三個常見陷阱

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

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

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

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

　　什么是StoryBrand框架？

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

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

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

　　如何與客戶一起使用StoryBrand

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

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

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

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

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

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

-外部

-內部

-哲學

3.并會向導：向導是企業(yè)或品牌。客戶需要有人來解決問題。他們對品牌的認知對他們的信任至關重要。必須傳達兩件事：

-移情

-權威

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

5.并號召他們采取行動：有效的號召性用語有助于購買或注冊。

6.這可以幫助他們避免失敗：客戶面臨什么風險？如果不從該品牌購買商品，他們會損失什么？

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

-贏得權力或地位。

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

-體驗某種形式的自我實現也使他們變得完整。

　　如何在主頁中使用StoryBrand框架

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

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

盡管聽起來可能很簡單，但是在設計主頁時只有五個重要的要素要牢記。

　　標題

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

· 向客戶傳達利益。

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

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

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

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

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

· 顯示與該品牌合作過的公司的徽標

· 顯示有關用戶數量，交易次數等的特定數據。

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

· 顯示團隊或公司總部的圖像。

　　呼吁采取行動

與首頁訪問者建立情感聯系是將他們轉換為客戶的第一步。建立這種情感聯系后，就要采取行動來達成協議。

行動呼吁有兩種：

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

2.過渡性號召性活動面向尚未準備購買的訪客。在提交之前，他們可能需要更多的時間和信息。這些按鈕的形式為“更多信息”，“免費試用”或“取得聯系”類型的按鈕。

一些號召性用語可能會將兩者結合在一起，也可能并排放置。

　　吸引人的圖像

不管主頁內容有多認真，StoryBrand框架都要求有一個圓滿的結局。選擇圖像時，請記住，其中一些圖像應該給人“永遠幸福”的感覺。

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

　　短文

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

用戶體驗設計師應幫助客戶以最簡單的方式分享他們的故事。

　　成功的首頁回答關鍵問題

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

·他們在做什么？

·他們如何能幫助我？

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

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

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