博舍

人工智能时代,我们应该如何设计产品 人工智能产品设计思路和功能设计的区别

人工智能时代,我们应该如何设计产品

A君导读:最近这段时间,人工智能(AI)已经成为了热词。天气预报、翻译、修图……我们也开始感受到这项技术对日常生活的影响。

在这种情况下,如何设计产品才能让我们有良好的体验?让Google用户体验设计师Riceman来告诉你。

今年元旦,AlphaGo连续挑战包括聂卫平、柯洁、朴廷桓在内的中韩顶尖围棋选手,三天内取得的战绩为令人咋舌的60胜0负。在过去一年的互联网舞台上,人工智能(ArtificialIntelligence)站在了聚光灯的中心。AlphaGo在新年伊始,为2016年打上了一个大大的惊叹号。

过去这一年,和AI相关的新闻铺天盖地。身为设计师的你可能会问:人工智能和我的日常工作有关吗?我应该为此做什么准备?

人工智能和设计师有关吗?

回首过去这一年全球科技公司的大事件,「人工智能」几乎是一个绕不开的关键词。

3月,人机围棋世纪之战打响:李世乭在5番棋中以1:4败给AlphaGo,震惊了整个围棋界以及……朋友圈…4月,人工智能成为Facebook开发者大会上的主角,基于AI技术的聊天机器人开放平台,让很多人第一次感性地认识了这个听起来有点深奥的技术概念。5月,Google首席执行官SundarPichai在GoogleIO上高调宣布公司未来战略将由「移动优先」转向「人工智能优先」,并发布了智能语音家庭助理GoogleHome。9月,Amazon、Facebook、Google、IBM、Microsoft五家公司宣布在人工智能领域建立合作,分享其各自在AI技术上的突破,以吸引更多人才进入这一领域。12月,Amazon宣布他们在刚刚过去的这个圣诞假期中,卖出了上百万台AmazonEcho(亚马逊旗下智能语音助理)。

上月,前微软高级副总裁陆奇宣布将加盟百度,除了负责百度旗下众多主线产品业务,还将专攻人工智能研发。

据「财富」杂志预测,人工智能将会在2020年成为一个价值700亿美金的市场,我们看到的是一个爆火的概念和急速发展的市场。那么,现在这个市场上缺什么?

两样东西——产品,和人才——而这,就和设计师密切相关了。

人工智能说到底是一个技术概念,它需要产品来落地。AlphaGo打败再多高手,也只是一个围棋大师。真正有价值的东西是它背后的深度神经网络和树搜索算法——你可能会问「这东西和设计有半毛钱关系吗?」

有,不止半毛钱。

在设计创新领域深耕多年的PatrickHoof教授预测说:

Designwillbelessaboutdeliveringonauser’srequest,andmoreaboutrespondingtotheneedstheyhaven’texpressedyet.

(未来,设计会更多地去响应用户还没有表达的需求,而不是去为了响应用户主动提出的需求)

这句话换个表达就是,未来的产品,可以并且应该比用户更早知道用户的下一步,并提前作出应对。

「知道你的下一步是什么」——这其实就是下围棋的道理,比你想在前头。海量的数据,先进的算法,再加上超强的机器计算力,使得「机器比你自己更早知道你需要什么」成为了可能。为什么以前不行呢?

因为用户的下一步行为和围棋对手的下一招一样,都难以预测。现在之所以可能了,是因为我们在数据、算法和计算能力上取得了长足进步。于是,围棋界有了AlphaGo,而互联网则有了新的产品机会。

身为设计师,如果你能够掌握人工智能领域最基本的几个概念,并在此基础之上充分发挥对产品的想象力,知道AI技术已经可以做到什么、未来有希望做到什么,你就能走在这个浪潮汹涌的时代前面。

发挥想象力之前,让我们先来看看美国几个巨头公司们,用现有的人工智能技术已经做到了什么,他们把它转化成了哪些产品形态。

