eunice0121.com

QA (Quality Assurance) QC (Quality Control) 관련 용어 V with UIUX

✅ UI, UX, UID 뜻 정리

1. UI (User Interface)

• 사용자 인터페이스

• 사용자가 직접 눈으로 보고 조작하는 화면 디자인 및 구성 요소

• 버튼, 아이콘, 입력창, 메뉴 등 시각적인 요소들

• 예시: 앱의 로그인 화면, 버튼 디자인, 메뉴 레이아웃

2. UX (User Experience)

• 사용자 경험

• 사용자가 제품이나 서비스를 사용할 때 느끼는 전반적인 경험

• 편리함, 직관성, 만족도 등을 포함

• 예시: 앱 사용이 얼마나 쉬운지, 서비스 이용 시 불편함이 없는지

3. UID (Unique Identifier)

• 고유 식별자

• 시스템에서 개별 항목을 식별하기 위해 사용되는 고유한 코드

• 데이터베이스나 API에서 특정 사용자나 항목을 구별할 때 사용

• 예시: 사용자 계정 ID, 주문번호, 제품 시리얼 번호

💡 간단 정리

👉 UI와 UX는 사용자 중심의 디자인을 말하고, UID는 시스템적인 데이터 식별자를 뜻합니다!

✅ GUI vs. UID 차이점 (디자인 확인 vs. 기능 확인)

소프트웨어 또는 애플리케이션 테스트에서 GUI와 UID는 서로 다른 역할을 수행합니다.

🔹 1. GUI (Graphical User Interface)

✅ **GUI(그래픽 사용자 인터페이스)**는 사용자가 보는 화면 요소(디자인, 레이아웃, 버튼 등)를 의미합니다.
💡 디자인(Visual) 확인에 초점

📌 GUI 테스트란?

• UI 디자인이 올바르게 표시되는지 확인

• 버튼, 메뉴, 아이콘, 색상, 폰트 등 디자인 요소 점검

• 사용자 경험(UX) 관점에서 UI의 일관성과 가독성 검토

🔍 예제

✔ 버튼 색상이 디자인 가이드와 일치하는가?
✔ 텍스트가 잘리지 않고 정상적으로 표시되는가?
✔ 화면 크기에 따라 레이아웃이 적절하게 조정되는가?

UID (User Interface Design or Unique Identifier)

✅ UID는 두 가지 의미로 사용됩니다.
1️⃣ User Interface Design → GUI와 유사하지만 기능적인 요소도 포함
2️⃣ Unique Identifier → 특정 요소(버튼, 입력 필드 등)를 식별하는 고유한 값

💡 기능(Functionality) 확인에 초점

📌 UID 테스트란?

• UI 요소가 올바르게 작동하는지 확인

• 버튼 클릭 시 올바른 기능이 실행되는지 테스트

• 입력 필드, 폼 제출, 네비게이션 기능 검증

🔍 예제

✔ 로그인 버튼을 누르면 로그인 처리가 정상적으로 되는가?
✔ 입력 필드에 데이터를 입력했을 때 저장이 되는가?
✔ 특정 버튼을 클릭하면 올바른 페이지로 이동하는가?

🔥 GUI vs. UID 차이점 요약

🎯 정리

✔ GUI는 디자인 요소를 확인하는 테스트
✔ UID는 UI 기능과 특정 요소의 동작을 검증하는 테스트
✔ 둘 다 중요하며 QA 과정에서 함께 검토해야 함

💡 쉽게 말하면?
GUI = “이 버튼이 예쁘고 올바르게 보이나?”
UID = “이 버튼이 눌렀을 때 올바르게 동작하나?”

🚀 디자인과 기능 모두 완벽하게 체크해야 좋은 사용자 경험(UX)을 제공

✅ 도트(Dot)란? 

**도트(Dot)**는 주로 픽셀 단위의 작은 점을 의미합니다. 디자인, 그래픽, 또는 QA 테스트에서 다양하게 사용되는 용어입니다.

🔑 주요 의미 

1. 그래픽 디자인 & UI/UX

   • 이미지나 화면을 구성하는 최소 단위

   • 픽셀(pixel)과 유사한 개념

   • 도트 단위로 아이콘, 픽셀 아트, 이미지의 해상도를 측정

2. QA 테스트

   • 화면 요소의 위치나 디자인 기준을 정확히 측정하기 위해 사용

   • 예: 버튼 간격, 이미지 정렬 여부 등

3. 소프트웨어 개발

   • 프로그램 코드나 명령어에서 구분자 역할 (예: file.name, object.property)

