从Smartisan OS 3.1的产品设计谈:交互设计的核心是什么?

老罗的Smartisan M1发布了,同时推出了Smartisan OS 3.1,作为友商的产品经理,对于手机和系统不做评价。不过Smartisan OS 3.1的几个功能设计还是给我留下了很深的印象,也借助分析Smartisan OS 3.1的几个产品设计来简单谈谈我最近算是想明白的一个问题:交互设计的核心是什么?

 

交互设计的核心是什么?

  • 如果说产品设计的核心是:解决用户问题。
  • 那么交互设计的核心应该是:提升用户使用效率。

之前写过一篇文章《产品设计入门:到底交互设计是什么?》,概况了自己对于交互设计的理解:交互设计是对于用户产品使用行为的优化设计。这篇文章是自己1年前写的,现在来看,对于交互设计的理解还是坚持认为没有偏差。不过,经过1年来的产品设计实践和交流学习,自己对交互设计的核心有了一定的认识:提升用户使用效率。

一、为什么提升效率是交互设计的核心?

如果大家有看老罗这次发布会的话,应该会很明显的发现在老罗介绍讯飞语音输入、Big Bang 、One Step 三个重要功能的时候,一直在强调大幅提升智能手机的效率。我相信也是因为这些交互方式在效率方面的明显提升,才会给了留下深刻的印象,特别是在介绍One Step时:

  1. 找合适的使用场景:比如微信分享文字、图片等
  2. 对比iPhone的操作流程:一步、两步、三步……
  3. 强化One Step对于操作效率的提升:一步!

因为效率的提升,会明显降低用户的使用成本!类似的产品设计还有很多,也是因为这些设计对于用户效率的明显体现,才成就了产品本身。再举几个例子:

(1)MIUI文件管理器“最近”的功能设计

早起的MIUI文件管理器应该有很多亮点功能给人较为深刻的印象,比如文件分类、手机文件夹名称自动备注等,这些都是在提升用户的文件检索效率。更进一步,对MIUI文件管理用户使用数据提升比较明显的是把“最近的文件”作为首页,因为这样的设计满足了用户使用文件检索的最主要的场景,也极大的提升了用户找文件的效率。

(2)MIUI发短信收件人入口添加最近联系人

这也是在用户预期的使用路径上给用户需要的内容,以提升用户的使用效率,这样的设计也成为了行业类的范本,类似的包括老罗在Smartisan OS 3.1发布会中提到的编写邮件时可以快速添加最近邮件联系人;微信聊天输入框“+”号入口会悬浮“刚刚保存的照片”等。

以上是两个小的交互设计的路径优化,以提升用户产品使用效率的例子,当然都来自我现在所在的公司。MIUI类似的产品设计还有很多,大家在使用中也会明显的体会到这些设计对于自己使用手机效率的提升。当然,这些点可能比较小,用老罗的话叫做情怀,但行业类因为“明显提升用户使用效率”而改变命运或者获得成功的例子,还是有很多的。在这再举两个例子:

(1)360安全卫士/杀毒的“一键优化”、“一键查杀”、“一键清理”

这些“一键”的设计,极大的提升了用户使用效率,降低了用户使用成本,也是成就了360的一个非常重要的产品设计,成为后续所有安全类应用设计的范本。

(2)今日头条的内容推荐方式

在今日头条没有出现之前,传统的资讯类阅读,主要靠编辑推荐,热门榜单等内容组织形式,用户需要找一篇自己真正感兴趣的内容的成本是比较高的,也就是效率比较低,再发展出现了ZAKER这样的“订阅”类资讯客户端,降低了用户找自己想看的内容的成本,但增加了用户订阅的流程。今日头条则彻底上通过推荐算法来主导的把用户想看的内容推给用户,对准用户口味,提升效率,获得快速发展和成功。

类似的还有很多:比如豆瓣FM的歌曲推荐、淘宝客户端的商品推荐等等,都是在极大的提升用户使用效率。

以上这些例子都来源于互联网行业,我用这些例子来佐证自己的论点:提升效率是交互设计的核心

