UX 디자인의 요소 – 완벽한 사용자 경험을 위한 6계층

게시 됨: 2020-01-15

UX 디자인의 요소는 디자인의 모든 부분이 사용자 경험을 전달하기 위해 어떻게 함께 연결되는지 이해하기 위한 깔끔한 멘탈 모델입니다. Bankai의 UX 디자인 인포그래픽의 이 요소는 요소뿐만 아니라 UI 디자인과의 조화를 보여줍니다.

UX와 UI를 혼동한다면 혼자가 아닙니다. 디자인에는 많은 용어가 생겨서 종종 일반인들이 그 용어가 무엇인지 궁금해하게 만듭니다.

간단히 말해서 UX 디자인은 사용자 경험 디자인 을 의미하는 반면 UI 디자인은 사용자 인터페이스 디자인 을 의미합니다.

목차

UX 디자인 이란 무엇입니까?

Nielsen Norman Group Design Consultancy의 공동 설립자이자 인지 과학자인 Don Norman은 1990년대 후반에 이 용어를 발명한 것으로 알려져 있습니다.

"사용자 경험은 최종 사용자가 회사, 서비스 및 제품과 상호 작용하는 모든 측면을 포함합니다."

  • 사용자 경험 디자인은 사용자와 회사의 모든 측면 간의 품질 상호 작용을 개발하고 개선하는 프로세스입니다.
  • 사용자 경험 디자인은 품질 결과를 테스트하기 위해 연구, 테스트, 개발, 콘텐츠 및 프로토타이핑 프로세스에 직접 참여하는 책임이 있습니다.
  • 사용자 경험 디자인은 이론적으로 비디지털(인지 과학) 방식이지만 주로 디지털 산업에서 사용 및 정의됩니다.

UX 디자인이 발전함에 따라 훨씬 더 깊은 수준에서 고객을 이해하는 데 도움이 되는 도구도 발전했습니다. 예를 들어 고객 여정 맵 캔버스를 사용하여 터치포인트를 매핑하고 고객이 터치포인트에 어떻게 반응했는지 이해할 수 있습니다.

UX 디자인의 요소를 이해하려면 심리학, 사회 과학, 디자인 및 마케팅이 혼합되어 있어야 합니다.

UI 디자인 이란 무엇입니까?

사용자 인터페이스 디자인은 또한 여러 분야의 역할입니다.

제품의 개발, 연구, 콘텐츠 및 레이아웃을 사용자를 위한 매력적이고 안내적이며 반응적인 경험으로 개발하는 일을 담당합니다.

사용자 인터페이스 디자인은 사전 정의에 따라 UX와 달리 주로 디지털 직업인 분야이기도 합니다.

  • 사용자 인터페이스 디자인은 브랜드의 강점과 시각적 자산을 제품의 인터페이스로 이전하여 사용자 경험을 가장 잘 향상시키는 일을 담당합니다.
  • 사용자 인터페이스 디자인은 모든 크기/플랫폼에 걸쳐 인터랙티브 요소를 통해 제품의 인터페이스를 통해 사용자를 시각적으로 안내하는 프로세스입니다.
  • 사용자 인터페이스 디자인은 협력에 대한 책임을 포함하고 개발자 또는 코드와 함께 작동하는 디지털 분야입니다.

다음은 이들 간의 차이점을 쉽게 시각적으로 파악할 수 있는 방법입니다.

the elements of ux design

UX 디자인의 요소

UX 디자인의 원래 초점의 대부분은 웹 디자인을 기반으로 했으며 어떤 경우에는 여전히 그렇습니다.

그러나 사용자 경험 디자인의 영향과 가치는 웹의 맥락을 훨씬 뛰어넘습니다.

회사와의 각 상호 작용에는 UX 디자인 요소가 포함됩니다.

제품을 디자인하는 것과 사용자 경험을 디자인하는 것의 차이점은 무엇입니까? 많은 제품에는 다양한 변형이 있으며 여러 채널을 통해 판매됩니다.

제품이 복잡할수록 사람들이 구매 결정을 내리는 데 더 많은 정보가 필요합니다. 그러나 한 번에 너무 많은 정보로 고객에게 과부하가 걸리면 좋지 않은 경험을 하게 됩니다.

정보를 계층화하고 사용자 경험을 매핑하며 고객의 의사 결정 프로세스를 이해하는 것은 효과적인 UX 디자인에 매우 중요합니다.

