• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网站要怎样为越来越流行的语音交互而优化

网站要怎样为越来越流行的语音交互而优化

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

本文主要包含优秀网页设计,经验分享,网页设计,语音交互等相关知识,CARRIE COUSINS希望在学习及工作中可以帮助到您

仔细审视最近几年的趋势变化,你会发现Alexa、Siri 这样的语音助理服务已经润物细无声地影响着我们日常的交互和生活服务,而聊天机器人这样的类AI服务也越发的完善。所有的这些变化对于网页设计到底意味着什么呢?

Google 的研究报告显示,接近20%的移动端搜索流量已经被语音指令承包了,用户开始逐渐习惯使用语音同界面进行交互,这个数字会随着时间的推移越来越大。对于网页设计师而言,也需要开始考虑语音交互要如何加入其中了。

带着问题思考

为了充分利用语音交互的特点,你首先得了解用户是如何借助语音进行交互的,也就是他们是如何“说话”的。许多语音提示,搜索和命令都是以问题的形式呈现的。

  • 电影院在哪里?
  • 彩虹里包含哪些颜色?
  • 大象一般有多重?

你的网站需要包含一些常见的问题的答案,以便用户在使用语音搜索的时候能够找到你的网站。

提供简单易懂的答案

针对用户用语音提出的问题,你应该给你出足够简单易懂的答案。使用冗长的、非常规的、复杂的答案无疑是不够友好的。答案所呈现出的信息最好是对话式的,而内容的质量也直接影响着答案的效果。

当用户使用语音提出指令和问题的时候,内容的呈现形态和我们平常所简单的热门网站的信息呈现形式是不同的。

Google 针对常见的用户语音交互内容,总基础了目前最受欢迎的四种交互式的指令特征:

  • 我想知道……(I want to know …)
  • 我想去……(I want to go …)
  • 我想做……(I want to do …)
  • 我想买……(I want to buy …)

这种指向性极其明显的指令,将绝大多数的用户引导到了不同的网站。你可以参考这些指令的特征,让你的网站的内容贴合用户的目标,更容易同用户的语音指令应对。

将常见问题列表纳入进来

想要创建问答式的内容,最简单的方法是创建 Q&A 列表。

常见问题的列表非常符合语音指令的要求,这种样式更容易为搜索引擎所抓取,并且匹配上用户的提问。

确保最常见的问题被优先列于列表顶部,而有答案的问题也被优先展现。不要因为这些问题的受众是语音用户而隐藏内容,要记住,有越来越多的人开始使用语音来获取这些信息和内容。

对于更复杂的问题,可以考虑使用单页来逐步展示,甚至可以整理成一篇博客文章,这样的内容同样非常吸引人。

基于长尾效应来设计

那些和常用语相关的词汇组,常常能够持续地吸引用户点击查看,它们是更加符合长尾效应的内容。

举个例子,如果你正在搜索网站相关的内容,你可能会问“我如何找到一个能设计Wordpress 网站的设计师?”又或者“一个优秀的Wordpress设计师通常会设计出怎样的网站?”这当中就包含了Wordpress、网站、设计师等几个关键词。

有很多特定的关键词组合,这些关键词组合符合用户讨论特定内容时候的描述性特征。

你得充分运用这些词组和关键词,就需要在你描述产品和服务的时候运用它们,在介绍产品和服务特征的时候适当地结合着使用,在陈述内容的时候,尽量使用常见的语序结构和表述手法,利用长尾效应来优化信息的结构。

想要在网站中运用好长尾效应,本质上就是在信息的处理方式贴近用户提问和回答问题的表述方式。

使用文本和图片来优化内容

和其他类型的内容页一样,使用文本和图片元素同样可以使用关键词优化。包括图表、表单和信息图在内,都能进行有效优化。高质量的内容和元素越多,搜索引擎越容易将你的网站内容纳入索引范畴,并且推送给用户。

而内容的来源同样重要。当用户使用语音获取内容的时候,他们希望信息尽可能快速、直观,还希望他们想要的内容要集中、靠近,这样更加一目了然。

如果你想充分利用关键词系统,不妨在呈现这些内容的时候,提及一下它们的来源(比如你的网站)。

注意信息的集中度

用户通过语音交互在互联网上搜索信息的时候,常常会通过搜索引擎来抵达想要的答案。搜索引擎在列举搜索结果的时候,除了网站的名称和标题之外,下面还会有一段包含关键词的片段信息。

