사용자 중심 UX 디자인: 이용자의 문제를 설계 결정으로 연결하기

사용자 중심 UX 디자인은 이용자가 무엇을 하려는지, 어떤 상황에서 어려움을 겪는지 이해하고 그 근거로 제품을 개선하는 접근입니다. 보기 좋은 화면을 만드는 데서 끝나지 않고, 이용자가 실제 목적을 달성하는지까지 살펴봅니다.

Pixso에서 UX 설계와 검토를 함께 진행할 때도 화면을 만들기 전에 이용자의 목적과 확인할 가정을 정리하는 것이 중요합니다. 아래에서는 병원 예약 변경 사례로 조사 내용이 어떤 설계 결정으로 이어지는지 설명합니다.

UX 디자인은 UI 디자인보다 넓은 경험을 다룹니다

사용자 경험(UX) 디자인은 사용자 인터페이스(UI) 디자인이나 사용성과 혼용되기도 합니다. 하지만 UI 디자인과 사용성은 UX의 일부이며, UX 디자인은 제품을 접하고 사용하는 전체 경험을 다룹니다. 사용자 경험 디자이너는 브랜드, 디자인, 사용성, 기능 등 제품을 획득하고 통합하는 모든 과정에 관심을 가집니다.

제품의 사용자 경험을 설계할 때는 사용 과정뿐 아니라 구매, 지속적인 이용과 문제 해결에 이르는 경험도 고려해야 합니다. 마찬가지로, 사용자 경험 디자이너는 단지 사용 가능한 제품을 만드는 데만 집중하는 것이 아니라, 즐거움, 효율성 등 사용자 경험의 다른 측면도 고려해야 합니다. 따라서 좋은 사용자 경험은 특정 사용자가 제품을 사용하는 특정 환경에서 특정 사용자의 요구를 충족시키는 경험입니다.

사용자가 왜, 무엇을, 어떻게 사용하는지 살펴보기

UX 디자이너로서 제품 사용의 원인과 내용, 방식을 고려해야 합니다. 사용자가 제품을 쓰는 동기를 이해하고, 필요한 기능을 파악한 뒤 쉽게 사용할 수 있도록 설계해야 합니다. UX 디자인에서는 사용자가 왜 제품을 사용하는지, 어떤 기능이 필요한지, 어떻게 사용하게 할지를 함께 살펴봅니다. 소프트웨어 디자인에서 제품의 '가치'를 기존 기능에서 확보하고 사용자에게 매끄러운 사용 경험을 제공해야 합니다.

사용자의 목표를 기준으로 UX 설계하기

UX 디자인은 제품을 사용하는 전체 과정을 다루므로 시각 디자인, 프로그래밍, 심리학과 인터랙션 디자인 등 여러 분야의 지식을 활용합니다. 다양한 사용자를 고려하려면 글자 읽기와 화면 조작 등에서 겪는 어려움을 파악하고 접근성을 높여야 합니다. 사용자 경험 디자이너의 임무는 다양합니다. 일반적으로 사용자 조사, 페르소나 작성, 와이어프레임과 인터랙티브 프로토타입 제작, 사용성 테스트 등을 포함합니다. UX 디자이너는 각 단계에서 사용자의 목표와 상황을 기준으로 작업합니다. 다음은 사용자 중심의 10가지 포인트입니다.

1. 이용자가 달성하려는 목적과 이용 상황을 구체적으로 정의합니다.
2. 팀의 추측과 조사에서 관찰한 사실을 구분합니다.
3. 여정에서 반복되는 어려움을 찾아 우선순위를 정합니다.
4. 정보와 기능의 이름을 이용자가 이해하는 표현으로 바꿉니다.
5. 핵심 과업을 끝내는 데 필요한 정보를 적절한 시점에 제공합니다.
6. 실수한 뒤 돌아가거나 수정할 수 있는 경로를 준비합니다.
7. 글자 확대와 키보드 사용 등 다양한 조작 조건을 고려합니다.
8. 대안을 시제품으로 만들어 실제 행동을 관찰합니다.
9. 피드백이 어떤 변경으로 이어졌는지 기록합니다.
10. 출시 후에도 과업 성공과 지원 요청 등 적절한 신호를 확인합니다.

사례: 예약 변경이 어려운 이유를 설계로 풀기

