什么是全流程的UI设计?它与单页面的视觉设计有什么区别?

在软件产品研发流程中,产品交互设计一般是根据项目需求,做出设计方案,以求解决某个问题。而全流程的设计不再局限于短暂或者单个页面的视觉优化,而是追求持续性地参与,以全局性整体性地提升产品体验。
在软件内的信息传递上,有UI视觉、交互设计路径引导等很多方式,但UI视觉的美化往往是最直观的。因此,软件的优化会首先选择UI作为切入点。预算不是很足或不想大改或时间有限的情况下,客户会选择做一些典型页来进行视觉设计。

2.全流程设计包括有什么主要内容和步骤?

1)明确设计目标,聚焦设计要解决的核心问题
2)明确目标用户,要明确产品价值要解决的用户群体,描述用户画像,提炼用户场景,挖掘用户需求。
从产品应用的具体场景,来研究和理解所涉及到的产品体验问题。这些可能是产品中已经出现的体验问题,也可能还包括有未满足的用户需求问题。通过不同的用户研究手段,了解已有的用户行为和使用习惯,进行策略分析,改变原有业务逻辑不合理的操作路径,进而提出有针对性的交互设计和视觉设计解决方案。
3)明确资源配比,了解技术方案,进行设计预估
通过项目启动会了解产品的功能列表和产品规划,避免做出现有功能相冲突/重叠的设计,进行合理的设计预估
4)确定方案流程,确定设计方案
方案流程可以是流程图也可以是交互原型图。最终完成的是高保真的交互原型、可交付开发实现的UI demo。在以最终的结果进行专家评审,确认无误后,进行可用性测试。
5)数据对比分析
在有条件的情况下,需要对于设计前后的数据进行对比分析,对比前流程与现流程的差异,关注某流程的耗时和步骤。大部分B端产品的设计初衷就是为了某业务流程的降本增效。关键就看设计的产品,在上线后给公司的降低了多少的成本,提高了多少的效率。所以成本和效率也是设计的产品是否合格的关键因素所在。B端产品设计可以进行用户可用性测试,了解设计带来的实际收益和效果。依托数据合理改正方案。

3.全流程设计有什么特点?

1)全局视野,流程导向。
作为系统的软件在产品体验上需要是整体的、一致的。在用户使用软件达成工作目的过程中,文件上所出现的一切都试图向用户传达信息。软件本身对于信息的分级、分层引导着用户继续或者做出选择,而更精确、更有效的信息传达是所有软件都必须面对的课题。当用户无所适从时,可以通过优秀的暗示获得引导,从而重拾目的。反过来说,糟糕的信息传递会严重破坏用户的体验,使他们困惑或者恼火。可以说,任何一款优秀的软件都必须在信息传递上足够可靠有效,否则缺失信息的用户就难以完成工作任务。
软件服务的内核建立在信息与用户的交换上,用户需要了解软件传达的信息并予以反馈。因此,使用户能够清晰明确地了解到信息,体察用户心理和交互设计是非常重要的。用户需要得知自己的工作任务目标、输入及输出的信息,当前位置、软件功能等信息,才能对自己的行为有进一步的规划和了解,从而进入到产品设计的工作流中来使用。
UI视觉是用户进入软件所看到的第一件东西,它构成了用户对软件的第一印象,并在后续软件使用过程中多次地出现,用户每一次交互操作都和UI相关。它潜移默化地影响着用户对一个软件的评判。在软件内的信息传递上,UI的视觉和交互是最直观、信息量也最大的典型。(企业想把产品推向另外一个优秀层次,成为行业的领先者,需整体考虑软件交互操作和引导的流畅易用)
 


2)原型导向,持续迭代。
在初步的用户研究后,设计会先输出完成所有工作任务的页面交互的低保真原型。在后续的交互设计中还会持续融入用户反馈,不断打磨页面交互原型,以实现更好的交互友好性和可用性。
在交互确认后,还会再挑选典型页面进行视觉设计,输出高保真原型,并与用户持续进行可用性验证。
软件的开发技术语言的更新和后台更新,对普通用户来讲是无法从视觉上感受到的,它可以从快速、方便,流畅,稳定,功能强大,完成工作等其他体验维度去体现,长时间的使用后才能印象深刻。( 企业求新求变,会不断追求技术上的突破和前瞻性优势,会从技术架构语言上重构,比如升级至vue3 + typescript )。持续的设计迭代将最大程度地放大技术的优势。

