但由于输入太多，很容易忽略什么是重要的。模糊的期望会导致挫败感，并减慢过程。这就是为什么你需要尽早明确项目目标的原因。以及为什么每个人都需要有共同的愿景才能成功。

了解网站的目的

当然，一个全新的、引人注目的网站总是积极的。但是，如果没有更深层的理由，投入时间和金钱来建造一个可能会变成短期投资。

无论你是从头开始，还是做一个完全的重新设计，你都需要知道你想让用户从你的新网站学到什么。你想通过内容传达什么?需要加入哪些行动号召?了解这些焦点是什么，这样你就可以创造一个放大它们的设计。

一个网站不应该是数字前沿的一个孤立的前哨，而应该融入一个品牌更广泛的战略。它需要补充这一战略，并增加自身的价值。如果这个网站只是提供了一点无聊的娱乐，那也没什么如果那是你的意图。但最终，一个网站应该帮助填补客户所知道的和客户希望客户知道的之间的空白。

发现问题并找到正确的解决方案

要确定需要解决的问题，并找到这些问题的正确解决方案，您首先需要与您的客户和其他涉众进行沟通。

你必须有一个开放的对话，找出在他们目前的网站上什么工作，什么不工作，他们认为不喜欢。内容是可靠的，但可用性是一个噩梦吗?结账过程是否如此痛苦以至于客户失去了销售?你需要了解你的客户认为网站的主要问题是什么，同时收集他们从使用过网站的人那里得到的反馈。

你还需要自己做调查。深入挖掘他们当前的网站，记下所有需要升级的地方。不要只关注哪里出了问题，也要考虑一下哪些是有效的。你可以将当前网站的积极方面融入到你的新设计中。

我们很容易被细微的细节分心。但现在不是谈细节的时候。你和客户都需要把注意力集中在网站要实现什么以及你要如何实现这个目标上。

通常客户会认为他们完全了解问题，并有一个可靠的解决方案。有时候，他们没有方向，只有一种需要改进的直觉。作为设计专家，我们的工作是探索各种选项并推荐一个最佳解决方案(如果不能做到这一点，就推荐一个体面的解决方案)。

当我在零售公司工作时，我是一个团队的一员，负责整理公司的环境可持续发展报告。他们有我一直在打印一份50页的综合报告，结果是一堆白纸黑字的纸。

我们的解决方案?将这份50页的报告裁剪成包含重点内容的小册子，用再生纸和大豆油墨打印，并附上网站链接以获取更多信息。从而解决了一个他们自己都不知道的问题。

作为设计师，我们有能力为项目中已知和未知的问题提出解决方案。

了解你的听众

了解你的目标用户将指导你完成整个设计过程，并通过迫使你回答一个简单的问题而简化决策:

这对我们的观众有用吗?

你的客户应该有人口统计信息，如收入、性别和年龄(在他们的Facebook页面分析中)。你还需要了解他们的消费习惯:

1. 他们还购买什么其他商品和服务?
2. 他们访问什么网站?
3. 他们沉迷于什么形式的媒体?

了解所有这些将帮助你创造出与他们的其他消费者体验一致的设计。

如果说所有网站都有一个共同的目标，那就是与受众建立联系。通过更多地了解你的谈话对象，你就能更好地有效地与他们取得联系。

写一份有创意的简报

不管你的简报有多啰嗦，你都必须编写一份有创意的简报，这样你、客户和项目中的所有人都能理解它的具体内容。一份有创意的简报需要定义项目的人员、内容和地点，列出范围和完成每个目标需要做什么。

定义成功

如果不定义成功是什么样子的，你就永远不知道自己是否成功了。

有些衡量成功的标准比其他的更明显。人们理解数字。当他们看到流量和销量上升时，他们知道自己已经取得了某种程度的成功。

有些客户已经知道他们将如何决定成功。我曾经有一个客户，他帮助运营一个非营利组织，想要重新设计一个完整的网站。她的成功标准:

1. 搜索排名提升
2. 增加了他们手工制品的销量

事先知道这两个目标使我的工作容易得多。我花了巨大的大量的时间在研究和编写seo优化的内容。我还找到了一个更好的电子商务平台，让他们为自己的库存拍摄新的高分辨率照片。

销售增加了，她的组织成为了大量搜索词条的首页。她很高兴，我也很高兴。这个项目成功了。

当你定义项目成功时，不要做出不切实际的承诺。对于这项非营利性的努力，我解释了他们目前网站上的内容是如何无效的。我从不夸大我要做的事情，但我确实解释了它将如何比他们现有的更好。这是。

当然，“成功”也可以不那么具体。提升一个品牌的声誉并将其与竞争对手区分开来是很难衡量的。但是如果你恰当地设定了客户的期望，他们就能在成品中看到这一点。欧宝体育在线首页(如果做不到这一点，你总是可以对现有客户进行NPS调查，以评估他们对新设计的反应。)

参与项目的每个人都需要知道他们将如何决定项目的成功。当每个人都对成功有一个共同的理解时，你们将能够评估和认识到你们所有努力工作的效果。

设定你的目标

您可以根据可交付成果和创建它们的人员来定义任何项目。但如果目标受众没有明确的目标，就没有人会知道为什么他们正在构建这些可交付成果。

当人们理解为什么，他们也能更好地理解如何来实现他们的目标。在项目开始时找到这些目标，这样你就能在项目结束时获得成功。

突然之间，客户对你能做什么使项目成功有了更好的想法，是的，这将涉及一些你之前没有提到的额外工作。你已经很努力了，但客户现在想要改变方向，让你所做的一切都变成了徒劳。你认为是一个直接的发射，变成了一个迂回的旅程，在迂回的道路上犹豫不决。

欢迎来到范围爬行的奇妙世界。

什么是范围渐变?

你可能在什么地方听说过这个术语。但它是什么呢?

当一个项目的发展超出了最初达成的共识时，你的手上就有了范围蔓延。一个项目的发展是可以的，但如果它让你在同样的钱做更多的工作，那么它就是一个问题。

在它把这个项目变成现实的噩梦之前，这里有一些处理它的方法。

在合同中定义项目范围

我们知道，你是个自由职业者。你享受着自由的生活，就像今天是便装星期五一样。你的工作时间超出了传统的朝九晚五。你喜欢让事情保持“冷静”。

不幸的是,被太非正式可能意味着让你的客户失望、沮丧。这非常unchill．

在与客户和其他涉众进行几次会议之后，您应该对项目及其目标有一个非常清晰的概念。这是把你们讨论过的关于项目的所有重要细节都写出来的时候以书面形式．

详细说明你愿意和不愿意做的工作

明确你将提供什么服务。在你的语言中要直接和详细，明确你将如何向客户收费，是按小时收费还是整个项目的固定价格。

例如，你可以这样定义作用域:

我将建立和启动五个网页，包括:

• 首页
• 关于
• 服务
• 联系
• 博客

这些页面的内容将由客户端由XX/XX/XXXX提供。如果在那个日期之前没有提供内容，项目时间线将需要延长。

每一页都有多达3次的设计修改。额外的修改将按$X收费。

你还需要详细列出将要落下的工作类型外合同，比如过多的修改，以及如何为这些“额外”服务向客户收费。

为了继续上面的例子，你可以添加以下内容:

任何添加到上面列表中的页面都将增加一个星期的项目时间线。可以为上述任何一页或任何附加页制作内容，每页收费500美元。

申请作品集使用权

如果你愿意，你还应该询问是否可以用你在作品集中所做的工作的例子，如果他们同意，在合同中注明这一点。在这一点上保持灵活是很重要的，假设您想要这个项目，因为一些客户可能会同意您使用工作示例，只要省略了他们的公司名称，或者只要作品集页面有密码保护。

如果你为客户创造了一些很棒的东西，但后来却发现你不能将其用于你的投资组合中，这是一件令人沮丧的事情。

包括杀费或首付款

有时客户会决定取消你已经开始的项目。也许决定把时间和金钱奉献给其他事情。

为了不让自己失去所做的事情，特别是当你同意为项目收取固定费用时，你需要包括一笔终止费，或者要求预付定金。

这将防止你在离开时口袋里一分钱都没有。杀费可以是总费用的一个百分比，也可以是基于你在取消交易之前所做的所有工作。

起草一份合同是一项艰巨的任务。但请记住，它不必充满法律语言。保持简单直接。在你们签字之前，要确保你的客户完全理解它。

