优化设计流程的“闭环”问题

news2025/7/13 20:40:37

7.优化设计流程的“闭环”问题

交互设计师有一项很重要的工作就是定义任务流程。在接到需求之后,设计师需要把抽象的需求设计成具象的流程,然后再把流程分配到不同的界面,最终形成成品。设计流程不难,但是设计好的流程非常难,今天主要是从闭环这个角度来讲讲流程设计中的优化问题

7.1打通断头路

断头路,顾名思义就是流程走到某个地方,虽然目标还没完成,但是路径已经中断了。在流程中,如果用户遇到断头路,有可能用户会沿路返回,然后去尝试新的流程,但是也有可能用户会直接流失掉。如果流失掉客户,那么损失可就大了。所以,在做流程设计的时候,首先要看看有没有断头路,然后把断头路打通

我们来看看这个例子中可能出现的断头路,在填写完手机号码之后,一般都会有个检验的功能,首先会检验输入的是不是11位数字,接着才会检验是否已经注册。如果已经注册了,一般至少都会弹出一个toast该手机号码已经注册。

img

如果按照这个流程走,就出现我所说的断头路。最简单的就是把提示文案修改一下改手机号以注册,请直接登录。通过文案的引导,可以让用户知道后续要做什么。针对这种情况,交互设计有一个“可学习型”的原则,简单地说就是我们要一步一步告诉用户,他应该怎么卓,其中文案的作用至关重要

最好的方式就是告诉用户,嘿:这条路走不通了,但是这里有捷径哦,具体实施起来就是用一个弹窗进行引导如图所示

img

然后做的再细致一点,因为用户已经填写了手机号码,登陆的时候就不需要用户再填写一遍了,还有,不要忘了登录页面的忘记密码选项

回头再来看看设计中的断头路,还有那些情况

  1. 搜索不到的内容,这时候就相当于一个断头路,加入这时候提供一些推荐的相关的关键词,就相当于打通了断头路
  2. 下载资源没速度,这时候就相当于一个断头路,旧版迅雷会推荐相似的资源,这就像打通了断头路
  3. chrome浏览器连接不到网络,断头路又出现了,chromme会推荐一个小游戏给用户玩,这也相当于打通了断头路

7.2设置延长线

如果说打通断头路更多是站在用户的角度去进行设计,那么设置延长线除了是为用户考虑之外,还有一部分就是为了产品本身考虑的

具体做法就是:当原来的任务以及完成的时候,但这时候又推荐给一些任务给你做,流程变得比原来更长了,这个新加入的流程就是我所说放入延长线

设置延长线相当于把不同应用模块之间做了一个串联,一是可以提高功能模块的渗透率,而是如果串联的功能恰好是用户需要的,那么同时也会提升用户体验,只是,怎么样恰好推荐到用户喜欢的功能,这个需要多方调研以及数据做支撑才行

7.3开辟新岔路

交互设计需要考虑复杂的异常流程,这也就导致了号的流程跟像一张网,有无数的岔路

,每个岔路还可能有岔路,岔路走着走着可能又回到原点,最终,所有的路径都会汇集到一个或者多个终点,开辟新岔路是说在正常流程的某个节点,分叉处新的流程,最终分叉的这个流程还会回归到正常的流程,这个方法的更多是为产品运营方着想的

如图,蓝色代表普通的流程,但是现在插进去了一些新的节点就是橙色的点,这些橙色的点构成的流程就是我说的新岔路

804591-e60cc318fe1c1024

购物车是购物应用里面一个非常常见的功能,但购物车页面其实还有一个推荐商品的部分,如果用户恰好在这里发现自己需要的商品,就有可能会跳转出去浏览,然后再回来购物车进行结账,流程如下

121212

这一个跳出去的动作就是我所说的岔路,在电商这个场景下,岔路的意思就是要让你多逛一下,万一你在看重别的东西,电商补救多赚一点吗?同理,岔路还是用于其他适合逛的产品,比如说资讯阅读类产品等等,除此之外,岔路的设置也会使得页面变得更加复杂,用户有可能汇米市调,现在电商的购物车普遍都用了这种方法,说明他还是切实有效的,所以,是否选中这种岔路,不仅需要基于自身产品的属性来考量,更重要的是要从上线之后的数据来观察

7.4总结

闭环实际上是一种串联,把同个功能模块下的不同流程串联起来(打通断头路),把不同功能模块串联起来(设置延长线),或者是自己把自己串联起来(开辟新岔路)这种串联是为用户着想的,也有产品方面的考量,但是不管从哪里触发,在设计交互流程对这些闭环进行思考,整个交互流程才会变得更加强大和完整

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/396022.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

VisualStudio2022制作多项目模板及Vsix插件

一、安装工作负载 在vs2022上安装“visual studio扩展开发 ”工作负载 二、制作多项目模板 导出项目模板这个我就不再多说了(项目→导出模板→选择项目模板,选择要导出的项目→填写模板信息→完成)。 1.准备模板文件 将解决方案中的多个…

SpringBoot整合ElasticSearch实现模糊查询,排序,分页,高亮

目录 前言 1.框架集成-SpringData-整体介绍 1.1Spring Data Elasticsearch 介绍 2.框架集成Spring Data Elasticsearch 2.1版本说明 2.2.idea创建一个springboot项目 2.3.导入依懒 2.3.增加配置文件 2.4Spring Boot 主程序。 2.5.数据实体类 2.6.配置类 2.7.DAO 数据…

速卖通、亚马逊、ebay打造爆款,借助测评自养号提高转化率

做速卖通、亚马逊、ebay只有打造爆款,才能够挣到钱,如果一年到头,不断测款,不断测试不同的广告打法,那么代表了什么?代表了你的试错成本相当高,一不小心,分分钟就能够把手头上仅有的…

