오즈코딩스쿨 베이스캠프(디자이너 ) # 7 용어정리

- 기본 알려주는 용어 및 내가 모르는 용어 추가 할 예정 

 

기본적인 uxui 디자인 용어

Design Thinking

: 문제하결을 위해 사용자 중심으로 사고하고, 아이디어를 탐수하며 프로토타임을 만들어 검증하는 반복적인 과정

 

5단계: 공감( Empathize) -> 정의(Define) -> 아이디어(Ideate) ->  프로토타입(Prototype) -> 테스트(Test)

 

와이어프레임 Wireframe

:제춤의 초기 구조와 레이아웃을 단순하게 표현한 설계도. 디테일 없이 전체적인 배치만 보여줌

 

도구 :Figma, Sketch, Adobe XD

 

프로토타입 Prototype

:제품 개발 전, 실제 작동하는 것처럼 제작된 초기 버전 /  사용성 테스트 및 피드백 수집

 

User persona

:주요 사용자 그룹을 대표하는 가상의 캐릭터. 사용자의 목표, 행동, 니즈를 정의

 

예) 30대 직장인, 모바일 앱을 통해 빠르게 금융 정보를 확인하고 싶어함.

 

User Journey Map

:사용자가 특정 목표를 달성하기 위해 서치는 모든 과정을 시작적으로 나타낸 지도

 

네이게이션 바 (Navigation Bar)

:사이트 상단에 있는 메뉴 모음, 사용자가 원하는 페이지로 이동할 수 있게 해주는 길잡이 역할

 

스티키 네이게이션 (Sticky Navigation )

:스크롤을 내려고 네비게이션 바가 화면 상단에 고정되어 따라오는 것. 사용자가 어느 위치에 있어도 메뉴에 바로 접근 용이

 

햄버거 메뉴 (Hamburger Menu)

: ≡ 이 아이콘. 선 세 개가 햄버거 처럼 생겼다고 해서 이름 붙임, 클릭하면 숨겨진 메뉴가 펼쳐지는 구조.

 

히어로 섹션 (Hero Section )

:사이트 들어가자마자 제일 먼저 보이는 큰 영역, 브랜드의 핵심 메세지를 전달하는 곳. 

 

허크의 법칙 (Hick's Law )

:선택지가 많을수록 사용자가 결정하는 데 시간이 오래 걸린다는 UX법칙. 네비게이션 메뉴 항목을 너무 많이 넣으면 안된다는 근거가 됨  

 

목적: 사용자 경험의 흐름을 분석하고 문제점을 발견 

 

 

시각적 디자인 관련 용어

 

타이포그래피 Typography

:텍스트의 글꼴, 크기, 간격, 배열 등을 설계하는 방식

 

예) 애플은 산프란시스코 폰트를 사용하여 가독성과 브랜드 이미지를 동시에 확보

 

반응형 디자인 Responsive Design

:다양한 디바이스(모바일, 테블릭, 데스크톱)에 최적화된 UI 설계

목적: 화면 크기와 해상도에 따라 레이아웃이 유동적으로 변화

 

Color Palette

브랜드 또는 제품의 색상 조합

목적: 사용자 감정과 행동을 유도하며, 제품의 시각적 일관성을 유지

 

Microinteraction

:작은 상호작용으로, 사용자 행동에 즉각적인 피드백을 주는 요소

 

예) 버튼 클릭 시 색상 변화, 이메일 전송 후의 확인 메세지

 

사용자 데이터 및 테스트 용어 

 

A/B Testing

: 두가지 버전을 사용자에게 각각 노출하여 성과를 비교하는 실험

 

Accessibility

:장애가 있는 사람도 제품이나 서비스를 사용할 수 있도록 설계하는 방법론

 

Usability Testing(UT)

:사용자가 제품을 사용하는 과정을 관찰하여 사용성 문제를 발견

 

Net Promoter Score (NPS)

:사용자가 제품을 추천할 의향을 평가하는 지표

 

 

브랜드 및 비즈니스 관련 용어

 

Design System

: 버튼, 색상, 타이포그래피 등 일관된 디자인을 유지하기 위한 구성 요서와 규칙 모음

 

예) 기업마다 쓰는 색상, 버튼, 글씨체가 정해저있음

 

MVP (Minimum Viable Product)

: 최소한의 기능만 갖춘 제픔으로, 시장 반응을 테스트하기 위해 빠르게 출시

 

Onboarding

: 새로운 사용자가 제품이나 서비스를 이해하고 익숙해지도록 돕는 초기 경험

 

예)  앱 설피 후 진행되는 튜토리얼

 

CTA(Call to Action)

: 사용자가 특성 행동을 취하도록 유도하는 요소

 

예) "지금 다운로드", "가입하기 버튼" 등

 

요즘 주목받는 최신 용어

 

Dark Mode

: 어두운 배경과 밝은 텍스트를 사용하는 UI 디자인

 

Motion Design

: 애니메이션을 통해 사용자 경험을 개선하는 기법

 

예) 로딩 중 회전하는 스피너 애니메이션

 

Voice UI (VUI)

: 음성 명령으로 제품과 상호작용 하는 사용자 인터페이스

 

예) 아마존 Alexa, 애플 Siri