UI设计技巧|走查是什么意思啊?如何给原稿进行走查?
作为开发者肯定无法做到与设计师一样的对图像的敏感,所以在开发过程可能会出现一定的偏差,设计走查能够快速的帮助开发者找到差异,还能给到解决方案最终完成高质量的交付,今天小千就来给大家介绍一下设计走查应该注意哪些地方。
视觉:首先根据任务流程测试大的功能、交互、状态、空页面是否缺失,保证设计的完整性;走查页面还原:位置、间距、大小、颜色、文字易读(大小、自重、行高、段落等);组件化页面,检查组件使用;检查图标、按钮可操作区域操作可行性;点击区域的反馈是否有正确的 Toast 提示和正确的跳转;图标、图形、插画的清晰度和阴影的还原度;动效的使用;颜色差异等。
交互:组件控件的各种交互操作的各种状态;各个业务状态;走查分两个阶段——第一阶段:自我内部自查(开发、其他人员会在开发过程中会再发现问题);第二阶段:上述的测试验收走查,这个阶段就是要去平衡开发时间和上线效果时间;提示文字、输入框引导文案、键盘调用效果、操作类内容展示、用户感知度、流程结束后操作、点击返回引发的操作提醒、同类操作入口的统一性;特殊情况走查等。
注意点:覆盖不同状态下的页面走查;根据业务流程走查,避免遗漏。
发现问题:要想达到最高质量的设计还原,就需要得出精确的各类差异参数,相对传统一点的方法,就是把设计稿中的页面与对应 App 全部截屏,然后通过 Ps 或者 Sketch 等设计工具与设计稿叠加对比;走查间距、位置、大小时,设计稿放在下层,截屏页放在上层,截屏层的透明度调成 50% 左右,查看重合度;走查颜色主要靠像素眼,一般感觉色差不对,对截屏页进行吸色对比。
走查报告:首先列好走查的页面,每个页面下面记录好存在的问题,比如:写明页面与设计稿不符的具体位置,按自己的判断与理解应该如何调整才能达到设计还原,并放上对应的设计稿进行标注;标明出问题优先级、测试机型。
产品正式上线以后,第一时间下载安装,对该版本所有需求页面进行体验与使用,观察页面上是否有新的视觉问题或调整不到位的问题;发现问题后及时进行记录,反馈给开发,一起探讨出现问题的原因与确认调整时间与方案。
以上就是UI设计师走查的介绍了,最后如果你对UI设计感兴趣的话不妨来千锋UI设计培训班了解一下我们的UI设计培训课程,现在咨询还有免费UI设计学习教程视频领取,先到先得。