支持支付宝、微信、对公转账等多种支付方式
这一小节内容很多,干货满满,提供了非常细致的设计流程与方法的梳理,可以帮助设计师了解如何去思考、开始构建对话交互。在正文之前,还包含一个谷歌对语音设计Tips的讲解视频,图文结合的方式讲述的非常清晰,我也把核心内容听译了出来,配合截图与说明分享给大家。
上篇回顾:《谷歌对话式交互规范指南系列:对话式界面的概念和机制》
以下为设计tips视频的主要内容,视频链接:/watch?v=MSUPVbbhIGA(需要搭梯子),非常建议大家看一下这个视频,讲述的很生动。
首先从宏观角度,引出语言对于人类的意义——各种创新、发明的源泉。语言的诞生历史非常古老,在长久的时间里形成了一些固有的惯例与原则,在设计对话UI时也需要遵循这些原则。以下是对人类的语言、书写、计算机等沟通方式的发展历程梳理。
推荐阅读:在线航班预定服务:GoogleFlights的交互设计

人类语言的特殊性,决定了对话UI(VUI)的构建与GUI有本质的不同。

之后就引出了对话设计的5个核心要点:
1. 创建用户画像
首先要构思好你的产品品牌理念,举个例子,如果你的产品品牌期望给用户传达快速、高效的意向,那么在设计对话UI时,就需要突出直观、高效、简洁、数据驱动的特点。而如果是更轻松、娱乐化的品牌,那么就可以传达适应性、贴近、亲切的特点。
有了品牌理念,就可以按照几个维度来创建对话UI的Guideline:如对话的节奏、语调、积极性、声音属性、传达印象。

将这些规范明确下来,也有助于设计师与开发在长期的实现过程中,能够有所依据。
2. 突破框架去思考
在定义好对话的品牌意向和基本属性后,不要马上开动设计逻辑。如下图就是我们不推荐的例子:用刻板的逻辑,将机器与用户的场景台词串在一起。

机器与人的对话存在多种多样的可能性,所以并不是像上图那样考虑核心场景就可以了。你需要列举出诸多可能存在的场景,考虑到意外状况,去撰写对话草稿。然后再梳理一个总体的逻辑,如下图,逻辑不需要细化到每个细节、每句对白,重点是要围绕用户的意图展开。

3. 考虑用户场景
设计对话UI需要考虑以下几个场景相关的问题:
用户在哪里?所处的环境是怎样的?
用户正在做什么?
用户使用的是什么设备?
用户的交互体验是怎样的?
用户要完成什么任务?目标是什么?
用户的期望和意图是什么?
试着去满足用户的意图,而不是仅仅考虑满足功能。

4. 对话不存在「出错」的概念
人的表达会存在各种各样的情况,所以不管用户说什么,不要把它当成是一个错误来处理,而是要考虑如何把这转变为一个机会,去推进更顺畅自然的沟通。

5. 站在更高角度去思考
对话UI的使用不仅仅为了好玩,所以不要只是考虑做一个小游戏,而是更多的思考如何让它真正的帮助人们创造价值。Google期望开发者能够一起站在更高的角度,使用这一工具为人们开发更好的产品,创造更好的未来。
以上是视频中的内容概述,一个很简短、概括性的指导。
下面进入正题——本小节的正文主要内容:
我们提倡的设计过程可以帮你在思考用例时更容易,并确保你的对话UI听起来自然,可以作为对开发者创建对话时的可靠参考。
主要步骤包括:
选择正确的用户场景
创建用户画像
撰写对话
进行测试
实现与迭代
一. 构建优质对话体验:选择正确的用户场景
当用户选择对话UI而不是传统UI时,通常会有意识的进行权衡。一般情况下,选择对话UI的场景是他们在户外,没时间看网站上的信息,或是眼睛盯着其他地方,亦或是腾不出双手。
不要试图将现有移动或PC应用直接转换为对话UI。因为对话UI有它自己的节奏和简单的属性,一旦经由其他交互模式演变,就很容易变得复杂。
以下是一些指导原则,可以帮你选择出更适合转化为对话UI的用户场景。
人们可以快速做出回答的场景
看了这篇文章的人还看了

- 全部评论(0)
- 3311140个美食主题网页设计欣赏
- 26642网站活动Banner如何设计,才能吸引用户眼球?
- 23583优秀的海报作品设计分析总结
- 17654微信编辑器哪个强 秀米vs135测评
- 1740520个中国风网站设计欣赏
- 1699626款个人网站设计作品欣赏
- 1679720个漂亮的政府网站设计欣赏
- 1591815个高端网站设计欣赏
- 1340925个国外科技网站设计欣赏
- 133710企业网站制作中一般常见的栏目有哪些?