• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > Google对话式交互规范指南(七):开启口语表达的力量

Google对话式交互规范指南(七):开启口语表达的力量

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含对话式交互,沟通技巧,用户体验,设计规范,谷歌设计等相关知识,希望在学习及工作中可以帮助到您

本小结围绕口语表达习惯,提出了几点建议,包括简洁、有信息含量的表达,提供示例性的引导、只在需要的时候引导等等。

往期回顾:

  • 《谷歌对话式交互规范指南系列:对话式交互的概念和机制》
  • 《Google对话式交互规范指南:设计原则与方法》
  • 《Google对话式交互规范指南:对话UI设计流程与步骤》
  • 《Google对话式交互规范指南:设计走查清单》
  • 《Google对话式交互规范指南:用户对话中的自然惯例》

对话UI的一个优势是人们本来就知道如何去对话。好的对话UI界面应该是符合用户直觉的,不需要教育用户操作,不像视觉UI那样,要教导用户按钮或手机触摸按键的意思。然而有时候,在用户请求帮助或者不确定如何继续下一步(尤其是新用户)的时候,我们还是不得不让用户知道要说什么。

以下是关于构建对话UI的一些注意点,可以通过利用口语表达的那种符合直觉的惯例来创建更好的对话体验。

围绕已获取的信息进行沟通交流

如果用户提出一个疑问,或是想知道如何完成某个任务或操作,对话UI应该围绕着系统已获取到的信息进行沟通交流,这样人们就能够理解听到的内容。增强对对话UI系统的信任,这也就是所谓的「隐形确认」(implicit confirmations)。

用户的目的可能很简单,例如下面这个例子:

也有可能是为了进一步的答案,例如:

需要注意的是,由于语音UI是线性的,用户在交互中不能跳跃,必须逐句的听。而屏幕就可以每次都呈现给用户一个书面的视觉反馈,甚至同时展现配图,不像语音,只是说「米开朗基罗,艺术家」。语音UI需要像用户传达一种信息,就是他们听到的内容就是他们所要求的,更进一步来讲,更多附带的信息需要放在最后去传达,这也被称为「末尾焦点」(end-focus)法则。

用具体例子让用户知道要说什么、怎么说

对话UI还应该提供给人们一些可选择的方式,让他们能够表达请求,或是用例子来说明,例如下面这种对话:

要有信息含量,那些显而易见的就不用说了

没有价值的信息会让你的说话角色听起来很丧、没深度。用户不会喜欢低估他们智力的设备。举个例子,让一个人提出问题:“我怎样能够接收到新闻?”,这样的回答就是没有帮助意义的:To get the news, say “Get the news”。即使换一种用词也是一样,例如:To listen to the news, say “Hear the news”。

同一个用户可能已经知道或尝试过某些方法来查找信息,而人们更愿意去探索他们还可以做什么。对话UI可以通过一些直观的引导,帮助这些用户来探索更多的可能性,例如这样的引导:

UI对话应该在用户还没有明确要求帮助的时候,就让用户知道要说什么。而这样的引导也需要避免冗长啰嗦。例如:

上面的表达可以采用更符合直觉的方式,如下:

让用户信任,为需要帮助的用户提供额外的引导

对话UI不应该试图去教导用户要说什么,避免偏离「愉悦路径」。对于那些没有遇到困难的用户来说,引导是多余的,如果你的对话UI是符合本能直觉的,那么大多数用户都会如此,但在后退和对话修复场景中,就需要进行一些提示。尤其是当有用户似乎被卡住的时候,例如下面的例子:

在对话中,问完问题,没等用户回答,就突然又继续说话,这是不好的设计。而且这种情况下,用户要么必须等待漫长的初始化过程,要么就会去打断对话(如果有用的话),而这样也会使用户成为不善交谈的被动参与者。

总结 & 建议

在构建对话体验时,要记住以下几点:

  • 围绕已获取的信息进行沟通交流。
  • 用具体例子让用户知道要说什么。
  • 避免说废话。
  • 只在需要的时候才提供引导。

欢迎关注译者的微信公众号:爱新觉罗米

「如何让人机对话变得更有趣」

  • 《未来的趋势!好的 AI 对话体验应该是怎样的?》
  • 《如何打造优秀的语音交互体验?这儿总结了四个方法》
  • 《超全面!聊天机器人的界面交互设计实战经验总结》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 超全面的对话式交互设计流程
  • 想掌握对话式交互?先来学习自然对话的基础知识!
  • 10分钟看懂谷歌语音交互设计规范都讲了些什么
  • Google对话式交互规范指南(九):对话中不存在“错误”
  • Google对话式交互规范指南(七):开启口语表达的力量
  • Google对话式交互规范指南(六):用户对话中的自然惯例
  • Google对话式交互规范指南(五):设计走查清单
  • Google对话式交互规范指南(四):对话UI设计流程与步骤
  • 亚马逊语音交互设计规范(三)Alexa的回应
  • 亚马逊语音交互设计规范(二)用户说的内容

相关文章

  • 2018-08-23优设专访!优设×追波人气第一名的设计大神Mike
  • 2018-08-23上亿人使用的手机淘宝卡券包,设计师是这么做改版的!
  • 2018-08-23涨姿势!全球顶尖的设计团队都有哪些设计原则?
  • 2017-09-11windows下NodeJS安装配置步骤
  • 2018-08-23总监经验!视觉设计师必须知道的交互设计模式
  • 2018-08-2336氪产品总监:求职应该怎么问答+面试官是如何打分的
  • 2018-08-23过去十年,我每年都至少失败一次——专访阿里产品经理苏杰
  • 2018-08-23如何遵守设计规范?我总结了这四个层次
  • 2018-08-23无印良品是怎么做设计的?来看看背后的流程!
  • 2017-08-06无法查看网页的源文件该怎么办?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 修改网页中的FlashSWF文件的方法
    • 这些小小的改变,能够让UI动效更上一层楼
    • 战狼2海报烂?那是你没看到精髓!
    • web网页开发面试笔试必备小知识(必看)
    • html 左中右自适应布局(使用calc css表达式)
    • 那些能力差的设计师,都喜欢说这10句话
    • RGB配色表小集
    • css sprites技术将多个背景集成到一个png图片上css定位
    • 超干货!一套完整的设计分析思路应该是怎样的?
    • 基础小科普!浅谈「列表视图」与「网格视图」的用法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有