[번역] 반드시 알아야할 50가지 용어로 UX 어휘력 마스터하기

Gabi
10 min readApr 7, 2020

--

Adobe 기술 블로그에 기고된 Tomas Laurinavicius의 글을 번역한 글입니다. 번역에 사심이 담겨서 오역이 있을 수 있습니다. 피드백은 언제나 환영입니다. 🙏

원문 | https://xd.adobe.com/ideas/principles/human-computer-interaction/how-micro-interactions-can-enhance-the-user-experience/

Design은 존재만으로도 굉장히 복잡한 과정입니다. 디자인 업계에서 사용하는 잘 모르는 용어 한 스푼이면 멘붕이 오기도 합니다.

디자인 업무에서 자주 등장하는 UX 용어와 기술 용어를 익히는 것은 정신줄을 부여잡고 민망한 순간을 피하기 위해 아아주 중요합니다. 그래서 디자인 관련 이야기를 하거나 프로젝트를 진행할 때 자신감 뿜뿜할 수 있는, 반드시 알아야하는 50개의 UX 용어를 추려봤습니다.

A/B Testing

분산 실험으로도 알려진 A/B Testing은 두가지 형식의 온라인 콘텐츠를 비교하여 어떤 것이 변환이 잘되는지, 수익을 창출하는 지를 찾는 방법 입니다. 가장 효과적인 판촉, 광고 전략을 찾는데 좋은 방법 입니다.

API

API는 Application Programming Interface의 약자로, 기본적으로 앱과 웹사이드가 서로 통신할 수 있게 해주는 코드입니다. API는 개발자들이 다른 앱에 정보를 요청하는 프로그램을 작성하는 방법을 정의하고 있습니다. 대중교통 시스템에서 정보를 가져와 실시간으로 운행 정보 및 팁을 알려주는 CityMapper 같은 앱이 좋은 예시 입니다.

Accessibility(접근성)

접근성은 장애우가 웹사이트와 앱을 이해하고, 위치를 알 수 있으며, 상호작용할 수 있도록 도와주는 기능입니다. 접근성을 디자인한다는 것은 색맹, 시각 장애, 청각장애, 인지 장애 등을 가진 다양한 형태의 사용자를 고려한다는 것을 의미합니다.

Avatar

아바타는 온라인 상에서 사용자를 대변하는 이미지입니다. 보통 게임이나 온라인 학회, 대화방에서 사용 되고, 3D/2D 형태로 표현됩니다. 사용자가 개인화시킬 수 있어요.

Breadcrumb(사이트 이동 경로)

Breadcrumb(Breadcrumb trail이라고도 부름)은 웹페이지 상에서 사용자가 자신의 위치를 인지하는데 도움을 주는 이동 경로를 알려주는 장치입니다.

주로 Website에 사용되는 Breadcrumb

Bug

소프트웨어 버그는 충돌이나 기대하지 않았던 잘못된 결과를 발생시키는 프로그램 오류입니다. Bugs prevent applications from functioning as they should and are most commonly a human mistake.(???)

Backlog

백로그는 스프린트에서 완료해야할 업무와 요구사항을 정리한 목록입니다. 애자일 스프린트의 백로그에서는 전체 과정에서 필요한 업무들을 우선순위로 정렬하여 보여줍니다.

Back-end (Deverlopment)

백엔드 개발은 간단히 말해 코드를 작성하는 거에요. 실제 사용자에는 볼 수 없지만 앱에서 꼭 필요한 코드라고 할 수 있습니다. 백엔드 개발자는 앱 뒷단의 로직을 설계하고 전체의 구조를 체계화하는 역할을 담당합니다.

Chatbot

챗봇은 온라인에서 사람인 고객들과 문자, 음성을 이용하여 대화하는 컴퓨터 프로그램 입니다. 인공지능에 의해 작동되며 대화형 인터페이스를 통해 사람과 컴퓨터가 상호작용할 수 있도록 해줍니다.

CRM Software

CRM(Custom Relationship Management) Software는 자동화, 고객정보, 고객지원 등 다양한 범위의 비즈니스에 사용되는 소프트웨어 종류입니다.

Clickstream

클릭스트림은 사용자가 웹사이트나 페이지 등의 온라인에서 활동한 기록 입니다. 주로 사용자가 웹사이트에서 클릭했던 경로를 말합니다.

Cache