가상의 병원 예약 서비스에서 이용자는 진료 시간을 바꾸려 합니다. 서비스는 기존 예약을 취소한 뒤 새로 예약하도록 안내합니다. 팀은 처음에 “취소 버튼을 더 크게 만들면 된다”고 생각할 수 있습니다. 그러나 이용자는 새 시간이 확보되지 않은 상태에서 기존 예약을 잃는 것이 걱정될 수 있습니다. 버튼 크기와 예약 정책은 서로 다른 문제입니다.

조사에서는 이용자가 마지막으로 시간을 변경했던 상황을 묻고 실제 경로를 관찰합니다. 어떤 정보를 찾았는지, 취소하기 전에 무엇을 확인하려 했는지, 전화 상담으로 넘어간 이유가 무엇인지 살펴봅니다. 특정 답을 유도하는 “취소가 무서웠나요?”보다 경험을 설명할 수 있는 질문을 사용합니다.

이 내용은 예시를 위한 가설이며 실제 조사 결과를 주장하는 것은 아닙니다. 서비스에서 같은 문제가 있는지 확인한 뒤 적용해야 합니다. 화면만 바꾸어 해결할 수 없는 정책 문제라면 제품 담당자와 운영팀이 함께 결정할 수 있도록 근거를 정리합니다.

두 가지 안을 비교하고 수정하기

안 A는 기존 취소 후 재예약 경로에 설명을 추가합니다. 안 B는 새 시간을 선택한 뒤 변경을 확정하는 경로를 제시합니다. Pixso에서 두 흐름을 별도로 연결하고 같은 예약 정보로 비교하면, 시각적 완성도보다 행동의 차이에 집중할 수 있습니다.

이용자에게 시간을 바꾸는 과업을 주고, 언제 기존 예약이 없어지는 것으로 이해하는지 살펴봅니다. 단순히 “어느 화면이 더 예쁜가요?”라고 묻는 것으로는 변경 과정의 이해를 판단할 수 없습니다. 진행자가 설명해야만 완료할 수 있었다면 어떤 정보가 화면에 빠져 있는지 기록합니다.

수정 후에는 같은 조건에서 다시 확인합니다. 출시까지 이어진다면 변경 완료, 중도 이탈, 문의 내용과 같은 신호를 함께 살펴보되, 화면 변경 외에 예약 가능 시간이나 운영 정책이 달라졌는지도 고려합니다. UX 개선의 핵심은 모든 과정을 한 번씩 수행했다는 기록이 아니라, 이용자의 문제와 제품의 변화 사이에 설명 가능한 연결을 만드는 것입니다.

UX 디자인 툴을 통한 사용자 경험 시뮬레이션

Pixso는 UI 화면과 프로토타입을 만들고 팀과 검토하는 데 사용할 수 있습니다. 화면에서 의도한 동작을 설명하고 수정안을 비교하는 데 도움이 되지만, 실제 서비스의 성능이나 모든 접근성 조건을 자동으로 검증하는 도구는 아닙니다.

조사 결과 정리: 인터뷰나 관찰에서 얻은 내용을 팀과 공유하고 관련 화면에 댓글을 남깁니다. 팀원의 의견과 실제 이용자의 관찰 결과는 구분해 기록합니다.

프로토타입 제작: 필요한 화면과 전환을 구성합니다. 템플릿을 사용하더라도 이용자의 과업에 맞는 내용과 실패 상태를 직접 준비합니다.

 UI/UX 협업: Pixso에서는 시각 디자인과 인터랙션을 같은 작업 공간에서 만들며 팀원과 온라인으로 협업할 수 있습니다.

상호작용 검토: 클릭·탭과 화면 전환을 연결해 제안한 흐름을 시연할 수 있습니다. 움직임의 완성도와 이용자가 과업을 이해하는지는 각각 확인합니다.

개발 전달: 화면의 치수, 스타일과 디자인 자산 등 개발에 필요한 정보를 확인하고 전달합니다. 디자인 정보를 참조하는 것과 서비스 전체를 구현하는 것은 별개의 작업입니다.

기존 디자인 활용: 지원하는 형식의 파일을 가져와 이어서 작업할 수 있습니다. 가져온 화면의 글꼴, 이미지와 컴포넌트를 확인한 뒤 프로젝트에서 사용할 범위를 정합니다.