产品设计方法论之基础

news2025/6/10 3:29:35

1、信息控件

在这里插入图片描述

输入框限制

  • 输入文本的内容限制。常见的内容限制主要纯字母 (如英文有纯数字 (如手机号码)、名)、纯汉字(如中文名) ,以及各种类型的排列组合或违禁内容的输入限制。如果用户输入限制的内容,我们可以按无法输入的逻辑处理,也可以在用户输入时,使用帮助文本提示用户输入的内容不合法
  • 输入文本的长度限制。每一个输入文本都要有一个输入长度的极限值,例如,要求手机号码只能有11位,身份证号码只能有18位,文本描述不能超过50个汉字等,这些都是关于输入文本的长度限制
  • 长文本超限可采用换行、固定字符展示、将溢出部分显示为省略号

滑动开关

  • 开关的前置后置状态添加辅助说明文字
  • 重要功能时必要时给出弹窗提示

选择器

单项多类选择器
在这里插入图片描述
多项分类选择:
在这里插入图片描述
搜索分类选择
在这里插入图片描述
时间选择器(移动)
在这里插入图片描述

计步器

在这里插入图片描述

树状控件

在这里插入图片描述
自定义树状控件:
在这里插入图片描述
应用场景:组织架构

穿梭框

在这里插入图片描述

上传控件

在这里插入图片描述

搜索

在这里插入图片描述
搜索、推荐、联想

表单页

在这里插入图片描述

2、信息反馈控件

吐司提示

在这里插入图片描述

对话框

在这里插入图片描述
功能型对话框:
在这里插入图片描述

气泡卡片

在这里插入图片描述

3、信息输出控件

走马灯

在这里插入图片描述
在这里插入图片描述
轮播
在这里插入图片描述

步骤条:
在这里插入图片描述
在这里插入图片描述
徽标
在这里插入图片描述

面包屑

在这里插入图片描述

查询器

在这里插入图片描述
系统中默认显示重点的查询条件,要说明是模糊查询还是精准查询,默认折叠

列表页 &详情页

列表页
在这里插入图片描述
批量:在首列加复选框,再增加批量操作按钮

详情页:
在这里插入图片描述
详情页数据是对列表页数据的补充说明

结果页

在这里插入图片描述

4、产品原型设计方法

按钮设计

  • 按钮类型包括:文字按钮、图标按钮、普通按钮
  • 按钮上的数字一般是双数
  • 普通按钮取消色彩填充
  • 信息按钮一般是蓝色的,成功按钮一般是绿色的,警告按钮一般是黄色的,错误按钮和删除按钮一般是红色的

基础元素

文字样式:
在这里插入图片描述

导航菜单

在这里插入图片描述
导航栏设计方法:
在这里插入图片描述

5、通用的产品设计方法

在这里插入图片描述

注册设计

在这里插入图片描述
账户类型:手机、邮箱(B端)、自定义(不推荐)、第三方账户
1)手机类型:
手机号码具备特有的短信验证优势。后续无论是换号场景还是忘记密码的场景,都可以通过短信验证码快速验证并完成。同时,普通用户一般情况下不会有很多个手机号,可以有效防止恶意注册的发生。
2)注册校验:
如果注册信息过多,考虑在某一行填写完信息后给出校验提示

登录设计

在这里插入图片描述
1)登录方式:
注册什么账户就用哪个登录,注册账号绑定了其他第三方账户,则也可以用第三方账户登录

2)登录校验
①登录账户不存在,提示重新登录或注册
②实际场景总,如果登录账号不存在实现自动注册流程

3)忘记密码
①通过手机验证码
②通过绑定邮箱找回
②通过申诉找回

数据列表功能

在这里插入图片描述
1、查询模块

  • 各个搜索条件都是独立的
  • 多条搜索实现多项筛选功能
  • 可以实现重置功能

2、列表模块

数据看板

在这里插入图片描述
策略:围绕用户需求设计即可

静态数据:
在这里插入图片描述
包括元素:指标名称、数值(突出)、辅助指标(环比同比)、指标说明(气泡卡片)

图表类型:
柱状图:侧重于对比
在这里插入图片描述
折线图:侧重于趋势
饼图:侧重于占比
数据漏斗:
在这里插入图片描述
例如,在网站分析中,提前设计好转化路径,为每一步转化设计好数据埋点,监控每一步的转化率,如果某一层的转化率较低,就对这个层级进行转化率分析,找出原因并得出优化方案。

