当前位置： 首页 > news >正文

一起来看看UI设计流程详解吧！通俗易懂

news 文章来源：https://blog.csdn.net/bdqnyczc/article/details/133378540 2024/11/7 2:34:01

UI设计2023

通俗易懂的UI设计流程详解

首先，大家要明确一下范围：一般分为新产品的从0-1和已有产品上新的模块或功能的从0-1，这两个方向的环节和产出物会有比较大的区别。其实在UI设计师介入之前，我们是需要去了解一些大的方向和产品的东西，包括老板对整个产品的期望和愿景，定位这些比较大的方向的东西。

第一

——————

市场分析

商业分析能体现出做某个产品的商业价值，这是对产品整个生命周期最宏观的指导性文件，报告就是这个工作的产出文件。简单的说就是行业前景，意思就是这款新的产品是否有商业价值，产品投放后的回报是多少，这一步应该是高层甚至是创始人对整个市场的把控得出的结论，值得一提的是，新产品和已有产品上新模块功能，在此阶段的分析差别是很大的，新产品的分析难度更大；而已有产品由于已经积累了一定的数据，对行业、用户等都有了较深的理解，做新模块功能时阻力往往会小很多。

第二

——————

产品定位

其实对刚做UI的时候，产品定位，市场分析这类的词，其实比较犯困的，想着直接告诉我需求就好了，干嘛还要说这么多虚词，但是工作到3-5年后，其实这些是至关重要的，我认为产品定位的关键信息其实就是指这个产品是干什么的，比如微信就是社交，ins就是照片分享生活，其次就是这个app可以解决什么问题、用户年龄段的分布。

第三

——————

需求阶段

确定了市场方向，就要找到该方向上都有哪些需求是急需被解决的。在需求环节，你同时也会注意到很多该市场方向上的直接竞争对手和间接竞争对手。这个阶段就跟我们UI很贴近了，市场分析和产品定位都确定后，就该找痛点了，要明确哪些需求是急需被解决的。在这里，PM往往会输出一份竞品分析报告，罗列出竞品的优劣，部分会采用SWOT进行分析。

第四

——————

产品设计

这个环节和UI是密不可分的，因为我们在每次做需求的时候，都会看到这个东西，是和我们息息相关的，最熟悉的工作。PM在这个环节里其实就是画原型，写文档；但其实据我这么多年的经验来说，真正牛逼的PM还是很少的，主要表现在原型绘制粗糙、文档描述遗漏以及在UI设计中，反推了不少优于PM的点等等。还有一个原因是大多数资历较浅的PM善于抄竞品，但是往往不知两个产品是有本质的区别。这个阶段基本是由PM和UE完成，交互完成后，会内部进行交互评审，确认交互方案后方可给到UI设计师。

我们在工作中会看到形形色色的原型交互图，但是画的好的其实少之又少，基本见到的就是下面这种的…是不是很惨不忍睹…

PM要在整个产品规划中达到什么目标呢？产品规划中要达到的目标，其实就是产品价值。产品规划中要明确每个阶段的目标是什么，所有的决策和行为都是围绕着这个目标来进行的，最终以数据等可考核的方式来判断是否解决了问题。这就要求阶段性的目标是明确的，比如用户活跃度、成交量等指标，这些都是验证前面几步是否有效的依据。切忌把产品规划做成空中楼阁，无法执行的假大空文件，会严重影响从0-1产品的生命周期。

第五

——————

需求评审

这个基本是产品需求确认后，由产品拉会，每个负责项目的职能人员参会，一般有PM、UE、UI、RD、FE、QA、这五种职责的人参加，进行评审。会议中由PM进行需求文档（大公司一般用wiki）的阐述，根据经验，一般研发提问题最多，原因是因为评审前PM和UE和UI都进行了确认无误，研发和测试也有提一些风险性的问题，比如这个是否可以直接调用代码，如果不行，可能会进行风险预警；还有技术上是否有难点等等。评审完后，研发会进行一个排期。

第六

——————

上线跟踪环节

这里的上线跟踪分为1.UI上线跟踪、2.产品上线跟踪

1.UI上线跟踪

作为一个高级或者资深的设计师来讲，项目上线后我们要进行一个跟踪，主要是看视觉方面是否在线上出现了问题，遇到问题要及时的去掉或者及时改掉。

