Ch02_1 UX 디자인 프로세스톼 개발 방법(1)

jsBae 2024. 10. 17. 10:13

학습목표

실무적인 UX 디자인의 설계과정과 UX 디자인을 하기에 앞서 무엇부터 시작해야 하고 어떤 준비가 필요한지 전체적인 흐름을 파악해 보도록 하겠습니다.

개발해야 할 디자인이 있다면, 먼저
관련 디자인을 조사해 보고 벤치마킹 된 디자인 결과를 정리해서 새로운 디자인에 어떻게 적용 시키고 개선할지 ...등 리서칭의 기법을 알아보고, 또한,다양한 UX 모델링 기법을 알아보겠습니다.

특히, 클라이언트의 요구와 목표가 분명하지 않다든가 여러분의 생각을 제안하고자 할 때 어떻게 추상적이고 창의적인 아이디어를 도출해서 그것을 고객에게 제안하고, 디자인에 적용시키고 설득할지 다양한 아이디어 도출 기법도 학습 해 보도록 하겠습니다.

실무에서 UX 디자인을 진행하는 과정

01. UX디자인 프로세스와 개발 방법

어떤 아이디어를 가지고 앱을 개발하겠다는 생각을 하는 순간부터 프로세스에 대해 작성할 문서가 매우 많아요
고객의 목표나 요구가 분명하다면 요구정의에 따라 주제와 디자인을 선정하면 되지만,
사실 그렇지 못한 경우가 대다수고요. 있다고 하더라도 명확하지도 않고,
막연한 개발 요구나 주제를 선정의 경우가 많습니다.

따라서 보다 분명하고 객관적인 기획안이 필요하게 된다. 예를 들어 특정 주제를 선정하였다면, 먼저 유사한 앱이 이미 존재하는지를 검토하고, 벤치마킹을 통해 시장을 분석하며, 내외부 환경과 조직의 니즈를 정리해야 한다.

이러한 과정을 거쳐 도출된 문서는 아이디어가 어떤 목표를 위해 진행되는지를 명확히 보여주며, 전체 프로세스를 이해할 수 있게 한다. 또한 단일 과정의 단계별 디자인을 성공적으로 수행하는 것은 물론, 개발은 혼자 이루어지는 일이 아니기 때문에 팀원들과의 원활한 커뮤니케이션을 통해 프로젝트를 성공적으로 완수할 수 있다.

UX 디자인을 시작하기 전에 무엇을 준비해야 하는지를 명확하게 파악하는 것은 매우 중요하다. 이때 필요한 준비물뿐 아니라 전체적인 프로세스의 흐름을 이해하는 것이 핵심이다. 즉, UX 디자인의 전 과정을 시각화하고, 각 단계에서 요구되는 문서와 자료를 사전에 준비하는 것이 필수적이다.

따라서 UX 디자인을 하기에 앞서 우리는
무엇부터 시작해야 하고 어떤 준비가 필요한지 전체적인 흐름을 파악하기 위해서
사용자 시나리오, 메뉴 트리, 플로차트, 와이어프레임 등 다양한 기획문서 작성과
비록 이러한 것을 작성하는 것이 시간과 노력이 걸리는 작업이지만,
하나의 개발을 성공적으로 수행하는 것에 가장 중요한 단계입니다.

프로젝트를 성공적으로 진행하기 위해서는 사용자의 요구와 목표를 분석하여 적합한 시나리오를 작성해야 한다. 이 과정에서 중요한 것은 다양한 문서와 도구를 활용하여 사용자 경험을 구체화하는 것이다.

다음과 같은 문서들이 UX 디자인 프로젝트에 필수적으로 요구된다:

사용자 시나리오: 사용자가 제품이나 서비스를 어떻게 이용할 것인지에 대한 구체적인 스토리를 작성한다. 이를 통해 사용자의 행동 패턴과 니즈를 예측할 수 있다.
메뉴 트리: 사용자 인터페이스의 구조를 설계하는 과정에서 중요한 요소로, 사용자들이 콘텐츠에 쉽게 접근할 수 있도록 메뉴를 계층적으로 정리한다.
플로우차트: 사용자가 시스템을 통해 진행하는 전체적인 흐름을 시각적으로 나타낸다. 이는 사용자의 주요 경로와 상호작용 방식을 명확히 이해하는 데 도움이 된다.
와이어프레임: 페이지나 화면의 기본 구조를 설계하는 데 사용되며, 콘텐츠 배치와 UI 요소의 구성을 시각적으로 표현한다. 와이어프레임은 디테일한 디자인 전에 초기 구상을 빠르게 테스트할 수 있는 유용한 도구이다.