可以说,这些包含关键词的片段就是信息呈现的黄金地带。如果这个地方呈现的不是零散的信息,而是完整的问题答案、计算的过程、达成目标的教程、执行某些操作的准则、关键性的提示,那么它在呈现的那一刻就会对用户产生足够的吸引力。而这些事情是作为网站的内容创建者能够控制的。

另外一些优化则不是完全由你所能控制的。搜索引擎有的时候会抓住你的网站的一些关键的信息,比如所处位置,电话号码等,尤其是当你的网站是特定品牌或者商家的时候,这个时候,你需要尽量保持你的网站上所提供的抓取信息是最新的,这样能确保用户能在对的地方、以对的方式找到你们。

使用视频来呈现答案

这是一个简单但是足够实用的解决方案。

想想看,当用户用语音搜索一个问题,弹出你的网站链接,点开是一个简短的视频来告知他问题的答案,或者是他想要的产品和服务的介绍。

你的网站可以以多种多样的方式来帮助用户,用文本介绍,图文呈现,音频回答,或者用视频来介绍又有何不可呢?更何况用视频足够简短,省心。

使用视频给用户以回答,有几个好处。一方面,使用视频来回答和介绍相对而言更独特,尤其是当你对产品和服务有足够深入了解的时候,这种呈现方式就更加独一无二了。另一方面,使用视频呈现的时候,你可以更好的控制情绪、氛围和情感的输出,可以比文本的信息呈现更加富有情感。

结语

针对语音交互的优化,很大程度上算是SEO的范围,但是需要注意的点更多,针对语音搜索和交互的优化,能够让你的网站潜在价值更高,排名更加靠前。值得一提的是,这种优化是长尾的,越早开始准备,就越超前。

【这些趋势好文,让你的设计走到用户心里】

  1. 《这3种独特的趋势,能让网页设计增色不少》
  2. 《2017年最后几个月,网页设计师值得注意的趋势》
  3. 《这3个流行趋势虽然好,但依然要注意这些细节》
  4. 《看了那么多的设计趋势,你知道怎么落地实践吗?》

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

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

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

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

优设大课堂

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

  • 弹出框里的设计门道,你是否都知道?
  • 遵循这7个原则,能让你的网页用户体验更优秀
  • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?
  • 这3个适用性极强的网页设计趋势,在4月非常流行
  • 怎样设计,才能抓住用户稍纵即逝的注意力
  • 吃透这10个网站,你就明白了网页中留白的技巧
  • 设计出优秀的网站着陆页,这10个技巧能帮到你
  • 换了很多家公司还是在打杂,问题究竟出在哪里?
  • 也许你该注意一下影响网页设计的这5个关键指标
  • 这5个丑出新高度的网站,为什么那么多人夸

相关文章

  • 2017-08-06如何提交表单中disabled表单域的值示例代码
  • 2018-08-23想设计出吸引视线的标题?来学这些好用的文字组合技巧
  • 2018-08-23复盘实战案例:引导用户开通唯品金融五部曲
  • 2018-08-23这3个趋势,在接下来的9月会影响更多设计作品
  • 2018-08-23从幽灵按钮到空心元素,它们一直在流行
  • 2018-08-23苹果Emoji 设计师:几百个风靡世界的表情是如何创作出来的(有彩蛋)
  • 2017-08-06IE8兼容视图(IE7 mode)与独立IE7的区别详解
  • 2018-08-23超实用!轻松4步搞定一个APP的LOGO设计
  • 2017-08-06网页设计技巧:iframe自适应高度的问题
  • 2018-08-23腾讯设计师:我做设计这七年里的心态变化

文章分类

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

最近更新的内容

    • 1990-2018,可能是最全的 Photoshop 简史科普
    • 移动互联网时代:响应式网页设计已成为大势所趋
    • 入门好文!电商首屏页的基础知识科普+技巧总结
    • 酷站两连发!日本免费人物图库+全能型在线GIF编辑优化网站
    • 五条准则帮你写出可维护的css代码
    • 想用设计化腐朽为神奇,你得先想明白这10个问题
    • 不懂服务设计?看看它的演变历史你就知道了!
    • 设计师应该知道的 iOS 设备常见差异化设计
    • 专业科班方法!帮你学会网格工具这个理性的排版利器
    • 如何找到改版的切入点?我用「品牌探索」这个方法!

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

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