캐시는 어떤 정보에 대해 접근하는 시간과 지연 시간을 줄여주는 컴퓨터 상에 임시적인 저장소 입니다.

CSS

CSS(Cascading Style Sheets)는 웹 문서에 서체, 색상, 여백, 레이아웃 등의 스타일을 더하기 위해 사용되는 언어입니다.

Conversion Rate

전환율은 웹사이트 방문자 중 최종 목적지까지 끝마치는 방문자의 비중을 말합니다.

DevOps

데브옵스는 조직이 빠른 속도로 앱을 제공할 수 있도록 하는 사람, 업무, 문화 철학, 제품의 조합입니다. 더 활발한 의사소통과 소프트웨어 개발자와 IT 전문가의 조합을 통해 실현됩니다.

End Users

제품 개발에서, 엔드 유저는 제품이 고안되고 만들어진 대상이며, 궁극적으로 제품을 사용하길 원하는 대상의 사용자입니다.

Engaged Time

Engaged time은 사용자가 사이트의 특정 화면에서 사용한 시간을 측정한 수치입니다. 사업적 측면에서 사용자가 무엇을 원하는지 결정할 뿐 아니라 제거해야할 부분이 어디인지 정의하는 것을 도와줍니다.

Experience Architecture

경험 아키텍처는 정보구조도, 경험 디자인, 인터렉션 디자인 같은 사용자 경험 및 디자인 프로세스를 결합하여 명확한 사용자 여정을 제시하는 것을 말합니다.

Eye Tracking

아이트레킹은 시선을 추적하는 프로세스 입니다. 사용자가 무엇을 보는지, 어떤 순서로 보는지 기록하는 특수 안경을 사용합니다.

Emoticon

이모티콘은 얼굴 표정을 나타내는 문자열로, 문자 상에서 감정을 나타내는데 사용합니다.

Fishbone Diagram

Fishbone 다이어그램(이시카와 다이어그램)은 원인과 영향의 관계를 알기 위해 고안된 것으로 어떠한 문제나 영향의 이유가 되는 다양한 잠재적 원인을 시각적으로 볼 수 있게 도와줍니다. 다이어그램의 모양이 생선 뼈처럼 생겨서 생선뼈 다이어그램이라고 부릅니다.

Fishbone Diagram

Front-end (Development)

프론트엔드 개발은 서비스에서 시각적 형태와 인터렉션을 프로그래밍하는 것 입니다. 프론트엔드 개발자는 CSS, HTML와 웹디자이너가 만든 웹앱 디자인을 구축해주는 JavaScript 코드를 사용합니다.

Focus Group

포커스그룹은 제품을 개발하거나 품질을 향상시키기 위해 어떠한 특정 집단을 사용하여 필요한 정보를 정의하는 조사 방법 입니다. 보통 포커스 그룹은 사회자 주도 하에 제품, 기능, 사용자, 전략 등에 대해 피드백을 얻기 위한 토론을 하게 됩니다.

Flat Design

플랫디자인은 단순함을 추구하는 인터페이스 디자인 입니다. 사용성을 강조하고, 3D처럼 보이게 하는 요소와 서체, 색상을 사용하되, 최소한의 요소만 사용합니다.

스큐어모피즘의 로고를 플랫디자인 로고로 리디자인한 인스타그램

GitHub

깃허브는 웹 기반의 개발 플랫폼 입니다. 개발자들이 서로 코드를 공유 및 리뷰하고, 같이 프로젝트를 하기도 하고, 서로 배우기도 합니다.

GitHub 로고

Gamification

게이미피케이션은 다소 지겨울 수 있는 업무가 사용자의 시선을 끌 수 있게 더 재밌게 만드는 과정입니다.

Geolocation Indicator

위치정보 인디케이터는 사용자 위치에 기반하여 맞춤형 경험을 제공할 수 있도록 합니다. 지도나 여행 서비스 같이 위치 기반의 디자인을 사용하는 모바일 앱에서 자주 사용합니다.

Heart Framework

Heart 프레임워크는 사용자와 그들의 감정, 더 크게는 사용자 경험에 대해 더 연구하기 위한 감정 기반의 인디케이터가 포함된 전통적 메트릭으로, 구글의 사용자 경험 도구 입니다.

https://clevertap.com/blog/google-heart-framework/
구글의 Heart 프레임워크의 예시

Hack

해킹은 문제를 해결하기 위한 빠르고 신박한 방법 입니다.