이처럼 UX 디자인을 실제 프로젝트에 적용할 때는, 시나리오 작성부터 디자인 제안, 와이어프레임 제작까지의 모든 단계를 체계적으로 진행해야 한다.

Think?

이 이미지는 유명한 "맹인과 코끼리" 이야기의 시각적 표현이다. 여러 명의 맹인이 각각 코끼리의 다른 부분을 만지며 서로 다른 인식을 가지는 상황을 나타내고 있다. 한 사람은 코끼리의 코를 만저 뱀이라고 생각하고, 다른 사람은 다리를 만져 나무라고 생각하며, 또 다른 사람은 몸통을 만져 벽이라고 생각한다.

이 이야기는 주로 복잡한 시스템이나 문제를 분석할 때 전체적인 시각을 잃지 않고 각 부분을 이해해야 한다는 교훈을 담고 있다. UX 디자인에서도 개별적인 요소만을 보는 것이 아니라 전체적인 사용자 경험을 고려해야 하는 것처럼, 이 이미지는 다양한 관점에서 문제를 바라보는 중요성을 강조한다. 따라서 UX 디자인 프로세스에서 각 부분의 세부 사항을 이해하는 것과 동시에, 사용자 경험의 큰 그림을 놓치지 않는 것이 핵심이라고 할 수 있다.

Design Thinking

디자인 씽킹(Design Thinking)은 아이디어의 도출 :

디자인 씽킹은 ‘사람들의 행동과 니즈에 대한 관찰을 기반으로
분석적 사고와 직관적 사고를 융합해 도출하는 문제 해결 접근 방식“

Design Thinking의 5단계 프로세스
Design Thinking의 5단계 프로세스는 문제 해결을 위한 인간 중심적 접근 방법으로, 다양한 문제를 해결하기 위해 광범위하게 사용된다. 이 과정은 공감하기, 문제 정의, 아이디에이션, 프로토타입, 테스트의 5단계로 나뉜다.

1. 공감하기 (Empathize) : 사용자의 니즈와 문제를 이해합니다.

이 단계에서는 사용자의 필요와 문제를 이해하는 것이 핵심이다. 디자인 팀은 사용자와 직접 상호작용하거나 인터뷰를 통해 사용자의 감정, 동기, 행동을 파악한다. 사용자가 경험하는 문제와 그들의 관점에서 느끼는 불편함을 심도 있게 분석하는 과정이다.

어떤 웹사이트를 디자인할 때, 사용자가 웹사이트를 이용하면서 불편한 점이나 바라는 점을 인터뷰나 설문 조사를 통해 알아내는 과정이다.

2. 문제 정의 (Define) : 문제를 명확하게 정의합니다.

공감하기 단계에서 수집한 데이터를 바탕으로, 해결해야 할 문제를 명확하게 정의한다. 문제 정의는 팀이 문제의 핵심을 파악하고, 사용자의 실제 요구를 해결하기 위한 목표를 설정하는 데 중요하다.

예시: 사용자 조사 결과, 모바일 앱의 네비게이션이 복잡하다는 문제를 발견하고, 이를 간소화하는 것이 목표라고 정의할 수 있다.

3. 아이디에이션 (Ideate) : 다양한 해결책을 생각합니다.

이 단계에서는 문제를 해결할 수 있는 다양한 아이디어를 제시한다. 브레인스토밍, 스케치, 롤플레잉 등 여러 창의적인 방법을 통해 가능한 해결책을 탐색한다. 이 과정에서는 모든 아이디어가 중요한 자원으로 간주되며, 비판보다는 창의적인 발상이 우선된다.

예시: 모바일 앱의 복잡한 네비게이션 문제를 해결하기 위해 메뉴를 간소화하거나 검색 기능을 향상시키는 다양한 아이디어를 제시할 수 있다.

4. 프로토타입 (Prototype) : 해결책의 시제품을 만듭니다.

아이디어 중에서 가장 가능성이 있는 것을 선택하고, 이를 시각적으로 구현한 프로토타입을 만든다. 프로토타입은 완벽하지 않더라도, 실제 사용 환경에서 테스트할 수 있는 최소한의 기능을 갖춘 모델이어야 한다.

예시: 새롭게 제안된 네비게이션 구조를 반영한 앱의 간단한 클릭 가능 모형을 제작하여 사용자에게 시연해 볼 수 있다.

5. 테스트 (Test) : 시제품을 사용자에게 테스트하고 피드백을 수집합니다.

마지막으로, 제작한 프로토타입을 실제 사용자와 함께 테스트하는 단계이다. 이 단계에서는 프로토타입이 사용자 요구를 얼마나 충족시키는지, 사용자가 겪는 문제를 실제로 해결할 수 있는지를 확인한다. 테스트 결과에 따라 프로토타입을 개선하거나, 아이디어를 다시 수정하는 과정이 반복될 수 있다.

