如何向客户展示网页设计
已发表: 2018-02-02您设计的成功不仅取决于您创造具有视觉吸引力的东西的能力，还取决于您销售它的能力。
作为专业设计师，您应该知道如何与客户沟通并以最佳方式展示您的产品。 您的演示文稿越好，您的项目获得批准的机会就越大。
在本文中，我们将分享一些有效演示的秘诀和一些技巧，让您的客户爱上您的工作。 我们将从您应该向客户展示的选项数量开始。
我应该展示多少个设计选项？
世界著名的选择和决策专家希娜·艾扬格说，各种各样的选择可能会吸引消费者的注意力，但同时也会让他们不知所措，让他们感到困惑。 也就是说，考虑到太多的消费者会选择一些东西，即使它可能不是最好的选择。
为什么要提供多个选项，包括您不太确定的选项？ 如果您提供太多选择，您的客户很可能会忽略您最喜欢的设计。 这就是为什么我们建议只展示最终原型。
但这并不意味着您应该只显示一张图片。 从一开始就讲述整个故事，提供项目各个阶段的快照。 解释您所做的决定以及它们如何满足客户的业务目标。 指导您的客户完成您所经历的所有迭代，以便为他们的问题找到解决方案。 这将说明您的专业知识，并证明您不是简单地重新绘制现有设计，而是执行了大量工作。
你的设计故事中的主角就是你。 客户会通过你的言行观察和评判你。 所以，你最好提前想好要说什么。
如何用你的演讲吸引客户
有时，在展示您的设计时，您可能会引发一连串的猜测、披露太多信息或让您的客户感到厌烦。 显然，这不是你真正想要做的。 如果您想提供流畅的演示文稿，请尝试使用以下五个步骤来安排它：
#1。 制定问题
你首先应该做什么？ 为您的观众设定期望：宣布您的客户将看到什么以及他们将从中得到什么。 制定在您第一次会议上提出的问题、您一直在处理的任务（例如，为网络健身应用程序创建一个快速而出色的设计），以及您用来处理这个问题的方法。
或者，您可以先快速回顾一下客户已经看到的内容：上一个设计、现有产品或重新设计的项目。 您还可以提及您的客户提供的最后反馈。 通过这样做，您将为您的主要演示奠定基础并避免不必要的问题。
#2。 解决客户的业务
尝试使您的演示文稿更加个性化。 讨论您客户的品牌及其目标受众。 您的目标是表明您了解客户的业务。 假设您正在为 Soft Blankets 公司设计一个网站。 该网站需要反映公司的产品范围和价格，并向客户传达一种温暖和舒适的感觉。
您可以使用客户的公司照片而不是库存照片来丰富您的模型和最终设计。 例如，如果您正在建立一个慈善网站，那么公司举办的慈善拍卖的真实照片将对您的客户及其潜在顾客产生更大的影响。
#3。 描述设计过程
简要描述您的设计过程的每个单独阶段，并讨论您获得的信息。 您还应该强调利用这些信息改进整体设计的方式。 在这里，将设计组件作为对客户业务的好处非常重要。 例如，您可能会解释您在快餐网站上使用了更多的红色，因为它会增加客户的食欲并可能会鼓励客户订购更多的食物。 现在麦当劳和肯德基的秘密被揭开了。
#4。 进行对话
设计演示是一种对话。 如果您想获得明智的反馈，请在出现问题时回答问题并解释您的客户遗漏的任何内容。 确保您的演示文稿对您的客户来说是清楚的，并且您在同一页面上。 此外，建设性的对话可能会带来新的想法和解决方案。
#5。 收集反馈
最后可能也是最重要的一步是获得反馈。 给你的客户一些时间来评估你的工作。 您需要等待的时间取决于您的客户、他们的工作量和项目的规模。 显然，大型项目比小型项目需要更多时间来审查。 如果您的客户在前三天没有回应，请不要惊慌。 您设计的网站是您客户业务的重要组成部分，他们需要确保它会赢得他们的观众。
如何以正确的方式收集反馈
但是，有时您可能会努力工作，但仍会收到无用或无法正确管理的反馈，或者响应可能需要几个月的时间。 您如何避免这种情况并为您的客户设定正确的方向？ 只需遵循这些提示。
1. 提前计划
我们建议您在收集反馈之前澄清所有问题。 设定一个具体的日期，您的客户将在该日期对您的工作提供反馈。 认真对待这个日期。 您最好提前几天提醒您的客户反馈日期。 您还应该就反馈的形式达成一致——无论是通过电话、电子邮件还是当面。
2. 提出重点问题
很多时候，设计演示完全变成了对内容的讨论。 显然，一些内容讨论是意料之中的，但您的客户不应该将所有反馈都用于这个主题。 如果您想获得有用的反馈，请提出具体问题并直接对话您真正想听到的反馈。
不要问你的客户“你怎么看？” 相反，询问他们这个概念是否符合他们的业务目标，或者以什么方式未能做到这一点，或者询问他们调色板是否符合品牌定位。
三、把握真谛
在评论你的项目时，客户经常提出解决方案而不是指出问题：“你能把这个按钮做得更大吗？ 可以多加点绿色吗？” 你的任务是找出隐藏在反馈中的核心问题或挑战。
总是问他们为什么：“为什么你想让这个按钮更大？ 为什么你认为更多的绿色对你的网站更好？” Svbtle 的创始人达斯汀·柯蒂斯（Dustin Curtis）至少向他的客户询问了三个关于他们意见的问题。
4.应用逻辑和引用著名品牌
如果您与客户的意见不同，请不要开始批评和抹黑他们。 用事实、研究和研究来支持你的论点。 让这些事实不言自明。 此外，您可以引用著名公司作为示例。
想象一下，您的客户要求您将字体大小从 22pt 减小到 12pt。 在这种情况下，您可以回答“这是一个有趣的观点。 但你知道，我最近读到的一项研究表明，较大的字体可以唤起与品牌更紧密的情感联系。 顺便说一句，Medium 也使用 22pt 字体。”
并且不要使用属于“我告诉过你”风格的短语。 试着表现出同理心：“是的，当我听到这个时我也很震惊。”
5. 尊重客户的意见
即使您可能在网页设计方面拥有更多经验，您的客户仍然比您更了解他们的业务。 他们将每天使用该设计。 因此，他们需要对您设计的网站感到满意。
如果您的客户对您的设计仍然不满意，请一起修改您的工作。 尝试根据客户的反馈找到折衷方案并调整设计。 请记住，客户的知识和您的经验的共生可能会产生真正成功的产品。
现在您已经了解了理论部分：在展示您的设计作品时如何行动以及说什么。 然而，尚不清楚您应该以何种形式构建您的设计。 你的原型应该是什么样的？
我应该选择什么类型的原型？
我们不能给你一个普遍的答案，说“就这样画吧”。 但是我们可以通过为您提供一些有关原型制作流程的方便提示来减轻您的工作。 我们建议您根据您当前所处的设计阶段（早期阶段或最终阶段）选择原型类型和用于创建原型的工具。 让我们仔细看看这两个阶段。
早期
早期阶段是您考虑网站的逻辑和功能：布局、功能、连接和转换。 考虑到您的目标受众，您可以形成使网站对用户直观的元素。 您的主要目标是检查产品的可操作性。
因此，在这个阶段，您可以以简单的示意图屏幕的形式呈现一个低保真原型，通常是基本颜色，没有视觉效果或细节。
要设计低保真原型，您可以尝试以下工具：
- Wireframe.cc – 设计师可以用来创建线框的最基本工具之一。 它的主要优点是其简单的界面以及无需任何注册即可立即开始设计线框的可能性。
- Moqups.com – 一个帮助您创建线框图、模型和原型的网络应用程序。 Moqups 提供了一个内置库，其中包含数千个图标集、基于云的存储以及评论和反馈功能。
- Pencil Project (pencil.evolus.vn) – 适用于桌面和移动平台的免费开源原型设计工具。 Pencil Project 提供内置集合（形状、流程图元素等）、图表绘制支持和页面间链接。
对于低保真原型，您需要小心，因为您可能会面临来自客户方面的误解和负面评论：“为什么屏幕如此简单？ 你为什么用这么差的配色方案？” 如果发生这种情况，请花时间向您的客户解释用户体验是什么以及它对他们的产品有多重要——用户体验是他们未来网站的核心和灵魂——并且这个原型离最终版本还很远。
最后阶段
在最后阶段，您需要向您的客户交付一个高保真原型：添加交互元素，例如微交互、从屏幕到屏幕的导航以及其他动画。
高保真原型是一种基于计算机的交互式表示，尽可能接近最终设计（在细节和功能方面），以允许您的客户检查产品的可用性并对用户行为做出结论。
高保真原型让您比低保真原型更真实地感受网站的过渡和功能，并在创建 UI 之前在此阶段揭示潜在的错误或困难。
如果您不确定使用什么工具来为您的原型制作动画，请尝试以下方法：
- InVision (invisionapp.com) – 一个数字产品设计平台，可让您在几分钟内创建交互式原型。 使用 InVision，您可以创建样式表并为任何设计元素生成真实代码。 此外，InVision 让您的客户、团队成员和利益相关者直接评论您的设计。
- Adobe XD (adobe.com/products/xd.html) – 一体化的 UI/UX 解决方案，可帮助您一键将静态布局转变为交互式原型。 使用 Adobe XD，您的原型会随着您所做的每一次更改而自动更新：无需同步。
- Principle (principleformac.com) – 一个原型制作工具，无论您是在设计多屏应用程序的流程还是新的动画和交互，都可以让您设计动画和交互式用户界面。
您准备好展示您的网页设计了吗？
您展示设计的形式取决于产品的类型、您展示的设计组件（例如布局或功能）以及您所处的设计过程阶段。在早期阶段，您可以坚持使用低- 保真原型，而后期需要您尽快接近最终产品并交付高保真交互式原型。
当然，你的演讲的成功在于你的信心和你拥有的数据：掌握事实和基于逻辑的论据来支持你的观点。 不要害怕问你的客户“为什么？”。
您是否尝试过这些技巧中的任何一个？ 你知道获奖演讲的其他秘诀吗？ 在下面的评论中分享您的想法。