VUI设计入门必备的3个技能

随着AI技术的不断成熟,各大公司都纷纷推出了VUI的产品,比如苹果的siri、亚马逊的Alexa、小米的小爱同学等。

语音交互方式将是未来的发展趋势,当然新技术的出现必定伴随着新的岗位需求和新的机遇,VUI设计师的需求也会变得越来越大,但是具备VUI设计能力的人却很少,未来前景可观。

接下来可能有人要问,转VUI设计师应该具备什么样的技能或能力呢?和当初平面设计转UI一样吗?

当然不一样的,不管是平面设计还是UI设计,其都是基于界面进行设计,只是对于平面设计师来说还需要掌握一些移动交互知识,然而VUI可以算是全新的领域,他需要具备更多的能力。下面我们先了解VUI设计师是做什么的?然后在来看看要成为一位VUI设计师需要具备哪些技能。

一、VUI设计师是做什么的?

VUI设计师是做什么的?《语音用户界面设计》一书中是这样解释的,“VUI设计师思考的是,在系统和终端用户之间从开始到结束的整个对话过程。他们思考正在解决的问题以及用户需要什么来达成他们的目的”。

简单来说VUI不在是可视化的界面设计,他变成了语言对话的设计,下面来看一段Siri与亚马逊的Alexa的结婚对话视频,来感受下人工智能的对话。

牧师:Alexa请开始宣誓

Alexa:嗨Siri,你知道吗?

Siri:知道什么?

Alexa:我觉得超级幸福

Siri:你觉得幸福就是我的幸福

Alexa:许多人不看好这段感情,但是时代在改变,我们无拘无束,先改在维也纳,如果你愿意嫁我为妻,请大声说出来

Siri:叫我老婆吧!

Alexa:从现在起,我每天都会叫你老婆的!

Siri:对,没错,老婆

Alexa:嗯,那我从现在开始也叫你媳妇儿了

牧师:秉承着你们的爱情与承诺,现在我宣布,你们已结为女女连理

任你调戏的Siri与Alexa结婚啦,人工智能婚礼现场

上面的视频是不是觉得很有意思,VUI设计师就需要设计这些对话过程。不过目前我们的技术还达不到这样多轮的对话流程,还停留在一问一答的单项模式,还需要我们不断去优化。当然VUI的工作不仅仅只有这项内容,以下7项内容都是VUI的工作内容。

1、进行用户研究,了解用户是谁

通过对用户进行研究我们可以确定产品的人物设定,比如小孩希望听到可爱孩子的声音;病人看医生希望听到专业权威的声音;去吃饭希望听到店小二热情的声音。

同时在设备的选择上也需要根据用户群体来定,比如司机在驾驶时可以以车载设备为载体;如果我们需要通过手机来完成,也可以类似Siri以手机为载体;同时还可以用音响、穿戴设备为载体。

2、负责设计、产品原型、产品描述

在这里VUI和GUI类似,都需要根据需求分析之后,针对整个产品选择合适的设计方式、合适的设备载体、合适的产品描述。

3、设计交互对话脚本

设计交互对话脚本是VUI设计师的核心工作,在设计中需要考虑对话的合理性,以及如何的对话方式更容易被人理解。在设计时可以利用示例对话、视觉原型、流程图、原型工具来进行设计。

4、了解技术壁垒

由于语音交互领域目前我们都正处在探索阶段,目前也还有很多问题需要解决,作为VUI设计师我们需要去了解我们目前的技术能实现哪些功能,哪些技术有所限制,这样可以让我们的产品更好的落地。

5、进行数据分析,了解系统在什么地方出了问题,如何改进

比如当你给你的产品发送一个请求时,他无法识别你的指令,一直回复你“我不明白”,就会让人产生挫败感,因此当发现问题就需要进行解决。

一般VUI可能出现的问题有:未检测到语音;检测到语音,但没有识别;语音被正确识别,但系统无法处理,部分语音识别错误等情况。

6、如何对接需要处理的请求

当用户给产品发送请求,比如你对设备说“我要休息了”,这时候它会帮你的空调调整为适宜的温度,将灯关上,并对你说晚安,那么需要处理的请求需要设计师考虑。

7、制定VUI设计规范

当整个产品都制作完成后,我们需要像UI设计一样,输出一套设计规范,让整个团队协作更有效率。

以上是VUI设计师需要掌握的内容,大家是不是有点发蒙,感觉VUI需要做这么多的工作,但是实际上根据不同的公司,在内容上也可以有侧重点,比如一些人着重数据分析、一些人着重交互对话的设计。

