如何应对面试中的白板设计挑战

上周，在准备UX活动时，我和我的同事Shuo Yang决定为一群进入职场的初级设计师揭开这个话题的神秘面纱。我们在白板设计访谈中介绍了最佳实践，并使用我们的五步法实践了假设计挑战，我在本文中对此进行了总结。

为什么白板设计挑战如此重要？

在展示用户体验设计师的思维和行为方式方面，没有什么比白板挑战更贴近了。

从访问者的角度来看，白板设计的挑战不在于您提出了多少个新想法或您的图纸有多漂亮。它与您如何解决问题以及与他人一起作为设计师一起工作有关。在白板设计挑战中，您的工作方式是与团队合作的方式，这就是面试官正在评估的内容。

在挑战期间，面试官正在寻找以下迹象，以表明您了解基本的设计原理以及使用“设计思维”的含义：

• 您是否提出问题以明确目标？
• 您是否关注用户及其上下文？
• 您是否做出正确的假设并提出正确的问题？
• 您是否超越UI并从整体上考虑整个场景？
• 您了解基本的设计原理和模式吗？
• 您是否提到解决方案的弱点和改进之处？

如果您显然具备上述特质，则表明您不仅了解UI设计，而且还了解产品设计过程，那么您也可以得到一些加分，例如：

• 您是否在练习范围之外提出建议？
• 您对用户研究有建议吗？

  路线图？

  或执行？

• 您了解潜在的技术限制吗？
• 在白板设计挑战期间应避免哪些常见错误？

我应对白板设计挑战的5步方法

设计挑战面试没有完美的方法，每个人都有自己的流程和个性。我总结了一套针对我个人白板设计挑战的方法和步骤，它们分别是：

1. 提出问题以指定挑战
2. 询问用户及其背景
3. 写下故事的主要步骤
4. 画一些关键屏幕
5. 总结故事，讨论替代方案，改进或其他用例

这5个步骤在理论上听起来很简单，而在实践中却很模糊。因此，我们提出了虚假的设计挑战，并像对待真正的面试一样逐步了解了如何进行设计，而无需事先准备。这是我们使用的设计挑战：

设计机场餐厅的订购界面。

步骤1：提出问题以指定挑战

就像任何设计项目一样，在您了解要解决的问题之前，不要开始设计。第一步是提出问题，以获取有关设计挑战的更多细节，例如：

• 设计的目标是什么？
• 挑战有哪些细节和背景？
• 时间轴，设备或其他约束是什么？

提出这些问题不仅可以帮助您解决挑战并指导设计，还可以让您花些时间思考解决方案。在您清楚完成任务之前，不要继续前进。

对于我们的挑战，我们提出了以下问题并提出了一些答案：

• 设计的目标是什么？

  答：为忙碌的旅客提供高效，轻松，有趣的用餐体验

• 什么样的机场？

  答：国际机场

• 什么样的餐厅？

  答：这家餐厅提供食物和饮料

• 什么样的设备？

  答：每张桌子上的平板电脑设备

步骤2：询问使用者及其背景

作为用户体验设计师，了解用户是我们的工作。因此，我们不仅要问“谁是用户？”，还应该做出有效的假设并尝试回答这些问题，而不是仅仅问他们：

• 有哪些不同类型的用户？
• 他们的行为和问题有哪些假设？
• 有哪些常见用例？
• 我们应该提供什么好处？

在设计挑战中，我们总结了不同类型的旅行者，并选择将重点放在商务旅行者上，因为他们通常会旅行，并且不介意在机场餐厅花一些额外的钱来用餐。我们的解决方案包括：免排队，使用卡而不是当地货币付款，使用熟悉的语言，检查航班状态并在等待航班时玩得开心。

这是步骤1和2后我们的白板的外观：

步骤3：写下故事的主要步骤

现在您已经了解了问题和用户，在开始绘制之前写下故事的主要步骤非常重要。这将有助于指导设计。同样重要的是，仅选择一个用例来开始，并讲一个故事，而不仅仅是绘制界面。

这是我们的故事：一位名叫迈克（Mike）的商务旅客想在他的航班起飞前在餐厅用餐。他选择他的语言，看菜单，下订单并用信用卡付款。在查看食物状态时，迈克检查了娱乐系统，并在登机时得到通知。

这是步骤3之后的白板：

步骤4：绘制一些关键界面

现在是时候绘制一些界面了！通过步骤1到步骤3的准备，基于常见的设计模式来设计UI应该相当容易。记得：

• 根据第3步中列出的内容绘制
• 仅绘制故事中的关键界面
• 在图纸上贴标签

我们从带有语言选择的欢迎界面和菜单界面开始：

然后，我们添加了菜单的详细信息，包括食物的预览，订单摘要以及如何添加或取消项目。

对于“结帐”界面，我们绘制了订单和付款选项的列表。请注意，我们没有涉及支付界面的细节，因为它们通常是标准化的，对我们的故事而言并不重要。

付款后，我们通过列出订购状态，娱乐选项以及有关如何输入和检查航班状态的详细信息来结束我们的故事。

以下是第4步后绘制的所有界面：

步骤5：总结故事，讨论替代方案，改进或其他用例

UI差不多完成了，但是如果您有时间的话，还需要再进一步：总结故事，进行调整及改进，并讨论替代方案或其他用例。

为了应对挑战，我们评估了设计并增加了一些改进。我们还写下了其他一些用例或问题，例如：

如果这是机场的美食广场怎么办？

如果这是针对一群人或家庭该怎么办？

使用自己的设备下订单怎么办？

如何显示终端地图？

…

瞧！这是所有5个步骤之后的最终白板，我们在此挑战上花费了50分钟（包括沿途的每个步骤拍照），在步骤1至3上花费了大约20分钟，在步骤4和5上花费了30分钟。

设计是关于确定优先级并做出折衷，并且没有针对任何设计问题的单一正确解决方案。我们在此设计挑战中展示的结果和细节将因您提出的问题和做出的决定而异。但是希望通过展示使用这5个步骤的过程，您现在可以结构化地应对白板设计挑战，这将帮助您在下一次面试中展示所有出色的设计技能。

---

WRITTEN BY

Zhenshuo Fang

Interaction Designer at Google

首发：https://uxdesign.cc/5-steps-to-master-a-whiteboard-design-challenge-6ecbe9ec38b7