你知道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.软件图标可识别性强。

相关文章
|
1月前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
94 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
2月前
|
Ubuntu API Python
Chat-TTS chat-tts-ui 实机部署上手测试!Ubuntu服务器实机 2070Super*2 8GB部署全流程
Chat-TTS chat-tts-ui 实机部署上手测试!Ubuntu服务器实机 2070Super*2 8GB部署全流程
74 1
|
3月前
|
测试技术
基于LangChain手工测试用例转App自动化测试生成工具
在传统App自动化测试中,测试工程师需手动将功能测试用例转化为自动化用例。市面上多数产品通过录制操作生成测试用例,但可维护性差。本文探讨了利用大模型直接生成自动化测试用例的可能性,介绍了如何使用LangChain将功能测试用例转换为App自动化测试用例,大幅节省人力与资源。通过封装App底层工具并与大模型结合,记录执行步骤并生成自动化测试代码,最终实现高效自动化的测试流程。
|
2月前
|
存储 前端开发 UED
uni-app:icon&修改tabber&unu-ui (四)
本文介绍了如何从阿里巴巴下载矢量图标并使用 `iconfont`,包括创建项目、下载文件、引入 `font.css` 到项目中以及在 `app.vue` 中引用的方法。同时,还详细说明了如何修改 `tabbar` 的样式和配置,以及如何在项目中导入和使用 `uni-ui` 组件库,包括简单的弹出框 `popup` 和带有头部或尾部图标的输入框 `input`。
|
3月前
|
移动开发 定位技术 Android开发
「揭秘高效App的秘密武器」:Kotlin Flow携手ViewModel,打造极致响应式UI体验,你不可不知的技术革新!
【9月更文挑战第12天】随着移动开发领域对响应式编程的需求增加,管理应用程序状态变得至关重要。Jetpack Compose 和 Kotlin Flow 的组合提供了一种优雅的方式处理 UI 状态变化,简化了状态管理。本文探讨如何利用 Kotlin Flow 增强 ViewModel 功能,构建简洁强大的响应式 UI。
55 3
|
4月前
【Azure App Service】同一个App Service下创建多个测试站点的方式
【Azure App Service】同一个App Service下创建多个测试站点的方式
|
4月前
|
网络协议 安全 前端开发
【应用服务 App Service】Azure 应用服务测试网络访问其他域名及请求超时限制(4分钟 ≈ 230秒)
【应用服务 App Service】Azure 应用服务测试网络访问其他域名及请求超时限制(4分钟 ≈ 230秒)
|
4月前
|
前端开发 测试技术 UED
【测试效率对比】深入分析:为何UI自动化测试的投资回报率通常低于接口自动化测试?
这篇文章深入分析了UI自动化测试与接口自动化测试的投资回报率(ROI)问题,指出UI自动化测试在某些情况下的ROI并不低,反驳了没有实施过UI自动化就轻易下结论的观点,并强调了实践的重要性和自动化测试在项目迭代中的作用。
95 1
|
4月前
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
4月前
|
测试技术
一款功能完善的智能匹配1V1视频聊天App应该通过的测试CASE
文章列举了一系列针对1V1视频聊天App的测试用例,包括UI样式、权限请求、登录流程、匹配逻辑、消息处理、充值功能等多个方面的测试点,并标注了每个测试用例的执行状态,如通过(PASS)、失败(FAIL)或需要进一步处理(延期修改、待定、方案再定等)。
70 0