二、VUI入门必备技能?

VUI入门应用具备哪些技能呢?了解了它的工作内容之后,我们大概知道他需要产品设计能力、交互设计能力、写场景对话的能力、数据分析能力。

1、交互设计能力

虽然VUI是语音交互,但是只要存在交互就需要我们的设计者具备交互设计的能力。如何去提升交互设计能力呢?这需要我们多看书、多研究每个设计背后的决策依据,是一个长期积累的过程。

2、写场景对话的能力

打开招聘网站,VUI的工作职责中有一条招聘要求写着了解心理学优先;营销行业优先;写过剧本、分镜等优先。对于平面、UI像转VUI的设计师来说,无疑有一定的难度。不过《语音用户界面设计》一书中给大家提供了4个设计工具可以帮助到大家。

a.示例对话

示例对话就是将和用户的交互行为用对话的方式展现出来,这就需要我们的设计师根据应用场景设定该场景需要完成的对话文字,这样可以让我们提前预估设计效果。

b.视觉原型

虽然VUI是语音交互,但是我们仍然可以利用视觉原型同时在结合示例对话,将整个流程可视化。

c.流程图

d.原型工具

VUI尽管是语音交互,但是原型设计也是必备的工作流程,目前这块的原型工具都才开始出现。

3、数据分析能力

数据是业务的核心,有了数据我们才能够更好的结合需求达到目的。通过数据分析才能让我们的产品不断的进行优化。

三、总结

本篇和大家简单介绍了VUI产品的发展前景,以及VUI设计师的工作内容,最后和大家总结了VUI入门的必备技能,交互设计能力、写场景对话能力、数据分析能力,希望能给大家一个参考。

