跳到主要内容

为什么优秀的网页设计需要出色的文案

Image courtesy of www.adoratorio.com

图片由www.adoratorio.com提供

“我不是作家,”设计师说,使用可疑的语法,同时将作业交给撰稿人。

确实,视觉效果是设计的关键要素......但不能超过书面文字(或系统的可用性,或技术,或所有共同解决用户问题的任何其他元素)。

文案撰写只是另一种设计特征,它会影响用户对网站或应用程序是否足以返回的看法。然而,这仍然有时在复制和设计之间存在一个假想的鸿沟,因为技能组合是如此不同。

撕下墙壁

我们并没有提倡设计师解雇他们的文案撰写团队而只是自己做(虽然设计师当然可以写副本,但我们有时会自己完成)。

但设计师最好在产品的视觉传达和文本交流之间扯下墙。在一天结束时,它是用户体验的相同界面的所有部分。

......以下是四个原因:

01.复制直接与用户通信

有意义的或情感的视觉可以象征性地“说话”给用户,但是它依赖于文本以字面地对用户说话。无论是发出说明,产品详细信息,购买的表单字段还是休闲问候语,写作都是您与盯着屏幕的人之间的最短距离。

一个网站或应用程序可以生存甚至成功,没有令人惊叹的视觉效果或令人愉快的可用性(只是看看Craigslist的),但你永远不会找到一个纯粹依赖于视觉效果的网站。我们不会进入元素的层次结构,但我们会说,作为一种交流工具,语言是必不可少的。

除内容外,文案在设计方案中至少满足六个主要目的:

  1. 问候语 - 主页(或最受欢迎的目标网页)上的某些文字有助于确定用户所处的位置,解释您可以用最好的足球向前做什么,并建议他们采取下一步行动。
  2. 导航 - 大多数导航栏使用带有图标的单词,因为很难用符号来传达像“关于我们”这样的抽象内容。当然,例外是图标代表明显无误的视觉隐喻(例如放大镜=搜索)。
  3. 说明 - 并非每个功能都可以用熟悉的模式或视觉提示来表达,并且可能会有一段时间你必须用广义的术语解释如何执行任务。
  4. 反馈 - 当出现问题时 - 或者出现问题时 - 用户会收到一些通知。
  5. 呼吁行动 - 每个销售人员都知道关闭时语言的重要性。该快速行动的号召力,用户越有可能采取信仰和点击的飞跃。
  6. 数据 - 在某些时候,你必须提出冷酷的事实。这可能是贵公司的联系信息,也可能是表单字段的标签。

Image courtesy of Hell'O Baby

图片由Hell'O Baby提供

你好宝贝在他们的主页上立即利用其中的一些用途。他们的标题用简单的英语告诉用户产品的用途(“创建你宝宝的互动专辑”)。

请注意,通过有趣的排版方式对文本的友好呈现也使文本感觉像是一个随意的问候。如果它是用简单的衬线或无衬线字体呈现(而不是它的楷书外观),那么这个陈述会感觉很冷,并且在与卡通视觉效果相反时可能会过于苛刻。

当然,在创建麦克风,相机和鸭子图标之前,“创建相册”号召性用语会向您显示下一步。请注意这里的视觉效果如何 - 复制不会取代视觉效果,而是与它们一起工作。

显微术

正如我们推荐的那样交互设计最佳实践,永远不要忽视微观的力量。决定是否使用“继续”或“去!”按钮上的所有内容都会对用户如何感知产品产生微妙但实质性的影响。微观看起来可以忽略不计,但Jared Spool解释了如何插入一行文字有助于增加客户的利润3亿美元

虽然您不希望通过解释每个功能或过度评论来使用户负担过重,但有时候其他信息正是您的用户所需要的。

用户研究是确定您的设计的某些功能或元素是否被忽略或使用不当的完美方式。有时候,你会发现一个令人困惑的界面中令人震惊的可用性问题可以用一个好的句子来解决。

02.复制补充视觉效果

设计是将不同的元素融合在一起,创造出非常直观的东西,几乎让人感觉不可见。如果设计师自认为是艺术家,那么他们的主要颜色之一就是文字。界面的副本不应与视觉效果竞争 - 它们应该协同工作以创造可能的最佳体验。

这意味着两者的音调应始终匹配。自由使用少年俚语和表情符号显然不符合银行保守的专业网站设计。同样,推荐治疗抑郁症的严重内容不应该被颜色的延迟所抵消。

除了内容之外,文本块应该在视觉上适合设计 - 仅此一项是同时处理它们的原因。在这方面,像lorem Ipsum这样的占位符可能具有欺骗性

我们来看下面的例子。

Source: UXPin

来源:UXPin

到目前为止,这么好,对吗?看起来最终的网站将完美地走上正轨,直到......

......翻译中丢失了一些东西。很难预测文本占用多少或多少,直到它就在你面前。这和正确匹配的音调是我们建议尽早使用实际副本进行设计的原因。

幸运的是,在上面的例子中,差异并不太明显。但是,正如产品设计师Rian van der Merwe向我们展示的那样,忽视内容优先的方法也可以很容易破坏你的设计

下一页:复制是内容,创造语气和个性......



翻译字数超限