设计反馈101:如何对设计模型给出反馈

看看这个视频: https://embed.vidyard.com/share/vstHesxVHQ1tNn6UpVug48?

在这五秒钟之后，问自己以下问题:

• 页面的主要目的是什么?
• 是否有任何元素在重要领域中脱颖而出?
• 你的眼睛会顺着页面往下看吗?
• 你觉得这个设计怎么样?

如果你不能确定页面的主要目的，或者你在页面的中途分心了，那么是时候重新评估页面的策略-设计关系了。

2.深入挖掘元素

通过5秒扫描收集的信息，您现在可以仔细查看构成设计的所有元素。一般来说，你应该看看下面列出的每个元素，以理解其对页面整体信息的重要性，以及它如何适合网站的策略。

层次结构指的是文本的字体大小以及页面上的呼叫按钮或链接的颜色。

标题应该使用更大的字体来吸引用户的眼球，而段落的字体应该更小，但是非常易读和可扫描。用户倾向于浏览网站以寻找问题的答案，而一大块小段落字体会让读者望而却步。

用“可扫描”的格式组织内容的一种优秀的布局是用“F”型模式，这被发现是读者最一致的参与模式。

对于颜色而言，更鲜艳的色调往往会引发用户的行动，这就是为什么它们经常被用于cta或网站需要用户关注和采取行动的区域。

在审查等级制度时应考虑的问题有:

• 你能很容易地识别页面中最重要的方面吗?
• 颜色是否有意义，是否能将人们的注意力吸引到战略区域?
• 你认为页面的哪些区域是可操作的?

空白。当执行，适当的空格可以使您的设计易于理解和优雅。

以下问题可以帮助您评估设计中的空白:

• 从一个区域到另一个区域是否有足够的“呼吸空间”?
• 页面的不同部分是否有明确的定义?
• 是否有任何元素感觉像是“漂浮”在页面上，或者它们是否感觉足够锚定，将你吸引到文本中?

计算空格可能有点棘手，因为这可能是一个偏好问题。最好的方法是在设计过程中回答上面的问题，并指出空格在哪些地方适合你，哪些地方不适合你。

通常情况下，最终的结果是你和你的设计师之间的妥协。

对齐。有一些设计元素，当应用到网站设计时，会影响对齐的感知。虽然大部分的复制和部分对齐是在线框图时建立的，但请注意添加的设计元素，并确认页面保持平衡。

有些元素，如偏移形状或梯度，可能会造成页面文本之间不对齐的错觉。

下面是一个例子，如何使用形状和梯度来补充副本，同时保持对齐:

(来源:crowdrise.com）

一般来说，当用户的眼睛向下移动网页时，你需要寻找已确定的部分流。

这里有一个例子webflow.com的页面布局101文章：

从那里，提供关于页面对齐的以下问题的答案:

• 所有的元素都遵循既定的网格吗?
• 文本/副本的对齐是否有助于(或阻碍)扫描?

3.检查图像

(来源:constructconnect.com）

无论是插图还是摄影，图片都是页面设计中必不可少的元素。网站上的图像意在将用户吸引到内容中，同时支持页面的整体策略。

在设计阶段建立意象有助于在页面上提供目标的清晰画面。

我们很容易陷入基于个人观点或联想来评估设计中的图像，而不是专注于页面的总体目的以及图像是否支持它。漂亮并不总是意味着有效。

问这些问题来评估一个设计的形象:

• 图片是否补充了内容，帮助用户更好地理解信息?
• 这些图像让你有什么感觉?你的感觉是否与页面的意图一致?

当为你的图像提供方向和反馈时，使用描述性的词语帮助设计师选择最适合你的行业的图像是最有效的。

以下是一些在提供图像反馈时使用的最佳词汇类型:

• 描述性词汇(现代的，工业的，舒适的，充满活力的，运动的)
• 详细的单词/短语(30 -40岁男性在会议上)
• 细节(与行业相关的机械、办公室、户外等环境)

设计是合作;反馈是至关重要的

以上步骤将帮助您和关键利益相关者提供质量，简洁的反馈的设计师。总之，在评审过程中使用下面的要点，将帮助你和你的团队获得最大的价值。

• 使用上述每个步骤中提供的问题作为指导，以确保设计项目的关键涉众提供明确定义和可操作的反馈。
• 在审查一个设计之前，了解页面设计和网站的总体策略。这将使你在提供反馈时保持专注，而不是在意见的细微差别中迷失。
• 要具体。看一看第三步中的单词/短语建议。调整它们，以便在评审设计的所有元素时使用它们。

提供高质量的建设性反馈的关键是考虑到用户的感受，并关注页面的整体策略。