作为开发者肯定无法做到与设计师一样的对图像的敏感,所以在开发过程可能会出现一定的偏差,设计走查能够快速的帮助开发者找到差异,还能给到解决方案最终完成高质量的交付,今天小千就来给大家介绍一下设计走查应该注意哪些地方。

视觉:首先根据任务流程测试大的功能、交互、状态、空页面是否缺失,保证设计的完整性;走查页面还原:位置、间距、大小、颜色、文字易读(大小、自重、行高、段落等);组件化页面,检查组件使用;检查图标、按钮可操作区域操作可行性;点击区域的反馈是否有正确的 Toast 提示和正确的跳转;图标、图形、插画的清晰度和阴影的还原度;动效的使用;颜色差异等。

交互:组件控件的各种交互操作的各种状态;各个业务状态;走查分两个阶段——第一阶段:自我内部自查(开发、其他人员会在开发过程中会再发现问题);第二阶段:上述的测试验收走查,这个阶段就是要去平衡开发时间和上线效果时间;提示文字、输入框引导文案、键盘调用效果、操作类内容展示、用户感知度、流程结束后操作、点击返回引发的操作提醒、同类操作入口的统一性;特殊情况走查等。

注意点:覆盖不同状态下的页面走查;根据业务流程走查,避免遗漏。

发现问题:要想达到最高质量的设计还原,就需要得出精确的各类差异参数,相对传统一点的方法,就是把设计稿中的页面与对应 App 全部截屏,然后通过 Ps 或者 Sketch 等设计工具与设计稿叠加对比;走查间距、位置、大小时,设计稿放在下层,截屏页放在上层,截屏层的透明度调成 50% 左右,查看重合度;走查颜色主要靠像素眼,一般感觉色差不对,对截屏页进行吸色对比。

走查报告:首先列好走查的页面,每个页面下面记录好存在的问题,比如:写明页面与设计稿不符的具体位置,按自己的判断与理解应该如何调整才能达到设计还原,并放上对应的设计稿进行标注;标明出问题优先级、测试机型。

产品正式上线以后,第一时间下载安装,对该版本所有需求页面进行体验与使用,观察页面上是否有新的视觉问题或调整不到位的问题;发现问题后及时进行记录,反馈给开发,一起探讨出现问题的原因与确认调整时间与方案。

本文来自千锋教育,转载请注明出处

走查是什么意思啊?如何给原稿进行走查?相关推荐

  1. 计算机桌面等检查,计算机等级考试(国家)-桌面检查、代码检查、走查与评审...

    计算机等级考试(国家)-桌面检查.代码检查.走查与评审 (5页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 桌面检查.代码检查.走查与评审一 ...

  2. 需求评审五个维度框架分析及其带来的启示-3-典型需求评审

    典型情境是指软件开发的常见情境,本文选择如下来进行分析: 1. 传统瀑布模型开发下的需求评审 2. 使用IEEE Std. 1028的需求评审 3. 敏捷开发下的需求评审 传统瀑布模型下的需求评审 对 ...

  3. 《代码大全2》读书笔记(七)

    第二十一章 协同构建 这一章中的21.2其实上周就有看,因为上周进行了结对编程.不过读书笔记写在了一起. 21.1 概要 有一个惊人的数据,设计期间程序员平均每小时会引入1 ~ 3个缺陷,编码期间平均 ...

  4. (软件工程复习核心重点)第十二章软件项目管理-第三节:人员组织和质量保证

    文章目录 一:人员组织 (1)必要性 (2)典型的组织方式 A:民主制程序员组 ①:定义 ②:要求 ③:优点 ④:缺点 B:主程序员组 ①:定义 ②:核心人员及其分工 ③:特点(优点) ④:缺点 ⑤: ...

  5. 美团-移动端UI一致性解决方案

    点击上方 程序员成长指北,关注公众号 回复1,加入高级Node交流群 外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低 ...

  6. 移动端UI一致性解决方案

    外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本.外卖技术团队通过在实践中不断总结经验,开发 ...

  7. 美团移动端UI一致性解决方案探索

    外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本.外卖技术团队通过在实践中不断总结经验,开发 ...

  8. 程序员一定要会的软件项目管理评估方案,不做只会敲代码的码农!(建议收藏)

    软件项目管理是通过计划.组织和控制等一系列活动,合理地配置和使用各种资源,以达到既定目标的过程,是在软件开发过程中,对开发工作进行全方位评估的有效措施. 目录 软件项目管理 软件规模评估 一.代码行技 ...

  9. 测试基础-静态白盒测试(检查代码)

    1.静态白盒测试:检查设计和代码 静态测试:测试非运行部分-检验和审查: 白盒测试:访问代码,能够查看和审查: 静态白盒测试:在不执行软件的条件下有条理地仔细审查软件设计.体系结构和代码,从而找出软件 ...

最新文章

  1. 一年半跻身网约车业务前二,现发起首个自动驾驶联盟,T3出行是一家怎样的公司?...
  2. android 图片切换,仿百叶窗效果
  3. 江西理工大学c语言程序设计,C语言程序设计
  4. BZOJ-1951-古代猪文-SDOI2010-费马小定理+欧拉函数+lucas定理+中国剩余定理
  5. 年龄和收入对数的线性回归_Logistics回归——分析富士康的员工自杀
  6. python函数执行shell_6方法,python中执行shell命令
  7. (39)时钟抖动约束
  8. Javascript语言精粹--The Excellence in Javascript
  9. Linux vsFTPd服务详解——文件加密传输配置
  10. Tomcat7下载与安装及eclipse中配置tomcat
  11. JavaScript 学习手册二:JS 数据类型
  12. 天正建筑8.5 天正给排水8.5天正电气8.5天正暖通8.5及注册机(32位)
  13. Simulink建模:LKA系统功能状态机建模
  14. 国产系统中标麒麟安装教程
  15. 《权力的游戏》里,是谁活成了史诗?
  16. CRM SaaS是什么?
  17. ICV:中国智能驾驶领跑全球,2026年L2级汽车销量将占全球44%
  18. xilinx Edition arm M3 使用笔记
  19. matlab中load函数是什么意思,MATLAB中load函数的用法
  20. Remote Dictionary Server(Redis)——基于 KV 结构的作为 Cache 使用的 NoSQL 数据库管理系统

热门文章

  1. Spark HA高可用部署、基于文件系统单点恢复、基于zookeeper的Standby Master、如何恢复到上一次活着master挂掉之前的状态 03
  2. MS计算轨迹的分子间作用能
  3. 微信小程序如何将数据存储到服务器,微信小程序关于数据存储的一些坑
  4. lpc1768的gpio库函数_Cortex-M3学习LPC1768 - GPIO实验
  5. 全国大学生“高教杯”成图大赛——图错了如何修改
  6. s8 android z,三星Galaxy S8领衔:2017年十佳Android智能手机
  7. 满足功能安全要求的代码测试方案:Parasoft C++test
  8. ModelSim illegal reference to net “***“ 报错问题解决
  9. 20行Python 代码批量抓取免费高清图片!
  10. 第二章 MATLAB数据与矩阵