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

265 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第12天,点击查看活动详情

大家好,我是阿萨。日常我们使用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. 软件图标可识别性强。