Fork me on GitHub

产品设计之交互设计自查

1.前置条件

当前页面显示为当下状态的前提条件。

  • 无账号登录:即没有账号登录的情况;
  • 账号未登录:账号未登录的情况是否可使用产品;
  • 账号已登录:
    • 账号被封禁:如何提示?
    • 单点登录:同一个账号登录不同的设备如何提示?
    • 账号权限:同一个产品,是否需要区分多种权限?

2.数据

2.1 展示

序号 状态 解决办法
1 页面无内容 引导文案
2 局部数据无内容 占位文字、占位图片、留白
3 所有数据加载失败 数据加载失败,引导性文案
4 部分数据加载失败 数据加载失败,引导性文案
5 数据长度、特殊符号、敏感词限制 屏蔽,用“…”或“*”替换
6 数据计量单位是否不同 1000=1K;10000=10K,1分=59S=刚刚
7 键盘弹出是否有问题 不同输入框默认键盘是不一样的,需按产品说明弹出

2.2 刷新加载

序号 状态 解决办法
8 横竖屏问题 是否允许横屏,H5项目横屏CSS是否正确
9 刷新加载 自动刷新,手动刷新
10 加载中样式 加载动画,如菊花加载,gif
11 刷新成功/刷新失败 toast提示
12 刷新出新内容或没有新内容 toast提示:更新了XX条数据,没有新的内容了
13 一次刷新加载了多少条数据 同上,增加相应的数据

2.3 排序

序号 状态 解决办法
14 排序变动频率 -
15 排序变动规则 时间排序、权重排序、置顶

2.4 缓存

序号 状态 解决办法
16 缓存哪些数据 -
17 缓存数据更新规则 -
18 缓存数据删除规则 -

关于缓存部分需要注意的是缓存到服务器还是本地,部分HTML的缓存可缓存到服务器,保存一定时间

3.控件

控件包含产品中的按钮(button),导航(navbar),工具栏(toolbar),底部导航(tabbar)。

序号 状态 解决办法
1 点击区域 在尽量避免误操作的基础上,使用户更容易点击
2 禁用状态 禁用状态点击效果,点击是否有提示
3 可操作状态 -
4 加载状态 加载状态是否可中断加载
5 操作时状态 高亮显示
6 选中状态 再次点击是否可取消选中状态
7 提醒状态 红点提示,气泡提示,消息提示
8 操作后结果 成功、失败提示
9 控件设计 是否具有一致性
10 控件呈现 是否符合用户认知,比如游戏中会有奇怪的按钮
11 控件交互 控件交互是否具有抑制性

4.动效

动效包含页面切换、弹窗、控件、操作等等。

序号 状态 解决办法
1 页面切换 旋转切换,左右滑动,无动效
2 弹窗 弹层形式,上、下滑动出来
3 控件 同上文的控件,各种动效
4 操作 点击、滑动、拖动、拉伸、缩放、摇一摇

5.提示(toast提示与dialog提示)

提示一般为toast提示与dialog提示,二者不同的是toast不打断用户当前操作,只起到告知用户的目的,而dialog则会打断用户当前操作,比较紧要或必须让用户做选择的操作可选择dialog。

序号 状态 解决办法
1 流量/wifi切换提示 当前网络为4G/WIFI网络
2 断网提示 当前无网络
3 加载中,加载成功,加载失败 同上文

6.其他

序号 状态 解决办法
1 版本相关 是否强制更新?旧版数据如何兼容
2 启动页、引导页、新手引导 -
3 数据埋点 -
4 消息推送 自建,第三方,例如小米推送
5 硬件交互 获取相机权限、获取GPS权限、获取相册权限
6 角色权限不同造成哪些差异 -
7 是否提供特殊模式 仅供部分使用者查看
8 文案是否一致,句式是否一致,文案是否有温度,默认文案

本文来源于互联网,并有酌情修改,本文仅发布与慧行产品说www.liuyude.com