这里要强调一个点就是：如今的app有的是用客户端写的，有的是用h5写的，如果是用h5的话，可以发现问题随时改随时上线，是不用发版的，也就是说不用去应用商店更新。但是客户端就不行，需要发版本，也就是要去应用商店下载。所以如果遇到客户端写代码的话，需要我们走查的时候更加细致一些。后期产品拿到一些数据后，作为设计师也要会去看数据，根据数据去进行优化设计，当然数据展开来讲的话，也有很多，这里就不赘述了。

2.产品上线跟踪

不同公司的产品从0-1的周期长短也不一，有些可能会到达某一定产品数据才算完成0-1的过程。上线后的跟踪，对数据分析也是非常重要的，有些大公司还设置了数据分析岗，专门对数据进行分析并支撑业务部门。

小公司则基本上由负责该产品的产品经理负责监控各种产品数据，通过数据不断调整产品策略，优化产品功能。

总结一下，流程基本就是：需求阶段参与讨论-产品设计-出交互稿-交互评审-出UI视稿-UI视觉评审-需求评审-开发-开发验收-测试-设计走查-（灰度）-上线-跟踪

相关文章：

一起来看看UI设计流程详解吧！通俗易懂

UI设计2023 通俗易懂的UI设计流程详解 首先，大家要明确一下范围：一般分为新产品的从0-1和已有产品上新的模块或功能的从0-1，这两个方向的环节和产出物会有比较大的区别。其实在UI设计师介入之前，我们是需要去了解一些大的方向和…...

编程日记 2023/9/28 16:09:22

TikTok营销成功秘籍：ROI指标的黄金法则

在当今数字营销领域，TikTok已经崭露头角，成为了品牌和营销者们争相追逐的热门平台。 然而，要在TikTok上取得成功，不仅需要创意和内容，还需要精确的ROI（投资回报率）指标来衡量和优化你的营销策略…...

编程日记 2023/9/28 16:06:19

17.适配器模式（Adapter）

意图：将一个类的接口转换为Client希望的另一个接口，使得原本由于接口不兼容而不能一起工作的那些类在一起工作。 UML图 Target：定义Client使用的与特定领域相关的接口。 Client：与符合Target接口的对象协同工作。 Adaptee&#xf…...

编程日记 2023/9/28 16:05:19

leetcode做题笔记154. 寻找旋转排序数组中的最小值 II

已知一个长度为 n 的数组，预先按照升序排列，经由 1 到 n 次 旋转 后，得到输入数组。例如，原数组 nums [0,1,4,4,5,6,7] 在变化后可能得到： 若旋转 4 次，则可以得到 [4,5,6,7,0,1,4]若旋转 7 次&#xff0…...

编程日记 2023/9/28 15:59:14

什么是推挽电路？

推挽电路原理： 可以简单理解为推和拉； 此电路总共用到两个元器件，对应图中的Q1----NPN三极管，Q2----PNP三极管，两个电阻R1和R2起到限流的作用；两个三极管的中间对应信号的输出。 下面就举例说明是如何工作的…...

编程日记 2023/9/28 15:55:10

208.Flink（三）：窗口的使用，处理函数的使用

目录 一、窗口 1.窗口的概念 2.窗口的分类 （1）按照驱动类型分 （2）按照窗口分配数据的规则分类 3.窗口api概览 （1）按键分区（Keyed）和非按键分区（Non-Keyed） *1）按键分区窗口（Keyed Windows） *2）非按键分区（Non-Keyed Windows） （2）代码中窗口API的调…...

编程日记 2023/9/28 15:52:07

时序预测 | MATLAB实现POA-CNN-BiLSTM鹈鹕算法优化卷积双向长短期记忆神经网络时间序列预测

时序预测 | MATLAB实现POA-CNN-BiLSTM鹈鹕算法优化卷积双向长短期记忆神经网络时间序列预测 目录 时序预测 | MATLAB实现POA-CNN-BiLSTM鹈鹕算法优化卷积双向长短期记忆神经网络时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 MATLAB实现POA-CNN-BiLSTM鹈鹕算…...

编程日记 2023/9/28 15:50:06

【知识点】增量学习、在线学习、离线学习的区别