🛠 QA에서 도트 사용 사례

💡 한 줄 요약

**도트(Dot)**는 화면이나 이미지 구성에서 픽셀 단위의 최소 요소를 의미하며, 디자인의 정밀도를 체크하는 데 중요한 기준입니다! 🎯

✅ Floating Button이란?

Floating Button은 앱이나 웹페이지에서 화면 위에 떠 있는 상태로 고정된 버튼을 의미합니다.

🔑 주요 특징

• 항상 화면 위 특정 위치에 고정

• 사용자가 스크롤을 하더라도 항상 보이는 상태 유지

• 주로 빠른 액션이나 주요 기능을 제공하기 위해 사용

📌 사용 예시

🛠 디자인 특징

• 보통 둥근 원형 버튼

• 화면의 우측 하단에 위치

• 눈에 잘 띄도록 밝은 색상이나 아이콘 사용

• 클릭 시 팝업 메뉴나 주요 작업 실행

💡 한 줄 요약

Floating Button은 사용자가 어디서든 빠르게 주요 기능에 접근할 수 있도록 고정된 버튼입니다!

✅ UI 버튼에서 Undo란?

Undo는 사용자가 방금 수행한 작업을 되돌리는 기능을 의미합니다.

🔑 주요 특징

• 실수로 수행한 작업을 한 단계 이전 상태로 되돌림

• 문서 작성, 이미지 편집, 데이터 입력 등에서 자주 사용

• Ctrl + Z(Windows) 또는 Cmd + Z(Mac) 단축키와 동일한 기능

📌 사용 예시

💡 한 줄 요약

Undo는 사용자가 최근 작업을 간편하게 되돌려 실수를 수정할 수 있는 기능입니다! 🔄

🧵 Thread 뜻 (QA & IT 용어)

**Thread(쓰레드)**는 프로그램 내에서 실행되는 작업 단위를 의미합니다.

🔑 주요 특징

• 하나의 프로그램 내에서 동시에 여러 작업을 실행할 수 있도록 함

• CPU 자원을 효율적으로 사용

• **병렬 처리(Parallel Processing)**와 멀티태스킹에 필수적

📌 사용 예시

💡 한 줄 요약

Thread는 하나의 프로그램이 동시에 여러 작업을 처리하도록 돕는 기술입니다!

오른쪽에 점 세 개로 구성된 버튼은 “더보기 메뉴” 또는 **”케밥 메뉴(Kebab Menu)”**라고 불립니다.

🔑 명칭 정리

• 케밥 메뉴 (Kebab Menu): 점 세 개가 세로로 배열되어 있는 형태 (⋮)

• 미트볼 메뉴 (Meatball Menu): 점 세 개가 가로로 배열되어 있는 형태 (…)

• 오버플로 메뉴 (Overflow Menu): 추가 옵션이나 기능을 숨겨놓고 클릭했을 때만 보이는 메뉴

💡 일반적으로 추가 작업, 옵션, 설정 등을 제공할 때 사용됩니다!

이 버튼은 **공유 버튼 (Share Button)**이라고 불립니다.

🔑 설명

• 아이콘 모양: 노드 연결 아이콘 (세 개의 점이 선으로 연결된 형태)

• 역할: 콘텐츠(이미지, 링크, 글 등)를 SNS, 이메일, 메신저 등으로 공유하는 기능

• 사용 예시: 웹사이트, 앱, 소셜 미디어 등에서 많이 사용

✅ 일반적으로 **”Share”**라는 라벨과 함께 쓰입니다!

✅ CTA란?

웹사이트나 앱, 마케팅 콘텐츠에서 사용자가 특정 행동을 하도록 유도하는 요소예요.

📌 예시

• “지금 구매하기”

• “무료로 시작하기”

• “더 알아보기”

• “뉴스레터 구독”

• “AI 글쓰기 시작 ➤”

👆 이런 버튼이나 문구들이 CTA입니다.

💡 CTA의 역할

• 사용자의 행동 전환(Conversion) 유도

• 제품/서비스에 대한 클릭률 증가

• **마케팅 퍼널(전환 경로)**의 핵심 지점

🧠 참고로,

• CTA 버튼의 위치, 색상, 문구 하나로도 **전환율(Conversion Rate)**이 크게 바뀝니다.

• 그래서 UI/UX, 마케팅, 기획 단계에서 매우 중요하게 다뤄요!

 

QA/QC 정보 더보기.. 

https://eunice0121.com/category/qa-qc/