如果你不知道从哪里开始自由职业合同，请阅读我们的文章“设计合同如何帮助你管理客户，看看AIGA的(非常详细)设计服务协议标准格式或者适应这免费平面设计合同从火箭律师。

为范围蠕变做好准备

一开始是对单个登陆页面的更新，后来变成了对其他几个页面的更多调整。然后它变成了一个完整的设计大修——对整个网站。

如果你按小时收费，这是很好的——只要它不占用你已经承诺给其他客户的时间。否则，你将做额外的工作，没有额外的工资。

同意做额外的、没有报酬的工作并不“好”

我们都想迁就客户，让客户满意。但是当我们开始同意做合同中没有规定的事情时，我们只是在鼓励坏习惯——就像客户认为额外的任务是理所当然的。作为自由职业者，我们的工作之一就是确保他们不会这么想。

合同使你不必做额外的工作而得不到额外的报酬。如果客户需要更多的东西，比如电子邮件活动或修改他们的社交媒体内容，你可以在合同中添加更改请求条款。对于合同之外的任何事情，这样的条款可以确保你的努力工作得到报酬。

为交付成果和付款设定最后期限

这就是为什么有一个可交付成果的时间表很重要。如果你已经同意了一个时间表和一个固定的费用，你需要准备好如果时间表被延长。每个时间表都应该有一点回旋余地，但作为自由职业者，你必须小心保护你的时间——特别是当你有其他客户排队的时候。

除了项目的时间表，还需要有一个付款期限，以及如何提交付款的说明。这有助于减少困惑，并确保你能及时得到你所赚的钱。

为反馈和编辑安排时间

反馈循环需要有限度，即使只是为了保持你的理智。

许多客户没有意识到更改对设计的整体影响。看起来很小的编辑，比如重新定位图像或更改字体，很容易导致大量更改。

这与时间线的重要性有关。为修改分配时间，并指定你要修改的类型。例如，如果客户试图在一个网站设计项目中偷偷地改变品牌，你完全有权利说不——只要你的合同是明确的。

另外，请记住，随着项目的进展，某些更改会变得更加困难。在早期重组内容可能很容易，但当整个网站地图在QA阶段之前发生变化时——嗯，那就完全是另一回事了。这就是为什么你的合同应该对可能影响整个项目的后期更改做出规定。对超出时间线的修改收取额外费用，可以防止你免费做过多的编辑，并在客户吹毛求疵的情况下让他们受到约束。

当然，你需要弄清楚所有这些反馈会被谁过滤掉。确定一个人与您沟通编辑将简化流程，并迫使涉众达成一致意见。让多人给你反馈可能会导致想法冲突，混淆项目目标。

停止蠕变

一个项目很容易超出你的计划，并拥有自己的生命，就像怪物从疯狂科学家的实验室中挣脱出来一样。为了避免诅咒你无意中创造的作品，与你的客户设定界限——沟通是避免范围蔓延的关键。当你和你的客户对所涉及的工作有一个相互理解时，这个过程就会更容易。

从网站地图开始

你可曾透过飞机窗外看到下面正在成型的新小区的轮廓?它有点像一个站点地图:从3万英尺的高度看，一个指示建筑需要建在哪里的足迹。

站点地图提供了站点层次结构的图表，并显示了每个页面在这个层次结构中的位置。

(注意:在这篇文章中，我们讨论的是作为网站规划和交流工具的网站地图，而不是你创建的字面的XML网站地图，以帮助搜索引擎爬行你的网站-尽管规划工具应该从本质上定义XML网站地图将包含什么。)

在构建层次结构时，不断引用项目目标是至关重要的。这是因为站点的层次结构需要反映并帮助实现这一目标。

例如，如果您正在创建一个电子商务网站，那么毫无疑问，您的目标之一就是销售产品。欧宝体育在线首页因此，你的站点地图应该将产品索引和页面放在层次结构的顶部或顶部附欧宝体育在线首页近，这样访问者就可以立即看到他们需要去哪里实现你和他们的目标:购买东西。

创建站点地图

您可以用几种不同的方法来设计站点地图。你需要根据两个特点来选择你的方法:

1. 能够捕获您需要捕获的信息
2. 能够传达你需要传达的信息

换句话说，它需要能够传达你想要传达的信息用一种观众能看清楚的方式。

例如，以下是创建站点地图的3种常用方法，以及每种方法最擅长传达的信息:

1.列表

列表格式是一个简单的有序或无序列表，它使用嵌套来传递层次结构。下面是一个基于Webflow核心站点的例子:

指数

——设计师

- - - - - - CMS

——编辑器

——举办

• 客户
• Groupon
• 新的故事
• 可能的
• 盐
• 自由职业者

这对于交流页面主题和相对层次结构非常有用。您可以立即看到，针对设计器、CMS、编辑器、托管和客户的页面都得到了相同级别的突出显示，而特定的客户故事则处于较低级别。

这是什么不这些页面之间的用户路径非常善于交流。例如，在网站的主导航栏中，没有一个标签为“功能”的下拉菜单显示设计器、CMS、编辑器和主机。或者这些页面都可以从网站首页链接到。

这使得列表格式非常方便，比如页面目录，但您不会想把它交给客户说，“这是人们浏览网站的方式。”

2.水平图

希拉里·皮茨的网站地图(在本部分的顶部)是一个水平图，可能是最熟悉的网站地图形式。

与列表一样，它捕获了站点的高级视图。不像列表格式更清楚地指明了页面/体验之间的路径，正如你在穿过地图中心的结帐流中所看到的那样。

这使得它成为沟通层次结构以及人们如何将站点导航给客户端和其他非技术人员的更好工具。虽然它对技术倾向的人也很有用!

值得注意的是，由于皮茨的网站是一家电子商务商店，因此不提供网站页面的全面清单。可能有1个或1000个不同的产品页面——这对于这个映射并不重要，因为产品页面几乎肯定是通过欧宝体育在线首页动态模板或UI工具包从产品索引到产品细节的流程不太可能因产品欧宝体育在线首页而异。但是，如果有些产品类型需要不同的内容模型，则欧宝体育在线首页需要注意它们。

3.垂直图

垂直图基本上就是一个水平图。因为从左到右的流程意味着进度(在阅读流程从左到右的文化中)，垂直图对于映射更包含的体验最有用，例如特定的用户流程，或站点更特定区域的结构。

Pitts的水平图中的购买流程部分是垂直图的一个很好的候选(事实上，有点是垂直图，嵌入在水平图中)。

你的网站地图遇到麻烦了吗?试试卡片分类吧!

如果你和你的客户已经清楚地定义了你的项目目标，那么你就很有可能很自然地构建你的网站地图。但在较大的项目中，以及内容详细的项目中，您可能需要使用一种久经考验的工具:卡片分类。

要运行卡片排序，只需将您自己、您的客户和任何其他涉众聚集在一起(亲自或通过数字方式)。然后在索引卡上写下你所有的页面名称，并协作将它们分成对你所有人都有意义的类别。完成之后，根据排序的卡片创建一个站点地图，(理想情况下)让目标用户中的一些成员运行它，以确保他们也能理解它。

一旦确定了站点地图，就可以深入研究线框图了，线框图的轮廓将变得更加具体和详细。

网站地图工具

任何具有方框、箭头和文本编辑功能的设计工具都可以帮助你在进行思维导图时完成工作。但是，如果使用一个工具将这些方框和箭头作为已存在的元素(通常称为模板)，则会有很大的帮助。

以下是一些预置了站点地图元素的工具:

• Balsamiq
• Moqups
• Axure
• Slickplan
• Writemaps
• MindNode

为什么你需要线框

如果站点地图提供了整个网站的蓝图，那么线框则代表了单个页面(或一组页面)的蓝图。如果您可以使用站点地图，然后放大并增强该高级地图中的单个页面，就会看到这种效果。

像站点地图一样，线框捕捉层次结构。但这一次，这种层次结构仅限于单个页面，因此定义了内容在页面中流动时的相对重要性。

与原型类似，线框图也有不同的保真度。基本上一些线框图是最终的设计，包括最终的字体和尺寸，样本照片，甚至是可生产的副本。欧宝体育在线首页其他的则要简单得多，坚持使用一组单色框和blob，在这些地方有一天会出现内容。