参考链接：https://www.6aiq.com/article/1613258706447?p1&m0 离线学习 常见的学习方式，一次性将所有数据参与进训练。 离线学习完成了目标函数的优化将不会在改变了离线学习需要一次提供整个训练集时间和空间成本效率低发生数据变更或模型漂移需…...

编程日记 2023/9/28 15:47:02

c++ 学习 之 运算符重载 之 前置++和后置++

前言 int a1;cout << (a) << endl;cout << a << endl;int b1;cout << (b) << endl; // 这个是错误的cout << b << endl;上面样例中&#xff0c; 前置 返回的是引用&#xff0c;所以a 的值变成了3 后置 返回的不是可以改变的…...

编程日记 2023/9/28 15:42:56

K8s Kubelet 垃圾回收机制

前言 Kubelet 垃圾回收（Garbage Collection）是一个非常有用的功能，它负责自动清理节点上的无用镜像和容器。Kubelet 每隔 1 分钟进行一次容器清理，每隔 5 分钟进行一次镜像清理（截止到 v1.15 版本，垃圾回收间隔时间还都是在源码中固化的，不可自定义配置）。如果节点上已…...

编程日记 2023/9/28 15:41:55

docker安装高斯数据库openGauss数据库

1.创建容器 #创建数据没有挂在的容器 docker run --name opengauss --privilegedtrue -d -e GS_PASSWORDEnmo123 -p 8090:5432 enmotech/opengauss:latest 2. 进入容器&#xff0c;并切换omm用户&#xff0c;使用gsql连接高斯数据库 [rootansible ~]# docker ps -a CONTAIN…...

编程日记 2023/9/28 15:40:54

新手学习：ArcGIS 提取SHP 路网数据、节点

新手学习&#xff1a;ArcGIS 提取SHP 路网数据、节点 参考连接 OSM路网提取道路节点 ArcGIS&#xff1a;如何创建地理数据库、创建要素类数据集、导入要素类、表&#xff1f; 1. 导入开源路网SHP文件 2. 在交点处打断路网数据 未打断路网数据 有一些路径很长&#xff0c;…...

编程日记 2023/9/28 15:35:39

性能测试 —— Tomcat监控与调优：Jconsole监控

JConsole的图形用户界面是一个符合Java管理扩展(JMX)规范的监测工具&#xff0c;JConsole使用Java虚拟机(Java VM)&#xff0c;提供在Java平台上运行的应用程序的性能和资源消耗的信息。在Java平台&#xff0c;标准版(Java SE平台)6&#xff0c;JConsole的已经更新到目前的外观…...

编程日记 2023/9/28 15:33:38

刷题笔记26——图论二分图判定

世界上的事情,最忌讳的就是个十全十美,你看那天上的月亮,一旦圆满了,马上就要亏厌;树上的果子,一旦熟透了,马上就要坠落。凡事总要稍留欠缺,才能持恒。 ——莫言 visited数组是在如果有环的情况下&#xff0c;防止在图中一直绕圈设置的&#xff0c;类似于剪枝操作&#xff0c;走…...

编程日记 2023/9/28 15:31:35

网站整站优化-网站整站优化工具

您是否曾为您的网站在搜索引擎中的排名而感到焦虑&#xff1f;是否苦苦思考如何提高流量、吸引更多用户&#xff1f; 什么是整站优化。简而言之&#xff0c;它是一项用于提升网站在搜索引擎中排名的策略和技巧。通过对网站的内容、结构、速度等方面进行优化&#xff0c;可以使…...

编程日记 2023/9/28 15:30:34

冲刺十五届蓝桥杯P0001阶乘求和

文章目录 题目描述思路分析代码解析 题目描述 思路分析 阶乘是蓝桥杯中常考的知识。 首先我们需要知道 int 和long的最大值是多少。 我们可以知道19的阶乘就已经超过了long的最大值&#xff0c;所以让我们直接计算202320232023&#xff01;的阶乘是不现实的。 所以我们需要…...

编程日记 2023/9/28 15:29:33

c++ 学习 之 运算符重载

前言 运算符重载的概念&#xff1a; 对已有的运算符重新进行定义&#xff0c;赋予其另外一种功能&#xff0c;以适应不同的数据类型 加号运算符重载 作用&#xff1a;定义两个自定义的数据类型相加的运算 正常情况下&#xff0c;如果想要实现类中两个int 类型的相加&#xf…...

编程日记 2023/9/28 15:26:30

各种数据库表名长度限制整理