AI技术在现有产品设计中的运用

先讲一个你可能没注意到的例子。

GoogleDoc

AutomaticOutline–GoogleDoc

GoogleDoc去年悄悄地上线了一个功能:它会根据文本格式自动为你生成文章大纲(大纲起到全文概览和导航的作用)。也就是说,你不用告诉GoogleDoc某行内容是否是一级标题、二级标题还是三级标题,GoogleDoc会分析文字格式、并结合大量历史数据,自动推测出你的意图。

回想一下,你是否有一套自己偏好的文字样式规范?比如经常把一级标题居中、加粗?二级标题用加粗的16号字,正文用11号?GoogleDoc学习了你的这些习惯(事实上是学习了无数用户的习惯),自动列出文章提纲,从而提升你的工作效率。

这是一个非常典型的运用人工智能改进现有产品的例子,然而却不容易被普通用户觉察到。正如最好的设计是「感受不到的设计」,最好的智能是「隐形的智能」。

再来看一个常用产品的例子。

Inbox

SmartReply–InboxbyGmail

Inbox是GoogleGmail团队开发的一款邮件应用,它有一个非常经典的功能叫做「智能回复」。例如,同事向你询问是否有某一个文档,在你打开这封邮件的同时,Inbox就会自动分析这封邮件的内容,并据此自动为你生成一些快捷回复选项。

更神奇的是,Inbox还会根据你的过往邮件回复不断学习并修正这些句子,来使得这些句子变得越来越像你平时写邮件的口吻。

SmartReply这样的功能不再是媒体今天争相报道的「黑魔法」,而是实实在在地成为了一个被用户广泛使用的功能。我们在产品设计中运用人工智能技术,目的是为了满足用户的需求,而不是强调技术本身。事实上很多时候,我们做设计的目的就是为了掩盖技术本身,而不是反过来。

亚马逊旗下智能语音助理AmazonEcho

第三个例子,是上个月在CES大会上大红大紫的AmazonEcho。Echo的接口开放策略让许多和AI相关的软硬件公司选择与其紧密合作,互利共赢,以致CES上几乎呈现出亚马逊在语音助理方向上一家独大的局面。

Alexa,把客厅灯关了,把我的床头灯开到一半的亮度。

Alexa,再买一袋我上个月买过的那款猫粮。

Alexa,我今天早上的会议几点开始?

就在几年前,这些「人机对话」还大多只是停留在计算机实验室里、科幻电影的剧本上。然而只在过去短短的两年时间,「智能语音助理」就已经走入了美国几百万户寻常百姓的家庭。

语音交互设计师(VoiceInteractionDesigner)在硅谷成了抢手的香饽饽。他们不用Photoshop、Sketch做界面,也不用Principle、Framer做原型。一个新的技术时代,催生了一种新的设计岗位。

给设计师的3个建议

在未来两年里,许多科技公司将主动投身于人工智能的浪潮之中。身为设计师的你,在伏案画界面的同时,有没有关注公司新一年的年度目标?「人工智能」是否在列?它被提及了几次?优先级如何?你为此做好准备了吗?

也许你负责的产品中已经运用了人工智能(若不自知,实该警醒),也许你正在考虑如何通过人工智能来改善产品体验。这里有3个建议,给已经、即将和人工智能打交道的设计师们参考。

建议一:「人工智能」不够智能,请随时准备好「擦屁股」

当AlphaGo所向披靡,当视频里的语音机器人无所不知,当硅谷黑科技刷遍你的朋友圈,你很难去相信这个事实:「人工智能」在绝大多数领域的智慧水平,其实还只是个婴儿——设计师要谨记这一点。

如果机器学习结果出错,你是否为用户提供了方便的「非智能」方式,帮助她解决问题?

在做AI产品设计时,要时时牢记假设机器学习的最坏结果。最坏结果下的「撤退方案」,和最佳结果下的设计一样重要,很多时候甚至更重要。

