3장 UX/UI 용어 익히기

오늘은 3장이다.

현업에서 일하기 위해선 현업에서 자주쓰이는 용어들을 알 필요가 있다.

앞으로 여기다가 반복하며 학습하고 정리해서 계속 업데이트 할 예정

---

Design Thinking

처음 아이디어를 내고 계획을 실행시키기 위한 전체적인 마인드맵의 과정인 것 같다.
내가 이해한게 맞는지는 추후에 수정하도록 하겠다

와이어프레임 Wireframe

내가 보기엔 영상으로 치면 스토리보드 같은 방식이라고 생각된다.
본격적으로 실행하기전 어떤 방식으로 만들지 어떤 형태인지 대략적으로 그려내는 작업이지 않을까

프로토타입 Prototype

말 그대로 프로토타입 베타버전이라고 보면되겠지만 이 베타버전은 모든사용자에게 직접적으로 배포하는게 아닌
회사 내부에서 공유하고 회사내부로 사람들을 초대하여 체험하는 방식으로 진행되지 않을까?

User Persona

사용자가 어떤 사람일지 가상으로 설정하고, 어떤 방식으로 개발한 앱이나 시스템을 이용할지 미리 연구하는 것 같다.

User Journey Map

통계학적 접근으로 사용자가 어떤 경험에 도달하는지 예상하고 나타낸 그래프 같아 보인다.

---

시각 디자인 파트

타이포그래피 Typography

이미 익숙한 단어이다. 애펙을 다뤄봤다면 알수밖에 없는 타이포그래피
문자를 중심으로 시각적 효과를 전달하는 방식이라 볼 수 있겠다

반응형 디자인 Responsive Design

이건 좀 신기했다 내가 아는 반응형 디자인은 인터랙티브 디자인인데 이건 리스폰시브라고 되어있다.
설명을보니 모바일과 데스크톱으로 UI를 볼 때 최적화 하는 방식의 디자인 인 것 같다

Color Palette

디자인에서 가장 중요한 통일성을 맞추기 위한 색조합 이랄까?
이건 심지어 같은 이름을 한 웹사이트도 따로 있다.

Microinteraction

이건 처음 본 단어였다. 아무래도 내가 프레이머를 공부할때 봤던 버튼의 색상을 각각 지정해
사용자가 마우스를 버튼에 올려놓았을때 변하는 방식 따위를 지칭하는 것 같다

A/B Testing

두 가지 버전(A와 B)을 사용자에게 각각 노출하여 성과를 비교하는 실험 방법
목적: 최적의 디자인 또는 콘텐츠 선택
뭐가 더 매출에 증진을 일으키는지 알기 위해서 사용하는 방법이겠지
유튜브로 치면 썸네일 갈아끼우기 같은거 아닐까?

Accessibility

설명: 장애가 있는 사람도 제품이나 서비스를 사용할 수 있도록 설계하는 방법론
예: 색각 이상자를 위한 높은 대비 색상 사용

Usability Testing (UT)

설명: 사용자가 제품을 사용하는 과정을 관찰하여 사용성 문제를 발견
목적: 제품 개선을 위한 피드백 확보
모니터링 같은걸까? UT해주세요~ 하면 사용자가 어플 어떻게쓰는지 카메라로 찍고 분석하는 거일까?

Net Promoter Score (NPS)

설명: 사용자가 제품을 추천할 의향을 평가하는 지표
목적: 사용자 충성도 측정
NPS작성해와주세요 하면 설문조사하고 사용자가 앱에 얼마나 만족하는지 통계내는 거일까? 그 왜 만족도조사 설문같은거 하면
이 음식 또는 어플을 추천할 의향이 있는지 설문하는 경우가 있는데 그런거인가보다

---

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

 

Design System

설명: 버튼, 색상, 타이포그래피 등 일관된 디자인을 유지하기 위한 구성 요소와 규칙 모음
예: Google의 Material Design, IBM의 Carbon Design System

MVP (Minimum Viable Product)

설명: 최소한의 기능만 갖춘 제품으로, 시장 반응을 테스트하기 위해 빠르게 출시
목적: 시간과 비용을 절감하면서 피드백 수집

Onboarding

설명: 새로운 사용자가 제품이나 서비스를 이해하고 익숙해지도록 돕는 초기 경험
예: 앱 설치 후 진행되는 튜토리얼

CTA (Call to Action)

설명: 사용자가 특정 행동을 취하도록 유도하는 요소
예: "지금 다운로드", "가입하기" 버튼

 

이외에 요즘 유행하는 단어들이 있다고 한다

Dark Mode

설명: 어두운 배경과 밝은 텍스트를 사용하는 UI 디자인
장점: 눈의 피로 감소, 배터리 절약
내가 자주 애용하는 모드 다크모드, 컴퓨터, 아이패드, 핸드폰 모두 다크모드로 사용중이다.

아무래도 개발자나 컴퓨터좀 다룰줄 아는 사람들이 자주 사용하지 않을까 싶다.
일반 대중적인 대부분의 사용자들은 기본모드로 이용하지 않을까?

Motion Design

설명: 애니메이션을 통해 사용자 경험을 개선하는 기법
예: 로딩 중 회전하는 스피너 애니메이션

예시

Voice UI (VUI)

설명: 음성 명령으로 제품과 상호작용하는 사용자 인터페이스
예: 아마존 Alexa, 애플 Siri
처음들어본 단어이다. 추후 업데이트 예정