3)数据为纲,研究为本。
设计是一项创意工作,需要创造性地解决问题。但是问题解决却要基于数据和事实。
全流程设计的持续改进始终以用户数据作为核心依据,通过不同的调研手段(不管是实地走访、小组座谈会、用户体验旅程工作坊)、可以获得来自用户的不同数据(比如任务完成数据、操作行为数据、满意度数据、主观体验感受数据等),这些数据有利于对于软件整体一致的理解,以及对于用户使用旅程各个关键触点和时刻的需求和体验的把握。更重要的是,通过关注核心数据体验指标的改进,交互优化和视觉改进将更加有据可依,深入细致。
在用户研究阶段,通过挖掘客户反馈的数据,找到和修复具体的客户体验问题点。通过和客户的访谈,听取客户的吐槽,了解到什么导致的不好的体验,以及识别出以前未曾发现的深层问题,给企业提供了一个努力纠正错误的机会,不仅可以修复与客户的关系,还有助于强化他们之间的关系,提高产品品质,可以给用户带来更卓越的产品。

4.为什么说B端设计更需要全流程设计?

一般国内B端和C端要求比较高的的软件做全流程设计的比较多。比如蓝蓝设计给哈尔滨思哲睿手术机器人8个软件、悦锦3个软件做的都是全流程UI设计。给北方华创做的芯片刻蚀系统也是全部流程的页面都设计出来,反复推敲打磨至确定,并用wpf开发实现前端界面和组件,到了后台开发阶段工程师就可以只专注于技术和功能的创新和实现,不需要再考虑页面内容及交互的事情。
如果某个软件是新开发的还没有用户使用过,那就找一些潜在用户或者是内部的工作人员根据自己实际工作接触了解到的情况扮演用户角色,从同理心的角度来进行系统思考和全局讨论,来完成这个步骤。
B端的软件往往客户不是用户,单个的用户角色往往只限于有限任务步骤和交互页面的操作,则更有必要进行全流程设计。
如果预算和时间有限,也可以选择关键的业务流程来做用研和交互设计。一个大型软件可以优化的流程任务是很多的,选择优化的业务流程越多,整体产品的就越细致,给用户带来越多惊喜。

5.开展全流程设计的工作有没有什么有效的推广经验?

大多数企业都是选择对客户体验最有热情的部门或产品线,推动用户体验提升,在取得成功后,再将成果拓展到公司的其他部分。
为了设计和交互出色的体验,我们更建议企业中不同职能团队共同来参与并推动这项工作,这需要双方努力,联合共创体验设计,有效整合各种企业的资源和要素,包括不同角色人员思维,技能方法,流程技术,进行多元化的思考。通过在整个环节中分配和实践设计的职能,企业可以获得更多的价值。
参与人员可以是:
1)企业和设计团队的接口人及负责人一一最好是运营管理岗。对设计,运营、业务和研发有一定的理解,但并不从属于其中的部门,可以协调相关资源、客观中立,保障项目的顺利进行。
2)设计专家一一训练有素的体验设计从业者,企业外聘的设计公司、资深设计师,在一家公司用体验设计方法的合理性和精确性中起着重要作用,确定设计流程、设计思维、技能方法、工具的使用,开展全公司范围的专业培训,提供持续的指导和支持。
3)支持者一一中度培训的体验设计高频用户。体验的支持者是指其他不同部门的相关骨干,了解自身业务及团队的内部运作,接受过体验思维和方法培训(有一定水准),但这不是他们日常工作的核心职责。当他们获得了如何用体验设计来更好解决方案的第一手知识,他们会更有能力向其他人传授方法或在各自的部门传播成果。
4)参与者一一体验设计临时用户
5)不同部门对体验设计感兴趣的员工,或者是某一方面的专家,或者是客户,他们在临时或特殊的情况下参与。

6.软件的分辨率适配问题

PC端软件一般的情况下是设计1920x1280px,在金融行业,有些需要兼容1280px的情况下,可以通过适配解决。蓝湖工具上有可以选择的分辨率,选择后可以自动导出等比例缩小的图片,工程师在针对每一种分辨率单独写适配的代码。

7.最近有没有流行的设计风格或趋势?

