从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

相关推荐

  • 用户体验双语术语,附阿里招聘广场舞达人资深用研专员

    这两天朋友圈被一则特殊的招聘刷屏了。先看看关键词:年薪40万,60+,广场舞 KOL(意见领袖)优先!一时间,网友沸腾了。这则招聘发布于1月16日,来自阿里巴巴集团社会招聘网站。从招聘网页上看,阿里对此职位的描述是“淘宝资深用研专员”,全称“淘宝资深用户研究专员”。记者推算了下,大致为阿里P序列中的P6等级。岗位给出的薪水待遇还不低,年薪范围是35万~40万。感兴趣的小伙伴可以转给符合要求的人士哦!点击阅读原文就可以看到这则招聘了。今天...

    2018-01-30
  • 抽屉式导航怎么用?这4种场景教你正确的设计姿势

    …上图的 APP 将选项卡(tab row)变成抽屉式导航菜单(drawer menu),用户在相应功能间的切换率急剧下降。…很多用户还没有建立起相应的心理模型(尤其是抽屉式或者汉堡包菜单)尽量将 APP 的核心功能放在用户可以看得到地方。
    ——能露出来, 就别藏着触摸操作中,手势永远要比点击优先级低。现代触摸操作习惯毕竟只流行了几年,然而传统PC上的操作习惯已经实行了将近20年。所以通过滑动来切换Tab不会比点击切换来的直观。
    ——石头们

    2017-05-30
  • Material Design UI质感设计动画交互设计欣赏

    质感设计(Material Design),是谷歌推出的设计语言,可以在用户界面产生动画,并且动画都是仿照真实的物理世界所产生,而且这套设计语言是跨平台和设备的。简而言之,质感设计是一种简单的方法创建很快的应用程序…

    IxD案例 2015-11-16
  • 这个按钮不简单

    Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

    2017-06-05
  • 译文|在设计项目中,如何合理地使用色彩叠加效果

    色彩几乎是所有设计中都至关重要的组成部分,无论是明亮大胆的配色方案,还是简约的黑白色调,你的用色将会直接影响整个设计的实际效果。

    2017-05-17
  • iOS和Android规范解析——简易菜单、简易对话框和弹出框

    今天的这几个控件的中文名字,在网上查了半天,没有找到统一的叫法,所以自己翻译了一下:简易菜单对应的是MD(Material Design,下同)中的Simple Menu;简易对话框,对应的是MD中的Simple Dialog,弹出框对应的是iOS中的Popover。

    2017-05-02
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 空状态的设计值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候,人们放弃一款产品的原因其实都是我们可控的,例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

    2017-06-05
  • 聊聊2017年即将流行的UX设计趋势

    2016马上就要过完啦,我们来回顾下今年用户体验都发生了哪些大事,并通过回顾过去来展望2017年的用户体验将会有哪些趋势。“可用性”这个词本身变得不那么重要了。它不那么需要我们了。“聊天机器人”是我们行业中最热门的术语之一,如果你还没有,我们很有信心你将很快建立一个。但对话式界面的未来是什么样子?但后退一步:是不是每一个界面都是用户和机器之间的对话?未来的交互不是由按钮组成的。公司不只需要一个界面,而且设计师也不只通过设计工具来完成他们的工作。苹果手表和Alexa可以让用户不碰手机的情况下使用Uber。虽然这可能听起来很简单,但它为人们对技术的期望设定了基调:完全连接和无处不在的体验。作为设计师,我们如何将所有的拼图连接在一起?我可以向Alexa请求Uber乘车,在我的Apple Watch上接收预估时间,与Messenger上的朋友分享费用,并在我的手机app上评分吗?技术应该尽可能不被注意到。——Amber Case,Calm Tech从《黑客帝国》,到《她》和《黑镜》,人类总是幻想生活在虚拟现实的世界。随着数字世界变得更加真实,我们需要采取的行动来实现这些体验。设计VR不应该意味着将2D实践转移到3D,而是应当寻找一种新的范例。 ——Jonathan Ravaz我们一直在听的问题:设计师应该写代码么?设计师画原型吗?设计师应该写文案吗?至少有几十篇文章试图回答这些问题,所以我们现在可能更接近一个确定的答案:这些都可以。今天,UX设计师可能会身兼数职。当我们开始为我们的自动化生活进行设计时,我们首先需要自动化我们的工作。我们将与机器人一起设计。多样性和伦理是今年用户体验中最重要的两个主题。许多设计师之所以从事UX,是为了更好的改变人们的生活。我们可以找到这么做的关键点么?设计并不是一件附属品。我们的工作影响着人们的生活。设计可能失败,但设计师不能。如果你的公司只是为了赚钱,也许你应该找一个更好的公司。这不是你的错,但这是你的责任。—— Alan Cooper,Ranch Stories talk

    2017-05-14
  • 交互设计-要避免使用汉堡包菜单

    小编阅读提示,图片是动态哦,需要单击才能看到动态图。 近来,越来越多的研究及测试表明,侧边栏菜单,也就是我们俗称的汉堡包菜单,很可能是一种弊大于利的设计模式。 不过我们也要知道,这个问题实际上是很微妙…

    2014-11-07