예시: 새로운 네비게이션 구조를 사용자가 실제로 이용하면서 피드백을 받고, 사용자가 쉽게 앱을 탐색할 수 있는지 확인한다.

이 5단계 과정은 순차적으로 진행될 수도 있지만, 각 단계가 상호 작용하며 반복될 수 있다. 예를 들어, 테스트 후에 문제가 발견되면 다시 아이디에이션 또는 프로토타입 단계로 돌아가 개선할 수 있다. Design Thinking은 반복과 피드백을 통해 점진적으로 최종 해결책을 만들어가는 것이 중요한 특징이다.

UX 디자인 프로세스를 정의하면

- 시장 분석과 타깃 설정을 통해 문제 요소를 발견하고
- 목표를 세운 후
- 현장 리서치 결과를 활용해 전략을 수립하고
- 프로토타이핑과 테스트를 거치는 과정의 순환이다라고 정의 내릴 수 있습니다.

UX 디자인 프로세스-Double Diamond Process

더블 다이아몬드 기법은 영국 디자인 카운슬(Design Council)에서 2005년에 처음 제안되었다. 영국 디자인 카운슬은 디자인의 가치를 널리 알리고, 디자인을 통해 사회적, 경제적 문제를 해결하는 것을 목표로 하는 기관이다. 이 기법은 디자인 프로세스를 체계적이고 쉽게 이해할 수 있도록 시각화한 방법론으로, 특히 확산(문제를 넓게 탐색)과 수렴(해결책을 좁혀서 도출)의 반복을 강조한다. 더블 다이아몬드 모델은 복잡한 문제를 다루는 데 있어 명확한 구조를 제공하여, 문제를 해결할 때 창의성과 분석력을 동시에 사용할 수 있도록 돕는다.

처음 제안된 이후, 더블 다이아몬드 모델은 UX 디자인뿐만 아니라 여러 산업에서 문제 해결과 혁신의 도구로 널리 활용되고 있다. 이 모델은 문제 정의와 해결 과정에서 사용자 중심의 접근 방식을 강조하며, 다양한 프로젝트에서 효과적인 도구로 자리 잡았다.

더블 다이아몬드 모델은 2개의 다이아몬드로 구성

이는 우리가 생각하는 방식을 시각적으로 표현 해 놓은 형태입니다. 즉 문제를 정의하는 과정과 솔루션을 만드는 과정이 한 점에서 시작되어 확산형 사고와 수렴형 사고의 과정을 두 번 반복하여 진행되는 모델입니다.

첫 번째 다이아몬드 영역은 사용자의 문제를 찾고 해결할 문제를 정의하는 과정입니다.
이 단계는 다양한 문제를 탐색하는 발견Discover 과정과 이러한 문제를 수렴하여 좁혀나가는 구체화Define 과정으로 이루어집니다. 우리가 직면한 하나의 이슈를 깊고 넓게 탐색한 뒤 하나의 인사이트로 생각을 좁혀나가고,

두 번째 다이아몬드 영역은 앞에서 찾은 문제를 해결할 수 있는 솔루션을 만들어 나가는 과정입니다. 여기서는 한번 더 생각을 확장하여 문제를 해결을 위한 다양한 아이디어를 찾고, 가장 적합한 하나로아이디어를 좁혀 제안한 후 개발Develope하며 그중에서 가장 효과적인 해결책을 도출 딜리버Deliver입니다.

1. 발견 (Discover)

첫 번째 단계는 문제를 발견하는 과정이다. 이 단계에서 UX 디자이너는 시장 분석, 사용자 인터뷰, 설문 조사 등 다양한 방법을 통해 문제를 폭넓게 탐색하고, 사용자의 니즈와 문제점을 파악한다. 확산의 과정으로, 가능한 모든 문제 요소를 수집하는 것이 목적이다.

예시: 새로운 앱을 기획할 때, 사용자들이 겪는 불편함을 조사하고, 기존 시장에서 발생하는 문제를 발견한다.

2. 정의 (Define)

두 번째 단계는 발견한 문제를 구체적으로 정의하는 단계이다. 이때 문제의 범위를 좁히고, 중요한 문제 요소를 명확히 정의하여 해결해야 할 핵심 문제를 도출한다. 이는 수렴의 과정으로, 문제의 본질을 명확히 하여 다음 단계로 넘어갈 준비를 한다.

