QA (Quality Assurance) & QC (Quality Control) Terminology V with UI/UX

📋 QA (Quality Assurance) & QC (Quality Control) Terminology V with UI/UX

✅ UI, UX, UID Definitions (for Quality Assurance)

UI (User Interface)
Visual elements and layouts that users see and interact with directly.
Examples: Buttons, icons, input fields, menus, login screens, etc.
UX (User Experience)
The overall experience users have when interacting with a product or service, including convenience, intuitiveness, and satisfaction.
Examples: Ease of app usage, frictionless navigation.
UID (Unique Identifier)
A unique code used to identify a specific element or user within a system (e.g., in databases or APIs).
Examples: Account ID, order number, product serial number.

💡 Summary Table

Abbreviation	Meaning	Description
UI	User Interface	Visible design and layout
UX	User Experience	Overall user satisfaction & ease
UID	Unique Identifier	System-level unique data reference

👉 UI and UX are user-centered design terms, whereas UID is a system-based identification concept.

✅ GUI vs. UID – Design vs. Functionality Testing

In software or application testing, GUI and UID serve different purposes.

🔹 1. GUI (Graphical User Interface)

✅ Refers to the visual aspects of a system such as layout, buttons, icons, etc.
💡 Focus: Design Validation

GUI Testing Includes:

Verifying correct display of UI elements
Checking consistency in fonts, icons, colors
Evaluating layout responsiveness

Examples:

Does the button color match the design guide?
Is the text fully visible?
Does the layout adapt correctly to screen size?

🔹 2. UID

✅ Has two meanings:

User Interface Design – Similar to GUI, but includes some functional aspects
Unique Identifier – Unique value used to identify elements like buttons, fields, etc.

💡 Focus: Functionality Verification

UID Testing Includes:

Ensuring proper functionality of UI components
Validating button actions, form submissions, and navigation

Examples:

Does the login button successfully initiate login?
Is data saved correctly when entered in the field?
Does the button navigate to the correct page?

🔥 GUI vs. UID – Summary

Category	GUI (Graphical UI)	UID (Functionality or ID)
Focus	Visual design and layout	UI behavior and unique element IDs
Test items	Color, size, spacing, fonts	Click events, data inputs, actions
Objective	Ensure visual correctness	Ensure proper component behavior

🎯 Summary:

GUI tests visual correctness
UID tests behavioral functionality
Both are essential in QA processes

💡 In simple terms:
GUI = “Does this button look good and appear correctly?”
UID = “Does this button work as expected when clicked?”

✅ What is a Dot?

Dot usually refers to a small unit, often a pixel in design or QA testing.

🔑 Key Meanings:

Design & Graphics (UI/UX):
The smallest visual unit, often used to measure resolution or spacing.
QA Testing:
Used to precisely measure spacing or alignment in UI layouts.
Software Development:
A syntax separator in code (e.g., object.property, file.name).

🛠 QA Use Cases:

Use Case	Description
Dot Check	Verify element spacing accuracy
Dot Spacing	Test margin consistency between elements
Dot Alignment	Confirm text/image alignment

💡 One-line Summary:
A Dot is the smallest visual element, critical for precision in design and layout checks.

✅ What is a Floating Button?

A Floating Button is a fixed button on top of the screen, visible at all times.

🔑 Key Features:

Fixed position on screen
Visible even during scrolling
Provides quick access to primary actions

📌 Usage Examples:

App Type	Floating Button Function
Messenger	Compose new message
Map App	Locate current position
Shopping App	View shopping cart
QA Tools	Submit feedback or report an error

🛠 Design Traits:

Usually circular
Located bottom-right corner
Uses bright colors or icons
Opens actions or menus on click

💡 One-line Summary:
A Floating Button provides immediate access to core features, staying visible throughout navigation.

✅ What is an Undo Button?

Undo reverts the most recent action performed by the user.

🔑 Key Features:

Reverses recent changes or mistakes
Common in text editors, design tools, data inputs
Shortcut: Ctrl + Z (Windows), Cmd + Z (Mac)

📌 Usage Examples:

App Type	Undo Function Use Case
Document App	Revert deleted text
Design Tool	Revert shape movement
Messaging	Cancel sent message
QA Testing	Revert data entry change

💡 One-line Summary:
Undo enables users to fix mistakes by reverting recent actions.

🧵 What is a Thread? (QA & IT Term)

A Thread is a unit of execution within a program.

🔑 Key Features:

Allows simultaneous tasks within the same app
Optimizes CPU usage
Core to parallel processing & multitasking

📌 Examples:

Context	Description
QA Testing	Test concurrent actions like download + alerts
Web Service	Multiple users accessing at once
Mobile App	Play music while receiving messages

💡 One-line Summary:
A Thread lets a program handle multiple tasks concurrently.

🍢 Kebab, Meatball, and Overflow Menus

🔑 Definitions:

Kebab Menu: Vertical three dots (⋮)
Meatball Menu: Horizontal three dots (…)
Overflow Menu: Hidden options that appear on click

💡 Typically used to display more options or settings.

📤 What is a Share Button?

The Share Button lets users distribute content via social platforms, emails, or messaging apps.

🔑 Features:

Icon: Three connected dots (node-style)
Function: Share images, links, posts, etc.
Commonly found in websites, apps, and social media

✅ Usually labeled “Share”.

✅ What is CTA?

CTA (Call to Action) prompts users to perform specific actions on websites or apps.

📌 Examples:

“Buy Now”
“Start Free Trial”
“Learn More”
“Subscribe to Newsletter”
“Start Writing with AI ➤”

💡 Role of CTA:

Boosts conversion rates
Central to marketing funnels
Affects performance through design, color, wording

💡 One-line Summary:
A CTA is a critical UI/UX and marketing element that drives user interaction and conversion.

📌 More QA/QC Info…

https://eunice0121.com/category/qa_qc/