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、处理对账差错

快下班了，未完待续…