大家好，我是阿萨。日常我们使用APP 较多。但是大家了解APP UI 设计的原则吗？作为测试人员，如何在日常的测试工作中校验APP UI 设计是否合理，合规呢？
今天阿萨带大家学习如下2部分内容：
- APP UI 设计原则。
- APP UI 测试原则。
一：APP UI 设计原则
- 移动APP软件是什么？移动APP 就是安装在智能手机和平板电脑上的第三方应用程序。也叫APP 客户端。
- 常见智能手机和平板电脑的操作系统有哪些？ Andriod 和iOS 以及鸿蒙，Freeme OS （卓易）等操作系统。
- 常见 APP UI 设计原则有：
- APP 启动界面：
- 界面启动速度要控制在1-3秒。
- 启动界面简洁
- 主体突出，最好有视觉冲击力
- App 引导界面：
- 功能介绍类，介绍APP 软件的主要功能，文字配合界面和插画。
- 使用说明类，针对APP 软件应用过程中的困难，不清楚的操作，误解操作 进行提前引导，说明，大多用箭头， 圆圈进行标识。
- 推广类，传达产品态度，体现产品情怀。
- 问题解决类，直击痛点，通过解决客户问题，增加产品粘度。
- App 的界面设计流程
- 软件定位（需求分析，设计分析）
- 视觉风格 （ 调研验证）
- APP软件组件 （ 调研验证）
- 设计方案（ 调研验证）
- 提交方案 （方案改进）
- 确定最终方案
- APP 软件界面的色彩搭配
- 根据APP的行业，风格和定位，参考同类型产品的搭配组合。
- 比如商业类橙色居多。社交类蓝色居多
- APP 软件界面的设计原则
- 整体性：软件的色彩和风格应该统一。和系统界面的总体色调保持一致。
- 系统化：操作流程遵循系统的规范性。
- 实用性：界面操作区域，内容显示区域，导航控制区，元素风格保持一致，风格统一，操作简单方便。
- 色彩个性化：通过色彩变幻，协调用户心理，让用户对产品保持新鲜感。
- 视觉元素规范：确保程序可实现。
二. APP UI 测试原则
- 不同分辨率下的美观程度一致，要有默认分辨率。
- 界面布局一致， 窗口按钮位置大小，对齐方式保持一致。
- 界面的外观要一致。控件的大小，颜色，背景和显示信息等属性要一致。
- 界面的配色要一致。 配色的整体性 要让用户使用起来感觉不突兀。
- 操作方法要一致。最好是和系统的操作方式保持一致。
- 控件功能和控件风格要统一。避免错误使用。
- 标签和信息的措辞要一致。提示，信息，菜单和帮助要使用相同的术语。
- 标签中文、英文要符合中文习惯或者英文习惯。
- 快捷键在各个配置项上要保持语意一致。
- 软件图标可识别性强。