因为工作原因&#xff0c;需要整理下系统支持的数据库的表名长度限制&#xff0c;现发出来&#xff0c;以节省大家的整理时间&#xff0c;如有不对的敬请斧正&#xff01; 数据库类型长度ORACLE 30GreenPlum40KINGBASEES63PostgreSql63Gbase63瀚高63OSCAR64MYSQL 64HBASE64Mar…...

编程日记 2023/9/28 15:21:25

Go 里的超时控制

前言 日常开发中我们大概率会遇到超时控制的场景&#xff0c;比如一个批量耗时任务、网络请求等&#xff1b;一个良好的超时控制可以有效的避免一些问题&#xff08;比如 goroutine 泄露、资源不释放等&#xff09;。 Timer 在 go 中实现超时控制的方法非常简单&#xff0c;…...

编程日记 2023/9/28 15:18:23

一文彻底搞清楚Spark Schema

前言 Spark Schema定义了DataFrame的结构，可以通过对DataFrame对象调用printSchema()方法来获得该结构。Spark SQL提供了StructType和StructField类以编程方式指定架构。 默认情况下，Spark从数据中推断schema，但有时我们可能需要定义自己的schema（列名和数据类型），尤其…...

编程日记 2023/9/28 15:16:21

Nginx多出口IP解决代理端口数量限制，CentOS安装Nginx并开启https2.0