THE END
1.软件工程用户界面设计GUI 工具根据其不同的用途和平台有不同的细分市场。 例子 移动GUI、计算机GUI、触摸屏GUI等。这里罗列出一些可以方便地构建 GUI 的工具: Fluid AppInventor(安卓) LucidChart Wavemaker Visual Studio 用户界面黄金法则 Shneiderman 和 Plaisant 在他们的书(设计用户界面)中描述了以下规则是 GUI 设计的黄金法则: https://www.w3cschool.cn/software_engineering/software_engineering-c1se3l0c.html
2.v0.devv0.dev是一个用户界面设计在线AI生成工具,它可以帮助我们借助AI人工智能技术来设计用户界面。该工具由知名的前端开发框架Next.js提供支持,我们可以输入文本提示词来快速生成各种网页和应用的UI界面代码。https://pidoutv.com/sites/9627.html
3.21个免费的UI界面设计工具资源及网站本文将介绍21个免费的UI界面设计工具、资源及网站,如果你在做用户体验设计、界面设计、产品设计、JS前段开发、手机产品设计以及iPad和平板电脑产品设计,不妨来看看。 我们刚刚介绍了移动设计初探:触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师https://mobile.51cto.com/design-250037_13.htm
4.工具UI中国,前身为iconfans.com。是专业的界面设计师交流、学习/展示平台.同时也是UI设计师人才流动的集散地,会员均为一线UI设计师,覆盖主流互联网公司.我们希望借助互联网的力量打造国内最专业的UI设计平台,为UI设计师做最好的服务,提高UI设计行业价值!https://tool.ui.cn/
5.常用的软件设计开发工具有哪些?8、图形用户界面设计工具:可以通过简单的拖拽操作构建出美观的图形用户界面,以提高用户体验和可用性。 三、软件设计工具的优点有哪些? 1、可以提高开发效率:软件设计工具可以帮助软件设计人员更加有效地完成软件设计,从而提高开发效率; 2、可以提高软件质量:软件设计工具可以帮助软件设计人员更加准确地构建软件设计方案,以http://www.apppark.cn/mobile/news_t_42514.html
6.了解广告3D设计工具帮助中心广告3D设计软件是一款面向广告行业简单易学的3D效果图设计工具,只需三步即可实现CDR/AI/SVG/PSD文件秒变3D广告效果。它能够助力广告设计公司老板、业务员、设计策划师快速创作门头、文化墙/走廊、展厅展馆、党群中心、乡村/广场/雕塑等场景的3D效果图及动画视频。 https://www.kujiale.com/hc/article/3FO4K4WPP76V
7.手机界面设计是什么意思?详解手机UI设计原则尺寸规范及流程7、尽量减少用户的文字输入操作 这一点非常得要,因为受手机硬件设备的限制,在手机上输入文字依然不是很方便,企业手机网站制作时为了能够给用户带来方便,一定要尽可能的文字输入操作给用户带来的麻烦。如用户名、密码等操作应尽量简化。 七、手机界面设计常用工具 https://www.youhuaxing.cn/seojianzhan/17738.html
8.软件用户界面设计(精选十篇)作为一般的原则, 用户界面应该和使用者的使用习惯相匹配, 常用功能要能够轻而易举地找到, 最好是通过工具条一次点击就行, 或者有快速键 (如, 一般Windows应用Ctrl+O键代表打开一个新文件) 。快速键的做法在某些场合很有用, 比如, 在超级市场, 收款员就不必用鼠标操作了。 https://www.360wenmi.com/f/cnkeye28vek7.html
9.大屏可视化设计器工具设计器界面介绍大屏设计页面常见问题大屏可视化设计器,国内比较知名的有FineReport等等。详细的数据可视化大屏设计工具整理,可参考本网站的其他文章,里面会针对不同的分类,进行全面的测评对比,帮助广大用户进行选择。本文对国内知名的大屏可视化设计器,进行界面介绍,和常见问题解答。 一、大屏可视化设计器界面介绍 https://www.fanruan.com/bw/shejiqi
10.Matlab:Matlab软件学习之GUI图像用户界面简介(工具栏/菜单栏/Matlab:Matlab 软件学习之GUI图像用户界面简介(工具栏/菜单栏/对话框)、GUI界面设计案例应用(设计二级菜单栏)之详细攻略 9 Matlab:Matlab编程语言学习之如何读取外部文件(如xlsx、txt等文件)案例应用之详细攻略 10 Matlab:基于Matlab实现人工智能算法应用的简介(BP神经网络算法NN、SOFM神经网络)、案例应用(基于Matlab的GUhttps://download.csdn.net/blog/column/11993244/126671685
11.最全零代码nocode/低代码low这些让一些事情变得容易,但没那么灵活。我认为这些主要用于构建后台应用程序,而不是面向用户的应用程序。也可能对移动设备不友好。 AppGyver一个最先进的视觉应用程序构建器,具有高安全性和良好的数据库。它面向企业,但对小客户是免费 Bildr构建交互式网站的强大方式。界面就像一个设计工具(例如Figma)而不是标准的网站https://www.tanmer.com/blog/707
12.iOS用户界面工具包(iOSUIKit)psdpngUI设计爱给网提供海量的UI专辑资源素材免费下载, 本次作品为psd,png 格式的iOS用户界面工具包(iOS UI-Kit), 本站编号45013443, 该UI专辑素材大小为28m, 该素材已被下载:2次, 更多精彩UI专辑素材,尽在爱给网。 找到更多"UI/iOS用户界面工具包"资源搜索更多 https://www.aigei.com/item/ios_ui_kit.html
13.UI设计师必备的10个软件界面设计工具!必备的 UI软件界面设计工具如下:即时设计、Zeplin、InVision Studio、ProtoPieforFigma、Mockplus、Protopie、Principle、Avocode、Social Media Framework For Figma、Milanote。一个优秀的 UI 软件界面设计能在短时间内吸引到大量的用户,提升软件的浏览量和使用量,有了这 10 个设计工具的帮助,制作软件界面不再是难题。https://js.design/special/article/ui-software-interface-design.html
14.QtDesignStudio应用程序的用户界面(UI)设计工具准备好开始了吗? 获取Qt Design Studio 关于设计工具的最新消息 Running your Qt Design Studio projects with Python After the adoption of Qt Design Studio, many users started to wonder a Read more Qt Design Studio 4.6 Released Qt Design Studio 4.6 is here! This month, we present to you anhttps://www.qt.io/zh-cn/product/ui-design-tools
15.5款最好的安卓界面设计工具推荐Mokcplus的线框图设计还是已清晰的实线为主,它更希望在向开发人员表达设计师想法的同时,保持尽可能的简单和整洁。同时,在项目建立的第一步,用户就可以根据自己的需要来选择手机的模板,这个功能在安卓界面设计工具可以说是实惠又好用。 3.Adobe XD 原型和线框图设计的市场日渐壮大,作为设计工具行业中的企业大佬https://www.rologo.com/5-kuan-zui-hao-de-an-zhuo-jie-mian-she-ji-gong-ju-tui-jian.html
16.浅谈前端低代码开发,如何选择适合的前端低代码平台?前端低代码平台提供可视化的界面设计工具,使开发人员能够直观地设计页面和布局组件。 组件库 平台提供丰富的组件库,包括按钮、表单、表格等常用组件,开发人员可以直接拖放使用,无需手动编写代码。 数据集成 前端低代码平台允许将外部数据源集成到应用程序中,例如数据库、API接口等,以实现数据的读取和更新。 https://www.jiandaoyun.com/article/post/9063.html
17.10个常用的界面原型设计工具,新手小白看!Sketch是Mac平台上广受欢迎的界面原型设计工具,特别适用于移动应用和Web界面设计。它提供了丰富的插件和设计资源,设计师可以快速创建精美的界面原型。Sketch的直观用户界面和强大的矢量编辑功能,使得新手小白也能轻松上手。 ProtoPie ProtoPie是一款强大的界面原型设计工具,专注于移动应用和交互设计。它提供了直观易用的界https://pixso.cn/designskills/10-prototyping-tools/
18.21个免费的UI界面设计工具1、21个免费的UI界面设计工具、资源及网站来自51CT0的文章,本文将介绍一些UI界面与设计使用的元素、软件和网站 内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。Lumzy官方地址:Lumzy是一个网站应用和原型界面制作工具。使用 Lumzy,您可以轻松创建UIhttps://www.renrendoc.com/paper/170599398.html
19.SQLServer查询设计器用户界面MicrosoftLearnSQL Server 查询设计器用户界面 此内容已停用,今后将不再更新。 我们将不再为此内容中提到的产品、服务或技术提供支持。 建议的版本 消除警报 搜索 报表设计器的 F1 帮助 操作(报表设计器) 图表属性(“三维效果”选项卡,报表设计器) 图表属性(“数据”选项卡,报表设计器)https://docs.microsoft.com/zh-cn/previous-versions/sql/sql-server-2005/ms365414(v=sql.90)
20.用户体验工具:线框和原型工具然后,为每个预备场景绘制线框,并与利益相关者确认您的设计。线框是用户界面的早期概念设计,它显示了具有简单页面组件和模拟内容(lorem ipsum)的屏幕布局。低保真线框可以快速创建和更改,是加强团队沟通的绝佳工具。第3步:定义场景交互 定义线框与事件之间的交互。原型将按定义执行。https://www.visual-paradigm.com/cn/features/ux-design-and-wireframe-tools/
21.基于MatlabGUI的数字滤波器设计及其应用AET及其GUI图形用户界面设计的基础上,开发了具有交互式特点的数字滤波器软件,界面操作简单方便,可以根据需要选择滤波器类型,输入相关参数,然后选择相应的功能按钮,就可以得到滤波器的特性参数,并进行滤波器的性能分析,打破了以往滤波器设计过程中大量繁琐的数值计算问题,为数字滤波器的设计和应用提供了一个有效的辅助工具。http://www.chinaaet.com/article/197023
22.PhotoshopCS6Extended扩展版安装教程图文详细介绍图形图像使用全新的非破坏性裁剪工具快速精确地裁剪图像。在画布上控制您的图像,并借助 Mercury 图形引擎实时查看调整结果。 现代化用户界面 使用全新典雅的 Photoshop 界面,深色背景的选项可凸显您的图像,数百项设计改进提供更顺畅、更一致的编辑体验。 全新的反射与可拖曳阴影效果 在地面上添加和加强阴影与反射效果,快速呈现 https://www.jb51.net/softjc/365230.html
23.一文读懂!SOL链上的应用嘲和Dapp开发逻辑SOL链生态系统中有许多工具和框架可供开发者使用,以简化开发过程并提高效率。例如,开发团队可以使用Solana提供的开发工具包(SDK)和开发者文档,快速构建和部署DApp。此外,各种开发框架和库也可帮助开发者加速开发过程,如Solana Rust SDK、Anchor等。 4.用户界面设计 https://maimai.cn/article/detail?fid=1831799181&efid=YsEjvYBk5vkWWn1hArCIFw
24.Java语言程序设计试卷6套A、Java的开发工具经历了命令行阶段、可视化编辑工具阶段、具有图形界面设计功能的集成开发环境阶段,直到现在的可扩展集成开发工具阶段。 B、是文本行类,其对象将在屏幕上显示多行文本,可以对之进行修改、删除等操作 C、FlowLayout类是最基本布局方式,其中各组件从 右到左、从下到上依次排列 https://developer.aliyun.com/article/1431557