作为网页设计师，很容易将自己视为视觉艺术家而不是商业战略家。 虽然网页设计确实涉及创造力和艺术性——这是网页设计不可或缺的重要部分——但真正有效的网页设计不仅仅是漂亮的网站。 这是有效的网站。 有效可以具有不同程度的含义。

有些人将有效的网页设计视为具有视觉吸引力且易于浏览的网站。 人们每天都聘请网页设计师来制作看起来不错且易于使用的网站，具有令人愉悦的配色方案、有意义的导航和一致的品牌。 演示和导航当然是用户体验的两个重要方面，这是评估任何网站的指标。 用户体验越好，设计就越成功。

好的网页设计不仅仅是用户体验

设计用户在网站上的体验超越了视觉和机制。 网站所有者通常希望网站用户做某事，而说服用户做那件事（无论它可能是什么）就是转换的过程。

转化与用户有关，但归根结底，它与网站所有者与用户互动的目标有关。 现在设计的大部分（如果不是绝大多数）网站的目的是将访问者和用户从被动查看者转变为网站目标的积极参与者，无论该目标是销售产品、产生潜在客户还是收集注册。 将访问者从被动查看者转变为主动参与者是转换的过程，它是任何网站成功的关键但经常被误解的部分。

良好的转化率归结为有效的内容，在网站设计中有效呈现。 它需要围绕可转换内容构建的出色设计。 两者——设计和内容——是密不可分的，一个要有效，另一个也必须如此。 虽然设计师不必是文案或摄影师，但他们确实需要很好地掌握如何以一种既有吸引力又有效的方式呈现网站内容。

为了让您开始，这里有五个“秘密”来设计可转换的内容。

1.删​​除虚拟文本

许多设计师经常会想出一个网页设计并使用 Lorem Ipsum 虚拟文本来充实它。 如果您的目标是转换，那么这绝对不是工作方式——在设置设计之前掌握您的内容至关重要。 否则，您的设计只是一个假设的“这将是一个不错的网站”项目，而不是您受雇创作的高度细致入微的艺术形式。 内容需要决定设计。 否则，您将面临设计中多余元素的非常真实（并且经常意识到）的风险，需要将内容硬塞到不太合适的设计中，以及在强调正确内容方面完全失败的整体演示正确的时间。

一个能够很好地展示其内容的简单网站将比一个设计精美的网站转换得更好，该网站未能突出关键信息并掩盖其他信息。 使用假设的文本和图像进行设计只是为客户可能会爱上的设计做好准备，但最终会在放入真实内容时失败。如果需要，请先草拟你的想法，但在进行任何认真的头脑风暴或将线框放在一起，确切地知道您正在使用什么以及需要展示哪些元素。 设计师 Jeffrey Zeldman 在 2008 年说得最好：“没有内容的设计不是设计，而是装饰。”

如果您在提供设计服务的同时提供文案服务，您也许可以围绕您的设计理念雕刻您的文案（反之亦然），但您仍然需要对所呈现的内容有一个很好的认识，然后才能弄清楚如何呈现它。 这场比赛不允许穿鞋拔。

2.站点前做站点地图

一个非常好的站点地图是一个很棒的礼物，你可以给任何网站的用户，特别是如果网站中有很多东西需要导航。 但是，您可能没有意识到，出色的站点地图也可以成为送给您自己和您的客户的礼物。 如果您在开始设计之前手头有一个站点地图，那么您基本上得到的是构建整个设计结构的大纲。 正如 Cameron Chapman 为 KISSmetrics 所写的那样，一个好的站点地图是“一个集中的规划工具，可以帮助组织和澄清需要在您的站点上的内容，并帮助您消除不必要的页面。”

换句话说，站点地图有点像您网站的路线图。 创建一个根本不会调用任何设计技能，只会调用组织技能。 这意味着布局站点地图是您可以留给客户、合作开发或自己承担的责任。 如果您负责站点地图，请确保客户在继续之前进行全面评估； 站点地图通常会随着时间而发展，但沿途变化越少，您的生活就会越好。

站点地图明确了内容需要在哪里以及在哪里，而不是繁琐或难以组合或调整。 它消除了设计或导航效率低下的可能性，因为您可以看到每条内容需要去哪里并创建有用的内部链接，而不是重复信息。 不再有重复的内容意味着您或网站用户不再浪费时间。

