UX/UI 개념

• UX (User experience, 사용자 경험) 디지털 뿐만 아니라 오프라인에서의 경험까지 포함하는 개념, 모든 감각을 활용하는 다양한 경험 고려
• UI (User Interface, 사용자 인터페이스) 유저가 최종적으로 체품이나 서비스를 사용할 때 맞닿는 시각적 구성 요소 → UI가 UX에 포함되는 개념 중 하나라고 보는 시각도 존재!

<aside> 📌

• UX 디자인은 유저의 관점에서 문제를 해결하는 것에 집중, UI 디자인은 시각 언어의 규칙을 만드는 것에 집중.

❓”시각언어의 규칙” → 시각 요소들을 통해 정보를 전달하고 의미를 표현하는 체계이다. 언어가 단어와 문장을 통해 생각과 감정을 표현하듯, 시각언어는 이미지, 색상, 형태, 구도, 움직임, 영상을 통해 메시지를 전달

</aside>

<aside>

더블 다이아몬드 모형

문제 정의와 문제 해결에 초점을 둔 디자인 프로세스 모형. 아이디어 발산과 수렴 과정을 나타내는 4단계로 구성!

<aside>

다이아몬드 1 : 해결해야 할 문제 찾기 → 문제들을 발견하고 그 중 어떤 문제를 해결할 것인지 정의하는 단계

1️⃣ 발견(Discover) 단계

• 문제가 무엇인지 발견하고 이해하는 단계
• 주로 유저 리서치를 진행 → 문제가 여러 개 발견될 수도 있음
• 대표적인 활동 : 유저 리서치(데스크 리서치, 필드 리서치 ··· )

2️⃣ 정의(Define) 단계

• 집중할 문제가 무엇인지 정의 (하나의 문제에 포커스)
• 유저 리서치 등의 과정을 통한 결과물을 분석하고 정리하며 어떤 문제에 집중할 지 논리를 정립.
• 대표적인 활동 : 어피니티 다이어그램, 유저 페르소나 작성 등 </aside>

<aside>

다이아몬드 2 : 해결책 찾기 → 문제 해결을 위한 아이디어를 발전시키고 구현하여 유저에게 제공하는 단계

3️⃣ 발전(Develop) 단계

• 문제 해결을 위한 아이데이션을 진행하는 단계
• 문제를 해결할 수 있는 아이디어를 발산하되, 제한을 두지 않고 다양한 방향을 열어두고 고민해야 함
• 대표적인 활동 : 정보구조도, 와이어프레임 등

4️⃣ 전달(Deliver) 단계

• 디자인을 구현하여 유저에게 제공하는 단계
• 프로토타입 제작 후 사용성 테스트를 해보면서 개선을 반복
• 대표적인 활동 : 최종 프로토타입, 사용성 테스트 등 </aside>

<aside> 📌

디자인 씽킹, 더블 다이아몬드 모형 둘 다 UX/UI 디자인 프로세스에 속한다!

상황에 맞는 적절한 프로세스를 활용!

</aside>

<aside>

4가지 핵심 원칙

1️⃣ 유저와 유저 니즈를 이해하는 것에서 시작하기

2️⃣ 문제와 아이디어에 대해 구성원들과 얼라인하기

3️⃣ 구성원들과 협업하고 공동 작업하기

4️⃣ 이터레이션(=스프린트)을 통해 에러와 리스크 일찍 발견하기 가장 중요

</aside>

✔ 선형적인 프로세스가 아님! → 1~4단계를 쭉 진행하면 끝나는 것이 아닌, 4단계를 진행하다가 1단계로 돌아가기도 함.

✔ 복잡한 프로젝트나 대규모 서비스에서는 한계가 있음

</aside>

디자인 프로세스

<aside>

<aside>

Lean UX

<aside>

유저 피드백을 데이터로 측정하고 반복적으로 디자인과 기능을 개선하는 과정을 거쳐 더 나은 유저 경험을 제공하는 프로세스

→ 최근 들어 활발히 활용되고 있음

</aside>

• Lean UX 프로세스 사이클 아이디어 → (구현) → 제품 → (측정) → 데이터 → (학습) → 아이디어 🔁

• 널리 활용되는 이유

• 클라우드의 발전으로 실시간 협업이 활발

• 분석 툴의 발전으로 데이터를 통해 임팩트를 측정하기 용이

• 치열한 시장 경쟁에서 살아남기 적합 </aside>

<aside>

MVP(Minmum Viable Product, 최소 기능 제품)

<aside>

최소한의 기능을 갖춘 제품 또는 서비스로, 초기 아이디어나 가설을 검증하는 것이 목적

</aside>

예) ‘유저가 편리하게 이용할 수 있는 이동 수단을 만들자’는 미션이 있다면?

MVP 1 바퀴에 판을 덧댄 이동 수단 → (유저 피드백)

MVP 2 손잡이를 더한 이동 수단 → (유저 피드백)

MVP 3 바퀴 크기를 키운 이동 수단 → (유저 피드백)

MVP 4 모터를 단 이동 수단 → (유저 피드백)

MVP 5 문을 여닫을 수 있는 이동 수단

📌 유저 피드백에 따라 다른 MVP가 도출 된다!

MVP 케이스 스터디

• 에어비앤비
• 아마존 </aside>

</aside>

데이터 드리븐 UX 트렌드

실제 유저 행동 데이터를 기반으로 의사 결정하는 것

→ 앞으로 어떤 제품 개선을 해나갈 지에 대한 논리적인 인사이트를 얻고, 비즈니스 성과에도 긍정적인 영향을 미칠 수 있다.

<aside>

왜 데이터 드리븐이 등장했을까?

➡️ 빠르게 변화하는 시장에서 효율적으로 제품을 개선할 수 있음!

왜 중요할까?

• 디자이너의 관점
• 커뮤니케이션 관점
• 비즈니스 관점

데이터 드리븐 UX에서 활용하는 지표

• 유저 관여도 관점(Engagement)
• 유저 재방문 관점(Retention)
• 유저 획득 관점(Acquisition)

케이스 스터디

• 어기어때
• 코드아카데미

<aside>

</aside>

</aside>

실무에서 많이 사용하는 UX/UI용어는?

• 디자인 관련 용어

| --- | --- | --- | --- |

• 인지 심리 관련 용어

| --- | --- | --- | --- | | 어포던스 | 게슈탈트 원리 | 피츠의 법칙 | |