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

编辑导语:交互设计自查表,是在项目中用来检测设计方案是否可行和須密,对照交互自查表可以让设计师的设计方案更加完整,确保没有什么遗漏的点,从而保证用户体验的完整性。本文作者结合工作经验,总结了一份交互自查表,希望此表能帮助大家在工作中面对分支流程和异常情况的时候,提高处理效率。

设计自查是设计师常用的检验工具,经常以“自查表”形式呈现,可以帮助我们快速遍历设计方案,修正遗漏或不周。

善用设计自查,不止可以避免在“设计评审”时被指出错误的尴尬,还可以帮助设计师消除思考盲点,系统化地锻炼与提升交互设计思维。

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

设计自查好处多多,但谈起构建一个比较全面和完整的自查表,很多人顿感千头万绪,原因是交互设计在产品中处于一个交叉性非常强的位置,功能特性、UI细节、平台/设备特性、异常流程……

方方面面都会涉及,构建交互设计自查表应该从哪些角度入手呢?如何做到全面、完整?

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

整体的构建过程可总结为4个步骤:搭结构→填内容→用起来→迭代升级。

二、第一步:搭结构

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

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

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

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

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

三、第二步:填内容

设计自查具体查什么,怎么查呢?《小程序走查表》的50个自查项,是基于以下原则,在团队长期的项目经验中沉淀得出的:

原则一:使设计符合基础设计理论;原则二:使设计符合产品的设计平台/设计对象特性。这部分将通过官方出品的小程序showcase真实设计案例:减压工具小程序“减减鸭”,以及一站式政务服务应用“中国政务服务平台”,讲解《小程序走查表》各模块自查项的内容及自查方法,供大家参考。

1.第一部分:信息架构与流程设计

主要检查点:小程序是即用即走的轻应用,需注意使用简洁的信息架构,使小程序的功能特色一目了然;使用顺畅的用户路径,使用户上手即用,无需学习成本。

自查案例:“整体信息架构是否清晰易理解,可拓展?返回和下一步是否符合用户预期?”

如下图,作为一款轻型工具应用,“减减鸭”的核心功能很简洁,他可以为用户分析压力情况、并通过两个小游戏帮助用户调节心情、减轻压力。

因此,减减鸭选用了扁平的1字型信息架构,将三个功能的入口排布在首首屏,用户可通过最短路径快速触达内容;在用户进入功能并结束使用流程后,减减鸭界面提供直返首页、以及进入其他功能的快捷通道,形成路径闭环。

2.第二部分.界面呈现

1)控件

主要检查点:通过对控件外观、控件之间关系的正确表达,以及相似任务横向一致性的把控,引导小程序功能使用,进一步降低用户学习成本。

自查案例:“界面元素/控件之间的关系是否表达正确?控件的样式交互行为是否具有一致性?”

如下图,减减鸭小程序页面内容层次清晰,通过控件的面积、色彩对比等突出用户需


转载请注明:http://www.180woai.com/afhzz/4685.html


冀ICP备2021022604号-10

当前时间: