基于XD的交互式问答系统的设计与原型-Adobe XD中文网

在设计项目时,重要的是要记住用户完成任务所需采取的步骤。我们还需要设计用户在项目期间会遇到的反馈。这是确切的工作类型XD是为了帮助你生产。

设置XD图板以供用户反馈

在我们的测试中,我们需要向用户提供一个问题和一系列答案。然后,我们需要为正确和不正确地回答问题提供反馈。最后,我们需要考虑为他们的整体进展提供反馈,以及评估他们的成功率的方法。

基于XD的交互式问答系统的设计与原型-Adobe XD中文网

我们将使用一个图板作为正确的答案,第二个系列的艺术板对不正确的答案。对于正确的答案,我们将使用绿色复选标记和一些额外的文本来支持答案。对于不正确的答案,我们将使用红色的“x”和一些文本来解释为什么答案是不正确的。每个反馈图板还将包括一个用于进度条的圆点、一个正确答案的圆环和一个Next按钮-因此用户可以继续进行下一个问题。一旦设计就绪,我们就可以在原型工作空间。

把这一切和互动性结合起来

在XD原型工作区中,我们可以选择正确的答案,Titan,并将其链接到正确的图板。为了使图板显示为覆盖,我们在“设置”对话框中将操作设置为“覆盖”。

基于XD的交互式问答系统的设计与原型-Adobe XD中文网

当指定覆盖操作时,原始图板将显示绿色框,指示作为覆盖层加载的图板的位置。在覆盖图板较小的情况下,您可以将其放置在原版中的任何位置。

基于XD的交互式问答系统的设计与原型-Adobe XD中文网

在问答板上,我们可以将不正确的答案之一链接到不正确的图板上,并将操作指定为重叠。如果您想自定义不正确的屏幕,如上面的例子,您将需要一个对应的艺术板为每个不正确的答案。然而,如果你只是想指出答案是不正确的,它是有可能重用不正确的图板对每一个不正确的图板。我们在下面的网络研讨会上讨论这一技术。

了解有关XD中任何交互项目的设计和原型设计的更多信息。

您的设计职责不仅仅包括打印。电子邮件设计,网页,在线画廊,和互动形式都需要你的创造性眼睛-和AdobeXD有你的后盾。了解这个革命性的设计应用程序如何允许您与设计插画,和Photoshop-同时提供惊人的功能,包括重复网格、可重用符号和交互式原型。

加入我们的行列一步记录的网络研讨会这将教你如何满足这个快速发展的,多学科的设计行业的需求,设计工具,以帮助你成功。我们还将分享AdobeCreativeStudio高级创意总监乔希·苏特(Josh Souter)如何使用AdobeXD CC设计和原型网站比以往任何时候都快。

Adobe CreativeCloud电子学习系列

向他们展示你的想法-映射用户之旅

 

来源:Adobe XD博客

链接:https://theblog.adobe.com/design-and-prototype-an-interactive-quiz-with-xd/