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、处理对账差错
快下班了,未完待续…