其实除了互联网行业,广义上的交互设计以提升用户使用效率为核心或目标的例子存在于社会的各个方面:洗衣和脱水分离的传统洗衣机→自动完成洗衣和脱水的一体化洗衣机→更智能的洗、脱、烘干一体的洗衣机,类似的例子太多,不一一列举。

本质上,人类发明和使用工具的核心其实就是提升效率,而工具的介入改变的就是人的行为。

二、交互设计怎么提升用户效率?

交互设计如果是在互联网行业,可以具象到一些设计产出上,比如:产品架构、流程图、页面布局等。但这些只是对用户行为优化的产出物,其实更为重要的是需要思考、表达并实践好对于用户行为的优化,其中最核心的是怎么提高用户的使用效率。那么如何通过交互设计来提升用户的使用效率呢?我大概总结了3点,供参考:

  1. 初级:梳理使用流程
  2. 中级:优化使用流程
  3. 高级:创造使用流程

这3点有点空,但也是一个产品经理、交互设计师的交互设计思维进阶过程。下面具体来讲一下:

1、梳理使用流程

是需要明确用户的行为路径,找出用户的效率痛点,这一点其实相对比较简单:通过各种途径收集用户的使用流程(观察用户、亲身实践、用户访谈、行为数据统计等);将用户的使用流程通过一定的工具(比如使用流程图、用户体验旅程图等)具象化;分析用户行为的连续性、流畅性、效率性等,找出哪些流程是不合理的,降低用户效率的。

2、优化使用流程

主要是对于已发现的用户效率痛点的优化,具体到方法上有这么2点:(1)调整流程

调整用户的使用路径、动线、流程等,以更为合理的流程来提升用户效率,举一个例子,如果发现现有的橱柜设计从左到右依次是:切菜台→洗菜池→灶台→冰箱→碗柜厨(这样的橱柜布局现实中似乎比较常见),那么用户的使用动线是“切菜→洗菜→烧菜→放菜→盛菜”这样的用户动线明显是不合理的,那么这样的设计明显是降低用户效率的。

具体怎么样通过交互设计优化呢?其实厨房的橱柜设计,分析用户合理的做菜流程(其实也是最正常的流程)是“买菜→放菜→摘菜→洗菜→切菜→烧菜→盛菜→吃饭”。那么调整后的橱柜布局从左到右依次应该是:冰箱(或放菜台/篮)→洗菜池→切菜台→灶台→碗橱→……甚至碗橱可以在灶台的下方等等。这些就是通过交互设计来提升用户的做菜效率,以免用户手忙脚乱,效率大大降低。

(2)删增流程

这也是最难掌握和把握的交互设计方法,目前我还没有精通,不过可以继续分享我自己学习和总结下来的一些简单的方法。

以增用户流程为例,这里的增流程可能主要增加的并列流程,也就是原本可能是一条顺序结构的流程,通过分析用户行为,在其中增加一个快捷入口,可以切入到一个效率更高的流程。

上述分享的“MIUI发短信收件人入库添加最近联系人”、“微信聊天’+’号入口会悬浮’刚刚保存的照片’”这样的设计就是典型的用“增”来优化用户使用效率的例子。怎么增加才为合适呢?应该是多思考思考是否符合使用场景、是否提升了用户效率。

删用户流程,可能更为好理解一点。有些流程可能明确的是多余的,那肯定得删除,属于不合理流程。还有一些“删”的方法更为有技巧,举2个例子:登录流程是否可以删?可以!于是有了微博、微信等第三方登录。

最近我所负责的一个业务,在接入“游客账号”,则是更进一步的“免登录”,极大的降低用户登录门槛,提升使用效率。但这样的设计从包括安全性等其他角度考虑是否合理,也需要推敲,也就是“删”这件事并没有那么容易。

在比如之前举例中提到的“一键查杀”等产品设计,就是更为激进的删流程设计,用户可以不用思考并执行:查找病毒→筛选病毒→删除病毒这样的流程了,“一键查杀”帮用户解决,让烦锁的查杀交给产品本身,用户懒得理解什么是要删的病毒,也更不需要去理解,大大的提升效率。