每年都会有新的设计风格和趋势,对于B端产品来讲以下几种比较常用:
1)暗黑模式:暗黑模式在过去几年已经非常流行,而且在2023年仍将继续流行。它能够减轻眼睛的压力,并提供更好的用户体验。企业有时会给用户提户白天和黑夜两种皮肤模式。
2)3D图形:随着技术的不断进步,3D图形在UI设计中的应用也越来越广泛。它们可以为用户带来更加生动和逼真的体验。
3)渐变色:渐变色已经成为了UI设计的主流趋势之一,它可以为设计带来更加鲜艳和丰富的颜色。弥散式渐变成为了旧时渐变的新形式。弥散式通过色彩渐变模糊,形成虚实结合的有色光感效果,不同颜色之间的唯美柔和与自然过渡,让整体画面气质变得温婉高级,给人一种美轮美奂的魔幻感。
4)简单和明确的排版:在2023年,简单和明确的排版将会越来越受欢迎。它能够让用户更加容易地理解信息,提高用户体验。
5)微动效:微动效可以为用户带来更加生动和有趣的体验,因此在2023年,它们将会被广泛应用于UI设计中,例如动效图标、动态图形。
6)全屏设计:随着移动设备的普及,全屏设计将会变得越来越流行。它可以为用户带来更加沉浸式的体验。
7)插画设计: 2023年UI设计风格非常注重简单有趣的UI,过于严肃正式的企业风格将成为过去。插画在提升用户界面轻松休闲的调性中发挥着重要作用。
8) AR+VR: 今年议论最多的UI/UX设计趋势莫过于“元宇宙”,新物种的出现,AR和VR的受欢迎程度和需求都在逐日飙升。2023年UI设计风格,越来越多的企业将集中精力利用AR和VR技术为商业赋能。


 


 

金融数据报送系统UI设计


 

数据报送系统UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计


 

统一监管报送平台交互UI设计

统一监管报送平台交互UI设计

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

广州华锐互动:候车室智能数字孪生系统实现交通信息可视化

随着科技的不断发展,数字化技术在各个领域得到了广泛的应用。智慧车站作为一种新型的交通服务模式,通过运用先进的数字化技术,为乘客提供了更加便捷、舒适的出行体验。 将智慧车站与数字孪生大屏结合,可以将实际现实世界的实体车站…

【Overload游戏引擎分析】从视图投影矩阵提取视锥体及overload对视锥体的封装

