- A+
关键是要有非常明确的目标。
用户“喜欢”您的网站或您的服务并不重要。
如果您的目标是：
“我们希望用户感到受欢迎，并且安全地购买我们的产品”
然后，您可以要求他们访问您的网站，如果他们感到受欢迎，并安全购买我们的产品。
“我们希望仪表板易于访问，并且访问者能够执行x，y和z。” - 然后您可以创建清晰的用户故事情节。
然后，您可以要求他们访问您的网站，看看他们是否可以快速完成x，y和z。
人们觉得他们可以跳过步骤来清楚地详细说明目标 - 但是他们不知道如何判断他们的产品是否“正常” - 而只是听到人们喜欢或不喜欢的东西。访客批评不是你想要的。您想要计划/执行 - 然后测试您的系统是否正常工作。它与程序员的测试驱动开发没有什么不同。
向他们询问他们需要完成的任务。看看他们是否可以.
设计您的网站很容易想出一个想法，但是您真的知道如何将所有内容放在一起以便优化您的设计吗?来自Designveloper的这篇文章将详细向您展示起草网站外观时的前三个最重要的做法：
如何设计一个好的CTA?
我们应该在设计中应用什么样的主题?
插图如何适合您的设计?
1.明智地设计您的CTA
在设计网站时，号召性用语(CTA)是一个非常重要的元素。CTA是决定客户决策的一件事，因此，这个图形元素肯定会影响您的销售。
虽然CTA的副本给了客户一个线索，可以弄清楚“我为什么要点击这个按钮?”，它的外观解决了“我应该在哪里点击?”的神话。设计良好的CTA应该可以帮助用户浏览和了解他们未来的行动。这就是为什么设计CTA是一项非常重要的活动。
虽然起草CTA按钮并不是一项艰巨的任务，但优化通过它进行销售也不是一件容易的事。以下是来自Designveloper的3个UI技巧，可以帮助您充分利用CTA。
使用对比色
有很多方面，你的按钮的颜色选择应考虑的，如整个构图，目标受众的心理特点的颜色。您必须为颜色选择实施的最重要因素之一是对比。由于背景和按钮颜色形成鲜明对比，因此CTA可能是屏幕上不寻常的元素，并且与其他元素脱颖而出。
您应该注意的另一件事是按钮越重要，它必须越具有对比度。我们来看一个例子：
对比按钮。
选择更大的尺寸
一方面，每个设计师都知道元素越大，它就越引人注目。另一方面，CTA的目的是优化转换率。这就是为什么一个足够大的按钮会更有效地吸引顾客的注意力，并且与小而且不显眼的按钮相比，他们会更好地回应它。但是，请勿过度加宽按钮，因为它会影响其他元素和网站的整体设计。有一个从苹果尖端表明你的按钮应该是至少44分X 44分。
你的按钮应该至少44点x 44点。
注意折叠线
折叠线的上方和下方是关于印刷机的概念。由于床单太大，报纸被双折叠放在摊位上。这使得路人只能看到上半部分。这就是为什么报纸必须通过在上半部分引人注目的头条新闻或图片来吸引客户以促进销售。在网页设计方面，折叠与我们的滚动条相关。
泰森快速在他的Instapage文章指出，A CTA放置倍以上能够立即吸引游客的注意。但是，有几项分析表明，只有当大多数客户已经了解服务/产品并希望更快地完成交易而无需进一步研究时，最好将CTA放在上半部分。
超过CTA的最佳做法。
并且反对这个位置低于折叠。据说如果您的客户不知道您的服务/产品是什么，那么CTA应位于页面底部，以便客户可以看到该优惠的某些价值。Brad Geddes在他自己的房地产网站上进行了一次测试，其中号召性用语媒体被转移到了低位，转换率上升了。之后，他和他的团队尝试将CTA放回页面顶部，令人惊讶的是，转换指数下降了。
CTA的最佳实践。
这个例子表明，置于首屏之上的CTA并不总是最好的做法。因此，对此的两个关键问题是：
- 您的客户是否熟悉产品/服务?
- 您的产品是否易于为大多数客户理解?
如果你对这两个问题都说“是”，那么让我们在页面顶部放置一个CTA。如果提供很难遵循，那么您最好将CTA放在首位。
2.有时深色背景是最佳选择
毫不奇怪，越来越多的UI设计师可能会选择黑暗主题而不是浅色主题，这样他们设计的界面就会拥有时尚和时尚的外观。事实上，背后的原因是多种多样的。
第一个原因是深色背景不会拉伤用户的眼睛。当然，在短时间内轻松阅读新闻，博客文章更容易。然而，当我们必须长时间工作(编码，阅读长文章等)时，带有浅色文字的黑暗主题是更好的选择。它增强了可读性和易读性。
其次，如果环境鼓励使用黑暗主题，那就去做吧。您熟悉Netflix还是Spotify?它们都将黑暗主题应用于界面。这是因为人们倾向于看电影和听音乐放松。根据IFPI的一份报告，消费者在家中放松时更容易听音乐(63%)。关于Netflix，人们发现它的用户会在深夜或在光线昏暗的房间内播放电影，连续播放。
结果发现，它的用户可以在深夜，或在昏暗的灯光下播放电影，连续剧。
人们倾向于看电影，听音乐放松。
另一个例子是Adobe的所有产品，包括Photoshop，Illustrator，InDesign等，采用深色接口(如黑色，灰色)，以便设计师可以专注于他们的任务，并且他们的眼睛可以在连续工作几个小时时感到舒适。
由于明亮的背景会在这样的环境中造成压力并且也会分散用户的注意力，因此深色背景总是更好的选择。
在您的网站上应用深色背景时有几个提示，包括：
- 由于深色背景会吸收其他元素的光线，因此您应该利用负空间，这样您的用户就不会被相关信息分散注意力。
- 如果您的设计中有文本，您最好使用无衬线字体，以便用户可以轻松浏览页面上的信息。
在黑暗的背景网站使用的圣Serif字体。
如果你仍然想知道决定光线或黑暗是否最好，这里有一份清单给你：
- 步骤1：定义界面的用途。它是一个文本驱动的网站(博客，新闻，电子阅读器)?如果是这样，灯光主题是合适的。如果您的网站是视觉驱动的，那么选择应该是一个黑暗的背景。
- 第2步：定义目标受众。你应该记住的两个问题是：
+他们是谁?
+他们想要什么?
根据答案，您将找出最佳选择。换句话说，如果你想为中年人建立一个网站，那么浅色背景是最好的做法，因为这种语气更直观，更易于导航。对于年轻观众来说，黑暗主题更具原创性和时尚感。然而，青少年和孩子更喜欢明亮和引人入胜的主题。
- 步骤3：测试，测试和测试。如果不先测试，你永远不会相信任何建议。A / B测试可以让您更好地了解受众的行为，然后您就可以尽可能地优化您的网站。
但是在决定背景应该是什么样的音调时，还有两个选择。首先，你的界面可能是黑暗的，但副本必须有一个白色的点击。另一项建议是授权您的用户。设计多个界面主题，让他们选择适合自己需要的背景色调。这是Slack的一个例子：
.使用自定义插图
这是2019年，谁不在他们的网站上使用插图?好吧，如果你是那些还不熟悉的人之一，下面是一些理由解释为什么这些日子必须插图。
通常，与文本相比，当涉及吸引用户注意力时，插图更有效。另外，如果你的插图作品足够漂亮，那么它可能会满足人类审美的需要。因此，这种类型的元素可以鼓励用户继续滚动滚动条。
与文本相比，插图在吸引用户注意力方面更有效。
此外，插图有助于观众 比文本更快地处理数据，他们将在一秒钟内看到您的意思，而无需了解上下文。由于插图的可识别特征，文本(副本)得到了很好的支持，它还有助于信息在用户心中比平时更长久。
插图有助于观众比文本更快地处理数据。
另一个原因是自定义插图增强了品牌知名度和可识别性。插图是品牌可以为观众提供的独特因素和体验。
更重要的是?这是您的工作，然后您可以根据需要自定义和同步它。艺术品可以是引人入胜，有趣，吸引人的等等。选择是你的，但它应该与整个设计的流程一致。
插图提高了品牌知名度，可以轻松定制和同步。
但插图如何适应?
首先要分析的是您的目标受众。在那之后，明智地弄清楚你网站的环境是什么，换句话说，如果你想表现出你的幽默感，那么一套有趣的插图就可以了。接下来，让我们考虑一下你的插图对于用户来说是可以理解的还是太复杂的，不要让他们思考，你知道!最后的提示是，这项工作不应该成为您网站的一个分散注意力的因素，所有这些的主要思想是销售服务/产品，对吧?