框格布局
在这里插入图片描述
在这里插入图片描述

短信群发

在这里插入图片描述短信内容和发送对象都准备好后,还需要单击“提交审核”按钮,提交给短信服务商进行审核,审核通过后可以设置为立即发送,也可以设置为定时发送。

在这里插入图片描述
群发记录:
在这里插入图片描述
在这里插入图片描述

app消息推送

在这里插入图片描述

6、通用产品逻辑

关系

依赖关系:
如未登录状态下收藏时,需要依赖登录功能
登录状态就是收藏的前置条件

关联关系:
1对多,多对1关系

聚合关系:
强关联关系,建立在整体和部分的基础之上,部分对象可以脱离整体对象而存在,如学校和老师的关系,学校不在,老师还会存在

组合关系:
和聚合关系相同,但是不可脱离整体,如外卖订单与该订单下单的时间是组合关系

泛化关系:
继承或包含的关系

实现关系:
完成一个步骤

支付对账逻辑

说明:
(1)业务系统的自对账
以商品系统为例,客户提交订单,生成一条待支付订单(如果没有订单会出现问题)

(2)业务系统和支付系统的对账。
点击购买商品后,业务系统请求支付系统,同时支付系统生成了与这笔支付订单具有唯一映射关系的“支付流水”。
对账方式:支付订单和支付流水的对账(唯一对应关系)

(3)支付系统和支付渠道之间的对账
支付流程和渠道流水的对账(一般先对这部分,再去对其他两部分)

对账功能:
1、创建对账任务
功能模块:对账功能模块
2、执行对账任务
3、处理对账差错
在这里插入图片描述

快下班了,未完待续…

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

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

相关文章

LeetCode题解 动态规划(三):343 整数拆分;96 不同的二叉搜索树

343 整数拆分 medium 给定一个正整数 n ,将其拆分为 k 个 正整数 的和( k > 2 ),并使这些整数的乘积最大化。 返回 你可以获得的最大乘积 。 这道题乍一看没有点儿动态规划的影子,反而感觉用数学法可以求解。 但是…

后勤管理系统—服务台管理功能

数图互通是一家IT类技术型软件科技公司,专业的不动产、工作场所、空间、固定资产、设备家具、设施运维及可持续性管理解决方案软件供应商。 一、后勤管理系统服务台管理功能包含: 1、专业自动化、集中管理的自助服务助理,随时响应服务请求。…

作为公司,这个5款在线软件工具赶紧安利起来!

2023年了 ,您的企业还没使用在线软件工具吗?自从用了在线工具之后,感觉打开了新办公世界的大门,效率蹭蹭蹭地往上涨啊。对于喜欢追求效率和便捷的我来说,在线实在是太棒了!今天安利几个非常不错的在线软件工…

基于matlab使用神经网络清除海杂波

一、前言此示例演示如何使用深度学习工具箱™训练和评估卷积神经网络,以消除海上雷达 PPI 图像中的杂波返回。深度学习工具箱提供了一个框架,用于设计和实现具有算法、预训练模型和应用程序的深度神经网络。二、数据集该数据集包含 84 对合成雷达图像。每…

智能工厂自动化设备如何将数据采集到物联网云平台上

制造业工厂在进行生产管理、数字化转型升级的过程中,大量自动化设备的数据采集上云一直是困扰厂商的难题之一。因设备种类多、工艺复杂、设备老旧无多余通信接口导致数据无法集中、工艺无法实时管控,加上设备服务商的本地支持比较有限,因此设…

react-jwchat

react-jwchat: react-jwchat是一个基于React实现的web聊天组件。 如何阅读大型前端开源项目的源码 - 掘金 rollup专注以ESModule打包/自动treeshaking,更准确的来说rollup是小而美的打包工具 ts“typescript” ts是js类型的超集,被编译成纯js再执行 js&#xff…

阳康后是否二次感染,长新冠与肠道菌群的关联,多种潜在的干预措施

谷禾健康 随着大家陆续“阳康”,大家逐渐恢复以往的生活,城市的烟火气回来了。 然而阳康后真的万事大吉了吗? 还是有很多朋友处于这样的状态:感觉恢复了,又好像没有完全恢复,身体多少有点不适,开…

VirtualBox 虚拟机安装Windows10,珍藏版!!!