站点地图的另一个好处是它有助于从一开始就明确项目的范围，您和客户可能都会欣赏。 站点地图真正的后勤优势在于，它可以作为您已完成的项目部分和仍在进行中的部分的跟踪器。 保持数字化，并确保输入站点地图和站点设计进度的每个人都可以访问它。 将其用作保持客户更新的快速工具，并在建议对内容进行任何更改时继续引用它，以节省您的时间和头痛。

3. 有明确的行动号召

当网站的目标是转化时（这种情况最常见），最关键的元素之一就是号召性用语。 坦率地说，大多数网站都应该有某种号召性用语，无论是“注册”、“添加到购物车”还是“查看图库”。 应该引导用户采取一些行动，并且该行动需要清晰明了地布置。 它可以是一个按钮、一个链接或其他东西。 不管是什么，这就是我们所说的“号召性用语”的意思。

无论您的号召性用语是幽默的语气（今天就注册，否则兔子会得到它！），唤起友情（加入事业），还是充满紧迫感（仅今天发售！），它需要以某种方式设计这对目标受众很有吸引力，并且与网站的整体信息一致。 有关一些很棒的想法和示例，请查看 Helga Moreno 关于 Just Creative 行动号召的文章。

需要注意的重要一点：如果您在登录页面上的号召性用语是让用户填写选择加入表单，请在该页面上包含该表单。 不要让用户单击将他们带到选择加入的链接。 与两步选择相比，一步选择加入的转化率要高得多。 只需将选择加入登录页面即可。 当您使用它时，请确保表单只请求您实际需要的信息——它请求的越少，它的转化率就越高。

4.确保标题是好的

任何称职的网络作家都会告诉你，头条新闻很重要——这是真的。 这些天，我们都在开玩笑说烦人的点击诱饵和短暂的注意力，但研究表明，任何网站都有八秒钟的时间在访客反弹之前吸引访客的注意力。 八秒不是很多时间，可以肯定地假设这些秒中的大部分时间都花在了浏览标题上。 这就是为什么在您的网站设计中任何类似标题的东西都必须是强大的，这绝对是至关重要的：只有引人注目的标题才能让用户在您的网站上停留足够长的时间，以便有机会进行转换。

如果在设计中生成标题和其他 H1 文本的责任落在了你的肩上，你需要提高你的标题写作技巧。 我最喜欢的两个资源是来自 Copyblogger 的快速提示帖子和来自 Jon Morrow 的免费 Headline Hacks PDF。 这两种资源都是为作家开发的，但它们以一种英语流利的任何人都可以立即吸收和使用的方式展示了编写好标题的基础知识。

5. 使用多功能图像来捕捉和保持兴趣

网页设计中的图像艺术（以及其他视觉元素，如徽标和突出字体）是一门科学，您应该对什么才是好的图像选择有敏锐的理解——尤其是在您将内容分层时在图像上，或在关键标题或号召性用语中捆绑。 大多数实际的网页设计都是在台式机或笔记本电脑上进行的。 与我们生活中的所有屏幕相比，这些电脑显示器宽敞，光线相对较暗，并且通常在室内，或者至少可以避免阳光直射或其他眩光。 但这并不是当今在网络上查看图像的唯一环境。

在办公室笨重的 iMac 上看起来很棒的图像不一定会在灯火通明的街道上携带的早期型号智能手机的屏幕上看起来一样好，甚至显示出来。 这些都无法与水平迷你平板电脑显示图像的方式相提并论。 当今连接和技术的本质要求您在构建网站时考虑各种监视器和查看场景。

您的图像需要引人注目且可扩展，以适应不同环境中不同的显示器尺寸：想想 4 英寸的高光头顶到 40 英寸的室内间接阳光过滤。如果图像因其细微差别或复杂的细节而引人注目，它可能不是要使用的正确图像。 根据需要调整任何图像，如果调整可以使它们可行（或者如果客户需要使用它们），并专注于对比度以呈现高清晰度。

转换的复制键

虽然这五个“秘密”根本不是真正的秘密，但很容易忽略或完全错过这些关键元素来创建可转换的内容。 网站是呈现内容的载体，任何网页设计都必须考虑到用户。 但是，正如这些技巧所表明的那样，有效的网页设计不仅仅是让网站看起来美观且易于使用。 通常还有另一个目的：推动转化。 掌握和使用网页设计工作流程的所有这五个领域将大大有助于您创建在各个方面都真正有效的网站。