고객이 쉽게 이해할 수 있도록 이 정보를 제공하는 것이 중요합니다.

보다 광범위하고 전략적인 수준에서 사용자가 제품에 대한 정보를 조사하는 환경은 웹사이트의 채팅에서부터 제품 기능에 대해 다운로드한 PDF, 제품을 보여주는 비디오에 이르기까지 사용자 경험의 일부입니다.

구매한 제품에는 지원, 지침이 필요한 경우가 많으므로 제품 자체를 넘어 사용자와 상호 작용하기 위해 더 많은 컨텍스트 포인트가 필요합니다.

사용자 경험은 거래를 넘어 확장됩니다. 그럼에도 불구하고 많은 기업이 거래 시점 이상을 계획하지 않습니다.

성장 마케팅 청사진 캔버스를 사용하여 UX 디자인 사고를 발전시키고 고객을 유지하는 방법으로 계획하는 프로세스를 시작할 수 있습니다.

UX 디자인의 원래 요소 설명

original elements of ux design explained

위의 다이어그램은 처음에 Jesse James Garrett이 구상했으며 여기에서 찾을 수 있습니다. 5개의 종속 레이어가 있으며 각 레벨은 이전 레벨에 구축되며 추상 레벨에서 시작하여 구체적인 레벨(아래에서 위로)로 이동합니다.

  1. 전략
  2. 범위
  3. 구조
  4. 해골
  5. 표면

#1. UX 디자인의 요소 – 전략

제품, 앱 또는 웹사이트에 대한 이유입니다. 이것은 목적, 컨텍스트 및 대상 사용자 그룹을 식별하는 것입니다. 또한 이것은 사람들이 그것을 사용하는 이유, 필요한 이유, 제공하는 가치 및 상호 작용의 종류를 살펴봅니다. 여기서 목표는 사용자 요구와 비즈니스 목표를 정의하는 것입니다.

이것은 다양한 전략적 연구 프로세스를 통해 수행될 수 있습니다.

#2. UX 디자인의 요소 – 범위

기능 및 내용 요구 사항을 정의합니다. 애플리케이션 또는 제품에 포함된 기능 및 콘텐츠는 무엇입니까? 요구 사항은 전략적 목표를 충족하고 일치해야 합니다.

#삼. UX 디자인의 요소 – 구조

사용자가 제품과 상호 작용하는 방식, 사용자가 상호 작용할 때 시스템이 동작하는 방식, 구성 방식, 우선 순위 지정 방식 및 제품의 양을 정의합니다.

구조는 Interaction Design & Information Architecture 의 두 가지 구성 요소로 나뉩니다.

  • 사람들이 목표를 달성하도록 돕습니다.
  • 상호 작용과 기능(사용자가 할 수 있는 것)을 효과적으로 전달합니다.
  • 상호 작용하는 동안 상태 변경(파일이 저장되었거나 피드백)에 대해 사용자에게 알립니다.
  • 시스템이 사용자에게 잠재적으로 유해한 작업(예: 삭제)을 확인하도록 요청하는 것과 같이 사용자 오류 또는 실수를 방지합니다.

좋은 정보 아키텍처

  • 사용자 요구와 비즈니스 목표를 기반으로 정보를 구성, 분류 및 우선 순위를 지정합니다.
  • 제공된 정보를 쉽게 이해하고 이동할 수 있습니다.
  • 성장을 수용하고 변화에 적응하기 위해 유연합니다.
  • 청중에게 적합합니다.

UX 디자인 인포그래픽의 요소

사용자 경험은 제품이나 서비스의 내부 작동에 관한 것이 아닙니다. 사용자 경험은 사람이 접촉하는 외부에서 작동하는 방식에 관한 것입니다. 누군가 제품이나 서비스를 사용하는 것이 어떻냐고 묻는다면 사용자 경험에 대해 묻는 것입니다. 간단한 일을 하는 것이 어렵습니까? 알아보기 쉽나요? 제품과 상호작용하는 느낌은 어떤가요?

이 인포그래픽은 UX 디자인 요소와 관련된 일부 도구, 장치, 컨트롤, 시각 디자인, 사이트 매핑을 살펴봅니다.

elements of ux design

PDF

기타 관련 기사 및 무료 도구

  • 고객 세분화
  • 시장 세분화
  • 마케팅 페르소나
  • 무료 페르소나 캔버스
  • 무료 고객 여정 지도