首页 > 其他分享 >【交互式用户流程与演示设计】上海道宁与​Overflow让您能更自信的展示您的设计

【交互式用户流程与演示设计】上海道宁与​Overflow让您能更自信的展示您的设计

时间:2023-02-06 16:35:46浏览次数:44  
标签:演示 用户 文档 连接器 设计 道宁 Overflow

公众号首图.jpg

 

Overflow 让设计师和产品经理

能够自信地展示他们的设计

并讲述他们的设计故事

独特的动态和交互式演示

 

09 Connector label background changed.png

 

Overflow 的功能

使设计人员能够使用鼠标、键盘和手势

轻松导航用户流程

以闪电般的速度

放大和缩小以在重要时专注于细节

原型模式提供了

新的不同缩放级别和交互性

以最大限度地体验您的设计

 

 

开发商介绍

Protoio Inc.总部位于美国旧金山,10多年来,Protoio一直为世界提供优秀的软件,通过设计驱动的方法促进产品团队的沟通

 

logo.png

 

通过打造Overflow,Protoio的用户流程图解决方案允许个人和团队在几分钟内构建交互式用户流程,并更有效地与利益相关者交流设计工作。

 

自 Overflow 成立以来,Protoio一直致力于使 Overflow 成为产品设计团队协作平台的目标。通过不断地改进与合作,使Overflow成为市场上更好的协作平台。

 

 

 

Overflow是如何运行的
一、开始

从三种可能的方式中选择一种将视觉效果引入您的用户流程图:

1、带上你的设计

Overflow 与 Sketch、Figma、Adobe XD 和 Photoshop 集成,以简化流程。

2、上传图片

使用现有应用程序或网站的屏幕截图或任何其他图像来构建您的用户流。

3、构思使用形状

在早期构思阶段使用简单的形状和箭头可视化复杂性。

 

二、设计

重新排列您的屏幕并将它们连接在一起以创建用户流程图:

1、图层

当您从设计工具同步时,层将被传输并可用于应用连接器。

2、热点

将您自己的热点添加到导入的屏幕截图或图像以应用连接器。

3、样式和注释

设计图表样式并对其进行注释,以在整个演示文稿中保持品牌一致性。

4、设备皮肤

只需单击一下即可应用设备皮肤。Overflow 会根据屏幕尺寸自动检测合适的设备。

 

三、合作

与您的团队合作,提高透明度,并取得更好的最终结果:

1、添加文档编辑器

将您的队友添加为文档的编辑者,这样他们就可以添加他们的创意输入。

2、版本历史

访问文档过去版本的无限列表,并将要保留的版本加入书签。

3、管理文件夹访问

将队友添加到您的个人文件夹,这样他们就可以随时轻松访问您的工作。

 

四、图表展示

1、提供交互式演示

让您的听众在整个设计审查会议中更加投入。

2、创建分步导览

向您的听众发送自我指导的设计演示,让他们按照自己的节奏享受。

 

五、分享并获得反馈

1、分享你的作品

在云上发布并将公共或受密码保护的发布链接发送给您的利益相关者。选择是否可以访问版本历史记录。

2、从利益相关者那里获得反馈

使用内置评论功能获取反馈并参与设计评论讨论。

 

六、迭代

1、重新同步您的设计

考虑反馈,对您的设计进行必要的更改并再次同步。所有屏幕都得到更新,连接器保持不变。

2、使用更改更新发布链接

在整个过程中保持相同的发布链接更新,以便您在团队和利益相关者之间拥有单一的真实来源。

 

 

 

产品特征
一、同步

1、从流行的设计工具同步设计

Overflow 与 Adobe XD 和 Photoshop、Sketch 和 Figma 集成,让您可以快速无缝地同步您的设计。

2、重新同步以应用设计更改

迭代您的设计并重新同步以转移视觉变化。您的连接器会自动适应您更新的画板。

3、保留原型链接

在您的设计工具中添加的原型链接可以选择作为连接器转移到 Overflow 中,让您在创建用户流程方面抢占先机。

二、设计

1、将层连接到屏幕

从画板上的任何层拖动连接器。从设计工具同步时,无需创建热点即可传输所有层

2、完全可定制的连接器

更改连接器以匹配您的品牌标识或个人风格。您可以编辑颜色、起点和终点、标签等

3、创建逻辑流

使用形状来说明决策树和条件流程

4、使用样式加快您的工作

Overflow 样式编辑器允许您通过全局更新连接器、文本、形状和设备外观的样式来保持整个设计的一致性

5、注释和添加上下文

使用文本和形状为您的演示文稿添加细节,并使您的听众更直观地理解

6、一键应用设备皮肤

通过使用设备皮肤包裹您的画板来提高可呈现性和一致性。Overflow 会自动检测最适用于常用设备的皮肤

7、绘制热点

通过绘制热点在导入的屏幕截图上标记交互区域并将连接器应用于其他屏幕

8、使用看板来组织您的流程

创建任意大小的用户流程图。将它们组织成子流并将它们拆分到多个面板中以便于演示和导航

三、交流会

1、交互式和可玩的用户流程

通过单击交互区域和连接器或使用方便的键盘快捷键,在屏幕之间轻松导航。缩小以查看大图或返回以关注细节。

2、交互式自导演示

使用 Overflow Stories 创建分步设计演练,与您的团队和利益相关者分享,并允许他们在不开会的情况下按照自己的节奏探索您的工作。