一旦用户产生了失望、沮丧的情绪,就很容易放弃这个功能、甚至整个产品,这种结果是很难挽回的。因此,实际上更重要的一条原则是,如果你对「机器智能」的信心不足,宁可选择不做。

如何清楚地向用户传达出「智能」带来的好处,如何为随时可能出现的错误,提供优雅的解决方案——这是对设计师们的挑战。

建议二:降低使用门槛,及时正向回馈

为用户提供个性化内容,是人工智能技术一个非常常见的应用场景。了解用户的一些基本信息,往往是个性化内容的基础。获取用户信息,这件事情听起来简单,但并不容易做好。

Quora(可以简单理解为英文版知乎)要求新用户在第一次注册完成后,必须选择至少10个感兴趣的领域。并且,用户会被要求手动输入自己熟知的领域。我们都理解,这是Quora希望通过掌握用户的初始数据,从而为用户展示个性化内容。这个交互流程的初衷很好,然而你却能看到很多用户在Reddit和Twitter上抱怨。

Quora的用户注册流程

问题出在哪里?两个原因:

1.门槛过高

在用户使用产品之前,应该尽量简化强制性任务。在Quora这个例子里,选择至少10个兴趣(不可跳过),还要求用户手动输入熟知领域,这个门槛有点过高了。新用户在注册完成前,什么内容都没看到,甚至可能连这个网站究竟是什么都不明确(Quora的首页只有一个注册登录框)。

这种时候,任何强制性、高认知负荷的任务都可能会造成用户流失。用户没有义务回答这些问题,也并不一定清楚,完成这些任务能为她带来什么好处。

你是否能想到一些优化的思路,来降低这个门槛?比如:是否可以基于用户已经做出的前两个选择(比如「互联网」和「设计」),猜测出用户可能还对什么话题感兴趣,从而降低必选项的数量?是否能够在用户使用产品后,通过分析用户的浏览行为来逐步了解她的其他兴趣?

2.反馈不及时

如果获取初始数据是强制的、繁重的,并且用户也不能感受到提供数据带来的好处,那么「训练人工智能」对用户来说,感觉就像是一场「义务劳动」——这种感觉是我们在产品设计中要尽量避免的。因此,对于用户的付出,我们都要尽可能地及时反馈。

举两个产品的例子:

在Facebook里,如果你向新公司同事发出了好友申请,你会发现,Facebook会立即更新「你可能认识的朋友」列表。在网易云音乐的「私人FM」里,如果你「喜欢」了一首歌,你很可能会很快就听到该歌手的其他歌曲。

其实AI产品中这种反馈机制的设计,和游戏设计的原则是一样的。我们要构建的就是一个「首次任务」->「及时反馈」->「激励用户完成下一个任务」这样正向的、有节奏的短循环。回想一下让你欲罢不能的游戏,是不是都是这个套路?

建议三:别着急,从小事开始积累信任

一个刚毕业的设计新人,对张小龙说自己有能力重新设计出更好的微信,你一定觉得这人疯了。人与人之间的信任,是在时间和合作的基础上建立起来的。人与机器也是这样。

市面上所有的「智能助理」类产品距离真正的「智能」还有很长的路要走。现阶段,人工智能产品最最紧要的事情就是建立「用户信任」,这件事很重要,但急不得。把天气报好了,放音乐放对了,把闹钟设准了——我们要从这些标准化的小任务开始,慢慢地赢得用户信任。

大公司做产品的性子往往很急(这其实给了很多AI小团队机会),但这里不得不表扬电商巨头Amazon。坐拥上百万Echo用户,面对「智能购物助理」这个诱人的大蛋糕,AmazonEcho却耐住了性子。他们先从「重复购买」这一小块蛋糕开始入手。

高频次、低错误率——这是现阶段所有人工智能产品都应该去努力寻求的切入口。