3、创造使用流程

更高级的设计方法,应该是创造使用流程了。这是一个更高层次的设计能力,如果创造的流程足够牛叉,是会极大的提升用户效率,获得用户认可和创造价值的。

拿这次Smartisan OS 3.1发布会上老罗重点介绍的“讯飞语音输入”这个产品来说,就是典型的在传统键盘输入的交互基础至少,创造出的一个新的交互流程和方式,极大的提升的文本输入效率(实际使用效果如何、以及可能引起的其他问题另做讨论,大家也可以自己去思考);另外,前面提到的通过“学习用户使用行为来进行内容推荐”的今日头条、豆瓣FM等也是创造了新的使用流程。其实大家会发现,“创造使用流程”大多数会和“技术创新”绑定在一起。这是我自己目前的观察和分析。

以上扯了这么多,也算是这段时间我自己对“交互设计”的进一步思考吧。接老罗Smartisan OS 3.1发布之际做个总结,也分享出来供大家讨论和指正,相互学习。

#专栏作家#

Mr汤进er,微信公共号:chuangshe_space。人人都是产品经理专栏作家,严格意义上的互联网新人,学过设计,现在做产品。关注互联网产品、用户体验设计,实践派的理论主义者,爱思考,喜欢码字,愿意分享,希望同互联网er一起交流学习,共同进步。

本文版权归原作者所有。转载 本篇文章仅为传播更多信息之目的,如有侵权请与我们联系,我们将及时处理。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18261/

(0)
iouedioued
上一篇 2016-10-24 09:50
下一篇 2016-10-24 12:11

相关推荐

  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • 别闹,你以为学个Axure就算懂交互设计了?

    前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他们觉得交互就是做界面原型,做…

    2015-09-11
  • App界面设计风格

    设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

    2017-06-05
  • 快速搞定日常专题,我的流程与案列分享

    有一些朋友问我能不能分享一些关于活动专题的,但是我始终觉得我前面分享的已经很多了,在banner上自己去提升和延展就已经是日常的专题活动了。

    2017-05-15
  • 用户体验在人工智能下的改变

    用户体验在人工智能下的改变安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以安全性是产品以及用户体验的基础。效率1.实时性随着计算能力和算法的提升,计算机可以做到实时反馈结果。在以往的重要直播上,视频会显示实时字幕,这是通过给原有直播信号增加5-10分钟的延时,速记员在这短暂的时间内快速整理并输出字幕,但这需要消耗多名速记员的大量体力和脑力。在人工...

    2018-03-24
  • 交互设计师的60日计划之第三天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    2015-08-20
  • Axure RP 8 入门手册 – 第6章(二)

    第5节检视功能-元件命名千语:楼叔,我才问一个问题,你就给我讲了这么多!好感动哦!小楼:嘿嘿,因为这个群里你最大嘛!千语:切!反正你也有空,顺便把元件的设置也给我讲讲吧!我看不管是元件的样式还是属性,都很复杂呢。小楼:您好!因为网络原因,您发送的消息是乱码。千语:还想等你给我讲完,发张我昨天泡温泉的照片给你呢!小楼:你看,其实这个元件设置也非常简单,你看在点中一个元件后,检视面板中就会呈现与该元件相关的设置……从上至下,首先看到的是元件...

    2018-04-22
  • 交互设计完全学习指南

    交互设计起源于网站和平面设计,但已成长为单独的一个领域。工作内容不仅仅有文本和图片,交互设计现在负责创造屏幕上用户可能会划动、点击、按压或输入的每一个元素,简而言之,就是体验的互动。这篇文章为对交互设计感兴趣的人提供了几个好的点可以开始行动。为了这个目的,我们简要的介绍了交互设计的历史、指导原则、值得注意的贡献者和与这个极具吸引力的学科相关的工具。即使你已经是一个交互设计师,阅读下这篇文章然后在下方评论区分享你的想法吧!目录什么是交互设...

    微信热点 2018-05-06
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10