学会自然语言设计法,提前触摸人工智能设计
自从Echo引爆了一波智能音箱的浪潮,AI时代似乎离我们越来越近了。虽然目前语音交互能完成的任务还是少之又少,界面交互仍然是主流。但是,业界普遍认为,语音识别准确率一旦从97%上升到99%以上,人们大部分的界面操作都会转为通过语音来实现。
那么,未来真的会脱离界面交互吗?来看看高手的见解:《总监有话说!2017年大热的对话式交互会成为未来吗?》
如果界面消失了,交互设计师还能干什么
很多公司已经开始设立AI交互设计师或语音交互设计师职位,他们的主要工作就是设计对话。包括对话的结构、短语、语法和单词选择等等。
编者注:Google 提供了一份相当成熟、系统的语音交互规范文档。还附加了案例:
- 《谷歌对话式交互规范指南系列:对话式界面的概念和机制》
- 《谷歌是怎么设计语音界面的?这篇总结了对话设计六原则!》
由此可以预见,我们的设计对象,会经历从图形用户界面向会话用户界面的转化。那么,交互设计师要如何拥抱变化,完成转型呢?现在就去找一份AI设计师的工作似乎为时过早。更好的方法可能是从现在开始,用设计对话的思维去设计界面。本文就是要为大家介绍这样一种方法——自然语言设计法。
自然语言设计法
笔者最早了解自然语言设计法是通过臭鱼前辈2008年的交互设计博客,无独有偶,R/GA创意总监Teixeira在今年早些时候也在博客中提到了他多年来都在使用这种设计方法。
自然语言设计法分为3个步骤:
- 总结出要传达的信息。
- 把信息转化为文字表达,对文字的内容、语序、表达方式进行调整,确保表达得清晰、自然和简短。
- 对文字表达进行视觉化翻译。
△ Dropbox的文字表达和视觉翻译
这种设计方法的好处是,在设计的初期可以让你把注意力放在要表达的信息上,可以用最低成本的方式和你的团队讨论产品策略和流程,而不是把大量的时间花在设计软件上。
这些技巧可以帮你做得更好
界面即对话,了解设计对话的技巧可以让你更好的应用自然语言设计法。
下图展示了电梯界面是如何与用户对话的。
这段对话非常简洁、高效,整个交互可以在1秒之内完成。从中我们可以学习到下面这些技巧。
1. 传达必要的信息
如果你需要说话对象去完成一个任务或者做一个决策,那在此之前,你需要提供完成任务所必要的信息。生活中我们看到很多「哑巴电梯」就没能做好这一点,比我司的电梯,只告诉乘客当前在几层,不表述运行方向,这样当乘客站在21层,看到电梯显示正在20层的时候,也不知道电梯是下一秒就会到达还是要再等5分钟。本来1秒就可以结束的交互变成了不安的等待。
2. 提出明确、简单的要求
提出要求是对话的关键步骤,提出要求,得到回应,才能将对话继续下去。
电梯的两个按钮,明确给出了两个答案供乘客选择。此外,要求越简单越容易得到回应。前面对话中电梯是服务者的角色,乘客是顾客的角色。乘客只需要描述自己的需求,而不需要描述自己的状态(我在21层)或对电梯提出要求(我希望你上来),电梯会自己处理这些问题。就像你可以对语音助手说「给我找个饭馆」也可以说「我饿了」,如果语音助手不能回应后一种说法,就会显得非常不智能。
3. 保持简短
其实乘客说「我要上楼」也是拐了个弯的,乘客真正想的是「我要去30层,我现在在21层,所以我要上楼」。但是,如果电梯直接问乘客「你要去几层?」会有两个问题:
- 无论采用输入还是选择的方式电梯操作面板都会变得过于复杂。
- 因为不知道乘客会上哪一部电梯,所以乘客上电梯之后还要再选一次层数,存在重复操作。所以考虑到保持简短,还是让用户绕一个小弯的方式更好一些。
4. 根据对话双方的角色设计对话的内容
前面说过,电梯是服务者的角色,乘客是顾客的角色。所以电梯多说,乘客少说。对话双方的角色决定了对话的内容和语气。设计对话时要考虑产品的定位或者说产品的人物设定。
下图是笔者与AI小和尚贤二聊天的内容。
如果同样的问题去问Siri会得到怎样的回答呢?
贤二和Siri对问题的答案完全不同,但是却毫无违和。因为这符合他们各自的人设。贤二是一个陪你聊天的心理导师,而Siri则是一个有用的助理。
自然语言设计法应用:邀请好友活动页的设计
举个例子,下图为某邀请好友活动的需求原型。看起来信息有点多,要怎么组织呢?运用自然语言设计法,可以帮我们理清头绪。
1. 把要表达的信息全部写下来
这一步骤的重点就是不要有遗漏,把所有要表达的信息直接写下来,不需要考虑顺序、优先级、如何表达,那是后面的事。现在只需要把图里表达的信息一句一句的写下来。
2. 找到其中最核心的信息
删掉不必要的话,直到不能再删为止,找到界面要表达的最核心信息。这些信息就是设计要突出的重点。下面是删减之后的信息,这个界面的核心就是通过现金奖励鼓励用户邀请好友。
3. 设定界面角色并优化表达
在这段对话中,活动界面其实扮演了推销员的角色,向用户推销这个活动,目的是促使用户产生邀请好友的行动。
在设计时可以想象如果你是一个推销员,想让顾客把产品推荐给他的朋友,你会怎么表达?强调哪些重点?哪些话选择性的说?哪些话问了才说?并据此重新设计信息的文字表达。
我们在第二步已经找到的这段话的重点,有了这些信息,用户就足以知道我们想让他做什么并决定自己是否要这样做了。所以这部分信息需要强调,位置也要向前移动。如果用户还在犹豫,我们再提供成功案例来提升他的意愿。而邀请进度的信息是第一次见面不必说的,那就把它往后放。
活动细则?那只会延缓用户执行行动的时间,增加决策成本,就把它放在最后面,实在想看的人再去看吧。最后我们把要强调的信息用加粗大字来表现。调整语词使其更通顺自然,就得到了下面这段文字。
4. 对文字表达进行视觉化翻译
最后一步,就是要把文字转化为视觉界面。可以从以下角度考虑:
- 对要重点表达的部分进行视觉化强调,例如放大、加粗、使用颜色或图形。
- 用线或面对同类的信息进行分组。
- 有没有文字可以用图片、视频、动画来替换。
最后我们得到了下面的交互方案。界面上信息的顺序和强弱都是与前面的文字表达一一对应的,信息杂乱、难以组织的烦恼迎刃而解。
然而事情还没完,邀请页面有了,那被邀请页面呢?也要和邀请页面一样强调现金奖励吗?其实在这里,活动页的角色已经发生了变化,从一个推销员像顾客推销,转化成了一个用户像自己的好友推荐产品。我们来感受一下下面的对话:
- 对话一:诶,老张,我给你推荐一个贷款应用特别好,你只要贷一笔款就能得到10块钱。
- 对话二:诶,老张,我给你推荐一个贷款应用,贷款额度特别高,而且申请容易、放款快。现在还有活动,申请成功就返10块钱。
有没有觉得对话二比对话一自然的多?原因是贷一笔款得到10块钱对老张来说并没有吸引力,用户需要向朋友推荐的是一款产品而不是10块钱。所以我们在设计被邀请页时转换了页面表达的重点,从强调现金奖励变成了强调产品额度高、放款快等优势。下图为被邀请页交互方案。
自然语言设计法是一种很实用也很有效的设计方法,他的核心其实是将界面设计映射到现实生活中,用人们熟悉的、觉得理所当然的方式进行表达。这种理念也可以延伸到行为设计,例如设计线上购买流程时,与现实中超市的购买流程做映射,这可以帮助用户更容易理解线上的支付流程从而更顺利的完成任务。更多的可能性,就等待大家来探索啦。
欢迎关注微信公众号:「 融360RUX」
「深入了解!未来大热的对话式交互设计」
- 《未来的趋势!好的 AI 对话体验应该是怎样的?》
- 《图形界面的末路?聊聊未来可能会流行的「对话式交互」》
- 《超全面!聊天机器人的界面交互设计实战经验总结》
- 《如何打造优秀的语音交互体验?这儿总结了四个方法》
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com