美文网首页
如何很好的简化流程操作

如何很好的简化流程操作

作者: 已不年少 | 来源:发表于2018-05-22 15:22 被阅读0次

简化流程操作是我们很常见的一种体重用户体验的方法,但是却很少有文章系统的讲述如何简化操作流程。这里我们做一个简单的分析,希望对大家能够有所帮助。

什么是操作流程?

操作流程就是指用户为了达到某个目标所需要经历的操作和场景转换。例如:小时候爸爸取营业厅交话费,当时交话费的流程:从家骑自行车去营业厅,排队,查话费,交钱,汽车回家。所需要经历的场景转换是从家到营业厅,再回家。

而产品设计中的“操作”我们可以理解成交互方式,“场景转换”理解成参与的页面数。所以简化操作流程可以划分为两个方向:优化交互方式,减少不必要的场景转换(页面)。

优化交互方式

交互方式的优化我们可以从两个方面来入手:减少用户点击次数和降低操作难度。让用户在更少的点击次数下完成操作,其实就是提升信息的录入和反馈效率。一些新技术的 应用可以帮助我们实现这个目的。

优化交互方式

交互方式的优化我们可以从两个方面来入手:减少用户点击次数和降低操作难度。 让用户在更少的点击次数下完成操作,其实就是提升信息的录入和反馈效率。一些新技术的应用可以帮助我们实现这个目的。

例如现在绑定银行卡的时候,一些产品给用户提供了拍照识别卡号的功能,用户就不需要动手输入卡号。这样可以减少用户的点击次数,而且还降低了用户手动输入错误的风险。此外还有一些指纹支付,刷脸登陆这样生物识别功能,这些新技术的应用可以极大的提升用户的交互效率。所以设计师对新技术的持续关注是非常有必要的。

当然并不意味着我们需要埋头于对新技术的追求。很多时候只要消化好现有的技术,同样可以优化产品体验。例如,在性别录入的时候,这里设计师选择的下拉列表的样式,但是我觉得使用单选框会更加合适,因为总共就两个选项呀。选择单选框就可以减少用户的点击次数。

从上面这个例子我们可以发现有些组件在功能上是有些相互重叠的部分。一旦一个功能可以由多个组件来完成,那么我们必须找出最优方案。所以交互设计师和产品经理的一个基本功能就是明确每个的组件的最适用场景,在原型图中予以明确。

以上围绕的重点是减少点击次数,接下来我们主要说降低操作难度。我们在看一个例子,以前用户想删微信好友,会从底部弹出一个对话框确认一下操作。但是新版的“确认操作”直接在原消息栏这里展示。其实改版前后用户的点击次数都是一样的,但是新版的反馈具有更强的指向性,用户的目光(注意力)不会发生转移。

上面说到来用户的目光,这里跟大家分享一下人类眼球对于视觉信息的处理过过程:

1、基本信息提取,并处理多个特征;

2、根据目的需要,筛选关注内容;

3、保存关键目标,联想相关描述;

其中第一阶段中的基本信息涵盖了形状、颜色、位置、轮廓等,每次用户收到一个反馈,进入一个新的界面,都要重新获取这些信息。为提升用户对视觉信息的处理效率,我们一提供相同的形状,颜色,位置,轮廓等。这就是一致性原则可以减少用户的学习/操作成本的原因。以上面的例子为例,底部对话框的反馈样式,用户要重新识别位置和形状,而新版的反馈样式则不会出现这种情况,更加易用。

减少场景转换

我们在为一个任务绘制流程图的时候,应该避免让用户跳转过多的页面,因为多跳转一个页面就意味着多流失一部分用户,就像漏斗一样。

前几天有个朋友在微信群里问了一个问题:新用户在注册完成的时候,我们是否应该让用户去设置登陆密码,类似的还有支付密码设置问题。

