본문 바로가기
디자인 정보

UX UI 디자인 차이 정의 디자이너가 하는 일

by 디자인 정보 2024. 3. 7.

UX UI 디자인의 중요성이 높아지면서 수요가 늘고 있습니다. 그런데 UX와 UI를 하나로 묶어 같은 개념으로 생각하시는 경우가 많습니다. 둘은 긴밀하게 연결되어 있지만 엄밀히 따져보면 다른 업무입니다. 이번에는 UX UI 디자인 차이점을 알아보고 디자이너가 어떤 일을 해야 하는지 알아보도록 하겠습니다.

 

 

UX 디자인

 

1. UX의 정의

UX는 User Experience의 약자입니다. 이는 '사용자 경험'을 뜻합니다. 조금 더 직관적으로 표현하면 사용자가 어떤 서비스나 제품을 이용할 때 느끼는 총체적 경험을 의미합니다. 

 

2. UX에 포함되는 것

UX는 이용자가 느끼는 모든 것을 포함하고 있으며 특히 감각적인 부분에 집중합니다. 사용자가 접하는 모든 부분이 UX라고 말할 수 있습니다.

 

3. UX 디자인 업무

  • 사용자 리서치
  • 페르소나
  • 시나리오
  • 정보 아키텍처
  • 인터렉션 디자인
  • 사용성 테스트

 

UI 디자인

1. UI의 정의

UI는 User Interface의 약자입니다. 한국어로는 '사용자 인터페이스'라고 번역해 볼 수 있습니다. 사용자 인터페이스는 서로 의사소통을 하는 방법을 뜻하는데, 특히 컴퓨터나 모바일 환경에서 의사소통하기 위한 결과물에 집중합니다.

 

2. UI에 포함되는 것

UI는 사용자가 제품이나 서비스를 이용할 때 시각적으로 느끼는 전반적인 모든 것을 의미할 수 있습니다.

 

3. UI 디자인 업무

  • 레이아웃
  • 톤앤매너
  • 타이포그래피
  • 비주얼 디자인
  • 브랜딩

 

UX UI 디자인 차이점 및 관계

1. UX UI 디자인 차이점

UX UI
사용자 경험(User Experience) 사용자 인터페이스(User Interface)
제품 및 서비스 이용시 경험하는 모든 것 제품 및 서비스를 보여주는 방식
사용자가 느끼는 감각의 총체 시각적으로 느껴지는 것

 

2. UX UI 디자인 관계

UI는 표현 방식이기 때문에 UI 디자이너는 UI를 통해 효과적인 UX를 실현해야 합니다. UX 디자이너는 사용자 리서치나 사용성을 경험하며 어떻게 해야 더 소비자에게 긍정적인 피드백을 받을 수 있는지 방향을 설정해야 합니다. 

 

예를 들자면, 웹사이트에 처음 들어왔을 때 어떤 방식으로 사용자가 메뉴를 선택하고 컨텐츠를 읽는지 확인하고 최적의 경로를 만드는 것이 UX 디자인입니다. UI 디자인은 최적의 경로를 시각적으로 구현하는 것입니다. 이렇듯 앞뒤가 없이 긴밀하게 연결되어 있기 때문에 UX/UI 디자인을 함께하는 디자이너가 많습니다. 

 

나의 UX UI 레벨을 알고 싶다면 다음 테스트에서 확인해 보시기 바랍니다.

 

UX·UI 레벨 테스트

UX·UI 디자인 문제 100점에 도전해보세요.

smore.im

 

UXUI를 위한 가독성 좋은 폰트 산세리프 디자이너 추천 TOP5 무료 다운로드

 

가독성 좋은 폰트 산세리프 디자이너 추천 TOP5 무료 다운로드

폰트는 세리프와 산세리프로 나누어집니다. 세리프체는 명조체처럼 글자에 꺾인 선이 있는 폰트이고, 산세리프는 고딕체와 같이 직선으로 뻗은 형태입니다. 이번에는 여러 폰트 중 가독성 좋은

bookeatsblue.tistory.com

 

댓글