overoad代码中包含一段有意思的代码,可以从视图投影矩阵逆推出摄像机的视锥体,本文来分析一下原理 一、平面的方程 视锥体是用平面来表示的,所以先看看平面的数学表达。 平面方程可以由其法线N(A, B, C)和一个点Q(x0,…

【运维】一些团队开发相关的软件安装。

gitlab 安装步骤 (1) 下载镜像,并且上传到服务器 https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/gitlab-ce-16.2.8-ce.0.el7.x86_64.rpm (2)rpm -i gitlab-ce-16.2.8-ce.0.el7.x86_64.rpm (3)安装成功后…

【Vuex】入门使用---详细介绍

一,Vuex入门 1.1 什么是Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理库。它用于管理应用程序中的共享状态,它采用集中式存储管理应用的所有组件的状态,使得状态的管理变得简单和可预测 官方解释:Vuex 是一个专为 Vue.js 应…

导入导出Excel

一、Springboot Easyexcel读取写入数据&#xff0c;多头行数&#xff0c;多sheet&#xff0c;复杂表头简单实现 1. 导入依赖&#xff0c;阿里的easyexcel插件 <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId>…

Springboot整合Druid:数据库密码加密的实现

ps:Springboot项目&#xff0c;为了防止某些人反编译看到yml里面的数据库密码&#xff0c;对密码进行加密处理&#xff0c;隐藏公钥形式。&#xff08;总有人想扒掉你的底裤看看你屁股长什么样&#xff09; 1.引入依赖&#xff08;以前有依赖就不用了&#xff09; 2.找到Druid…

pytorch的基本运算,是不是共享了内存,有没有维度变化

可以把PyTorch简单看成是Python的深度学习第三方库&#xff0c;在PyTorch中定义了适用于深度学习的基本数据结构——张量&#xff0c;以及张量的各类计算。其实也就相当于NumPy中定义的Array和对应的科学计算方法&#xff0c;正是这些基本数据类型和对应的方法函数&#xff0c;…

设计模式学习(十一)责任链模式

目录 一、定义1.1 主要成员1.2 优点1.3 缺点 二、使用场景2.1 Spring Security 中的应用 三、代码示例3.1 场景及思路3.2 实体类3.3 抽象处理者3.4 具体处理者1&#xff09;责任链容器2&#xff09;校验-用户名3&#xff09;校验-手机号4&#xff09;校验-密码 3.5 客户端&…

el-tree中插入图标并且带提示信息

<template><div class"left"><!-- default-expanded-keys 默认展开 --><!-- expand-on-click-node 只有点击箭头才会展开树 --><el-tree :data"list" :props"defaultProps" node-click"handleNodeClick" :…

SLAM面试笔记(8) — 计算机视觉面试题

目录 问题1&#xff1a;目标检测的算法分类 问题2&#xff1a;卷积神经网络的组成 问题3&#xff1a;输入层的作用 问题4&#xff1a;卷积层作用 问题5&#xff1a;卷积核类型 问题6&#xff1a;11卷积核作用 问题7&#xff1a;卷积核是否越大越好 问题8&#xff1a;棋…

ubuntu安装Miniconda并举例使用

更新系统包 sudo apt update sudo apt upgrade官网下载Miniconda&#xff0c;最好是实体机下载后放进虚拟机&#xff0c;方法可以参考Xftp 7连接服务器或者本地虚拟机文章 https://docs.conda.io/en/latest/miniconda.html#linux-installers 进入安装目录执行&#xff0c;右键…

Centos7使用nginx搭建rtmp流媒体服务器

为什么写这篇文章 2023年10月份&#xff0c;公司系统中有个需求&#xff0c;需要使用摄像头记录工程师在维修设备时的工作状态&#xff0c;找到了一家做执法记录仪的厂商&#xff0c;通过厂商发过来的文档了解到该执法记录仪支持通过rtmp协议推流至服务器&#xff0c;第一次接…

华为认证 | 这门HCIA认证正式发布!

华为认证云计算工程师HCIA-Cloud Computing V5.5&#xff08;中文版&#xff09;自2023年9月28日起&#xff0c;正式在中国区发布。 01 发布概述 基于“平台生态”战略&#xff0c;围绕“云-管-端”协同的新ICT技术架构&#xff0c;华为公司打造了覆盖ICT领域的认证体系&#…

Sentinel Dashboard 接入 Nacos 动态数据源 Zuul 接入 Sentinel 实战

背景 Sentinel Dashboard 默认将限流、熔断等规则保存在内存中&#xff0c;然后同步给连接 Dashboard 的客户端&#xff0c;客户端也是保存在内存中。 那么如果当 Sentinel Dashboard 异常重启&#xff0c;那么之前配置的规则将全部丢失&#xff0c;需要重新进行配置。 其中&a…

简单使用 Hugo 博客

之前用过 hugo&#xff0c;本次来分享一波&#xff0c;确实简单好用&#xff0c;可以持续使用&#xff0c;尤其是喜欢 GO语言的同学 hugo Hugo是一个用 Go语言 编写的静态网站生成器&#xff0c;可以快速地生成高效、安全和易于管理的静态网站。Hugo具有速度快、可定制性强、…

北邮22级信通院数电:Verilog-FPGA(4)第三周实验:按键消抖、呼吸灯、流水灯 操作流程注意事项

北邮22信通一枚~ 跟随课程进度更新北邮信通院数字系统设计的笔记、代码和文章 持续关注作者 迎接数电实验学习~ 获取更多文章&#xff0c;请访问专栏&#xff1a; 北邮22级信通院数电实验_青山如墨雨如画的博客-CSDN博客 目录 一.注意事项 二.按键消抖 2.1 LED_deboun…

[MySQL]基础篇

文章目录 1. MySQL基本使用1.1 MySQL的启动和登录1.1.1 MySQL的启动1.1.2 MySQL的客户端连接 1.2 数据模型 2. SQL2.1 SQL类型2.1.1 数值类型2.1.2 字符串类型2.1.3 日期类型 2.2 DDL2.2.1 数据库操作2.2.2 表操作 - 查询2.2.3 表操作 - 创建表2.2.4 表操作 - 修改 2.3 DML2.3.…

运维小工具分享

1.windwos时间同步工具 通过NetTime软件同步 通过一个免费的同步时间软件来进行对时操作 软件官网链接&#xff1a;http://timesynctool.com/ 修改Windows主机时间&#xff0c;修改时间&#xff0c;时间差为10年、3年、4月份、24小时、2小时、1分钟&#xff1b;都可以及时与“…

ROS学习笔记(六)---服务通信机制

1. 服务通信是什么 在ROS中&#xff0c;服务通信机制是一种点对点的通信方式&#xff0c;用于节点之间的请求和响应。它允许一个节点&#xff08;服务请求方&#xff09;向另一个节点&#xff08;服务提供方&#xff09;发送请求&#xff0c;并等待响应。 服务通信机制在ROS中…

深度学习batch、batch_size、epoch、iteration以及小样本中episode、support set、query set关系

batch、batch_size、epoch、iteration关系&#xff1a; epoch&#xff1a;整个数据集 batch&#xff1a; 整个数据集分成多少小块进行训练 batch_size&#xff1a; 一次训练&#xff08;1 batch&#xff09;需要 batch_size个样本 iteration&#xff1a; 整个数据集需要用b…