为了回答这个问题,我特地下了两款竟品,都是教你怎么做菜的。这里分别说是产品A和产品B,这两款产品都支持第三方登陆,而且登陆后都要求用户去绑定手机号。但是产品B给用户提供了“跳过”按钮,用户可以选择不绑定。

首先得承认我对这两款产品都不太了解,直接评论好坏的话会有失偏颇,而且设计无所谓好坏。仅从我个人角度来说,不支持在这里让用户就去设置密码或者去绑定手机号。因为用户刚注册完,还没有享受到你提供的服务,你就考虑用户再次登陆和购买的场景了,说不定用户看到这个设置界面就直接走人了。因为现在产品同质化现象非常的严重,你的产品可以有很多替代品。

从上面这个例子,我们可以发现现在操作流程设计阶段,我们非常有必要去进行任务分析,去明确高层次的任务和低层次的任务。每一个任务映射到设计层级,可能是一个icon,也可能是一个页面。以下图为例,同样的购票界面,这里的主要任务就是选择。而更换场次属于次要任务,但它展示形式只是一个icon,没有打乱整个界面的布局,也没有过度分散用户的注意力,在这里我觉得非常合适的。

如果低层次的任务需要新增一个页面来完成,而新增的页面又有让用户大量流失的风险,我个人的建议是舍去。产品设计过程中设计师需要去做很多决定,其中很多都不是非黑即白的选择。每一个选项都有其背后的意义,我们去只能去做更符合当前阶段产品利益的选择。

当然并不是只有进行任务分析才可以减少场景转换,通过简单的小细节修改也可以达到目的的。以微信为例子,当用户编辑状态准备发朋友圈,如果点击来取消,我们会发现弹出一个对话框,让用户选择“保留”或“不保留”。这样的处理有一个问题,如果用户是误点击来“取消”,那么它只能点击“保留”,然后推出再进入编辑状态。我看来一下QQ和微博,他们用的是从底部弹出的动作栏,用户如果是误操作,只要点击“取消”就可以了。这样弹框的一个小变化,就可以避免了用户再次返回到原界面,减少了场景的转换。

文章来源:微信公众号王M争

相关文章

  • 如何很好的简化流程操作

    简化流程操作是我们很常见的一种体重用户体验的方法,但是却很少有文章系统的讲述如何简化操作流程。这里我们做一个简单的...

  • 如何简化操作流程

    什么是操作流程? 操作流程指的是用户为了达到某个目标所需要经历的操作和场景转换。 产品设计中的「操作」我们可以理解...

  • 如何简化操作流程

    关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统的去...

  • iOS 外观模式

    外观模式封装,隐藏实现细节。简化了操作,简化流程,解耦,简化操作逻辑。 应用,适用场景复杂的子系统,改进使用操作类...

  • 180516 简书互联网优质内容推荐日报

    【产品设计】如何简化操作流程作者:王M争链接:https://www.jianshu.com/p/6298cddd...

  • OA和ERP可以兼容吗?试试这种方法

    面对日益繁复庞杂的IT系统企业如何来科学有效地统筹管理?如何将不同时期的不同新旧系统进行整合,简化管理和操作流程,...

  • iOS之使用TestFlight进行App构建版本测试

    前言 此处转载一篇大神写的很好的操作流程进行Mark导读:如何使用TestFlight进行App构建版本测试 准备...

  • RxSwift-场景序列

    简化创建流程简化订阅流程 ControlEvent ControlEvent: 专门用于描述 UI 控件所产生的事...

  • 流程的简化

    最近觉得生活简单了不少,其中发生的两件事更是让我这么觉得。 其一:妹妹被小学拟录取后,收到短信通知周末去拟就读...

  • 79. 2018-11-06

    A:平台为了安全需要,新增一个开发上线维护流程。 M:业务、平台、业务支撑口分别需要什么?如何能简化流程?如何对每...

网友评论

      本文标题:如何很好的简化流程操作

      本文链接:https://www.haomeiwen.com/subject/ovhhjftx.html