交互规则
2021-08-08 22:31:39 11 举报AI智能生成
产品设计-交互规则整理（内容来自于人人都是产品经理）
作者其他创作
大纲/内容
内容为空的状态就是空页面，内容溢出就是你的消息内容超出规定的范围
内容为空
内容太少
内容溢出就是你的消息内容超出规定的范围，这个时候需要考虑内容溢出的展示样式是什么样子的？默认展示多少字符？消息未读是什么状态？消息已读又是什么状态？内容太少的样式又该如何展示？
内容溢出
5、内容
即将开始
活动中
已结束
6、时间
位置
气候
温度
海拔
空气质量
......
类型
7、环境
如：1、下拉框取值范围
数据取值范围
范围值
如：label最多显示多少字，显示不下怎么办？
数据的显示限制
极限值
1、限制条件
默认显示的文案、选项等
文本框的默认键
列表的默认排序
默认状态
未登录/登录
认证/未认证/审核中/认证成功等
用户正常使用遇到的状态
正常状态
无数据情况（空白页）
加载失败
网络错误
系统报错
一些特殊场景才会出现的状态
特殊状态
1、文本框限制200个汉字（400字符）
2、当超出限制时，文本框不可以在输入，并toast提示用户：“最多输入200个字”；
3、当未填写内容时，不可以发送；
文本框限制
默认显示“发表评论”
默认吊起拼音键盘
状态
1、点击“取消”“上方遮罩层”关闭当前评论层，自动保留文本框中内容，防止用户误操作导致内容小时
2、点击“表情”，切换到表情键盘；
3、点击“发送”，判断文本框内容是否为空。为空时提示：您还没有填写任何内容，快去填写吧；
操作反馈
评论框
举例1：文本框的默认状态（一般包括：文本框提示文案和默认键盘，为了方便解说，我把文本框和文本域统称为文本框了哦）
比较常见的如登录/未登录状态，认证审核状态，订单状态等。
未登录看不到此模块
未申请认证时：状态显示【未认证】，点击进入“申请认证”页面填写资料；
2、：状态显示【审核中】，点击进入“审核中”页面查看进度；
3、为通过审核：状态显示【审核未通过】，点击进入审核未通过页面修改资料
4、审核通过后：隐藏此模块；
已登录
【未登录状态】对于某些功能，当用户不登录时，会涉及显示内容的变化及后台权限逻辑的判断子主题3
1、状态
成为认证用户
用户申请身份认证涉及的状态。
举例2：列表默认排序方式。涉及到列表，就要想起这句话：按什么排序？几种常见的排序：按发布时间倒序/正序、按更新时间倒序/正序、按热度正序等，需具体情况具体分析哦。
子主题3
举例
2、状态
点击
按
长按
滑动
下拉刷新
例如：密码强度和输入建议的选项，从细节上帮助用户提升密码成功率
输入
放大
缩小
跳转
正常
模态
弹窗
...
交互方式
在正常状态下，用户的操作流程（即来龙去脉，从哪儿来到哪儿去）。在用户的操作过程中，需要及时给予用户反馈，告知用户发生了什么。
正常操作
用户操作错误时，需要给出正确的反馈
当用户进行了一些错误操作时，需要给出一些纠正反馈。错误提示内容需包括：当前错误和纠正信息，即告知用户当前发生了什么，接下来可以做什么。
举例-个评论框的操作和反馈（包括正常操作和错误操作）
错误操作
即使很少出现也需要考虑到
还记得几年前的淘宝二楼么。当我一直往下拉时，会出现图中这个提示。是不是让人感觉很有趣～
极端情况下
比如两个复选框必须有一个选中
功能特殊
比如无数据情况、加载失败、网络错误
场景特殊
特殊操作
操作类型
操作
用户操作后，系统用户的及时反馈；
提示
页面的来龙去脉
点击某个连接后跳转哪里
用户操作后的专场方式
动画
反馈
3、操作反馈
当某些功能并非开发更诶全局用户时，需要明确告诉开发人员那些用户由此权限，
1、登录用户和游客用户（非登录）
2、管理员用户和普通用户
3、会员用户和非会员用户
4、女性用户和男性用户等等。
用户身份
完成某操作步骤，是否要触发消息，通知用户
站点信&推送
数据埋点，为上线后统计分析提供基础
1\\追踪用户的行为轨迹
2\\查看关键路径转化率
3\\分析某个活动对日活注册量的影响
友盟统计
百度统计
诸葛IO
growingIO
4\\常见统计平台
数据埋点
标出首屏位置，为设计师提出参考
首屏位置
当优化某个功能，需要考虑是否存在新老版本兼容问题
举例1：在新版本中新增加了一种内容类型（如视频），那么该内容在老版本中如何展示？（不显示？显示图片？还是…）
举例2：当某个功能明确计划在下版本开发，那么在设计本版本时便要考虑，老版本如何展示及提醒用户去升级？如：之前做的一个【提现】功能，计划在下版本开发，故在本版本设计时，做了如下处理
1、人为处理老数据进行标准化
2、根据规则程序去洗数据；
3、不做处理，仅对新数据规范。
你的产品最初做的时候部分字段不够规范（均是手动录入的自由文字），后期想进行标准化管理时，这时候就涉及到老数据的问题。
举例3-老数据处理
新老版本兼容
4、其他
交互规则说明
0 条评论
回复 删除
下一页
