主页就像商店的橱窗. 他们应该让消费者了解企业是做什么的, 谁在经营公司, 至少能让你对它提供的产品和服务有所了解, 这些是否是实际出售的物品, 信息, 或娱乐.

就像商店的橱窗, 主页设计可以吸引人们看得更深, 或者它们无法吸引访问者的注意力(甚至更糟), 积极地赶走他们). 清楚地传达 品牌故事 是一种方法 用户体验设计师 可以用来让人们留在网站上，并参与到主页之外的探索中来(StoryBrand框架为此提供了一个很好的路线图)。.

主页的目的是什么?

A 着陆页的目标是转化访问者，而a 主页上的 目标是吸引访问者与品牌，并为他们的问题提供解决方案. 如果做得有效，主页访问者可以变成一个客户-潜在的回头客.

在过去的几十年里，由于分析、营销和设计团队根据这些数据改进了性能，主页得到了迅速的改进.

回到1993年，那时只有 600个网站 存在, 衡量网站流量的唯一方法是计算访问者数量的服务器日志. 接下来是打柜台, 然后是更全面的分析套件，可以洞察诸如独立访客之类的东西, 页面浏览量, 跳出率.

使用这些分析数据, 用户体验设计师能够优化call to action的位置, 提高网站速度, A / B测试, 使用视频来吸引访问者, 使用高质量的图片来吸引人们的注意力, 并包括消息传递工具，以提高主页的性能. 然而，这能保证消费者的忠诚和信任吗?

设计主页时的三个常见陷阱

企业和扩展设计师在创建主页时会遇到三个主要的陷阱:

1. 他们不会关注重要的事情. 他们告诉人们他们的服务或产品的特点. 人们不关心这个. 他们想知道企业会解决他们的问题，改善他们的生活.
2. 企业没有清楚地传达他们的信息. As 托尼海丽 Chartbeat网站的负责人说，一个网站只有不到15秒的时间来吸引访问者的注意力.
3. 他们的产品不好，解决不了任何人的问题. 在这种情况下，设计师对企业的贡献就不多了.

什么是故事品牌框架?

尽管一些企业似乎相信，一个标志并不等于一个品牌. Far from it; a 品牌是一种承诺 这背后是它们存在的原因.

人们选择一个品牌而不是另一个，既有理性的原因，也有情感上的原因. 强大的品牌信息可以产生对品牌本身的忠诚度，而不仅仅是它所创造的单个产品. 要实现这一目标，明确和一致的信息至关重要. 一个品牌在竞争中脱颖而出的是它的故事.

讲故事 被企业家广泛用于在推介和社交网络中吸引投资者. 像苹果这样的公司理解并整合了清晰、 简单的故事 他们所做的一切. 他们知道这与他们无关; 这是关于他们的客户.

的 StoryBrand 框架是唐纳德·米勒创造的一个讲故事的公式，帮助企业简单明了地传达最有力的信息. 在他的书中 打造故事品牌米勒说:“你的顾客应该是故事的主角，而不是你的品牌. 这是每个非常成功的企业都明白的秘密.”

如何在客户端使用StoryBrand

无论是小公司还是价值数百万美元的品牌, 客户必须明白，混淆客户会让他们付出代价. 通过StoryBrand公式来澄清他们的信息, 正如米勒所说, 组织他们的思想, 减少他们的营销努力, 消除混乱, 恐吓的竞争, 最终让他们的业务再次增长.”

Miller将创建StoryBrand比作为剧本写故事. 他把它分成七个情节点.

A 字符 谁希望(使用网站的人)遇到一个 问题 (他们的需要)，然后满足一个 指南 (企业)谁给他们一个 计划 (表示下一步)和 号召他们行动起来 (call to action按钮)，结果是 成功的故事 (他们购买产品)并帮助他们 避免失败 (提醒他们如果不购买会发生什么).

这种结构几乎在每一部成功的电影中都能看到. 它也适用于企业及其客户. 下一步是让客户端编写他们的 品牌故事 下面是这个结构:

1. 一个字符顾客永远是故事的主角，而不是品牌. 用户体验设计师需要弄清楚客户想从品牌中得到什么, 通常通过用户体验研究和用户测试. 他们需要关注驱动人们的欲望, 比如节约财政资源, 节省时间, 建立社交网络, 或者获得地位.
2. 有问题: StoryBrand弧线中的反派是角色的问题. 把这个问题拟人化，并理解公司的产品就像客户可以用来击败它的武器，这是很有用的. 公司往往专注于解决外部问题，但客户购买的是解决方案 内部 问题. 人们有三个层次的冲突:
   -外部(大多数企业都试图解决外部问题)
   -内心(如沮丧、恐吓、不安全感)
   -哲学(为什么这个故事很重要?)