四、交互与快捷键

交互式和可玩的用户流程

通过单击交互区域和连接器或使用方便的键盘快捷键,在屏幕之间轻松导航。缩小以查看大图或返回以关注细节。

交互式自导演示

使用 Overflow Stories 创建分步设计演练,与您的团队和利益相关者分享,并允许他们在不开会的情况下按照自己的节奏探索您的工作。

开箱即用的快速原型制作

无需任何额外工作即可将您的设计作为快速原型展示。

真正有用的键盘快捷键

使用方便的键盘快捷键成为您自己的演示文稿大师,这些快捷键允许您导航、在演示文稿模式之间切换以及应用不同的缩放级别。

五、分享

1、在云端发布您的作品

将您的用户流上传到 Overflow Cloud 并获得可以发送给任何人的发布链接。收件人无需安装 Overflow 应用程序。

2、在所有流行设备上查看

您的出版物可以在任何设备上播放 - 台式机、笔记本电脑、平板电脑、手机。您只需要一个网络或移动浏览器。

3、受密码保护的出版物

您可以选择使用密码保护您的出版物以提高安全性。

4、共享流行的协作工具

可以在 Slack、Jira、Confluence、Dropbox 等流行的协作工具中嵌入和查看 Overflow 演示文稿。

5、将用户流嵌入任何地方

将您的 Overflow 演示文稿的可播放版本嵌入网站、博客 - 几乎任何在线位置!

6、打印和缝合

在任何尺寸的纸上或多张纸上打印您的用户流程图,然后将它们拼接在一起以挂在墙上展示。

7、导出为 PDF 和 PNG

以 PDF 或 PNG 格式导出您的整个用户流或单个板。老套?也许……但有时您可能需要这样做!

8、共享溢出文档

由于 Overflow 是一款桌面应用程序,您可以通过将 Overflow 文档附加到电子邮件、将它们保存在共享文件夹等方式共享 Overflow 文档。

六、合作

1、整个团队的一个帐户

独奏还是团队的一部分?Overflow 可以在一个团队帐户中容纳任意数量的 macOS 或 Windows 用户,以便于共享和协作。

2、在文件夹中组织文档

在您的 Overflow 仪表板上创建个人文件夹以保存您的私人文档。创建团队文件夹,以便团队成员可以访问常用文档。

3、邀请文档编辑

向一个或多个队友授予编辑访问权限,以允许他们为您的文档做出贡献并访问其完整的版本历史记录。

07、反馈

1、评论

邀请同行和利益相关者在您的 Overflow 演示文稿的任何位置发表评论。

2、通知

每当有人发表新评论时,都会通过电子邮件收到通知。

3、提及

通过在评论中提及他们来吸引同行和利益相关者的注意。

 

标签:演示,用户,文档,连接器,设计,道宁,Overflow
From: https://www.cnblogs.com/SmartBear360/p/17095811.html

相关文章

  • 设计模式-策略模式升级(服务定位器模式)
    设计模式-策略模式(服务定位器模式)前言:正文开始前先抛出一个问题,项目开发中如果让你设计支付模块,目前有支付宝、微信、各大银行的部分,你会如何设计支付这块的代码?在调用的......
  • 做设计就像创世界
    最近读了本都市YY小说《重生之小说巨匠》,小说前部分、中部分都写的挺好的,结尾感觉有点弱势,作者很取巧的将金庸、莎士比亚、哈利波特等经典人物书籍引入,通过书籍的简单介绍和......
  • 软件设计文档
    1.流程图实例    2.数据流图如何画好数据流图?-知乎(zhihu.com)3.状态转换图软件工程状态转换图_Lw中的博客-CSDN博客......
  • 从焊接角度聊一聊,设计PCB的5个建议
    从PCB设计,到所有元件焊接完成,成为一个高质量的电路板,需要PCB工程师、焊接工艺、焊接工人等诸多环节的把控。电路设计的人很少焊接电路板,无法获得丰富的焊接经验,而焊接厂的工......
  • 庆军商城设计之一
     grain有这样几种类型,订单过一段时间就不在内存中recordgrain商品sku发布之后,可以一直在内存中cachegrain计数的numgrain序号nograin列表用文件来吧。一些......
  • 【FPGA 芯片设计】FPGA 简介 ( FPGA 芯片架构 | FPGA 芯片相对于传统芯片的优点 )
    文章目录​​一、FPGA简介​​​​二、FPGA架构​​​​三、FPGA芯片相对于传统芯片的优点​​一、FPGA简介摩尔定律:价格不变,在集成电路上电子元器件的数量,1......
  • 设计文档中画图的类型
       ......
  • 数据表设计规范
    数据库表结构设计1.  2.   3.   4.   5.   6.   7.   8.9.      10.  11.  12.  13.......
  • 《Vue.js 设计与实现》读书笔记 - 第10章、双端 Diff 算法
    第10章、双端Diff算法10.1双端比较的原理上一章的移动算法并不是最优的,比如我们把ABC移动为CAB,如下ACB-->ACB按照上一章的算法,我们遍历新的数组,......
  • 事件驱动及其设计模式
    在GUI编程中,事件是非常常见的。比如,用户在界面点击了按钮,就会发送一个“点击”事件,而相应的会有一个处理“点击”事件的事件处理器会来处理该事件。因此,所谓事件驱动,简单地......