1、virtualbox管理器开始运行,点击【新建】按钮,开始新建虚拟电脑(输入名称,修改路径,勾选版本等),如下图; 2、下一步,选择内存大小,默认推荐2048MB 3、创建后…

java基本类型转换

1.什么是类型转换? 因为java是一门强类型语言,所以在数据运算中会存在类型转换。 基本类型转换分为自动转换和强制转换。 自动转换规则:容量小的数据类型可以自动转换成容量大的数据类型,也可以说低级自动向高级转换。这儿的容量…

使用logstash把mysql同步到es,Kibana可视化查看

1:首先需要电脑本地有es环境,并且要牢记版本后,后续安装的logstash和Kibana一定要版本对应 查看es版本:http://localhost:9200/ 2:安装对应版本的logstash:找到自己对应ES版本,然后解压 Logst…

聚观早报 |微软正式将ChatGPT引入必应;百度将于3月上线ChatGPT

今日要闻:微软正式将ChatGPT引入必应;抖音否认3月全国上线外卖服务;百度将于3月上线ChatGPT产品;印尼跃升成全球第二大钴生产国;特斯拉在德国喜获“开年红” 微软正式将ChatGPT引入必应 2 月 8 日,据 CNET …

低代码开发平台|生产管理-成本核算搭建指南

1、简介1.1、案例简介本文将介绍,如何搭建生产管理-成本核算。1.2、应用场景计算主生产及子生产计划的工序成本、领料成本,统计出总的生产成本金额。2、设置方法2.1、表单搭建1)新建表单【商品信息】,字段设置如下;名称…

数据库模式(schema)是什么?

在数据库的术语中,模式(schema)是一个逻辑概念,用于组织数据库中的对象。模式中的对象通常包括表、索引、数据类型、序列、视图、存储过程、主键、外键等等。 模式可以为数据库对象提供逻辑隔离功能,不用应用程序可以…

基于libcurl 实现web-uploader客户端 大文件分片,断点续传(curl-uploader)

嵌入式设备Arm linux 基于libcurl 实现大文件分片上传,断点续传,分片大小可控,使用libcurl 实现web-upload linux c/c 客户端(curl-uploader)。通过wireshark 抓包网页版客户端上传文件过程,分析http post 流程。工程代码&#xf…

【排序算法】快速排序(Quick Sort)

快速排序(Quick Sort)使用分治法算法思想。快速排序介绍它的基本思想是: 选择一个基准数,通过一趟排序将要排序的数据分割成独立的两部分;其中一部分的所有数据都比另外一部分的所有数据都要小。然后,再按此方法对这两部分数据分别进行快速排…

SCADA软件平台数据库功能的应用

一、前言 SCADA系统是以计算机为基础的过程控制和调度自动化系统,它对工业现场的设备进行监视和控制,并实现数据采集与分析、设备运行控制、异常报警等。数据库系统作为SCADA系统中的重要组成部分,是进行数据采集、处理和存储的基础&#xf…

软件设计(八)

软件设计(七)https://blog.csdn.net/ke1ying/article/details/128927149 71、计算机系统主要是由 DRAM 构成的。 解析:随机访问存储器RAM有两类。 DRAM:(dynamic)动态随机访问存储器。SRAM比DRAM贵很多,DRAM电容很小&#xff0…

基于深度学习的安全帽监管系统

摘 要 安全生产管理是建筑、重工业等高危企业发展的重要方针,安全帽在施工生产环境中对人员头部防护起着关键作用,因此加强安全帽佩戴监管十分必要。近年来,基于图像视觉的安全帽佩戴监测方法成为了企业实施管理的主要手段,如何提高安全帽佩戴检测精度和检测速度是应用的关键难…

Linux系列文章 —— 进程概念(图解PCB、进程的描述、状态、创建、组织、查看详解)

系列文章目录 文章目录系列文章目录前言一、冯诺依曼体系结构二、操作系统三、进程概念进程概念描述进程(PCB)组织进程查看进程创建进程(fork)进程队列进程状态运行状态 - R睡眠状态 - S停止状态 - T僵尸进程 - Z孤儿进程进程优先…

不会做UI自动化测试?一起设计框架再实践吧

目的相信做过测试的同学都听说过自动化测试,而UI自动化无论何时对测试来说都是比较吸引人的存在。相较于接口自动化来说它可以最大程度的模拟真实用户的日常操作与特定业务场景的模拟,那么存在即合理,自动化UI测试自然也是广大测试同学职业道…