现代 UI 和 UX 设计师必备的 10 大技能（下）

6.如何给设计提出批评性建议

提供建设性的反馈，以及对不那么具有建设性的反馈做出响应，这是一项至关重要的技能，但一些新设计师对此可能会感到不舒服。

对基本反馈技能缺乏意识会导致客户提供模糊的、没用的反馈，比方说“你能让它火起来吗？”

为了提供有效的反馈，我们可以做以下一些事情：

讲话必须具体明确。“你在职业页面上用的那张图片不能很好地代表我们的文化。我们应该展示一张有趣一点轻松一点的图片，从而更好地跟我们希望吸引的应聘者建立联系。这比“让它火起来”更管用。

向设计师提出问题，而不仅仅是解决方案。乍一看，我们可能以为自己已经知道了解决方案，所以要求设计师“用这张图配职业页面”。但是，如果我们从提出问题开始的话，设计师就可以理解为什么我们要换图，而且可以提出我们也许未曾考虑过的想法。

给出高质量的例子。把来自其他公司的模式或者在组合里面发现的设计分享出去总是有帮助的。这不是说设计师应该抄袭这些东西，而是可以为如何改进设计提供有用的参考。

该表扬的时候就得表扬一下。如果设计师总是收到点评、修改要求、问题等等的话，可能会让人气馁。所以反馈一定要做好平衡，适当地把做得好的地方拿出来夸一下。比方说，“我非常喜欢你设计的欢迎屏幕的布局——跟上一个屏幕完美融合了。不过我用了一秒钟才注意到顶部的登录按钮。是不是可以把按钮做得更加突出一些？”

语气很重要。我们表达反馈意见以及遣词造句的方式会对设计师（或一般人）的响应方式产生巨大影响。不要这么说，“用这图标来表示交付毫无意义。” 而应该这么说，“这个交付图标让我觉得有点困惑。我习惯看到用包裹来表示送货。这个是表示送货的最好图标吗？”

7.如何建立一个不受限制的远程可用性测试计划

可以利用不同的用户测试方法来收集发现。常见的测试包括可用性测试、卡片分类、树状测试、A / B测试以及反馈调查扽。要了解不同的测试选项，我建议去看看“定量用户研究方法：概述”。

在本例中，我会提供一个可以进行定性测试的模板。

定义目标

创建远程用户测试计划的第一步，是定义我们希望通过测试实现的目标。定义好我们的目标，那将是构造测试时的指导原则。

目标定义可以简单一点，比方说“探索引导流程是不是引导新用户使用的最佳体验。”

1.假设

就像中学做的科学实验一样，我们也应该准备好一个假设。这会是我们要进行测试的基础。继续我们上一个例子，我们的假设也许是，“用户重视能够引领迎他们进入app并且对功能进行解释的的无缝体验，而不是让他们自己去探索。”

2.筛选问题

向潜在参与者提出筛选问题，以确保他们非常适合参与测试。

比方说，如果我们要测试的是健身app的话，那么我们可能要问这样一些问题，比方说“你使用过任何的健身app吗？” 或“你会定期锻炼吗？” 如果测试者对这些问题的回答为“否”的话，那么他们可能不是很好的选择，不应该让他们参与测试。

3.场景

在这一步里面，我们需要定义测试人员要经历的不同场景，从而帮助我们发现洞察。比方说，场景之一可能是看看新用户在没有引导体验的情况下自行探索app功能。另一种场景可以是提供引导流程，带领新用户体验app，并解释各种功能。

4.每一种场景下的任务和问题

启动—收集测试人员的期望并对场景进行说明。

问题与任务——对要完成的任务进行解释，定义在整个测试过程中要提出的问题。

最后问题——询问体验跟期望的差别如何。这个问题可以帮助你了解对方是喜欢还是不喜欢，有没有遇到困惑的地方，以及最终的想法如何。

5.最终问卷

收集最后的想法，并且提出最后的问题，把所有的场景关联在一起。他们更喜欢哪种选项？用1-5分来评价的话每种体验的得分如何？确保再一次展示可视化元素，让测试人员会议每种场景。

6.结果

以下是通过远程用户测试收集到最好的结果的一些技巧：

不是所有的用户都精通技术的，所以创建不需要太过复杂的任务的测试至关重要。

筛选问题要详细些，确保我们找到合适的测试人员。或者更好的是，招募我们自己的用户或目标客户来进行测试。

措辞始终要简明扼要，不要用技术术语。

按照Neilson Norman Group的说法，只需测试5个用户既可以发现85％的可用性问题。

8.如何面向开发做设计

在为开发做设计时，有些考虑因素、约束以及最佳实践需要在整个设计过程中牢记。考虑到开发会让我们成为更好的设计师，并且改进所交付产品的整体质量。

有一些步骤可以确保无缝的移交，并且为开发者提供方便：

除非独特的设计确实增加了实际价值，否则请考虑采用可重用的模式。在设计过程中，在引入新的约定、元素、动画等的时候，我们应该要审核我们的设计。如果添加的这些东西没有为用户带来额外价值的话，就应重新考虑要不要加进去。的确需要纳入进去的元素，包括按钮、输入框、屏幕布局、流程等，应尽可能重复使用，这样可以保持一致性，还能节省时间。

利用Zeplin等协作工具进行代码片段植入、检查、轻松下载资产等工作。Figma、InVision、Adobe或Marvel也不错。

避免引入不必要的新功能。不要引入会导致开发过程变得复杂，同时又不会给应用带来任何附加价值的的功能。聚焦在业务目标、用户需求、项目范围、时间表以及产品开发方式如何帮助确定哪些必要功能的优先级上面。

把所有的屏幕分组放到Zeplin和设计文件里面。

按照顺序给所有的画板命名，好方便发现和理解。

标记要导出的资产。

保留旧屏幕的存档，确保所有的新屏幕都是最新的。

9.如何制作低保真的线框图

利用类似Whimsical之类的工具绘制线框图，这样可以更快，更轻便地把想法都聚合起来，并感受一下我们的设计的布局和层次。不过，如果设计只有线框图这种简陋的形式是很难让人爱上的，所以在维护自尊的同时我们应该接受批评和反馈。

Whimsical有预定义的guard rail，可轻松添加组件，对屏幕的层次结构、布局和内容进行定义，但又不会受到小细节的干扰。Whimsical的简化，避免了我们掉进色彩、字体选择、添加自己的图标系列等坑里面。

这种简化可以帮助我聚焦在整体体验上，而不是因为间距、颜色这样的小细节而分心。（用Sketch就会）

10.如何一天天成长为更好的设计师

总会有新的趋势、工具、设计库、初创公司、产品更新以及所有其他可以确保我们成为更好的设计师的东西出现。