因为保真度的范围很广，所以向你的涉众清楚地解释你的线框到底有多最终是很重要的。

花点时间从内容的角度回顾一下这个线框。它实际上有很多含义，需要将其转化为内容标准，或者根据内容标准进行修改!

例如:

• 大标题意味着文章的字数不能超过6或7个字
• 文章预告片可以相对较长，这有助于缓解上述限制
• 每篇文章都需要突出显示一张图片
• 滑块标题将需要极由于字体大小而短
• 右上角有一个“国家切换器”，这可能意味着需要翻译网站内容。这可能对设计产生重大影响，因为6或7个单词的德语标题可能比英语标题长得多

这还只是开始。

给利益相关者足够的东西来获得正确的想法

不要把线框错当成原型。线框图提供了一个示意图表示，去掉图形和内容(通常)，显示基本结构。另一方面，原型应该呈现最终站点的工作版本(尽管保真度的水平也可能有很大的差异)。

线框图允许涉众看到网站中各个页面的流动和功能。因为线框中的任何内容都没有在代码中被记录下来，所以在你开始设计之前，涉众就可以自由地要求大幅度的修改。

线框图以一种人人都能理解的视觉方式传达了网站的结构。对于不熟悉设计的人来说，描述状态变化之类的东西可能很复杂，但线框图可以用一两个简单的视觉效果来阐明这一点。

在你向任何人展示你的线框图之前，有一件事需要弄清楚，那就是它们到底代表什么。

对于任何观众来说，这些线框图都是显而易见的不描述最终产品的外观和功能。欧宝体育在线首页保持事情的简单和清晰，这样每个人都能看到项目将需要什么。简单的灰度形状应该可以做到这一点。

如果有疑问，请注释

因为你的线框图是一个网页的示意图，你可能想要包括任何额外的注释/注释，可以带来清晰的体验。

请看下面的线框。作为一名设计师，您无疑会立即认出灰色圆圈和四个破折号是标识和导航链接。但是如果没有“Navigation”调用，大多数客户端都不知道他们在看什么!

就我个人而言，我喜欢标记线框部分的线框只要我能想出一个清晰、简单的名字就行。我见过太多的利益相关者误解了一个部分的目的，并让这种误解扭曲了他们的反馈，从而在这个简单的添加上吝啬。

网站地图和线框图帮助你在内容上有一个良好的开端

先有鸡还是先有蛋?谁在乎呢，重要的是蛋黄。设计就像一个外壳，将内容连接在一起。

不管一个设计看起来有多好，它都无法弥补它的内容可能烂的事实。

线框图有什么用?通过向我们展示我们需要的内容，以及每个部分大约需要多少空间。因此，线框图应该直接从网站的内容策略中流出，显示每个页面上的内容层次结构，以及每个页面如何适应整体策略。当作者根据这样的地图工作时，达到他们的目标就变得容易得多。

这并不是说你需要从主页开始。事实上，很多人认为你的主页应该是最后的你创造的东西。

那你还能从哪里开始呢?用最重要的内容——也就是对项目核心目标贡献最大的内容。

这个网站希望提高网上销售吗?然后，你需要确保每个产品都有一个良好的书面描述，针对品牌，加上潜在买家欧宝体育在线首页想知道的所有规格。这对于构建您的产品集合所需的CMS字段大有帮助!欧宝体育在线首页

你的网站是一个更大的品牌重塑的一部分吗?确保你知道你的项目是如何适应品牌重塑的，并且你拥有传达新公司标识所需的所有资产。

你不必一次完成所有的写作。相反，你应该专注于确保你的UI是一眼就能理解的那里会有什么．

例如，您可以只有几个标题引导人们进入页面内容，然后用占位符字体填充其余的内容，如BLOKK或者是流字体．确保每个部分都有标签，以显示内容的位置，这样客户端就不会被填充内容分心。

内容形状设计

内容包含了网站上所有的实质内容。无论是解释产品的视频，展示应用程序如何工作的动画，还是非营利组织的介欧宝体育在线首页绍页面，每个元素都是为了传达信息或讲述故事。你不需要在你设计之前拥有所有这些内容，但这确实有帮助。

我们已经讨论了线框如何塑造内容。但这也可以在另一个方向起作用。再说一次，你不必完成所有的内容。但是如果你有一个你想要包含的所有东西的大纲，你可以基于这个大纲创建一个网站地图和线框。

即使知道了类型网站需要的内容将帮助你想出一个网站地图和线框。这些内容不需要被充实，但是知道将会有一个博客，一个客户寻求报价的联系页面，一个关于公司历史的页面，这将帮助你弄清楚所有的事情需要如何组织。网站地图将网站分解为最基本的组成部分，而线框则给出每个页面将包含的内容的更多细节。

但如果你已经准备好了充实的内容，那就把这些内容放到线框中，看看它是否合适。如果手头的内容超过专用空间，您可能需要进一步划分它。然后，您可以将这个额外的页面添加到线框中，并调整内容组织。这对设计师来说比事后再做要容易得多。

知道你的搜索引擎优化

搜索引擎优化不应该是事后才考虑的。因此，在你坐下来开始建立网站地图和线框图之前，准备一份客户想要瞄准的关键字列表，并相应地塑造网站的结构和组织及其内容。

线框图阶段是开始SEO工作的好地方，因为你可以不受完全开发内容的干扰。如果页面上没有这些词，你可以专注于关键的SEO元素，如标题、元标签和导航元素。这些seo化的线框可以为最终内容的创造者提供一个很好的大纲。

当你提前投入工作时，这个过程会变得更容易

网站地图和线框图是网站的基础。当你准备好并考虑网站的目标、架构和用户体验时，你将拥有一个目的驱动的过程。当通往成功的道路上的障碍被清除时，它会使旅程变得更快。

为什么内容很重要?

对人有帮助的，对企业也有帮助。

-Leo Burnett，广告传奇

内容是赋予网站意义的东西。它吸引人们，让他们了解网站的目的并采取行动。它会回答潜在客户的问题。

内容就像一个引擎——没有它，你得到的只是一个空洞的、无用的外壳。

内容是讲述品牌故事的文字，是展示产品如何运作的视频，是探索想法的博客文章。欧宝体育在线首页内容不应该是事后的想法或圆滑的销售语言的混乱。当我们深思熟虑并衡量我们的内容需要传达什么，以及它如何与设计相配合时，我们的网站表现得更好。

内容和SEO是互利的

在内容创造和推广方面无法与之匹敌的组织可能会发现自己输给了那些懂得SEO基础知识的内容营销人员。

——兰德·菲什金，Moz的创始人

内容就像网络爬虫的灯塔——它标志着网站的相关性，并提供了网络爬虫需要的信息来对网站进行排序和排名。内容优先的搜索引擎优化方法会带来更好的搜索排名和更好的用户体验。

SEO不应该是重拳出击。把短语和关键词混在一起会让你的写作显得生硬和混乱。内容需要是有用的和真实的，同时仍然提供什么网络爬虫需要排名的网站。

研究是编写搜索引擎优化的内容的关键。花点时间浏览相关网站和期刊。与客户和其他主题专家交谈。找出常用的单词和短语。

在线关键字工具可以生成不会立即出现在脑海中的单词和术语。AdWords关键字规划器和WordStream是研究相关关键字和短语的很好的资源。

如果我正在写一些我所知甚少的东西，如飞钓，谷歌Adwords关键字规划器将是一个巨大的帮助。有些术语很容易理解，比如“钓鱼竿”和“钓鱼卷筒”。其他的，比如“系蝇用品”和“系蝇材料”，都不是我自己能想到的。

注意“平均每月搜索量”和“竞争”栏目。竞争低，但搜索量高的关键词，如上面列表中的“鱼蝇”，可以大大提高你的有机搜索排名，如果在你的网站内容中有适当的目标。与付费广告商的竞争非常激烈，但这并不意味着你应该忽视这些短语。将它们融入到你的内容中会提高内容的相关性。

只要记住要挑剔你从这些工具中提取的短语和单词。确保你的内容保持有用和清晰。在将搜索优化的内容放入设计之前，请让客户端或主题专家对其进行检查。确保你所写的内容是准确的，并且使用适合网站的声音。

内容应该是设计的基础

当我们知道一个网站的最终目标时，我们就知道了满足这些目标所需的内容。查看现有的内容，看看是否有什么遗漏或不清楚的地方。