3. 遇见了一个向导:指南是企业或品牌. 客户需要有人来处理这个问题. 他们对品牌的认知对他们的信任至关重要. 必须传达两件事:
   -移情(对客户可能感受到的痛苦表示理解)
   -权威性(这会让客户相信品牌能够帮助他们)
4. 谁给他们一个计划业务向客户展示他们下一步需要做什么. 在向顾客展示一个简单的行动计划之前，他们仍然不确定是否要购买. 用户体验设计师可以为客户详细说明接下来的步骤. 他们还可以通过解决与产品或服务相关的问题来减轻顾客的焦虑.
5. 并号召他们行动起来有效的行动呼吁促进购买或注册.
6. 这有助于他们避免失败对客户来说什么是利害攸关的? 如果他们不买这个牌子的，他们会失去什么?
7. 并以成功告终告诉客户这个具体的行动如何改变他们的生活. 向他们展示购买产品后他们的生活会是什么样子，以及这个决心会给他们带来什么感觉. 故事讲述者结束故事的三种可靠方式是允许角色:
   -赢得权力或地位
   -找到能让他们完整的人或事
   -体验某种形式的自我实现，也使他们变得完整

如何在主页中使用故事品牌框架

主页不应该是关于业务的. 它应该是关于潜在客户的.

就像第一次约会一样，印象很重要，目标是产生兴趣. 用户体验设计师 在内容和安排上要有策略吗. 按照前一节解释的框架将帮助设计师确保将正确的信息放在正确的位置.

虽然这听起来过于简单, 在设计主页时，只有五个重要的元素需要记住.

标题

标题，有时与引人入胜的图片结合使用，放在主页的顶部. 几乎在所有情况下, 标题应该以客户为中心，并向访问者展示品牌对他们有利的东西. 标题应该:

• 向客户传达这些好处
• 确定访问者遇到的问题，并向他们保证品牌可以为他们解决问题
• 用清晰简洁的方式描述公司的业务

通过展示权威来建立信任

必须将业务定位为客户问题的向导和解决方案. 掌握创造信任艺术的用户体验设计师将更容易说服人们，这个特定的品牌是他们问题的正确解决方案. 他们可以这样做:

• 包括推荐该品牌的重要客户的推荐
• 展示与该品牌合作过的公司的标志
• 显示有关用户数量、事务等的特定数据.
• 具有奖项和荣誉，出版作品，媒体露面，和类似的成就
• 展示团队或公司总部的图像

行动呼吁

与主页访问者建立情感联系是将他们转化为客户的第一步. 一旦建立了情感上的联系，就需要采取行动来达成协议了.

有两种类型的行动号召:

1. 直接号召行动是针对那些知道自己已经准备好购买或注册的人, 包括“购买”这样的语言,”“报名吧!,或者“开始吧。.点击这些cta，买家将直接进入一个表格，完成交易.
2. 过渡性的行动号召是为那些还没有准备好购买的访问者准备的. 他们在做出决定之前可能需要更多的时间和信息. 这些按钮以“更多信息”、“免费试用”或“联系”类型按钮的形式出现.

一些行动呼吁可能将两者结合起来, 或者把它们并排放在一起(通常是一对“立即购买”和“了解更多”按钮)。.

迷人的图片

不管主页的内容有多严肃, StoryBrand框架要求一个圆满的结局. 在选择图片时，请记住其中一些图片应该给人一种“从此幸福快乐”的感觉.

图片吸引了 访客情绪尤其是那些快乐的人的照片. 展示快乐的人的照片可以帮助人们想象如果他们购买了这些东西，他们自己的幸福结局会是什么样子.

简短的文字

文字越少越好. 许多消费者不愿阅读冗长的文本, 所以最好用尽可能少的词来传达品牌信息.

用户体验设计师应该帮助客户以最简单的方式分享他们的故事.

成功的主页回答关键问题

一个成功的主页将能够在不到五秒钟的时间内吸引访问者的兴趣. 从那里, 它将有大约15秒的时间来回答人们在访问主页时(通常是下意识地)问自己的三个问题:

• 他们是怎么做的?
• 他们怎样才能帮助我?
• 我需要做些什么才能购买或参与?

用户体验设计师 可以使用StoryBrand框架创建一个主页，立即捕获兴趣并有效地回答这些问题. 它为设计师和品牌的成功提供了一条清晰的道路.

---

让我们知道你的想法! 请在下面留下你的想法、评论和反馈.