UX/UI 용어 익히기
UX/UI 디자인에는 여러가지 용어들이 있는데
앞으로 내가 배우게 될 프로덕트 디자이너로서의 역할이 무엇인지
공부하고 실습을 원활하게 하기 위해서는
기본 개념을 확실히 이해해야
디자인 작업의 품질을 높이고, 팀과의 효율적인 협업을 가능하게 한다.
그렇기 때문에 용어 하나하나씩 정리해 보고자 한다.
1. UX/UI 기본 개념.
UX 디자인 (User Experience Design)
UX는 User Experience(사용자 경험)을 줄인 말로
사용자가 제품이나 서비스를 사용할 때 느끼는
전반적인 경험을 설계하는 과정이다.
사용자가 제품이나 서비스를 이용하는 과정에서 느끼는
감정, 태도, 인식 등 모든 측면이 UX에 포함되는데
사용자 경험을 분석하고 반영한 제품이나 서비스는
사용자 만족도와 충성도를 높일 수 있다.
UI 디자인 (User Interface Design)
UI는 User Interface(사용자 인터페이스)를 줄인 말로
사용자가 제품과 상호작용하는 화면, 버튼, 텍스트, 이미지 등
시각적 요소들을 설계하는 과정이다.
시각적 디자인을 통해 사용자가 제품을 쉽게 이해하고,
직관적으로 사용할 수 있도록 만들고
이런 디자인은 사용자가 제품 또는 서비스를 사용하는 동안
어떻게 반응하고 동작해야 하는지 알려주는 중요한 역할을 한다.
2. UX/UI 디자인 용어.
디자인 씽킹 (Design Thinking)
사용자에 대한 깊은 공감을 바탕으로, 문제를 창의적으로 정의하고
반복적인 프로토타입 및 테스트를 통해 혁신적인 해결책을 찾는
인간 중심의 문제 해결 방법론이다.
핵심은 공감, 정의, 아이디어, 프로토타입, 테스트의 5단계 과정을 통해
사용자의 잠재적 니즈를 해결하는 것이다.
와이어프레임 (Wireframe)
제품의 초기 구조와 레이아웃을 단순하게 표현한 설계도이다.
디테일 없이 전체적인 배치만 보여주며
색상이나 이미지 대신 구조에 집중하여 사용자 흐름을 설계하고,
개발자 및 디자이너와 빠르게 소통하여 피드백을 반영하는 데 사용된다.
프로토타입 (Prototype)
아이디어나 제품을 본격적으로 생산하기 전,
기능과 디자인을 검증하기 위해 제작하는 초기 형태의 시제품이다.
3D 프린팅, 모형, 시뮬레이션 등
다양한 방식으로 빠르게 구현하여 피드백을 수집하고
최종 제품의 품질 향상과 개발 위험을 줄이는 것이 목적이다.
사용자 페르소나 (User Persona)
주요 사용자 그룹을 대표하는 가상의 캐릭터를 의미하며,
사용자를 실제 사용자로 시각화하는 데 도움이 된다.
따라서 고객의 요구 사항에 최적화된 맞춤형 사용자 환경을 구축할 수 있다.
사용자 여정 지도 (User Journey Map)
사용자가 특정 목표를 달성하기 위해 거치는 전체 과정을 시각화하여
보여주는 방법으로,
다섯 가지 세부 영역에서 시간의 흐름에 따라 시각화한 지도이다.
제품, 서비스의 강점이나 기회요인을 고객 관점에서 파악할 수 있게 하고
디자인, 개발, 비즈니스 의사 결정에 활용되는 중요 지표이다.
3. 시각적 디자인 관련 용어.
타이포그래피 (Typography)
텍스트의 글꼴, 크기, 간격, 배열 등을 설계하는 방식이며
정보를 명확히 전달하기 위해 글꼴, 두께, 배열, 계층 구조를 정의하여
디자인의 시각적 완성도와 일관된 사용자 경험을 제공하는 핵심 요소이다.
반응형 디자인 (Responsive Design)
데스크톱, 태블릿, 스마트폰 등
다양한 기기의 화면 크기에 최적화된 UI 설계이다.
유동적이고 유연한 이미지를 사용하여
일관된 사용자 경험을 제공하기 위한 요소이다.
컬러 팔레트 (Color Palette)
브랜드 또는 제품의 색상 조합을 의미하며
색상을 적절하게 조합함으로써
제품 분위기와 디자인 전체에 일관성을 부여한다.
적절한 색상의 조합은 사용자 경험을 크게 좌우하기 때문에,
컬러 팔레트 선택은 매우 중요하다.
마이크로 인터랙션 (Microinteraction)
사용자가 특정 행동을 수행할 때 일어나는 작고 짧은 상호작용으로
사용자에게 명확한 피드백을 제공하고 시스템의 상태를 알려주는 역할을 한다.
버튼 클릭 시 색상 변화, 이메일 전송 후의 확인 메시지 등이 있으며
이런 작은 신호들은 사용자가 제품과 상호작용하는 것을
더 쉽게 이해하게 만들어주고, 자연스럽게 사용할 수 있게 도와준다.
4. 사용자 데이터 및 테스트 용어.
A/B 테스팅 (A/B Testing)
두 가지 버전(A와 B)을 사용자에게 각각 노출하여
성과를 비교하는 실험 방법이며
해당 UI의 효과를 정량적으로 측정하여 대조하는 기법을 말한다.
최적의 디자인 또는 콘텐츠 선택을 하기 위해 사용된다.
디자인 접근성 (Accessibility)
장애인, 고령자 등 모든 사용자가 조건에 상관없이
디지털 제품 및 환경을 동등하게 이용할 수 있도록 설계하는 디자인 방식이다.
직관적인 탐색, 스크린 리더 호환성 등
품질을 높이고 포용적인 사용자 경험을 제공한다.
디자인 사용성 테스트 (Usability Testing, UT)
사용자가 프로토타입이나 제품을 직접 사용하며
그 과정을 관찰하여 문제점과 개선 요구사항을 찾아내는
사용자 경험 검증 방법이다.
행동 패턴이나 데이터를 수집하여 UI/UX를 최적화하는 데 활용된다.
고객 추천 지수 (Net Promoter Score, NPS)
고객이 제품, 서비스를 추천할 의향을 0~10점으로 묻는 핵심 질문을 통해
사용자의 충성도와 만족도를 측정하는 지표이다.
5. 브랜드 및 비즈니스 관련 용어.
디자인 시스템 (Design System)
웹이나 각종 서비스 UI 디자인에 있어서 버튼, 색상, 타이포그래피 등
일관된 디자인을 유지하기 위한 구성 요소와 규칙 모음이다.
미리 만들어 놓은 컴포넌트를 재사용함으로써
일관적이고 효율적으로 디자인할 수 있는 요소이다.
MVP (Minimum Viable Product)
최소한의 기능만 갖춘 제품으로,
시장 반응을 테스트하기 위해 빠르게 출시하는 제품이다.
비용과 시간을 최소화해 피드백을 수집하는 전략이다.
디자인 온보딩 (Onboarding)
사용자가 제품, 서비스를 처음 접할 때
기능과 가치를 빠르게 이해하고 익숙해지도록 돕는 UX/UI 전략이다.
튜토리얼, 혜택 안내, 권한 설정 등 다양한 형태를 통해
사용자의 첫인상을 형성하는 역할을 한다.
CTA (Call to Action)
웹사이트, 앱, 광고에서
사용자가 구매, 가입 등 특정 행동을 하도록 유도하는 시각적 요소이다.
가시성을 높이고 전환율을 극대화하는 역할을 한다.
6. 요즘 주목받는 최신 용어.
다크 모드 (Dark Mode)
어두운 배경에 밝은 색상의 텍스트와 요소를 배치하는 UI/UX 디자인으로
눈의 피로를 줄이고 어두운 환경에서 가독성을 높이며
OLED 기기의 배터리를 절약하는 디자인이다.
모션 디자인 (Motion Design)
그래픽 요소, 텍스트, 이미지에 시간의 흐름에 따른 움직임을 더해
정보나 메시지를 역동적으로 전달하는 시각 디자인이다.
웹사이트, 모바일 앱, 영상 콘텐츠 등에서 사용자 참여를 유도하고
직관적인 경험을 제공하는 데 활용되며
2D, 3D 기술을 사용하여 브랜드 아이덴티티를 강화하는 역할을 한다.
보이스 UI (Voice User Interface, VUI)
사용자가 음성 명령을 통해 기기나 서비스와 상호작용할 수 있도록
대화 흐름, 발화 내용, 시각적 피드백을 설계하는 과정이다.
화면을 보지 않고도 작동하는 기술이기 때문에,
시각적 정보가 제한적인 환경에서
직관적이고 효율적인 사용자 경험을 제공한다.
용어 정리를 마치며
이번에 글을 작성하면서 느꼈던 것은
작성하기 전에 항상 큰 틀을 어떻게 짜야 할지가 어렵게 다가왔었는데
이번에는 그래도 직관적이고 통일성있게 틀을 잘 짠 것 같은 느낌이 든다.
전체적인 큰 틀을 어떻게 짜야 할지부터 생각하고 작성하니
디테일한 부분은 자연스럽게 따라왔다.
이전에 작성했던 글을 읽어보면
신경써서 작성한 글이나 디테일한 요소를 열심히 배치했다고 생각해도
전체적인 큰 틀이 무너지면 가독성이 매우 떨어진다는 느낌을 받았다.
그래도 오늘은 스스로 만족스러운 결과가 나온것 같아서
실수하더라도 꾸준히 하면
결국에는 좋아진다는 사실이 몸으로 체감이 된 것 같다.
