目 录CONTENT

文章目录

产品设计之交互设计自查

慧行说
2017-10-17 / 0 评论 / 0 点赞 / 509 阅读 / 1,192 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2023-05-21,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

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

0

评论区