GUI Design Studio version 5

GUI Design Studio version 5

 

无需编码的用户界面设计和即时原型

 

它是什么？

GUI Design Studio是一种无代码、拖放式用户界面设计和原型制作工具，适用于Web、桌面、移动和嵌入式软件应用程序的创建者。

• 设计屏幕或网页
• 添加用户交互行为
• 作为运行原型进行测试

 

它是给谁使用的？

软件设计师、用户体验专家、业务分析师、开发人员、项目经理和顾问。设计或指定用户界面的任何人。

• 记录产品想法
• 创建项目建议
• 创建设计模型

 

为什么要用它呢？

快速制定想法，并在低成本、无风险的环境中进行测试，并通过首先商定正确的设计来避免昂贵的实施返工。

• 验证设计和要求
• 探索替代方案
• 评估不同的使用场景

 

第一步：把想法变成视觉效果

所以您已经大致了解了应用程序的需求。思想正在您的头脑中形成。现在是时候把它们以屏幕或网页的形式呈现出来了。

 

开始一个新项目并创建一些设计。

 

对于每个设计文件，GUI Design Studio都为您提供了一个可供使用的大画布。真的很大。

 

因为它使用画布上的东西的独特方式，您可以决定什么是重要的，什么只是一个过眼云烟的想法，以备日后使用。

 

把不同的想法放进页边空白，然后把它们混在一起。或者将它们作为一种新的思路，快速复制设计版本。

 

120多种内置设计元素

使用标准Windows控件、Web元素和其他通用元素创建屏幕。提供变量加快构建。组合元素以创建自定义控件和其他变体。

自定义小工具和库

创建自己的一组常用元素和元素组。将任何设计文件转换为自定义元素以供重用。打包自定义元素库以便与其他人共享。

重用组件和主控形状

将项目分解为更小的组件设计，这些设计可以在任何数量的其他设计上重用。对原始组件的更改会立即反映到使用它们的位置。

步骤2：添加用户交互

您越接近一个正常工作的应用程序，就越能深入了解它满足需求的程度。

 

静态模型是一个很好的开始，但它们并不能说明整个故事。用户流在应用程序中很重要，因此您还需要描述每个屏幕上发生的事情并探索它们之间的关系。

• 如何从A到B？
• 当您按下这个按钮或那个按钮时会发生什么？
•  
• 屏幕可以处于什么不同的状态？它们看起来像什么？

 

您想以一种易于理解和掌握的方式来交流这些想法。

 

以图形方式描述屏幕流

不仅仅是简单的屏幕链接和具有多种导航类型、模式层和屏幕效果的幻灯片。几乎从任何元素进行连接。

多个用例场景

向任何操作添加用例场景，并相应地更改应用程序流。根据用户输入的数据和选项选择，为每个方案条件输入业务规则。

动态和选项卡式界面

轻松创建选项卡式接口和动态内容面板，这些面板可以为复杂的应用程序彼此嵌套。甚至可以通过简单的数据值分配来控制它们。

步骤3：测试原型

只需单击一下，您就可以立即测试当前正在进行的设计，或者从指定的起点运行整个项目原型。

 

没有编码，也没有等待编译。

 

这使得设计和测试之间的转换非常迅速，以实现最大的生产力。对您的设计做一个小的调整，并立即测试它。

 

只有当您用一个有效的模型进行测试时，您才能发现隐藏在您设计背后的所有隐藏问题…

• 结构和流程是否合理？
• 在这种情况下或那种情况下会发生什么？
• 缺少什么？
• 我能去掉什么？
• 除此之外还有更多……

 

即时原型执行

按“运行”，您的原型将在自己的全屏窗口中打开（以避免干扰），并为基于Web的设计提供伪浏览器模式。

快速场景测试

通过创建可随时应用的数据集来节省测试不同方案的时间，从而以可重复且无错误的方式快速填写表单。

导出快照

通过抓取正在运行的原型的快照作为导出的图像来捕捉这一时刻。使用它突出显示设计的各个方面，以便进一步讨论。