문제가 무엇인지 정의를 내리는 디파인 단계에서는 문제점과 사용자 니즈를 정리해서 원인분석과 페르소나(심리학적으로는 자신의 본성과는 다른 성격, 여기서는 특정한 사용자의 가상버전, 가상유저를 통한 성향 파악), 어피니티 다이어그램 ('어피니티 다이어그램(Affinity Diagram)'은 방대한 데이터들 사이에서 의미 있는 규칙을 발견하기 위한 그룹핑 기법이다. ...)등을 활용하여 데이터로부터 인사이트를 도출하고, 우리가 집중해야 하는 부분이 어디인지 정의를 내리는 과정으로 구성 되어 있습니다.

예시: 여러 문제 중에서 사용자들이 가장 불편해하는 특정 기능을 중심으로 문제를 정의하고, 이를 해결하기 위한 목표를 설정한다.

3. 아이디에이션 (Develop)

세 번째 단계는 해결책을 위한 아이디어를 발전시키는 단계이다. 다양한 아이디어를 창출하는 확산의 과정으로, 브레인스토밍, 프로토타이핑, 사용자 피드백 등을 통해 가능한 해결책을 탐색한다.

예시: 정해진 문제를 해결하기 위한 다양한 기능을 제안하고, 그 중에서 실현 가능한 아이디어를 여러 가지로 시도해 본다.

4. 전달 (Deliver)

마지막 단계는 아이디어를 실제로 구현하고, 사용자가 경험할 수 있는 형태로 제공하는 단계이다. 이때 최종적으로 해결책을 수렴하여 프로토타입을 개발하고 테스트하며, 사용자의 피드백을 받아 최종 결과물을 도출한다.

예시: 프로토타입을 제작하고, 사용자 테스트를 통해 그 기능을 개선한 후, 최종적으로 앱에 반영한다.

[영국 디자인 카운슬의 더블 다이아몬드 프로세스]

단계	발견	정의	아이디어 제안·개발	해결책 도출
목표	주제 설정 현황 파악 문제점 수집 욕구 발견	현황 정의 문제점 정의 데이터를 통한 니즈 도출	아이디어 구체화 콘셉트 도출 비즈니스 모델 개발	서비스 확정 발표 상품 공유
내용	사실 발견 이해관계자 욕구 이해 생태계 파악 가치사슬	문제점 재정의 요구 사항 정리 수집 데이터 관계 파악 핵심 아이디어 도출	아이디어 제안 비즈니스 모델 수립	시각화 제작 검증 평가
방법론	데스크 리서치 섀도잉 다이어리 인터뷰	5단계 원인 분석 페르소나 어피니티 다이어그램	브레인스토밍 비즈니스 모델 프로토타이핑	스토리보드 서비스 블루프린트 롤 플레이

이 표는 더블 다이아몬드 프로세스의 각 단계별 목표, 내용, 그리고 사용되는 방법론을 명확하게 나타내고 있다. 이 과정은 문제 발견에서부터 해결까지 체계적으로 진행되며, UX 디자인을 포함한 다양한 프로젝트에서 활용할 수 있다.

더블 다이아몬드는 한 번 거친다고 최종 해결책이 도출되는 것은 아니다.

초기에는 일반향의 프로세스였지만, 최근에는 문제를 발견하고 해결책 을 도출한 후에 이것을 토대로 사용자 테스트를 진행하고 피드백을 분석해 다시 문제 해결을 위한 작고 큰 발산과 수렴을 반복합니다.

이는 빠르게 변화하고 바뀌고 있는 우리 디지털 세계에서는 어떠한 솔루션도 "끝났다 ", "여기까지" 라는 표현을 할 수 없기 때문입니다. 출시된 서비스에서도 우리는 끊임없이 피드백을 반영하여 개선하면서 다 나은 사용자 경험을 제공할 수 있기 때문이죠.

UX 디자인의 차별성 - 시작과 모두 사용자에게 집중

UX 디자인은 제품에 집중되어 있는 기존 방법론과는 관점이 다르다. 이는 좀더 사용자의 중심의 판단이나 심리에 영향을 주는 요인과 감정적인 부분까지 고려하기 때문입니다.

결론적으로 UX 디자인 프로세스는
끊임없이 질문과 문제를 던지고, 그것을 해결해 나가는 과정인거죠.
그리고, 이러한 상황에서 문제를 찾고, 사용자에게 더 나은 경험을 제공 할 수 있는 해결책을 찾는 것이 UX 디자너의 역할 이겠죠.

여기서 잠깐 용어정리

요구 제안서(Request for Proposal, RFP)

요구 제안서(Request for Proposal, RFP)는 개발을 원하는 클라이언트 또는 조직이 작성하여 개발 업체에 제출하는 문서이다. 이 문서의 목적은 프로젝트의 목표, 범위, 기간, 예산 등을 명시하여 개발 업체가 프로젝트의 요구사항을 정확히 이해하고 적절한 제안을 준비할 수 있도록 돕는 것이다.