四步教你打造「专属」交互设计自查表( 三 )

如下图， “国家政务服务平台”小程序的信息查询流程，全程提供了各种形式的提示，辅助用户顺畅输入：

输入前：通过输入框预置文案提示表单内容要求；
输入中：根据表单内容配置对应的键盘类型，并在输入框失焦、表单提交两个节点设置错误校验，及时反馈错误；
输入完成、成功提交后：使用toast明确提示“提交成功” 。

本文插图
3. 第三部分. 过程和特殊情形
1）交互过程与反馈
主要检查点：小程序虽小，也需全面考虑交互过程中的各种异常状态，提供完备的容错处理，如授权失败、外部应用插入、断网等状况。

本文插图
自查案例：“用户拒绝授权后如何提示/呈现？”
如小程序功能有必要使用地理位置、相机、手机号等权限，需先通过授权面板提出申请，用户同意后方可正常使用；反之，如用户拒绝，小程序需考虑涉及权限的内容如何呈现，同时恰当提示，引导用户自主开启授权，避免用户因手误导致后续权限无法开启。
如下案例， “国家政务服务平台”小程序为了向用户提供“本地化”的服务内容，在首页向用户提出地理位置授权申请。如用户拒绝授权，页面将显示默认地区信息，并提示授权失败；同时，用户下次进入页面时，用弹窗提供开启授权的路径。

本文插图
2）系统特性
主要检查点：智能小程序是在移动端百度APP环境内运行的，因此需兼顾移动设备特性（单任务、触摸屏、iOS、Android双端差异等），以及智能小程序特性（小程序框架、基础库版本等）。

本文插图
自查案例：“是否使用了适配小程序定位&内容展现的顶部导航栏？”
除去基础顶导航样式外，小程序支持自定义顶导航背景色、元素，可按需选用。
如上图， “政务服务平台”小程序的众多页面中，普通的数据录入页面选用基础顶导航，信息展现清晰合理；首页、专题运营页等个性化需求较强的页面，则选用自定义顶导航，配合整体插画背景、标题位置定制，形成更佳的视觉效果，以凸显小程序风格调性、营造场景沉浸感。

本文插图
四、第三步：用起来
自查表建好之后，如何在日常工作里真正“用起来” ，而不是三天热度后就束之高阁？
《小程序走查表》从2个角度来解决这个问题：
1. 内容上：结构清晰
作为轻量型设计检验工具，自查表的结构从逻辑和视觉呈现上，都应该方便快速遍历。
因此《小程序走查表》的全部自查项使用 50 个句式一致的问句呈现，使用者只需在检查无问题的条目前标记完成，即可完成走查。
2. 形式上：随取随用
为方便取用，《小程序走查表》提供线上、线下2个版本：外部开发者可使用在小程序文档平台公开的线上版本，支持在线勾选；团队内部设计师多使用线下版本，一张打印出的单面A4纸，无需翻页，还可以根据需要进行标注。