大部分人天性不喜欢被他人「指导」,不喜欢失去控制权。但如果一个人不断地完成了你让她做的每一件小事,信任就随之产生了。当用户慢慢习惯了说一句话,牙膏、猫粮、厨房纸第二天就送到了家,也许有一天,用户也会信任她去做叫外卖、订机票、订酒店,甚至买车、买房。

信用这件事,建之不易,毁之顷刻。所以,人工智能产品的设计师们,千万别着急,从小事做起,努力积累产品的信用分。

结语

1956年的达特茅斯会议上,「人工智能」第一次被正式命名。过去60年来,它已经经历了两次大起大落。而今天,我们正处在第三次人工智能大潮之中。

如果你相信现代社会中仍有大量劳动可以被机器智能取代,那么你就应该相信人工智能必然会持续高速发展,你就应该为此做好准备。

当你接到下一个人工智能相关的产品设计需求,不妨想一想:

你为不够智能的「人工智能」随时准备好「擦屁股」了吗?用户的使用门槛够低吗?正向的反馈够及时吗?机器学习的错误率足够低吗?用户更满意、更信任你的产品了吗?

文章授权转自UXCoffee(微信公众号:uxcoffee),原文链接:人工智能时代需要怎样的设计师

本文由让手机更好用的AppSo精选推荐,关注微信号appsolution,回复「找美图」获取一款免费素材图库,用AI帮你找美图。

产品设计思路怎么写(功能设计思路包括哪些内容)

释放双眼,带上耳机,听听看~!

编辑导语:在数据业务展示场景中,数据可视化大屏已经变得十分常见。那么在设计思路上,数据可视化大屏应当遵循什么样的设计逻辑?本篇文章里,作者结合实际案例,对数据化大屏的可视化设计原则做了分析,一起来看一下。

数据化大屏现在是公司的一项常用的数据业务设计展示模式,最近在负责公司的一款数据大屏的设计工作,做一下复盘吧。没有太多看法,只说几点思路想法。

一、设计开始时,要确定尺寸和颜色风格

大屏是电脑内容投影到大屏上的页面,要结合电脑屏幕的分辨率来定设计稿尺寸。

拿我们公司来说,我们公司的大屏是拼接屏16:9的,所以设计页面尺寸选用了1920*1080的尺寸,当然了也可以用4k电脑屏幕的3840*2160;因为是拼接屏,所以采用了深色暗色背景,这样可减少拼缝带来的不适感。

产品设计思路怎么写(功能设计思路包括哪些内容)

确定好尺寸和背景颜色后,需要明确出发点:大屏设计是在充分了解业务需求的基础上进行的。

我们都知道大屏数据可视化是以大屏为主要展示载体的数据可视化设计。大屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。所以拿到需求的时候首先要知道这个大屏是干什么的?功能是什么?

而大屏的设计要坚持,大屏数据可视化设计原则——即设计服务需求、先总体后细节。

 

二、好了,接下来进行第一点分析——大屏的数据怎么放?

我们想象一下,一个屏幕承载的内容,用户第一眼看到它,你希望他一眼记下全部?怎么可能呢,怎么可能会让人一眼全部看的仔细,而且记得深刻,这是不现实,我们无需说一些冠冕堂皇、大而空的话说会通过设计手法实现这个。

大屏因为大,承载数据多,而大屏承载的又是数据信息,它的特点就是数据可视化的展示;所以,它最不缺的就是数据!

当信息聚集的时候,人接收信息的方式有3种:视觉性型,听觉型和触觉型。

而其中获得的大部分信息是由视觉提供的。这时候大量的数据信息集中出现,那么用户对于信息的获取其实是短暂的、迟钝的,容易视觉混乱、迷失。

这时对于大屏的数据展示来说,它最缺少的恰恰是数据的筛选主次。

因此主要而首要的设计任务是要有一个数据及其内容的主次之分,轻重缓急,让信息呈现要有焦点、有主次。大白话就是既然你无法对信息全部吸收,那就对你第一眼看到的信息过目不忘吧!