组织这些内容可以让你知道每个页面上的内容，让创建站点地图变得容易得多。使用定义良好的站点地图可以使您的团队避免无用的设计和浪费时间。从必须的内容和站点地图开始，将帮助您的团队了解不同类型的内容如何结合在一起，以及用户将如何与站点进行交互和导航。

内容优先的方法将设计师和作者结合在一起。任何领域的需求和限制都会影响这些角色的工作。当内容创造者和设计师拥有共同的目标并理解所有内容如何协同工作时，他们便能够创造出更强大的作品。

在编写内容之前对其进行建模

“但我已经做了一个网站地图和线框图。为什么我需要内容地图?”

因为到目前为止，你做的一切都是对的!为什么停止了?

与站点地图帮助我们可视化导航流的方式相同，内容地图为我们提供了内容流的指南，特别是在CMS中。内容地图向我们展示了每个页面上的具体内容，以及这些想法如何与更大的整体相关联。当内容已经组织好时，信息体系结构将有一个更坚实的基础。

如果你的设计有任何类似web应用程序的功能，或者如果你有杂乱的内容，内容模型可以帮助你理解它。它可以帮助你在写一个标题之前精炼你的信息。

内容模型应该从宏版本开始，该版本显示内容的主要类型，但不包含任何相关细节。假设我们有一个卖书的网站，将有一个页面专门发布新书:

这个宏观视图向我们展示了这些组件是如何组合在一起的。当点击一本新书的标题时，我们会看到一个页面，上面有具体的书，以及类型、作者和出版商。假设我们想要仔细研究每一个内容块以及它们所包含的信息和元素的类型。我们将在一个微内容模型中扩展这些内容。

现在我们可以看到每个页面所需的内容的进一步类型，比如author块上的作者传记和给定类型的背景信息。创建微内容模型还向我们展示了其他的内容机会，比如每种类型的书籍推荐。

内容建模如何支持CMS设计工作

现在，我知道您可能会想:这是设计过程中的另一个一次性工件!但我向你保证，你的模特绝不是一次性的。

事实上，当你开始构建CMS集合时，为内容建模的工作将会给你带来巨大的回报。这是因为您在宏模型中添加的细节直接转换为Webflow CMS中的字段和/或集合。

例如:假设您正在构建上面图表中建模的站点。您创建了一个名为Books的Collection，并开始为其分配字段。“英雄形象”显然映射到一个图像字段。Title将由name字段捕获。类型、作者和出版商都显示为宏观级别的内容项，因此它们都需要自己的集合，Book Collection可以通过引用和/或多引用字段引用该集合。

方便的,对吧?欲了解更多，请查看我们的文章，“为什么你的设计过程应该从内容开始．"

创造内容的人与事

我们已经强调过，在设计中移动任何像素之前，对内容有一定的了解是多么重要。但是谁来创建这些内容呢?

最好的情况是，你的客户有一个写作团队。这些单词迷知道需要交流什么，以及如何用他们理解的语言与听众沟通。他们是话题专家和写作技巧的大师。但拥有一支写作团队的梦想往往只是一个梦想。

并不是所有的客户都拥有内部内容团队所需的资源。小企业主可能会自己承担这个责任，或者把它委托给参加过一两个创意写作班的家庭成员。不幸的是，这可能意味着质量部门的内容不足，导致整个项目受到影响。以审计现有内容(如果有的话)开始项目，并评估其质量。

无论内容是如何创建的，都不要把一个像素都去掉至少内容的大致框架。如果不清楚网站的内容和目标，每个人都会对这个过程和结果感到不满意。

对内容质量的期望需要明确。如果你的客户不是一个作家，也没有一个可用的，你有几个选择。要么在预算中留出空间自己创作内容(如果这是你的技能)，要么雇佣一个你信任的专业作家。

但是，如果客户不认可好的写作呢?如果他们自以为是个作家却不肯让步怎么办?

我的诀窍是向他们展示有用的内容．找到一个写得很好的竞争对手网站，指出文案的简洁和号召行动的力量。向客户展示贯穿整个网站的关键字和短语，使其SEO游戏强大。

有些精明的企业主可能不知道什么是高质量的写作。带着善意和尊重帮助你的客户理解好的文案的价值，以及它对他们的收入和品牌知名度的潜在影响。

让客户参与到写作过程中

如果你是一个自信的作者和编辑，让你的客户参与到内容的创建过程中。

讨论项目所需的内容类型是一个很好的起点。从宏观层面开始:用户在寻找什么信息?关于公司或产品，他们需要知道哪些不明显的信息?欧宝体育在线首页观众的误解是什么?这些主题的项目列表将有助于告知您需要处理和/或创建的内容的类别。

就回答这些问题所需的细节与客户面谈——并做笔记或记录整个过程!客户在交谈的时候可能会比在书面解释的压力下解释得更好。他们的措辞对最终内容非常有用，所以要注意。如果客户急于提供他们自己的副本，让他们给你发送一些简短的段落或句子来解释每块内容的主要部分。您或作者可以将这些碎片组合成强大的内容，并加上搜索优化和吸引眼球的标题。

有些客户会有足够的写作技巧。如果有时间的话，讨论一下他们写的东西。如果他们倾向于啰嗦，那就尽量让他们更简洁。或者他们对市场营销的陈词滥调很着迷?这也是可以管理的!

任何作家在熟练编辑的指导下都能变得更好。如果你喜欢这个角色，那就去做吧。只要确保你的时间得到了补偿就行了。

内容让人们沉浸其中

内容是人们访问网站的原因。设计的存在是为了以有组织的方式呈现这些信息，并添加功能和风格。尽早开发内容意味着可以围绕内容进行设计。这种关注可以让设计突出内容，并改善用户体验。

集思广益，建立一个情绪板

模式板是图片、文本和其他视觉效果的拼贴，帮助我们更好地理解一个品牌。这是一个非正式的组合——没有内在的等级或组织的需要。但是当以格式塔的视角来看时，模式和主题就出现了。把情绪板放在一起可以帮助你在视觉上传达那些很难描述的东西。

在你开始之前，让客户把与他们品牌相关的单词或短语列在一起。这应该是一个专注于品牌激起的直接感受或情绪的快速练习。想想可口可乐、苹果和全食超市——这些品牌会让你想到什么词?你的情绪板应该从自己的想法和情绪列表开始。

想象一下，你正在为一家有机肥皂公司整理一个情绪板。这样一个品牌的情感认同是什么?你会最有可能的将唤起自然和DIY美学的元素组合在一起。也许是花的图像，色彩柔和的色块，或者是大块的手写文字。但根据品牌的具体目标、愿景和声音，你可能会发现视觉构建模块需要非常不同——这完全取决于你和你的客户一起工作。

将这些不同的视觉效果放在一个地方可以让你看到更大的主题并产生想法。主题很难沟通，因为它们是抽象的——情绪板帮助客户而且设计师将品牌的本质形象化，以及设计如何传达它。

创建一个样式贴图

假设你走进了一个你不会说当地语言的国家的一家快餐店。不管是汉堡王、麦当劳还是肯德基，你马上就能知道自己在哪里。

即使你不能读商标，你会认出字体，平面设计，和颜色。餐厅的室内设计也能说明问题。台面瓷砖、家具和墙壁的颜色都是品牌视觉识别的一部分。一个网站的设计应该唤起同样的品牌认知度。

风格贴图是用于构建设计的视觉组件的集合。他们将模式板的大致内容转化为实际的构建模块。

风格贴图为网站的各种设计组件提供了一个视觉指南，包括:

• 标志
• 头
• 广告正文
• 按钮
• 调色板
• 模式
• 其他brand-related视觉效果

可选:唤起品牌情感方面的词汇和短语

在与客户的合作中，回顾激发情绪板的词汇和它可能产生的任何其他主题想法。像“优雅”、“值得信赖”和“古怪”这样的词都让人想到截然不同的东西。考虑如何使用你的专业工具，如颜色、空间、类型等，在视觉上表现这些概念。

然后使用mood板和单词列表创建(至少一个)样式贴图，以通知可能成为设计一部分的颜色、排版、按钮和其他导航元素集合。

您甚至可能会发现构建样式块的多个迭代是很有价值的，既可以用于您自己的迭代，也可以潜在地为客户机提供选项。有时你会表现出一些想法不希望能引导客户走向正确的方向。只知道，你应该准备工作从任何风格的瓷砖你呈现!

