下面两篇关于交互自查的文章,来自网络转载
自查框架1
自查表制作流程
1 收集整理 收集素材,整理关键内容
2 总结归纳 总结规律原则,从整体到布局;持续迭代;适合自己
3 拆分重组 按照自己的习惯进行拆分重组;确保深刻理解,并能快速定位
4 取舍完善 筛选整理别人的自查点,判断取舍;根据自己的以往经历进行补充
5 更新迭代 持续跟新迭代自查点,随着设计师的成长而成长
6 重点标注 标注出错频率,重点关注高频错误
表格汇总
1 任务流程
自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|
通畅性 | 能否顺利跑通?是否有断崖或死循环? | ||
可逆性 | 从哪里来是否可以回到哪里去? | ||
流程是否可以被撤销或重置? | |||
流程是否可以随时退出? | |||
流程的退出方式有哪几种? | |||
可续性 | 复杂任务流程是否支持保存或自动保存? | ||
意外退出是否有保存提示? | |||
特殊性 | 流程是否需要特定的用户权限? | ||
不同权限的用户是否是相同的流程? | |||
时效性 | 流程是否会过期失效? | ||
容错性 | 流程是否会出现不通过的情况? | ||
流程是否与其他流程有逻辑关联or冲突? | |||
流程是否需要特殊说明/ |
2 框架布局
自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|
导航 | 导航是否易触达?易操作?拓展性好? | ||
导航方式是否合理:底部菜单栏、顶部导航栏、汉堡菜单、下拉菜单、标签栏 | |||
内容区域 | 内容的类型都有哪些?是否有特殊内容类型? | ||
重要的内容是否被突出?不重要的内容是否被弱化? | |||
该内容在当前页面是否合适? | |||
页面到底了是否有情感化提示? | |||
操作区域是否在用户易易触达的区域? | |||
是否需要对内容进行合并或拆分? | |||
是否有可以隐藏的内容? |
3 页面级交互
自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|
入场切换 | 是否有特殊的入场方式? | ||
是否有快速切换的方式或手势?比如左滑返回、下滑关闭 | |||
加载 | 是否有加载动画? | ||
是否等待时间过长?是否有延缓等待的措施?如假写、进度条、动画等 | |||
新加载触内容是否有提示?比如底纹 | |||
加载失败是否自动重试?是否有提示再次加载? | |||
加载次数超过一定数量是否有替代方案?如联系客服、问题反馈等 | |||
刷新 | 自动刷新还是手动刷新?下拉刷新还是点击刷新? | ||
每次刷新多少条内容?是否提示用户新内容数量? | |||
刷新是否有特殊的情感化动效? | |||
刷新是否有情感化提示? | |||
切换页面时是否要主动刷新页面? | |||
刷新无结果时是否有情感化提示? |
4 页面元素
类别 | 自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|---|
文案 | 统一性 | 相同内容不同页面用词句式是否统一? | ||
时间地点的显示方式是否统一? | ||||
符号类型是否统一? | ||||
通俗性 | 是否可以更简洁易懂?是否使用用户熟悉的词汇? | |||
简洁性 | 是否还可以更精炼? | |||
是否可以分类归纳? | ||||
是否可以分为主标题+副描述? | ||||
情感化 | 是否使用了情感化的描述方式?如人称、语气词等 | |||
是否贴合用户的使用场景? | ||||
是否需要配合插画或行为引导? | ||||
其他 | 文案的字数是否符合场景体验?4-7个字最佳 | |||
列表 | 排布 | 一页全部加载还是分页加载? | ||
若分页加载,每页加载多少内容?是否有步骤条? | ||||
浏览到列表底部是否有情感化提示? | ||||
表单是否有默认排序?是否展示了排序规则? | ||||
操作 | 是否支持切换排序方式,是否支持手动排序? | |||
若一页加载,是否有降低认知符合的措施?如折叠收起 | ||||
是否支持负向操作,如删除或隐藏? | ||||
是否支持筛选? | ||||
情感化 | 列表为空的情感化表达 | |||
网络状态的情感化表达 | ||||
图片 | 查看 | 图片是否有特殊的打开方式?如放大、呼出等 | ||
是否有预加截图? | ||||
加载失败如何显示? | ||||
是否支持查看大图? | ||||
是否支持双击或双指开合放大? | ||||
是否支持切换翻页?是否有页码? | ||||
是否有图片描述?描述是否有限制?超出限制如何显示? | ||||
操作 | 是否支持下载、分享、转发? | |||
是否支持负向操作?如删除、举报 | ||||
是否有查看权限?如登陆后查看大图、下载等 |
5 组件&控件
类别 | 自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|---|
按钮 | 按钮类型 | 主按钮、次按钮、幽灵按钮、文字按钮是否合理 | ||
按钮位置 | 按钮是否容易触达? | |||
是否符合它的信息层级? | ||||
按钮的位置是否统一? | ||||
按钮文案 | 按钮文案是否准确? | |||
按钮状态 | 点击、长按、选中、置灰等状态是否齐全?样式是否容易区分? | |||
用户是否知道按钮不可用的原因和解决方式? | ||||
按钮的默认状态是?是否默认激活?激活条件是什么? | ||||
按钮动效 | 是否需要动效增强行为召唤力度? | |||
是否需要动效表示点击按钮后的状态?如加载中 | ||||
操作反馈 | 是否有结果反馈? | |||
是否选择了合适的反馈强度?重-弹窗;中-Toast;轻-Tip | ||||
是否考虑到了全部情况:成功/失败/无权限/无内容 | ||||
是否有元素在操作前后发生状态或视觉上的变化? | ||||
标签栏 | 信息 | 默认选项是什么? | ||
最大数量是多少? | ||||
操作 | 是否支持左右滑动切换?切换时是否有动效? | |||
是否可以呼出菜单查看,呼出时是否有动效? | ||||
是否支持自定义编辑或排序?是否有推荐组合? | ||||
弹窗 | 视觉 | 是否需要制作特殊的视觉效果?如活动类、宣发类 | ||
提示 | 核心、毁灭性操作是否有二次确认提示? | |||
遮罩 | 是否有背景遮罩? | |||
点击遮罩是否可以关闭弹窗? | ||||
操作 | 主行动点是否突显? | |||
毁灭性操作按钮是否标红? | ||||
有无取消操作? | ||||
系统 | 是否需要区分不同的操作系统? | |||
输入框 | 输入类型 | 中文or英文、是否支持阿拉伯数字、特殊符号和空格?是否作出明确说明? | ||
输入长度 | 是否有阀值限制? | |||
超过负载时如何显示、如何提示? | ||||
输入方式 | 在当前页面输入还是单独的输入页面? | |||
是否支持其他输入方式?如复制粘贴 | ||||
是否支持换行? | ||||
是否支持隐藏输入内容?如密码 | ||||
提示 | 是否有输入提示? | |||
是否有预填充? | ||||
是否说明错误原因和解决方法? | ||||
重新输入时是否要清空错误内容? | ||||
用户确认后是否要自动激活输入? | ||||
单选 多选 |
类型 | 使用单选还是下拉菜单?多选还是选择标签? | ||
是否有默认选项? | ||||
是否有必选项? | ||||
操作 | 是否有更好的选择方式?如左右滑动 | |||
是否有清空选项? | ||||
选择后是否支持自动反馈?如跳转到下一页、出结果等 | ||||
表单 | 表单流程 | 是否符合<流程>? | ||
表单排布 | 是否符合<列表>? | |||
标题 | 标题与内容的对应关系是否明确? | |||
标题和内容的排序方式和对齐方式是怎样的? | ||||
标题内容是否附符合<文案>? | ||||
表单报错 | 错误的样式是否明显? | |||
提示内容是否清晰明确?是否说明消除错误的方法? | ||||
提示的位置是否接近错误区域? | ||||
是否能定位到错误的位置? | ||||
是否选择合适的爆粗强度?重-弹窗;中-Toast;轻-Tip | ||||
报错次数是否有限制?超出限制是否有一步措施? |
6 特殊场景再查
类别 | 自查点 | 描述 | 标记 | 错误频次 |
---|---|---|---|---|
物理条件 | 硬件设备 | 是否支持横屏显示?横竖屏时布局及功能是否完善? | ||
操作系统 | 是否需要区分不同操作系统 | |||
是否需要调用GPS、蓝牙、相机等设备的使用权限?如何让用户更加愿意授权? | ||||
特殊模式 | 夜间模式 | 是否需要考虑夜间模式(有没有光线较暗的场景)? | ||
WIFI模式 | 是否开启自动缓存、下载等? | |||
流量模式 | 数据流量环境下是否提示切换省流量模式? | |||
低电量模式 | 是否减弱部分视觉效果,停用富文本内容的自动刷新与下载? | |||
沉浸模式 | 如全屏模式、VR模式,考虑退出操作的便捷性和信息提示弱打断 | |||
网络状态 | 无网/断网/弱网 | 是否有相应解决方法或提示? | ||
状态变化 | 从WIFI模式到数据流量模式时是否需要提示?是否需要切换模式? | |||
账号权限 | 未登录 | 登录和未登录的权限差别,需要登录后才可操作的功能是否唤醒登录? | ||
用户权限 | 需要读取权限吗? | |||
是否告知用户有权限的区别? | ||||
是否告知用户如何获得权限? | ||||
如何情感化得告知用户没有权限?是否告知解决方案? |
—— 阿肆Stella | 海盐社 | 2018-11-23
自查框架2
自查表的作用
主要作用:设计评审之前,通过交互自查表,对自己的交互稿进行审核,考虑各种细节状态,帮助查漏补缺。
自查表内容
交互自查表中,主要分为四个层次:信息层 页面层 交互层 特殊层
A—信息层
信息架构
【描述】
1:信息架构是否容易理解
2:信息层级是否清晰
3:是否考虑信息的优先级
4:信息分类是否合理
5:浏览路径是否清晰
操作流程
【描述】
1:易操作高频率重要的功能是否在可操作区域
2:页面操作是否符合认知
3:页面操作是否与交互流程一致
4:操作是否可以简化
5:是否对用户的下一步操作有一定的预判
流程设计
【描述】
1:核心使用路径是否合理,是否形成闭环
2:每页跳转的结果是否与用户期望的相对应
3:返回:是否可以哪里来哪里去,是否可以快速回到首页/主页面
4:保存:是否支持自动保存,未保存退出时提示保存,意外退时自动保存
5:异常操作流程:退出、撤销、重置、返回、不通过和过期失效
6:是否考虑了逆向流程
B—页面层
文本设计
【描述】
1:文案是否符合三个原则:准确,完整,易懂
2:文本长度:是否有限制?最多和最少情况?
3:文案排版是否符合优先级和基本排版规则
4:文案内容浏览结束至内容底部的情感化表达
5:是否特定场合下有引导提示
布局设计
控件设计
【描述】
1:控件形式和操作结果是否符合用户预期
2:控件类型是否易懂,样式一致性?
3:控件各种状态是否状态明确,考虑完整
(默认、经过、点击、不可用、选中、加载、完成)
4:控件的运用是否符合用户使用场景
输入与选择
【描述】
1:是否提供有默认值
2:是否输入过程中有提示或者判断
3:是否可以优化输入选择过程
4:是否存在不必要的输入
5:是否指定键盘类型
数据设计
【描述】
1:数据为空状态时如何显示
2:数据信息超时/过期如何显示
3:无法完整显示数据如何显示
4:如何展示数据给无权限用户
5:敏感数据如何脱敏显示
6:数据如何排序
7:数据是否存在机值
C—交互层
交互过程与反馈
【描述】
1:是否所有元素的含义清晰
2:是否考虑操作成功的反馈
3:是否考虑操作失败的反馈
4:当前用户使用状态是否易理解
5:操作过程中是否允许取消
6:是否设计必要且合理的动效
7:是否考虑防止失误操作
8:是否考虑到交互行为干扰到其他操作
9:是否考虑了危险操作的二次确认环节
10:是否允许撤销/回退操作
动效设计
【描述】
1:触发时:
触发状态是否明确
触发按键的操作是否易懂
2:触发中:
触发过程是否考虑加载时间
触发过程是否考虑加载动效
是否考虑触发未释放时反馈
是否支持取消触发
3:触发后:
反馈的内容是否符合用户预期
反馈结果是否清晰
反馈失败后如何显示
反馈异常是否考虑提供解决办法
D—特殊层
设备类
【描述】
1:横竖屏是否支持相互切换
2:高低分辨率适配
3:硬件与系统版本是否匹配和谐
4:硬件交互下的蓝牙,定位等是否授权
5:新老版本是否兼容
网络类
【描述】
1:没有网络状态
2:网络超时断网状态
3:网络太慢状态
4:网络切换(wifi-数据流量)变化
5:加载失败吗是否自动重新加载
6:是否考虑了网络数据缓存内容
蓝牙类
【描述】
1: 是否需要开启蓝牙
2:蓝牙扫描失败状态
3:蓝牙扫描成功反馈
4:蓝牙断开连接状态,是否自动重新连接
登陆状态
【描述】
1: 对于不同情况下登录,操作逻辑是否统一
2:未登录时提示引导
3:注销后的场景
4:不同账号的切换状态
本份自查表只展示了目前我能思考到的内容以及网上一些大神们的参考(Qinsman《
交互设计自查表的建立:思路与项目实例解析》、阿里鸿影的《交互设计方案衡量标准的五层总结》)后总结的,相信还有很多层面并没有考虑到,欢迎各位小友补充,多多交流~
当然随着不断的参与项目获得更多的设计经验时,交互自查表也会越来越完善,越来越贴合自己的设计,帮助自己提高设计效率和质量,培养自己更为缜密的思考方式。所以建议大家建立属于自己的交互自查表,并且不断的完善补充以及积累。作者链接:https://www.jianshu.com/p/d8af19753422