Nginx多出口IP解决代理端口数量限制，CentOS安装Nginx并开启https2.0。 配置文件如下： http {...upstream test {server www.test.com;}server {listen 80 default_server;server_name _;location / {proxy_pass http://test;proxy_bind $split_ip...

编程日记 2023/9/28 15:15:20

SpringBoot项目（百度AI整合）——如何在Springboot中使用语音文件识别 ffmpeg的安装和使用

前言 前言&#xff1a;在实际使用中&#xff0c;经常要参考官方的案例&#xff0c;但有时候因为工具的不一样&#xff0c;比如idea 和 eclipse&#xff0c;普通项目和spring项目等的差别&#xff1b;还有时候因为水平有限&#xff0c;难以在散布于官方的各个文档读懂&#xff…...

编程日记 2023/9/28 15:14:20

探索古彝文AI识别技术：助力中国传统文化的传承与发扬

目录 ⭐️ 写在前面 ⭐️ 一、什么是古彝文 1.1 古彝文介绍 1.2 古彝文与其他古文字示例 1.3 古彝文的重要性 ⭐️二、AI识别技术的挑战与前景 2.1 挑战 2.2 前景 ⭐️三、合合信息AI识别技术 3.1 智能文字识别技术&#x1f44d;&#x1f44d; 3.2 古文识别应用 ⭐…...

编程日记 2023/9/28 15:12:18

mysql面试题2：说一说MySQL的架构设计？一条 MySQL 语句执行的步骤？

该文章专注于面试，面试只要回答关键点即可，不需要对框架有非常深入的回答，如果你想应付面试，是足够了，抓住关键点 面试官：说一说MySQL的架构设计？ MySQL的架构设计主要包括以下几个组件： 连接器（Connector）：负责与客户端建立连接，并进行身份验证和授权。 查询缓存…...

编程日记 2023/9/28 15:11:17

UPnP协议和SSDP协议

1、两种协议 UPnP协议&#xff1a;Universal Plug and Play&#xff0c;广义的即插即用。UPnP协议的目的&#xff1a;当有新设备连接上网络&#xff0c;网络上的其他设备能够马上知道有新设备加入&#xff0c;然后这些设备能互相宣传和发现彼此&#xff0c;以便能使用和控制彼…...

编程日记 2023/9/28 15:10:16

notepad++配置python2环境

&#xff08;1&#xff09;python2版本下载&#xff1a;Index of /ftp/python/2.7.8/https://www.python.org/ftp/python/2.7.8/ &#xff08;2&#xff09; 配置notepad环境 1.打开Notepad&#xff0c;点击“插件”-“插件管理器”&#xff0c;在“可用”选项卡中&#xff0c…...

编程日记 2023/9/28 15:08:14

在ThinkAdmin中弹出层关闭后回调

在thinkadmin里面&#xff0c;窗口的的一些方法全部都集成在admin.js里面&#xff0c;在之前的文章中也有出现过类似的问题&#xff0c;就是对动态加载的数据进行统计&#xff0c;那时候写也是想记录下&#xff0c;现在自己都不记得是哪个站用的了&#xff0c;所以在这里也把这…...

编程日记 2023/9/28 15:07:13

vue3 和vue2 的比较

文章目录 生命周期多根节点Composition API组合式APIOptions API与composition API对比优化逻辑组织优化逻辑复用 异步组件(Suspense)Suspense组件 响应式原理性能体积优化编译优化diff算法优化静态提升数据劫持&#xff08;响应式系统&#xff09;优化 生命周期 vue3在组合AP…...

编程日记 2023/9/28 15:06:12

算法通过村第八关-树(深度优先)黄金笔记|寻找祖先

文章目录 前言最近公共祖先问题总结 前言 提示&#xff1a;生活就是一场有很多规则&#xff0c;却没有裁判的比赛。 --约瑟夫布罗茨基《悲伤与理智》 最近公共祖先问题 参考题目地址&#xff1a;236. 二叉树的最近公共祖先 - 力扣&#xff08;LeetCode&#xff09; 如果将搜索…...

编程日记 2023/9/28 15:02:09

postgresql|数据库|数据库测试工具pgbench之使用

前言&#xff1a; 数据库是项目中的重要组件&#xff0c;也是一个基础的重要组件&#xff0c;其地位说是第一我想应该是没有什么太多问题的。 那么&#xff0c;数据库的设计这些方面是不用多说的&#xff0c;关键的第一步&#xff0c;主要是涉及数据库的部署方式&#xff0c;…...

编程日记 2023/9/28 15:00:07

平阳网站制作/百度关键词搜索

自动化测试面试什么是自动化测试自动化测试分为哪几类什么时候会用到自动化测试自动化过程涉及哪些步骤简述你了解的延迟等待的方式如何设计出一个高质量的自动化脚本良好的自动化测试工具的特征是什么简述你知道的自动化测试工具QTPAppiumSeleniumJenkins手动测试的缺点是什么…...

编程日记 2024/11/6 16:58:57

asp.net 发布网站 ftp/个人网页设计作品欣赏

字符串函数 include<string.h> (1)strlen: strlen(字符串名)———代表的是取这个字符串的长度&#xff0c;不包括结尾的"\0". (2)strcmp: int strcmp(const char*s1,const char *s2)——用来比较这两个字符串&#xff0c;返回:(1).s1s2:0;(2).s1>s2:1;(3)…...

编程日记 2024/11/6 15:02:25

wordpress计算器插件/宁波seo外包服务

在测试程序里面&#xff0c;我们使用的是一个测试函数&#xff0c;函数体内部可以通过改变YY的值来改变函数的耗时。测试对比是 循环调用XX次函数&#xff0c;和循环XX次函数内部的YY循环。结果发现&#xff0c;在YY足够小&#xff0c;X足够大的情况下&#xff0c;函数调用耗时…...

编程日记 2024/11/6 14:16:55

新河网站建设/关键词优化推广公司哪家好

1、synchronized原理 在java中&#xff0c;每一个对象有且仅有一个同步锁。这也意味着&#xff0c;同步锁是依赖于对象而存在。当我们调用某对象的synchronized方法时&#xff0c;就获取了该对象的同步锁。例如&#xff0c;synchronized(obj)就获取了“obj这个对象”的同步锁。…...

编程日记 2024/11/6 10:43:17

做买衣服的网站有哪些/国外免费ip地址

问题 Amazon Linux 2实例上面默认是0时区&#xff0c;需要修改为东8区。 步骤 查询当前时区 timedatectl查询可用时区 timedatectl list-timezones修改时区 sudo timedatectl set-timezone Asia/Shanghai这里修改为东8区&#xff0c;也就是北京时间。 验证时区 timedat…...

编程日记 2024/11/6 7:57:19

东莞凤岗网站建设制作/快照关键词优化

浙大版《Python 程序设计》题目集 第2章-14 求整数段和 (15分) 给定两个整数A和B&#xff0c;输出从A到B的所有整数以及这些数的和。 输入格式&#xff1a; 输入在一行中给出2个整数A和B&#xff0c;其中−100≤A≤B≤100&#xff0c;其间以空格分隔。 输出格式&#xff1a;…...

编程日记 2024/11/6 6:25:36