客户希望成为这个过程的一部分。对于设计师来说，戴上船长的帽子全速前进是很诱人的。毕竟，你是专家，对吧?在设计方面，是的。但你的客户是品牌专家，所以在时间和空间上倾听他们的想法。

当客户知道他们的投入很重要时，他们会对最终产品更满意。欧宝体育在线首页风格瓷砖和模式板为客户创造了一个机会，倾听和观察他们的反馈塑造最终的网站。

看看我们免费响应式瓷砖如果你需要帮助的话。

建立一个元素拼贴

你是否对互动元素或其他动态魔法有很酷的想法?元素拼贴是一种很好的方法，可以将这些元素收集到一个地方，让它们看起来和功能起来就像他们在最终设计中那样．无论是一个花哨的悬停状态的按钮，还是一种显示不同类型内容的创造性方式，元素拼贴都向客户展示了网站上线时的工作方式。

元素拼贴以半孤立的状态呈现了网站功能的各个片段，这使得人们很难想象它们在一个更有血有肉的实际内容布局中会是什么样子。元素拼贴是有帮助的，但不要太专注，也不要花太多时间在那些可能无法最终完成的功能上。最终，元素拼贴可能最适合作为一种个人记事本使用，在那里你可以添加交互性和动画来充实你的风格瓷砖和/或情绪板的元素，而不是作为与客户或同事的交流工具。

开始设计

外观、感觉和视觉元素都得到了认可。现在是时候开始布局页面和集成内容了。

风格瓷砖给你一个领先的开始。这样你就可以节省时间，并且有一个更专注的设计，而不是边做边解决问题。这不会给客户带来任何惊喜，因为他们已经熟悉了图形元素。

样式瓷砖是一个很好的起点，但如果在实际布局中有些东西不工作，您总是可以进行更改。明亮的配色看起来很神奇，但实际上可能是压倒性的。过于风格化的logo可能会在更简约的布局中分散注意力。你能知道这些风格是否有效的唯一方法是将它们应用到实际的设计中。

在视觉设计阶段，你将:

• 布局图像、文本和其他内容
• 创建菜单和其他导航组件
• 确保内容和设计协同工作，以实现网站的目标
• 完善设计和内容，并根据需要进行更改
• 结合客户反馈

但是在你开始做这些之前，你需要把你的样式贴图工作转换成真正的HTML/CSS在网站上使用。例如,……

创建一个生活方式指南

大多数品牌都有风格指南。任何做过一段时间的设计师都会深入研究Dropbox和谷歌Drive，希望能找到最新的版本。即使你设法找到了最新的版本，但自从指南被写入PDF之后，情况可能已经发生了变化(啊)。

制作易于更新和查找的风格指南的最好方法是创建一个生活风格指南。一个生活方式指南存在于网络上，与它提供指南的网站相结合。它通常是在线网站上受密码保护的页面。在这里，所有的样式都集中在一个地方，可以立即进行更改和应用．

这是这里的关键:当您更改Webflow样式指南时，共享修改过的类的每个元素都会更改自动更新．对于我们这些习惯了定义风格变化，然后实现它，然后更新指南的人来说，这是一个巨大的变化。

从生活方式指南中编辑样式可以使您在整个站点中进行更改。来自客户的反馈可以快速整合，生活方式指南显示了设计中不同的视觉元素在整个网站的应用。如何在Webflow中建立一个生活方式指南会告诉你创建一个是多么容易。

从千变万化的想法中产生清晰的愿景

改进网页设计流程。尽早更清楚地交流想法。做好准备工作——绘制内容图，构建线框图，并构建可视化元素。跳过一些步骤是很诱人的，但这只会在项目后期产生复杂的情况。

在工作和沟通过程中要一丝不苟。含糊不清给未满足的期望留下了空间。当每个人都理解项目的愿景和目标时，他们更可能对最终产品感到满意。欧宝体育在线首页

从模型开始?

如果你开始在像Photoshop或Sketch这样的桌面设计应用程序中模仿你的网站，请查看我们的文章“从Photoshop到Webflow:如何将静态模拟变成实时网站，以获取有关该过程的详细指导和便利提示。

检查设计

在开始测试功能之前，先看看设计的视觉元素。你用的是最终的最终的最终的标志吗?有新的照片可以换吗?你是否增加了呼吁行动的字体大小?

设计过程几乎总是包含大量的反馈和建议编辑。很容易错过一些东西。但当网站上线时，正是这些小细节会让你的用户高兴或沮丧。因此，保持一个编辑和更改的运行列表，并确保在发布之前解决它们。

检查不一致。每一页的字体样式和大小都应该相同。字体错误或正文太大很容易被忽略。毕竟，你已经盯着这个设计很长时间了。

让其他人检查一下你可能遗漏的不一致和细节。

在这个阶段，决策者应该对设计的外观感到满意。有一些小的调整和编辑是正常的，但如果有良好的沟通和合作，在这一点上不应该有任何大的变化。

如果你得到了更耗时的编辑建议，在你处理它们之前评估它们的潜在价值。

这些改变会改善用户体验吗?他们会推迟网站的上线吗?

如果被推荐的东西不能提高可用性或改善网站的视觉美感，可以拒绝。保持专业，但要清楚为什么有些编辑是不必要的——特别是在设计过程的最后阶段。

注意细节

当涉及到网页设计时，有很多细节需要考虑和检查。特别是对于商业或电子商务网站。核实诸如营业时间、菜单上的营养信息、地址和电话号码等信息是很重要的。

电子商务网站需要有准确的照片和每个产品的描述。欧宝体育在线首页打开你订购的东西的盒子，却发现它看起来不像，这总是一件令人沮丧的事在所有比如网站上的内容。

在网站上线之前，要确保公司及其产品的品牌专家和利益相关者先看一看。欧宝体育在线首页询问你的客户谁应该做这项审查，并确保审查人员清楚时间线。

测试集成的功能

集成可以包括购物车、通讯注册和报价请求表单等等。

测试站点中任何需要数据收集的部分(并确保您已经建立SSL!)如果表单提交到一个电子邮件地址，请确保它是正确的。和客户一起仔细检查电子邮件地址。

表单应该有明确的说明和字段。让没有参与公司或项目的人填写测试表格并对他们的经验给出反馈是一个好主意。

结帐的过程也是一样——让几个人仔细检查，寻找故障和不明确的地方。我们中有多少人因为过程太复杂而放弃了购物车?从运输选择到支付选择的一切都应该检查。确保所有内容都有明确的定义并易于操作。

在启动之前，了解您的客户计划接受哪种电子支付。他们已经有PayPal或Stripe了吗?如果没有，一定要让他们解决这个问题——在最后一刻收集信息来建立一个账户可能是一种恼人的拖延。

检查你的链接

链接是功能的主要部分，您需要检查所有链接。不要忘记创建404错误页面——让它成为你的标准协议的一部分。这一点很容易被忽视。

手动检查每个链接可能会让人不知所措。好消息是——你不必这么做!使用链接爬虫工具，如W3C检查程序或尖叫的青蛙．这两款软件都能快速扫描坏掉的链接，并确保内容是可访问的。

确保您的设计能够跨浏览器兼容

您的设计需要在每个浏览器中提供相似的功能、外观和用户体验。每种浏览器都有自己的优点和局限性。如果你的设计只在一个平台上运行良好，那么使用其他平台的访问者就会感到沮丧。

您可以下载所有流行的浏览器并在每种浏览器中测试您的设计，但这将非常耗时。有一些跨浏览器兼容工具可以使这一步骤快速而简单，比如Browsershots，浏览器沙箱,Browsera．

检查不同设备上的设计功能

人们在一天中使用不同的设备来访问内容。有人出去购物用手机查附近的咖啡店。之后，他们一边看Netflix，一边在笔记本电脑上订购鞋子。你的设计应该在每个屏幕上无缝衔接。响应式设计的实际应用使网站提供了更统一的体验。

检查导航、按钮和其他交互元素在不同尺寸的屏幕上仍然有效。在不同的设备和网络速度上测试设计。如果加载很慢，看看你的高分辨率图像和动画是否影响了网站的性能。过多的动态元素也会影响可用性。

