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


编辑导语:交互设计自查表 , 是在项目中用来检测设计方案是否可行和須密 , 对照交互自查表可以让设计师的设计方案更加完整 , 确保没有什么遗漏的点 , 从而保证用户体验的完整性 。 本文作者结合工作经验 , 总结了一份交互自查表 , 希望此表能帮助大家在工作中面对分支流程和异常情况的时候 , 提高处理效率 。
四步教你打造「专属」交互设计自查表
本文插图
设计自查是设计师常用的检验工具 , 经常以“自查表”形式呈现 , 可以帮助我们快速遍历设计方案 , 修正遗漏或不周 。
善用设计自查 , 不止可以避免在“设计评审”时被指出错误的尴尬 , 还可以帮助设计师消除思考盲点 , 系统化地锻炼与提升交互设计思维 。
一、如何打造「专属」设计自查表?
设计自查好处多多 , 但谈起构建一个比较全面和完整的自查表 , 很多人顿感千头万绪 , 原因是交互设计在产品中处于一个交叉性非常强的位置 , 功能特性、UI细节、平台/设备特性、异常流程……
方方面面都会涉及 , 构建交互设计自查表应该从哪些角度入手呢?如何做到全面、完整?
本文将以《智能小程序设计走查表》为例(以下简称《小程序走查表》) , 讲解基于产品/项目特点构建交互设计自查表的思路 , 希望能够帮助大家了解自查方法 , 触类旁通建立自己的“个人专属”自查表 。
整体的构建过程可总结为4个步骤:搭结构 → 填内容 →用起来 →迭代升级 。

四步教你打造「专属」交互设计自查表
本文插图
二、第一步:搭结构
一个自查表常包含几十条各式各样的自查项 , 因此需要搭建一个易理解、好记忆的自查结构 , 便于我们对众多自查项留下印象 , 在实际应用中能够快速定位问题 。
《小程序自查表》的三大自查模块结构设定 , 借鉴了一个通俗的日常场景:“吃面”的步骤 , 方便使用者联想记忆:

  • 首先 , 一碗面端上桌 , 我们首先会有一个整体的印象“面的种类对吗”“第一印象是否合格” , 这一步可以对应小程序的整体架构、流程;
  • 然后 , 我们可能会仔细看看“碗里有哪些食材” , “颜色、香味各几分” , 这一步可以对应小程序的界面细节展现 , 包括控件、数据、文案、表单等;
  • 最后 , 开始吃面了 , 过程中我们会感觉到“面嚼起来的口感” , 或者发生特殊情形“汤滴到衣服上” , 这一步可以对应小程序的交互过程与反馈 , 以及各种特殊情形 。

四步教你打造「专属」交互设计自查表
本文插图
由此形成的“底层→表层 , 整体→细节 , 常态→边界”自查思路 , 与设计师产出方案的思考路径保持一致 , 便于对照参考 。
案例粗浅意在抛砖引玉 , 大家可以尽情发挥 , 用自己的方式去搭建自查表结构 , 适合自己的才是最好的 。
三、第二步:填内容
设计自查具体查什么 , 怎么查呢?《小程序走查表》的50个自查项 , 是基于以下原则 , 在团队长期的项目经验中沉淀得出的:
  • 原则一:使设计符合基础设计理论;
  • 原则二:使设计符合产品的设计平台/设计对象特性 。
这部分将通过官方出品的小程序showcase真实设计案例:减压工具小程序“减减鸭” , 以及一站式政务服务应用“中国政务服务平台” , 讲解《小程序走查表》各模块自查项的内容及自查方法 , 供大家参考 。
1. 第一部分:信息架构与流程设计
主要检查点:小程序是即用即走的轻应用 , 需注意使用简洁的信息架构 , 使小程序的功能特色一目了然;使用顺畅的用户路径 , 使用户上手即用 , 无需学习成本 。


推荐阅读