温州做网站:如何制作能够吸引客户的完美互动演示?

2019.07.24 mf_web

144

如何制作能够吸引客户的完美互动演示?本文将从交互演示工具和法律中解决此问题。

在交互式设计过程中,将产生各种各样的输出,例如流程图,思维导图,纸上绘图,甚至交互演示。为了方便产品经理,设计师,开发人员和项目利益相关者看到直观的效果,并更有效地沟通。设计人员通常通过演示提供直观的产品,显示用户如何与产品交互。

如何进行完美的互动演示?我想在这里分享一些经验。

第一部分:交互演示工具

Axure vs mockplus vs balsamiq

Axure

有很多交互演示工具,我更喜欢使用Axure。Axure简单易用,适合经验丰富的设计师,具有强大的交互式演示能力。对于高级用户来说,制作高保真演示也是一项了不起的成就。

Balsamiq工作室

Balsamiq提供具有丰富手绘风格的Web常用组件。你可以用它制作一个正确而快速的原型,它靠近纸上的手绘原型。通常,设计师使用Balsamiq制作第一个演示稿。它使您的演示更具吸引力。

Mockplus

虽然Mockplus是一种新兴工具,但简单快速的原型设计方法和概念赢得了许多用户的青睐。Mockplus中的交互式设计完全可视化,即WYSIWYG。通过简单的拖放操作即可轻松构建交互式原型。它不仅适用于个人,也适用于团队。它在最新版本中添加了团队协作和评论。

还有其他用于交互演示的模型和线框设计工具,如Pencil sketch,Design Studio,Prototype Composer,Lucid Spec,Irise Professional Edition,Adobe Reader等。因为我没有逐一尝试这些工具,所以我不打算详细介绍它们。如果您有兴趣,可以在线搜索。

每个软件都有自己的特点,它既有优点也有缺点。该软件只是一种工具,只要它与您的习惯保持一致,无论您选择哪种软件。关键点是这些软件的交互演示输出。

第二部分:相对中间保真度的交互演示

在介绍设计工具之后,我们来谈谈如何设计演示。对于通常的项目,我基本上使用Axure。它是设计中常用的工具。交互演示只需要达到相对中等保真度。什么是所谓的相对中间保真度?这意味着交付可以反映用户期望的页面内容,页面中内容的相对优先级。此外,它还可以提供过程描述,操作模式和响应状态。

Mi-fi演示

交互演示既不是草稿也不是具有高保真视觉效果的草图方案。草图方案可以使用手绘或手绘工具(Mockplus,balsamiq)完成。虽然高保真原型需要更多努力但效率更低,但不建议使用,除非它用于演示或可用性测试。

第三部分:交互演示原理

1.遵循网格规格

新手经常忽略网格规范以形成无序布局。这将直接导致整个项目的修改或重新设计。你可以想象一下,当视觉设计师遵循网格规则来制作布局时,但是视觉草案中的内容不能很好地覆盖,甚至它适合于交互演示。

因此,良好的设计习惯对设计师来说非常重要。您应该遵循网格原则来在一开始就组织布局。同时,有必要确保字体大小和间距满足视觉要求,例如最小间距应保持在10像素。以免造成不必要的痛苦。

2.不要使用屏幕截图和颜色

为方便起见,一些产品人员和设计师使用拼凑截图来制作页面。这不仅是非标准的,而且还大大降低了互动效果。对视觉设计师也有一定的干扰,我不同意这种行为。

此外,交互阶段的输出应更多地关注信息的布局,内容级别和操作过程。为避免对视觉设计师造成不必要的干扰,我不建议在交互式草稿中使用颜色(文字或特殊状态除外)。如果您有一些想法,可以通过文本进行描述。或者直接告诉视觉设计师你想要什么样的效果。将颜色,纹理和具体情况交给可以充分发挥作用的视觉设计师。

3.不要沉迷于复杂的互动效果

Axure提供动作脚本支持。它使动态模拟真实界面交互成为可能,例如状态切换,时间动画和其他惊人的小工具。

在进行交互演示之前,我们需要考虑是否应该在日常工作中花费如此多的精力和时间。

这取决于原型适用于哪种情况。如果原型用于进行初步用户测试或争取高保真演示的资源。我们需要快速产生接近实际界面的交互效果。

如果演示只为视觉设计师或前端工程师提供在设计过程中的开发。那么过度的设计和效果只会浪费精力。

4.拥有一套自己的小部件

交互式演示的最实用原则是拥有一组自己的小部件。您可以使用常用的控件,功能设置,图标,标签等制作自己的小单元。此外,您甚至可以将其插入到小部件中。每当设计一个交互式演示时,您都可以轻松找到所需的控件,从而大大提高您的效率。

顺便说一句,每个PROTOTYP 荷兰国际集团的工具有它自己的原型部件。您可以在线搜索并使用他们共享的控件。在我看来,你最好根据DPL构建一套标准小部件供个人使用。

5.善用师父,提高效率

统一更新的大量页面非常麻烦。这时,你可以很好地利用Mater。在制作中,您可以直接制作多路复用模块来替换复制和粘贴。需要调整时,只需调整主文件即可。

什么是材料?Master就像Axure提供的自定义组件功能。您可以在不同页面上引用常用的交互式组件。大多数页面上最常见的内容。它们非常适合制作Master,然后将每个接口拖动到指定位置。

6.版本归档也很重要

保存您的项目

演示就像实际产品一样,它将被快速迭代并不断修改。因此,不要忘记存档您的项目。即使您对同一原型进行更改,请记得记录您更改的内容。这对后续回顾非常重要。这是交互演示的一个重要原则,如果你不遵循它,你的工作可能是徒劳的。

进行交互演示是优秀交互设计师的最基本技能。这也是理清思路的好方法。无论您使用什么工具,只要它能很好地表达您的设计。值得一试。

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP