自查?走查?一文弄懂设计检查那些事儿

最近几年的设计圈始终盛行着“设计检查”相关的话题,但可能很多设计师在查阅相关文章时,基本概念都没有弄清楚。

比如走查(Walk through)这个词,英文本意是指“排练”或者“演习” ,那么严格一点讲,“走查”是限定了特定时间阶段的:即产品开发结束到正式上线前。所以,如果一款产品已经到了设计走查阶段,其内容和品质可以认为基本尘埃落定。

如果说,明知道自家的产品更大的困难在于业务本身的规划,或者开发实现的技术上,那么强调“设计走查”完全就是缘木求鱼,解决不了任何问题。如果将数字产品和工厂生产的实物产品作比较,那么产品的设计感,性能,市场竞争力等问题都不可能是“出厂前测试”能解决的,因为后者需要负责的仅仅是产品在交到消费者前,没有明显的瑕疵。

本文将带你重新审视“设计检查”这个词,同时用最简练的方式告诉你如何设计整套流程。

检查的分类

要想更科学、更有效地执行设计检查,需要先明确不同的检查阶段和方式。常规的设计流程中,一般存在以下3个阶段的检查:

1)设计完成后,对照公司的规范或团队整理的自查表,进行“设计自查”(交互和UI的需分开检查)

2)开发完成且测试完成初步测试后,进行“设计走查”

3)产品上线后,根据整个团队一起,进行“上线复查”

很多文章笼统地把各个阶段都称为走查,或者认为所有阶段的检查都该使用同一套原则,其实是非常错误的。首先各个阶段的目标不同,设定的检查重点和深度也完全不同,如果粗暴地把错误的检查项塞入不适合的检查阶段,一定会导致混乱。

此外,无论哪种检查,在一切工作之前,都需要先建立表格。建表是推动设计检查工作最有效的方法。相比电子表格,其实更推荐的是实体表。尤其是对于多人设计团队,如果有可以随用随取的实体表,对推动整个团队进行相关工作是非常有利的,而且也能保证整个自查的效果。

下面,我们来梳理一下不同检查阶段关注的核心点是什么,读者可以根据这些内容去建立自己的检查表格。(样本请到卫星公众号:摹客设计云,回复「设计走查」)

设计自查

设计自查是为了保证内容在设计阶段就能得到全面的检测,确保最终方案完整且可执行。很多设计师没有设计自查的习惯,但笔者认为自查属于设计师的职业素养:对自己的产出进行查漏补缺,是设计师职责的一部分。

自查阶段,有必要区分交互和视觉(UI)各自的检查内容,因为在这个阶段更注重能否达成各自的设计目标,而交互和视觉在这个阶段的差异是较大的。

1)交互自查项目

主题和目的(定位快速、目的明确)

整体框架(结构合理、重点突出、扩展性佳)

操作流程(流程畅通、符合逻辑)

使用指引(引导清晰、容错合理、默认值准确)

控件使用(符合一致性)

产品用语(表述统一、规范易懂)

特殊情况(错误态、自适应、国际化)

技术实现(可实现性、成本可控)

2)视觉自查项目

设计目标(品牌感、愉悦感、规范性、版权)

界面布局(色彩、字体、版式、主次关系)

细节元素(清晰、可识别性、符合认知)

特殊情况(错误态、自适应、国际化)

技术实现(可实现性、成本可控)

从上方可以看出,无论是交互还是视觉,重点都是回归自己的工作职责本身,同时提前考虑特殊情况和技术实现性。由于自查阶段尚未进入正式的开发,这个阶段解决掉的问题越多,后续团队返工的可能性就越少。对于大型团队来说,少一次无效迭代,就能节省出巨大的资源和成本。

设计走查

如前文所说,产品一旦来到走查这个阶段,设计方面则大局已定。这个时期最重要的不是再去纠结视觉或者功能上的可左可右的问题,核心关键点是:确保实际环境下准确可用,且无严重BUG。

设计走查的重点内容如下:

运行环境:不同的硬件 / 软件环境下产品的表现

用户旅程:入口、页面和控件、前进和后退、提示信息

操作和反馈:鼠标、手势、键盘、其他(Touchbar、触控板、语音等)

从上方可以看出,设计走查非常看重检查用户实际使用时可能面对的问题,尤其是不同环境下各种错误或分支情况的预判和反馈是否充分,整体可操作性是否符合预期等。

通常来说,设计走查通过后,产品才能最终发布上线,并接受真实用户的检验。这也有了上文工厂产品的比喻:设计走查非常接近一次“出厂前测试”,只是这是需要设计师参与的。

设计复查

如果说前面的自查和走查是根据已经拆分得很细、很明确的标准和原则,对产品中的设计方案从头到尾进行一次问题的发现与总结,设计复查则是站在更高的维度,从用户体验的大原则出发去发现界面中的问题。

行业内比较通行的做法是基于《尼尔森的十大可用性原则》,对产品进行全面地判断。

如果直接去看这些内容,难免会显得比较抽象,为了便于复查工作的推进和执行,可以根据原则再进行简化。

下图则是VIVO团队根据尼尔森原则简化后的《体验问题评估标准 》,包含体验问题评估的核心原则、等级标准和维度目标。由于内容采用了更通俗的语言配合案例进行描述,能确保团队成员可以进行更准确的判断。

相比自查和走查偏向“对 / 错”这二元对立的评判方式,复查阶段可以采用评级或者打分的方式对体验进行评价,帮助团队找到后续的优化和迭代方向,同时又能成为体验设计成果量化的依据。因为复查阶段并不急于要修改发现的问题,而是为下一个迭代周期做好充足的思考和准备。

结语

以上就是作者为大家梳理的不同阶段设计检查的“概念差异” + “模版表格”,相关资源可以在下方进行下载。设计检查是一个跨阶段的团队级别的大工程,推动之前,一定要先让整个团队的成员都充分认识到相关工作的重要性,同时还可以辅以一定的制度出台,奖惩设计等方式,提升所有参与者的积极性,才能达到最佳的效果。

用摹客设计“1+2”,更好地完成原型设计和UI设计,并且高效管理设计规范

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容

  • 为什么设计自查 在互联网敏捷开发迭代的过程中,设计自查可以提供全面的检测,为上下游更高效的合作提供一个完整的设计方...
    木子的小千世界阅读 607评论 0 0
  • 项目背景 随着业务的不断发展,研发链路的效能提升也是一个至关重要的指标,其中对前端工程基建而言,其上游部分主要是和...
    维李设论阅读 222评论 0 0
  • 一、信息架构与流程 1.信息架构 1.1信息架构是否容易理解 整体的信息架构、导航、模块入口的设计,是否符合用户既...
    青槿17阅读 3,675评论 1 30
  • 什么是交互设计自查表? 交互设计自查表,是当设计师完成一个项目的交互稿后,在提交给团队内部、外部或者客户进行评审前...
    Miuka喵卡阅读 1,707评论 0 12
  • 说起走查,你想到的是什么? 视觉走查?视觉还原还是什么?更多的是对接开发,追着开发后屁股扣细节。更多可能是找BUG...
    卡洛设计阅读 228评论 0 0