产品设计思路怎么写(功能设计思路包括哪些内容)

明确了这一关键点后,接下来需要对数据根据业务需求拟定各个指标展示的优先级(主、次、辅)。

我们可以通过对比,先把核心数据展示给用户,待用户理解大屏主要内容与展示逻辑后,再慢慢逐级浏览二三级内容。而且部分细节数据其实是可以暂时隐藏,用户需要时可通过鼠标点击等交互方式唤起。接下来就是:

核心业务指标安排在中间位置、占较大面积。其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少观者认知上的负担并提高信息传递的效率。

当然了这要看屏幕的布局,如果是左右布局,那主要信息在左边,如果是三栏布局,那主要信息在中间,遵循:上下布局择上;左右布局择左,三栏布局择中的原则。

三、数据的优先级确定好后,需要进行第二点分析——大屏的数据展示怎么设计?

 

1.拿到数据和需求,我该怎么办?

首先大屏设计是直面用户的,以体验设计为例,大家都知道,用户体验分为五要素,分别为表现层、框架层、结构层、范围层以及战略层,每层都有相应的内容做支撑。

拿体验设计师来说,体验设计师的系统化设计思路,其实就是在拿到上层需求时,会先从底层战略入手,思考底层战略需要传达的特征含义是什么,表现层怎么达成战略落地。这就是为什么手里拿到一个需求,仅往上挖,挖不出太大价值的点,只能往下挖的原因。

作为设计师,在设计之初就要有模拟好要沟通的人(针对的用户),可以通过对情绪反应、情绪体验和情感关系的关注,运用对于用户的同理心、共情能力,尊重用户的感受,并将这些思考应用于设计策略中。同样的,这种思考在大屏的展示设计中也是至关重要的,

大屏设计,数据是主要的,但是重点突出数据的重要性,会让可视化图表变得枯燥乏味,而过度注重绚丽多彩而让数据的呈现效果大打折扣。

就像你看一本图书的兴趣大于一本纯文字的书一样,信息数据在大屏上的展示,也是设计的一个重点。而这个重点也是设计的其中一个要解决的问题——就是将枯燥的、专业的、不直观的数据内容,转变成有趣的、浅显的、直观的信息传达给观众。实现设计与功能之间的平衡,更好地沟通与传达信息。

 

2.首先第一个技巧就是:联想

如何进行联想呢?联想在于沟通,你沟通了才知道怎么去想啊,没有目的的天马行空只是胡思乱想。

设计师是需要沟通的:

设计大屏的开始就是设计师对内业务的沟通;其次是设计师对外需求的沟通;最后落足在设计师与大屏的沟通。产品设计思路怎么写(功能设计思路包括哪些内容)

对内业务沟通在于理解整体:

运营同事和产品提供了信息与数据;那么设计师在挖掘到足量的数据基础上,就要思考如何把业务用可视化的故事视角串联起来。到这就需要进行联想了,因为身为设计,联想是很重要的,设计师从所要传达事物的特征标题文字或数据、或宣传语等数据、文字出发进行的联想,这种联想往往具有双关的效果,本身就带有一定趣味性。

所以需要我们要对语言文字(理解文案想表达的)、数据有一定的整体了解(理解这些数据的最大值及其最小值,是方便你进行组件设计,进行开发),在此基础上进行联想和变通。

在我看来,一个大屏就是一个故事集;需要做的就是做好联结联系作用。

如果信息是业务层,那好办了,那我们就可以联想到业务的接触者、实施者。

比如我们的大屏,沟通海内外企业交流合作的,那么从地理信息出发,我们的载体很明确,从宏观到微观依次是全球、国家、城市、商圈、单个建筑。整个布局就可以以这些标志载体作为烘托和配图。

产品设计思路怎么写(功能设计思路包括哪些内容)

