你知道APP UI设计基础知识和测试点吗?

简介: 你知道APP UI设计基础知识和测试点吗?

大家好,我是阿萨。日常我们使用APP 较多。但是大家了解APP UI 设计的原则吗?作为测试人员,如何在日常的测试工作中校验APP UI 设计是否合理,合规呢?


今天阿萨带大家学习如下2部分内容:

  1. APP UI 设计原则。
  2. APP UI 测试原则。


一:APP UI 设计原则


  1. 移动APP软件是什么?移动APP 就是安装在智能手机和平板电脑上的第三方应用程序。也叫APP 客户端。
  2. 常见智能手机和平板电脑的操作系统有哪些? Andriod 和iOS 以及鸿蒙,Freeme OS (卓易)等操作系统。
  3. 常见 APP UI 设计原则有:
  • APP 启动界面:
  • 界面启动速度要控制在1-3秒。
  • 启动界面简洁
  • 主体突出,最好有视觉冲击力
  • App 引导界面:
  • 功能介绍类,介绍APP 软件的主要功能,文字配合界面和插画。
  • 使用说明类,针对APP 软件应用过程中的困难,不清楚的操作,误解操作 进行提前引导,说明,大多用箭头, 圆圈进行标识。
  • 推广类,传达产品态度,体现产品情怀。
  • 问题解决类,直击痛点,通过解决客户问题,增加产品粘度。


  • App 的界面设计流程
  • 软件定位(需求分析,设计分析)
  • 视觉风格 ( 调研验证)
  • APP软件组件 ( 调研验证)
  • 设计方案( 调研验证)
  • 提交方案 (方案改进)
  • 确定最终方案


  • APP 软件界面的色彩搭配
  • 根据APP的行业,风格和定位,参考同类型产品的搭配组合。
  • 比如商业类橙色居多。社交类蓝色居多


  • APP 软件界面的设计原则
  • 整体性:软件的色彩和风格应该统一。和系统界面的总体色调保持一致。
  • 系统化:操作流程遵循系统的规范性。
  • 实用性:界面操作区域,内容显示区域,导航控制区,元素风格保持一致,风格统一,操作简单方便。
  • 色彩个性化:通过色彩变幻,协调用户心理,让用户对产品保持新鲜感。
  • 视觉元素规范:确保程序可实现。


二. APP UI  测试原则


  1. 不同分辨率下的美观程度一致,要有默认分辨率。
  2. 界面布局一致, 窗口按钮位置大小,对齐方式保持一致。
  3. 界面的外观要一致。控件的大小,颜色,背景和显示信息等属性要一致。
  4. 界面的配色要一致。 配色的整体性 要让用户使用起来感觉不突兀。
  5. 操作方法要一致。最好是和系统的操作方式保持一致。
  6. 控件功能和控件风格要统一。避免错误使用。
  7. 标签和信息的措辞要一致。提示,信息,菜单和帮助要使用相同的术语。
  8. 标签中文、英文要符合中文习惯或者英文习惯。
  9. 快捷键在各个配置项上要保持语意一致。
  10. 软件图标可识别性强。
相关文章
|
4天前
|
XML 数据格式 Python
App测试中,强制等待和隐式等待谁更强?
本文介绍了在自动化脚本中添加等待以确保与应用程序同步的重要性。由于应用响应时间的不确定性,适当等待能防止脚本在操作未完成前继续执行,提高测试稳定性。等待包括强制等待(如`time.sleep()`)、隐式等待(全局设置查找元素的等待时间)和显式等待(根据预期条件等待)。示例代码展示了如何在Python的Appium测试中应用这些等待策略,以优化脚本的可靠性和与应用的同步。
15 0
|
26天前
|
XML 测试技术 数据格式
解决 App 自动化测试的常见痛点
在App自动化测试中,常见挑战包括启动加载慢和弹框干扰。为处理弹框,可以创建一个黑名单列表,遍历并点击消除。使用`handleAlertByPageSource()`方法结合`getPageSource()`判断弹框元素在当前页面的存在性,提高效率。对于首页加载延迟,使用显示等待特定元素如`user_profile_container`,但需注意弹框可能阻止元素定位。因此,结合PageSource判断首页元素和弹框,确保加载完成判断的准确性。通过这样的优化,能更有效地处理自动化测试中的中断问题。
15 1
|
27天前
|
监控 安全 Shell
深入探究App压力测试的关键要点:从零开始学习Monkey
Monkey是Google的自动化测试工具,用于模拟用户随机事件以测试应用的稳定性和压力。它可以在模拟器或设备上运行,通过随机点击发现潜在问题。
24 1
|
1月前
|
测试技术 Android开发
快速上手App自动化测试利器,Toast原理解析及操作实例
`Toast`是Android中的轻量级通知,短暂显示在屏幕任意位置,1-2秒后自动消失,不获取焦点且不可点击。Appium通过uiautomator2在控件树中处理Toast。在测试中,可设置隐式等待,利用XPath或Accessibility ID定位Toast元素进行检测和验证。示例代码展示了如何初始化driver,点击触发Toast,以及如何定位并读取Toast文本。
23 3
|
1月前
|
消息中间件 Kafka Linux
Kafka【付诸实践 03】Offset Explorer Kafka 的终极 UI 工具安装+简单上手+关键特性测试(一篇学会使用 Offset Explorer)
【2月更文挑战第21天】Kafka【付诸实践 03】Offset Explorer Kafka 的终极 UI 工具安装+简单上手+关键特性测试(一篇学会使用 Offset Explorer)
167 2
|
2月前
Google Earth Engine APP(GEE)—— 一个简单的加载影像的UI(RGB,NDWI和NDVI)这里使用时间滑块进行时间选择
Google Earth Engine APP(GEE)—— 一个简单的加载影像的UI(RGB,NDWI和NDVI)这里使用时间滑块进行时间选择
26 0
|
2月前
|
测试技术 UED
APP交互性如何测试?
APP交互性如何测试?
|
2月前
|
监控 测试技术 Shell
APP的CPU,内存和流量如何测试?
APP的CPU,内存和流量如何测试?
|
2月前
|
监控 测试技术
APP的稳定性测试如何做?
APP的稳定性测试如何做?
|
2月前
|
Web App开发 传感器 Android开发
APP兼容性测试都需要考虑哪些场景?
APP兼容性测试都需要考虑哪些场景?