你不太可能拿到所有用于测试的主要设备。令人惊讶的是，有几个应用程序可以做到这一点!Browserstack，谷歌移动器，以及其他工具可以让您看到您的网站如何在不同的移动设备上运行。而且，Webflow再次允许您在构建站点时在不同的屏幕上预览站点。

需要注意的是，没有模拟器能够完美地再现所有设备上的体验，所以要确保在尽可能多的真实设备上进行测试。你不可能手头上有所有的设备，但你的朋友、同事和客户也可以在这里帮上忙!

看一下内容

你遗漏的越多，你就越能突出你遗漏的东西。

发展绿色、小说家

这里重写一个段落或那里重写一个句子(可能)不会对最终的设计产生重大影响。希望你至少有一个网站拷贝的草稿之前您开始了设计过程，并在整个过程中进行迭代。考虑内容进行设计可以让您做出深思熟虑的决定。对副本的调整总是可以在之后进行，甚至在网站上线之后。

但这并不意味着你应该在发行前跳过全面的内容审查。一个简单的拼写错误或语法混乱的句子会严重影响观众的感知，所以要确保你的文字和你的设计一样精致。

确保你的内容有用且易于浏览

尽管内容创造者对此感到悲伤，但人们来到一个网站并不会像阅读一本书一样阅读它。他们想进去，得到他们想要的信息，然后出来。让这成为可能来取悦他们。

方法如下:

• 使用描述性的标题
• 句子结构简单，每段不超过三到四个句子
• 将相关的想法或项目分组在项目列表中
• 去掉没有意义的文案
• 检查你的文案是否简洁，是否吸引人，是否与品牌的声音一致
• 校对语法和拼写错误
• 从第二只和第三只眼睛那里获得帮助，以帮助发现可能令人尴尬的错误
• 请有经验的编辑检查你的稿件

好消息:更多的工具!海明威，语法而且姜可以在编辑过程中帮你。他们还会教你一些写作技巧。

养成良好的SEO习惯

希望一些精心研究的SEO关键词和短语都被精心地编织进了内容中。您还应该确保代码自始至终都有适当的标题和段落标记。每个页面都应该包含元标题和元描述。

元标题应该定义页面的焦点。只使用相关的关键词，特别是在描述的开头，并将内容控制在70个字符以内。元描述应该稍微长一点，但不要超过160个字符，并以与你的目标用户相联系的语气书写。

当你的网站出现在搜索结果中时，通常出现的是元标题和描述。这可以帮助你的用户知道他们找到了一个符合他们需求的网站。谷歌使用元标题对内容进行适当的排名，因此它应该反映页面的本质。H1标签也有助于排名，让网络爬虫更容易确定你的内容的目的。确保这些标签是特定的。

元描述对网络爬虫来说并不重要，但它们仍然很重要。一个好的元描述告诉人们他们已经找到了他们想要的东西。在描述中使用与标题相同的主要关键词。谷歌将在描述中显示的搜索查询中使用的单词加粗。这也有助于你的观众看到你的网站匹配他们的搜索。

准备发射

当一切都经过了测试和评审后，就该展示你的辛勤工作了。

只要有一点耐心和大量的准备工作，您的设计就可以投入使用了。花时间检查和测试网站是设计过程中的一个重要步骤。不要让自己或客户的不耐烦促使你在产品准备好之前就推出。

确保你的工作反映了你的想法和投入。利用这些经验教训，让你的下一个项目做得更好。

如果你是一名自由职业者，你通常会把这一步留给你的客户。如果这是你合同的性质，完全公平。但是通过指导和支持你的客户在他们的网站上线，你不仅会加深你对那些你服务的人的价值，也会给他们一个很好的理由留住你。这是创造经常性收入的好方法。

另一方面，如果你是一名内部设计师，你的营销团队很可能已经覆盖了这些基础。但我个人可以证明，营销人员总是对新的发布想法持开放态度。另外，当他们确定迭代、测试和细化的机会时，他们几乎肯定会来找你，所以你最好做好准备。

考虑到所有这些，这里有一些建议可以帮助你在即将到来的发行中获得最大的效果。

考虑“软”发行

这是[网站启动]的方式。不是砰的一声，而是一声(耳语)。

-我，转述t·s·艾略特，因为我觉得很有趣

2016年，我的一位葡萄酒推销员朋友邀请我去旧金山一家名为“进步”(The Progress)的餐厅吃饭，它是米其林星级餐厅“州鸟供应”(State Bird Provisions)的姐妹餐厅。我知道这将是一次很棒的经历，原因有很多，不仅仅是因为我的朋友就是这样——但我确实是这样没有我不知道我是怎么来的。

当我们走进这个地方的时候，它死去的空．通常来说，这对顺丰餐厅来说不是一个好兆头。

但随后我的朋友漫不经心地转过肩膀说:“他们正处于测试发行阶段。今晚只有朋友和家人。”

突然间，我觉得自己就像一朵特别的小雪花。

接下来，我们就坐在一张漂亮的再生木桌旁。(我知道，我知道;我的眼睛也在转。)就在餐厅老板的旁边。然后继续通知我们我们要吃什么。和喝酒。

我有如此愚蠢的咧嘴笑．

我写这篇文章不是为了自我吹嘘，而是为了突出“软发布”或“测试”或“安静发布”的力量。

的力量

那晚在进步酒吧，我觉得在．好像我突然变成了行家一样。和餐馆老板，美食评论家，那些有影响力的人打交道。

当然，这一切都是幻觉——但仍然是一种诱人的沉浸式幻觉。如此强大，以至于我(显然)还在谈论这家餐厅。不仅因为体验本身，还因为食物的美味。从那以后，我再也没有给他们的门打过黑漆，但我知道我给他们送来了几十个顾客。

我只是一个小小的我。但他们把我变成了一个强大的营销机器。

对于那些为网络建设的人来说，好消息是:你也可以利用这种力量。

创造稀缺性

软发行/测试发行之所以如此有效是因为它们创造了一种稀缺性，将一种平凡的体验变成了一种罕见且受欢迎的体验。

这有三个相互促进的效果:

1. 有钱的人(有条件的人)会感到被认可和/或振奋——也就是，高兴
2. 因此，他们想要交流这种独特的体验，以有机的口碑来补充你的其他营销努力
3. 穷人(那些没有机会的人)突然比以前更想获得机会，或者是第一次

多年前Gmail的推出或许最能说明这一点。我的意思是，仔细想想，一个新的电子邮件应用并不是你所说的那种令人兴奋的,对吧?它是一种公用事业，就像电一样，是必需品。

要让这样一件事激动人心，你需要一个真正的革命设计。和/或一些人为的稀缺……

现在你可能在想，“等等，约翰。我只是在建一个宣传册网站。我们所做的只是呈现信息。我们该如何创造这种稀缺呢?”

这个问题的答案不在于网站本身，而在于你所呈现的信息。一些网站存在只是呈现信息。即使你的网站只做这些，你也有机会创造稀缺性——只要信息是新的，独特的，甚至是真正高质量的。

写一本电子书?让特定的人提前进入并要求宣传。展示研究结果?第二节，和第一节一样。

你可以为任何类型的网站做一些事情:

寻求反馈

无论你是想完善你的视觉或交互设计，清理你的内容，还是只是获得用户对你的整体UX的输入，你都可以通过征求反馈来充分利用发行前的计划时间。

在许多方面，这提供了与制造稀缺性相同的好处。你仍然是在向少数特定的人致敬，给他们机会与他人分享他们的经历。如果这些人是与你网站目的相关领域的专家，他们的分享可以帮助你为网站的发布做一点宣传。如果他们真的印象深刻，你甚至可能得到一个闪亮的见证或两个网站!

但这并不是你在发行前寻求反馈的目的。这只是锦上添花。真正的好处来自于真正利用他们的反馈来改进你的网站。

如果你能很好地利用他们的意见，他们就很有可能成为你的朋友更当真正的发布开始时，我倾向于支持你。

请负责任

对于软发行要记住的一件事是:不要随便邀请任何人。你的史蒂夫叔叔，尽管他一直很有趣，但可能不会帮助你的新作品集引起轰动——当然，除非他是设计界的大人物。

相反，要专注于你的细分领域。和高目标。优先考虑那些最有可能产生重大影响的人，如果他们选择评论或分享你的新网站。