对外需求的沟通在于辅助动效:

我们都知道根据动效的作用可分为:交互式动效和非交互式动效;但是呢,大屏上的展示多是以给交互式动效进行。

大多数情况,设计师我们要明确大屏设计本身要达到的目的,这比设计好大屏本身更加重要。

就像在我们工作中会有各种成品展示啊,工作汇报ppt啊等等,这就是展示成果。

说白了一句话:简易的功能导航,有效的过渡以及酷炫的动效最终都是服务用户。

a:大屏辅之以动效,这是加分的!

炫酷的动效能够迅速抓住用户的注意力,同时还能起到引导用户视线的作用,也用这种巧妙的方式清晰地向用户传递了企业的品牌力和产品平台实力;

b:用户的每一个操作都会有一个期望,这个期望可能来源于现实映射!

对于用户的这种操作期望,利用有效的时间来去吸引我们的用户,就需要好看的画面,有趣的动效,将真实的现实转换为虚拟平面,在此过程中必然要将一些“期望”情感放大,然后利用模型和3d及其动效,将平面的设计增强情景感触;这样达到了缩小用户期望,也给用户身临其境的真实感,加强体验舒适度。

c:利用动效,让整个大屏模块过度尽量的流畅!

动效的辅助使得界面与界面之间、界面上元素的出现和消失都的流畅,通过大小、位置和透明度的变化,使用户和产品的交互过程也变得更流畅。

产品设计思路怎么写(功能设计思路包括哪些内容)

d:动效的存在最大的作用就在于一点,那就是:让用户有操纵感。

这种操纵感不仅仅表现在对用户的操作有了反应、有了不同、有了显示,还表现在让用户知道当前模块运行的状态,它是停止还是进行中亦或者是在线还是下线;

所以可以反向思维一下:

既然用户需要提升操纵感,那么就通过设计动效去引导,来进行暗示和指导,让用户主动抑或者被动的关注你想让用户关注某一功能或者是信息,那么这时候通过动效展示数据属性的定量信息进行的暗示和指导,也就能快速的帮助用户使用功能和注意到这个信息;

设计师与大屏的沟通其实在于有趣。

可视化大屏,每张界面不仅仅只是形态多变,而是真正做到给用户带来震撼的视觉冲击,有趣很重要的。

a:数据和信息的展示更要发现数据内在的信息和规律,让他们变得有趣生动起来。

我们可以通过大屏的硬件去了解,通过图表类型的选择,字体字号的选择、颜色的对比、基础组件的构成这些去了解去实现让信息和数据还有操作都变得有趣起来。

比如颜色,就和我们app和网页设计一样,都是选择页面中60%使用主色调,30%使用辅助色调,10%使用对比色调,选用包容性的配色方案。

拿数据的文字大小来说啊,我们想要显示其中的一条数据,最好的方法就是加强它与其他元素的对比,从而提高它的重要性层级。就像两个人面红耳赤,非要一较高下,有趣有趣!

产品设计思路怎么写(功能设计思路包括哪些内容)

其他的就不细说了,都是一样的;当然了,可能你想要的“有趣”对于开发相对困难,这时候就需要跟开发多多沟通。

 

四、最后,设计完成了,需要进行第三点——大屏的交付

切图与标注是少不了的,按照网页设计标准切就好了。也要看一下大屏的运行、展示环境。UI走查一下,看看设计稿在大屏展示的效果,是否存在色差、文字内容是否清晰可见、页面动效是否流畅、图形图表等是否按预期显示、页面是否存在变形拉伸等现象;当然了,看看你的领导是否有新的需求和更改意见,这些都是要注意的。

最后我想说,随着智能化校园或者智能社区等的兴起,还有公司项目的宣传性提高,大屏可视化设计对于数据和信息的展示也将是向用户传递了企业的品牌力和产品实力的重要一环!

声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请提交工单举报,一经查实,本站将立刻删除。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

上一篇

下一篇