IP Address

네트워크에 연결된 모든 기기는 IP 주소라는 고유의 식별값이 있습니다.

Iteractive Development

점진적 개발은 개발 과정을 작은 사이클로 쪼개는 개발 방식 입니다. 일반적으로 정보 수집, 디자인, 개발, 테스트 등의 각각 사이클을 위해 일정 시간을 할당합니다.

iOS

iOS는 Apple이 만들었고, Apple사 제품에 독점적으로 사되는 모바일 운영체계 입니다.

Javascript

자바스크립트는 HTML 및 웹용 프로그래밍 언어 입니다. 주로 인터렉티브한 효과나 역동적인 화면을 만들기 위해 사용합니다.

Landing Page

랜딩페이지는 기본적으로 서비스에서 “착륙”하는 화면 입니다. 보통 광고, 검색 결과나 클릭을 통해 접근했을 때 뜨는 화면이라 보시면 됩니다. 전환이 확실히 느껴지게 하기 위해 고안되었습니다.

KPIs

KPI는 Key Performance Indicators의 약자로 서비스나 디지털 디자인의 사용성과 효율성을 측정하기 위해 사용됩니다.

MVP

Minimal Viable Product의 약자인 MVP는 제품의 기능을 최소화한 버전으로 사용자 실험 또는 검증을 하기 위해 사용합니다. 이 방법은 여러가지 방향성을 결정하기 전에 더 정교하고 심층적인 실험을 해볼 수 있습니다.

Mental Model

멘탈 모델은 실제 상황에서 어떠한 상황이 일어났을 때 사람들이 어떻게 사고 하는지에 대한 자료입니다. 서비스의 기능이 사용자의 멘탈 모델과 일치할 수록 더 직관적인 사용자 경험을 줄 수 있습니다.

Mental Model — Grocery Store

Mockup

목업은 정보 구조를 명확하게 보여주고, 내용을 렌더링하며 기본 기능을 보여주는 다자인의 정적인 표현 입니다.

Open Source

“오픈소스”는 공개적으로 접근할 수 있고 누구나 사용하거나 수정할 수 있는 것들을 칭합니다.

Path

경로는 사용자가 어떠한 서비스로 접근하는 일련의 순서입니다. 종종 Breadcrumb를 통해서 볼 수 있어요.

Persona

사용자 페르소나는 조사 결과와 정보에 기반하여 만들어진 특정 사용자를 말합니다. 사용자 페르소나는 보통 허구의 인물이지만 실제 정보를 이용해서 만들어집니다.

Prototype

프로토타입은 인터페이스와 사용자 간의 인터렉션을 실험해볼 수 있도록, 최종 제품을 아주 자세하게 묘사한 것입니다.

Refactoring

코드 리펙토링은 코드를 재설계하고 상향시켜 애자일 프로그래밍에 맞게 최적화하는 기술입니다.

Responsive (Design)

반응형 디자인은 사용자가 사용하는 기기에 따라 그에 맞게 화면을 볼 수 있도록하는 웹디자인 접근 방식 입니다.

Sprints

스프린트는 정해진 업무를 완성시켜 리뷰할 수 있도록 만들어야하는 일정 기간 입니다. 보통, 스프린트는 1~3주로 구성됩니다.

Slack

슬랙은 실시간으로 대화하고 보관하는 앱 입니다. 팀원들이 협업하고 효율적으로 생각을 교환할 수 있도록 도와줍니다.

Usability Test

사용성 테스트는 실제 사용자와 실험하여 제품이나 디자인의 접근성과 사용 편의성을 측정하기 위해 사용하는 조사 방법 입니다.

User Journey

사용자 여정은 사용자가 서비스에서 최종 목적지에 도달하기 위해 거치는 단계들의 순서를 말합니다. 사용자가 소프트웨어와 인터렉션하며 겪는 경험이라 할 수 있습니다.

Widget

위젯은 화면상에서 사용자와 인터렉션 하는 요소입니다. 연락처 입력, 달력, 슬라이더 같은 것들이 위젯이에요.

결론

모든 용어를 다 아는 것은 불가능하다는 것을 알고 있어요. 하지만 디자인 용어학의 변화와 진화에 대해 끊임없이 이해하려 노력하는 것은 디자이너와 개발자가 동일한 언어로 이야기하고 효율적으로 함께 일할 수 있는 유일한 방법 입니다.

--

--