只是别这么下流。避免冷冰冰的电子邮件，而是通过各种社交网络建立联系。当然，一句简短的“嘿，@有影响力的家伙，看看[你的网站在这里]”可能不会给你带来任何好处。同样地，跳到一个链接到你的网站的相关线程-除非它真的增加了对话。

首先建立网络。有了一个稳固的网络，对的人很有可能会自然地注意到你在分享什么，并自愿选择分享。即使他们没有，当你以后直接分享网站时，他们至少会有一些上下文为什么．

网络是靠信誉经济运行的。忽略这一点，后果自负。

跳过测试发行?尝试一些急转弯!

即使你没有完全投入到软发行或封闭测试中，你也可以通过戏弄即将到来的内容来围绕(重新)发行进行宣传。

你可以很容易地分享正在进行的UI工作的截图，用动图展示令人惊叹的主页动画，并在Medium上写定位声明，解释你正在做什么——更重要的是，为什么要做。或任何第三方出版物在您的空间。

开一家新餐厅和它的网站?查阅当地的美食作家和杂志。一个新的网络编辑应用程序?确保各种Facebook群组的编辑知道它的到来。

你明白了吧:把诱人的内容分享给那些可能喜欢它的人，你就会造势。

上市:正式发布

当然，发行日是启动你的营销机器的时候了。

如果你在科技你的发射日活动可能包括但不限于:

• 通知电子邮件给所有当前用户和领导
• 在你所有的社交平台上发布(Twitter, Facebook, Dribbble, Reddit等)-认真考虑推广这些来扩大你的受众!一定要提到有影响力的个人和品牌，不管是直接的还是间接的，比如通过提供证词、反馈等。
• 聚合网站上的帖子比如“设计师新闻”、“网页设计师新闻”等。
• 在您的专用博客上发表长篇文章
• Medium上的长篇出版物(及/或任何相关的第三方刊物)
• Product Hu欧宝体育在线首页nt上的一篇文章-看看他们的在Product Hunt上发帖的指南欧宝体育在线首页的详细信息

如果你不是在技术领域，上面提到的几个平台五月与你无关。但网络是如此的庞大，任何小众社区都有自己的博客、论坛、聚合器等，所以只要输入正确的名称和位置就可以了。

无论如何，基本原则仍然有效:沟通你的观众他们在哪里，在你能负担得起的任何地方，以任何方式。

但在发布当天，传播消息并不是唯一需要担心的事情。还有一些需要考虑的事情:

担心事故

通常情况下，一个新产品、新服务或新网站会大欧宝体育在线首页张旗鼓地推出——结果却在面对意想不到的流量时崩溃。

在较大的组织中，您通常可以依靠工程来解决这个问题。在规模较小的组织中，通常不太会担心崩溃，但您总是可以联系您的主机托管提供商以获得提示和帮助。

如果你从事的是市场营销，你可以通过仔细考虑公告的时机和批处理公告邮件来防止崩溃。像MailChimp这样的工具会自动给你批量发送的选项，减少一次访问数百万次的可能性。

当然，没有什么是完美的，所以你也要有适当的计划来处理崩溃，如果它来了。

密切关注性能

除了正常运行时间的基本性能指标之外，您还需要监视人们访问您的站点时所做的事情。

谷歌分析和许多其他工具可以提供实时和事后的数据，关于人们访问的页面，他们探索的多个页面流，甚至转化率-所有这些都可以做一个吨为各种决策提供信息，从您的网站如何呈现和组织内容，到它如何吸引不同的受众。

请记住，您将在发布当天收到示例数据五月是有偏差的。大量的访问可能会带来许多不适合你的产品的人，这将对转化率、留存率等产生负面影响。

所以，虽然你可能会注意到你需要解决的问题尽快-比如主页上的错别字-其他数据可能需要更多的时间来规范化，然后你才能做出更改。

请更加密切地关注公众的反应

并非所有数据都来自谷歌Analytics。你将收到的一些最重要和最有说服力的反馈将来自公开的推特、Product Hunt上的评论、Facebook对话等。欧宝体育在线首页

所以，要注意人们说什么——积极的和消极的——来理解你的信息、产品/服务和设计的哪些部分有用，哪些没用。欧宝体育在线首页

如果人们对X功能感到困惑，那就重新审视你传达信息的方式。如果人们似乎对你在发布内容中没有真正强调的内容特别兴奋，也许这方面需要更多的关注。

人们甚至可能真的你的手神奇的内容。我可以很高兴地承认，我最好的文案中有不止一行是直接来自客户的嘴。

别忘了庆祝一下

综上所述，别忘了留点时间庆祝一下。那些瓶子不会自己喝掉的!

发布之后:在网络上，你的工作永远不会结束

快进到发行后的一天:你的香槟宿醉——你现在可以证明是最糟糕的Kind -已经褪色了，你正在回顾昨天的数据。

希望你能对反响和你所有营销的有效性感到惊讶。你可能也会非常失望。

但无论你如何应对分析，重要的是专注于你的下一个玩法。

回顾最重要的指标

你早在发行前就知道自己想要移动哪些参数。所以看一路往回走将项目目标定义为设计过程中的第一步，并冷静地审视重新发布是如何影响这些数字的。

如果你做了达到或超过一个特定指标的目标，恭喜你!你实现了你的目标。现在去寻找做得更好的方法——或者考虑其他的目标。

如果你没有达到或超过一个目标，是时候加倍努力实现这个目标了。也许你关于如何移动关键指标的假设是错误的。也许它起作用了，但没有你想象的那么好。

考虑以下假设场景，你的关键指标是转化率:

目标:提高转化率至15%

假设:目前只通过电子邮件注册的流程使那些不想花时间完成我们的入社流程的人望而却步。

建议的解决方案:添加通过Facebook注册的选项。然后使用个人资料信息在入职过程中预先填写几个字段。

结果:部分成功。注册率提高到12.5%。

部分的成功并不是最糟糕的事情，但显然你还有成长的空间。所以开始假设为什么添加Facebook注册并没有像预期的那样发挥作用。在这个阶段，对可能的原因做一些直觉检查是可以的。

假设: Facebook注册选项视觉上不够明显。Facebook注册似乎太有侵略性了。Facebook注册需要太多的权限。用户希望有更多的社交注册选项。我们最大的观众实际上是在Twitter上。

希望这些假设中的一些可以被立即驳回。举个例子来说吧，如果你的最大用户都是Twitter用户，那么创造一个Facebook注册选项便没有什么意义了，不是吗?

你的其他假设可能需要对现有数据进行一些回顾。热图应该能够告诉你Facebook的注册选项是否不够明显。对注册流程中的退出点进行分析可能会告诉你这个选项本身是否没有吸引力——例如，如果人们点击了“通过Facebook”按钮，但没有完成，那么可能你要求的数据太多了。如果他们看到了却没有点击它，那么这可能就是一个完全错误的平台!

在本例中，添加Facebook注册选项似乎至少在某种程度上起了作用。所以增加更多的社交注册选项可能会有所帮助。

但数据可能显示注册人数有所增加没有这个选项有很大的帮助。在这种情况下，是时候回到绘图板上弄清楚是什么了真的帮助。

一旦你分离了关键指标变化背后的原因，你就可以开始设计和内容测试来解决这些问题。

如果你重新设计，请谨慎分析

渐进的改变总比雄心勃勃的失败好

托尼施瓦茨

上一节的最后一点强调了在回顾重新设计、重新品牌和重新发行的发行后分析时要牢记的一个重要问题。

当您从头开始时，所有的数据都是干净的和新的。没有什么可以与之进行比较——相反，它为未来的测试提供了基线。

但如果你的最新发布是由任何形式的重新设计引发的——重新命名、重新发布、再设计——你手上就会有一些混乱的数据。

你变了很多事情基本上不可能将任何上升或下降归因于任何一个因素，除了检修本身。它可以是新的或修改过的标题。可能是修改过的注册表。也可能是所有这些新元素，配合在一起，就像你梦想的那样协同和谐。

因此，选择重新设计在功能上等同于从零开始。至少从数据分析的角度来看是这样。它要么成功要么失败，相对于之前的设计，你无法得出任何关于原因的结论。

迭代,迭代,迭代

测量两次，切割一次

你的爷爷,可能

当然，没有行动的分析是没有意义的。

因此，一旦您确定了需要影响的指标，以及您认为可以解决这些指标的更改，就该开始迭代了。

注:我没有说重新设计．