【YOLOv8/YOLOv7/YOLOv5/YOLOv4/Faster-rcnn系列算法改进NO.57】引入可形变卷积

文章目录前言一、解决问题二、基本原理三、​添加方法四、总结前言 作为当前先进的深度学习目标检测算法YOLOv8,已经集合了大量的trick,但是还是有提高和改进的空间,针对具体应用场景下的检测难点,可以不同的改进方法。此后的系列…

SRP合批问题

1)SRP合批问题 ​2)多个Base相机渲染到同一个渲染目标,移动平台花屏的问题 3)粒子系统对GPU Instancing的支持 4)如何修改URP下场景和UI分辨率分离(不需要改颜色空间) 这是第327篇UWA技术知识分…

苹果新专利实现无线技术传输睡眠数据,蓝牙在智能家居中的应用

苹果于 2017 年 5 月收购了芬兰科技公司 Beddit,只是在过去 6 年时间里并没有太大的动作。根据美国商标和专利局本周公示的清单,苹果获得了一项 Beddit 相关的技术专利。 根据专利描述,苹果使用一根或者多根天线,利用电磁辐射的…

详解Java8中如何通过方法引用获取属性名/::的使用

在我们开发过程中常常有一个需求,就是要知道实体类中Getter方法对应的属性名称(Field Name),例如实体类属性到数据库字段的映射,我们常常是硬编码指定 属性名,这种硬编码有两个缺点。 1、编码效率低&#x…

Simulink 自动代码生成电机控制:在某国产ARM0定点MCU上实现自动代码生成无感电机控制

目录 前言 开发流程 定点化的技巧 代码生成运行演示 总结 前言 这次尝试了在国产arm0内核的MCU上实现Simulink自动代码生成永磁同步电机无传感控制。机缘巧合之下拿到了一块国产MCU的电机控制板和一个5000RPM的小电机。最后实现了无传感控制,在这里总结下一些经…

10.系统级I/O

1.基础所有的I/O设备被模型化为文件,所有的输入和输出被当作相应文件的读和写来执行应用程序在文件结尾检测到EOF(end of file)条件文本文件是只含有ASCII或Unicode字符的普通文件二进制文件是所有的其他文件对于内核,文本文件和二进制文件没有区别目录是…

女神节灯笼祝福【HTML+CSS】

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏…

STM32F103驱动LD3320语音识别模块

STM32F103驱动LD3320语音识别模块LD3320语音识别模块简介模块引脚定义STM32F103ZET6开发板与模块接线测试代码实验结果LD3320语音识别模块简介 基于 LD3320,可以在任何的电子产品中,甚至包括最简单的 51 作为主控芯片的系统中,轻松实现语音识…

Axure基础:事件和动态面板

这一篇文章我们主要是将如何做系统左侧的导航,并且告诉大家如何动态的切换各个页面。 一、事件 1、事件基础 事件的核心就是什么时候做什么事。其中的什么时候可以是如下: 能做的事情如下: 2、远程监控云中的事件 监控云需要达到这个效果…

React :一、简单概念

目录 1.什么是React? 2.谁开发的 3.为什么要学React? 4.React的特点? 5.React依赖包 6.第一个React程序 7.虚拟DOM的两种创建方法 8.虚拟DOM和真实DOM 1.什么是React? 用于构建用户界面的JavaScript库,是一个将…

Allegro如何用自带的功能将线段变成铜皮操作指导

Allegro如何用自带的功能将线段变成铜皮操作指导 在做PCB设计的时候,有时根据设计需要将线段变成铜皮,可以借助辅助工具来实现这一操作,但是Allegro自身也自带这个功能,如下图 需要把这段走线变成铜皮 具体操作如下 点击File点击Change Editor

【计算机基础】Socket IO

一、I/O 模型 一个输入操作通常包括两个阶段: 等待数据准备好从内核向进程复制数据 对于一个套接字上的输入操作,第一步通常涉及等待数据从网络中到达。当所等待数据到达时,它被复制到内核中的某个缓冲区。第二步就是把数据从内核缓冲区复…

在超算上安装文件树命令tree

超算平台使用的centos系统没有内置tree命令,需要通过源码安装。记录安装流程如下。 1. 下载源码包 下载链接如下: http://mama.indstate.edu/users/ice/tree/ 选择“Download the latest version” 如本文下载了源码包“tree-2.1.0.tgz”. 2. 源码包…

分享一个应急响应web日志:access.log文件分析小工具

有时做应急响应的时候,需要提取web日志如access.log日志文件来分析系统遭受攻击的具体原因,由于开源的工具并不是很好用,所以自己用Python3写了一个简单的日志分析工具。先介绍一下access.log日志access.log日志文件记录了所有目标对Web服务器…

「题解」日常遇到指针面试题

🐶博主主页:ᰔᩚ. 一怀明月ꦿ ❤️‍🔥专栏系列:线性代数,C初学者入门训练,题解C,C的使用文章 🔥座右铭:“不要等到什么都没有了,才下定决心去做” &#x1…

项目--基于RTSP协议的简易服务器开发(2)

一、项目创立初衷: 由于之前学过计算机网络的相关知识,了解了计算机网络的基本工作原理,对于主流的协议有一定的了解。但对于应用层的协议还知之甚少,因此我去了解了下目前主要的应用层传输协议,发现RTSP(…

【React】一个评论案例带你入门React组件基础

Q : 你不必一定成为玫瑰,路边的小花同样点缀大地🌼🌼🌼🌼🌼 结构 分为4部分,评论数、排序的状态栏、发表评论的文本域、评论列表 想法: 输入框输入信息点击发表评论按钮&#xff0c…