设计自查是设计师常用的检验工具,经常以“自查表”形式呈现,可以帮助我们快速遍历设计方案,修正遗漏或不周。善用设计自查,不止可以避免在“设计评审”时被指出错误的尴尬,还可以帮助设计师消除思考盲点,系统化地锻炼与提升交互设计思维。

///

如何打造「专属」设计自查表?

设计自查好处多多,但谈起构建一个比较全面和完整的自查表,很多人顿感千头万绪,原因是交互设计在产品中处于一个交叉性非常强的位置,功能特性、UI细节、平台/设备特性、异常流程……方方面面都会涉及,构建交互设计自查表应该从哪些角度入手呢?如何做到全面、完整?

本文将以《智能小程序设计走查表》为例(以下简称《小程序走查表》),讲解基于产品/项目特点构建交互设计自查表的思路,希望能够帮助大家了解自查方法,触类旁通建立自己的“个人专属”自查表。

整体的构建过程可总结为4个步骤:

“ 1. 搭结构 → 2. 填内容 →3. 用起来 →4. 迭代升级 ”

注:《小程序走查表》(如下图,可点击本页“阅读原文”,或在百度小程序文档平台中搜索“设计走查表”查看)是百度小程序交互设计团队经过长期设计实践总结而成,已在团队内部推广使用,并在官方文档中公开提供给广大开发者;发布一年多以来经过几次迭代升级,获得了不错的反响。

///

第一步:搭结构

一个自查表常包含几十条各式各样的自查项,因此需要搭建一个易理解、好记忆的自查结构,便于我们对众多自查项留下印象,在实际应用中能够快速定位问题。

《小程序自查表》的三大自查模块结构设定,借鉴了一个通俗的日常场景:“吃面”的步骤,方便使用者联想记忆:

首先,一碗面端上桌,我们首先会有一个整体的印象“面的种类对吗”“第一印象是否合格”,这一步可以对应小程序的整体架构、流程;

然后,我们可能会仔细看看“碗里有哪些食材”,“颜色、香味各几分”,这一步可以对应小程序的界面细节展现,包括控件、数据、文案、表单等;

最后,开始吃面了,过程中我们会感觉到“面嚼起来的口感”,或者发生特殊情形“汤滴到衣服上”,这一步可以对应小程序的交互过程与反馈,以及各种特殊情形。

由此形成的“底层→表层,整体→细节,常态→边界”自查思路,与设计师产出方案的思考路径保持一致,便于对照参考。

案例粗浅意在抛砖引玉,大家可以尽情发挥,用自己的方式去搭建自查表结构,适合自己的才是最好的。