因为你不想把孩子和洗澡水一起倒掉。您当前的设计提供了一个基线。为了理解什么比基线更好或更差，您需要创建一个替代方法，并与基线进行比较，测试替代方法。要做到这一点，创建一个简单的“这个或那个”测试:将您的流量划分到两个页面之间，看看您提出的修复方案是否真的更好。

但你可能会想，为什么呢?

我明白了。我们天生就会发现问题，然后根据我们的直觉告诉我们的“正确”来解决问题。

但假设您继续启动重新设计的注册流程，并退出旧的注册流程。你的直觉告诉你新的解决方案是它“应该”的样子。

重新设计确实如此更糟糕的是．内脏0，世界1。冒险多，收获少。

对于一般的登录页面来说，风险并没有那么高，特别是如果您正在使用Webflow。使用我们的版本历史特性，您可以非常容易地进行迭代、启动和恢复。但如果你致力于一个注册流程，“从内心出发”的重新设计很可能会以相当昂贵的代价结束，并且没有带来任何回报。

所以先测试，再推。后结果出来了。

为了探索这两种截然不同的方法——以及我们目前正在经历的巨变——我将借用珍自己的术语，但对第二种方法提出不同的看法。然后我将展示Webflow如何用于这两种方法——但它如何在设计过程中真正蓬勃发展。

“正常”的过程

在Jen看来——我敢说，我们其他人也一样——“正常的”网页设计过程是这样的:

1. 计划。
2. 见面。
3. 线框。
4. 电子邮件的pdf文件。
5. 说话。
6. 修改线框图。
7. 绘制“移动”的pdf文件。
8. Photoshop。
9. PDF。
10. 批准。
11. 构建。
12. 船。

就像匿名戒酒会一样，需要12步。(如果我不认为这是非常不恰当的，我会在这里开个玩笑，用一路走来的类似数量的失败。但我不会)。

现在，我们可以深入分析这12个艰难的步骤，但我将省去所有的倒叙，并进行一些抽象。从本质上说，“正常的”网页设计过程是一个循环的过程，设计师反复地:

1. 制定策略
2. 模拟了
   大概是在Photoshop或Sketch中，但这里重要的是，不管它是什么格式，它不HTML / CSS / javascript。
3. 分享
4. 审查
5. 修改
6. 重复

直到站点被批准，建造和运输。

正常设计过程中值得注意的元素

为了理解为什么人们对标准设计过程越来越不满意，有必要探究一下该过程中不太理想的元素。

“正常的”设计过程是桌面优先的

无论现在的“桌面”是什么，很明显，这个过程优先考虑的是桌面，而把“移动”(也就是所有其他设备，坦白地说，它们正在变得越来越广泛地使用)放在了次要位置:12步中的第7步。

这是非常奇怪的——特别是对于一个如此依赖于我们的“用户”和他们如何体验我们的工作的行业来说——当你考虑到这一点时手机现在是我们“消费”互联网的主要工具。

正常的设计过程是一次性的，而不是可回收的

这个“正常”过程的另一个显著方面是它强调工件的创建:

• 一次性
• 摘要
• 静态

换句话说，我们花了很多时间来绘制pdf概念模型为我们正在构建的网站、应用程序和数字产品提供服务，而不是基于互联网的东西欧宝体育在线首页:HTML、CSS和JavaScript。

这里有一个讽刺。在这里，我们正在为人类所创造的最具活力、交互性的媒体而创造，并通过基于规则的静态模型来完成这一切没有什么与互联网的运作方式有关。

大多数最终都被封存在，最好的情况下，我们的网站，最坏的情况下，我们的垃圾桶。

哇,好玩。

在正常的设计过程中根本找不到内容?

第一眼你可能没有注意到，因为它是缺席，而不是存在。但是内容，你知道，这是大多数网站所包含的内容-参与进来?!

这完全是个谜。这可能有助于解释为什么设计师(以及设计过程中的所有其他合作者)越来越厌倦这个“过程”。

现在转向……

全新的网页设计流程!

西蒙斯很快按照她对“正常”过程的定义发布了第二条推文，标签是#howidoit。但她可能会把它标记为#新设计过程。

它看起来是这样的:

1. 计划。
2. 见面。
3. 指甲内容模型。
4. 建立CMS。
5. 添加实际内容。
6. 看。
7. 说话。
8. 铅笔和纸。
9. 构建。
10. 看。
11. 视觉风格。
12. 船。

仍然是12步，但这是一个完全不同的游戏。让我们仔细看看如何:

新的设计过程是内容优先或内容建模优先

新的设计过程不像第三步线框图的“正常”过程那样，直接跳到最终网站的早期可视化，而是把重点放在内容．

注意，它的开头不是写作内容，惟与之建模它。中详细介绍了内容建模过程为什么你的设计过程应该从内容开始，但总结一下:内容建模关注于识别三件事:

1. 要求内容类型
2. 内容类型之间的关系
3. 各个内容类型的结构

当您为下一个网站的内容建模时，请确保您的内容类型及其结构满足网站用户的需求。所以与其想“如果我们有X内容类型不是很酷吗?”，从用户的角度考虑什么才是“酷”的。

例如，如果你正在创建一个食谱网站，用户需要:

• 食谱
• 成分
• 指令

所以，尽管在你的网站上有世界上所有主要菜系的丰富历史可能很“酷”，但这并不一定是优先考虑的，因为它不符合用户的需求和期望。它可能提供一种方法，使你的食谱网站在这个领域的激烈竞争中脱颖而出，但这不是你所说的桌子赌注。

新的设计过程使用真实的内容

而不是使用精心策划的长度lorem ipsum以确保漂亮的，三个字的标题从来没有Wrap，新的设计过程包括用真实的内容尽快充实网站的数据库。

这不仅能帮助你立即发现设计问题和边缘情况(如标题过长)，还能让你的设计迎合内容创造者产生更大的共鸣。

新的设计过程把视觉造型留到最后

也许令人惊讶的是，直到发货之前，您才会深入了解设计的视觉样式方面。

这样做的好处是允许设计由内容来塑造，而不是试图强行把内容塞进视觉风格的事实。由于绝大多数网站的存在是为了呈现推动行动的内容，这种方法将重点放在了它应该放在的地方:内容和如何最好地呈现它。

那么，Webflow是如何融入这个设计过程的呢?

当我不为Webflow写内容时，我会运行我们的各种社交账户，包括Twitter，所以我兴奋地引用了Jen的评论:

巧合的是，一个极好的方式与@webflowapp CMS工作。

但回想起来，我应该说"不巧合的是，这是与@webflowapp CMS合作的绝佳方式。”

因为实际上，这是理想的建立网站的方法Webflow CMS．我们的很多作品都遵循了这个过程，包括Webflow的原型，Webflow与WordPress,甚至Webflow专家．

这是因为Webflow CMS给了你一个强大的，功能模型网站内容的方式不(必然)涉及大量的电子表格和图表。

相反,你在Webflow中创建内容模型通过集合，所以你不仅是在抽象的内容建模，但实际上创建一个工作数据库，可以驱动你的网站的每个元素。这意味着您创建的不是“另一个一次性的工件”，而是一个真正的可交付产品——它不仅将指导网站的创建，而且还将指导其长期维护。

一旦你通过集合创建了内容模型，你就可以开始输入你网站的真实内容，并开始围绕它进行设计——从线框到高保真的任何你想要的保真程度——立即。

更好的是，你可以开始点击你的网站来搜索边缘案例，机会，并获得整体用户体验的感觉。这是非常强大的，因为它可以让您以具体的方式体验内容模型，就像最终用户将会体验的那样，因此您有时间调整信息架构和总体UX。

你也得到一个非常真实的感觉作者您正在构建经验。

当你建立一个CMS网站时，你不仅仅是在为网站的访问者创造一种体验，你也在为作者创造一种产品——一种内容管理和出版工具，它应该植根于他们的编辑职责和风格的细节。欧宝体育在线首页因为你将直接在CMS中工作，不仅要充实网站，还要创建它的内容，你得到了一个与网站观众建立共鸣的黄金机会而且它的作者——那些将做真正的工作，不断创建，重新创造和完善网站的人。

更多关于设计一个伟大的作者体验，查看我们的为内容创造者设计的5个技巧．

准备好看看Webflow在您的流程中发挥的作用了吗?

然后试一试。它是免费的开始．