비전공자를 위한 UI 디자인 기초 (1): 디자인 씽킹, 사용자 중심 디자인

디자인씽킹, 사용자 중심 디자인으로 UI를 기획하는 법. 디자인 씽킹 프로세스와 바로 쓰는 3단계 미니 프로세스까지 한 번에 정리했어요

코드잇

Nov 21, 2025

비전공자를 위한 UI 디자인 기초 (1): 디자인 씽킹, 사용자 중심 디자인

Contents

1. 디자인 씽킹(Design Thinking)이란?2. 사용자 중심 디자인이란?3. 초간단 디자인 씽킹 프로세스

UI 디자인 공부를 시작한 비전공자라면 반드시 알아야 할 지식 1편!

색상, 폰트, 배치.. 보통 디자인이라고 하면 가장 먼저 떠올리는 것들이죠. 하지만 가장 중요한 요소이자 먼저 알아야 할 건 디자인 씽킹(Design Thinking)과 사용자 중심 디자인이에요.

오늘은 이 디자인 씽킹과 사용자 중심 디자인이 무엇인지, 왜 필요한지, 실무에서는 어떻게 활용할 수 있는지 알려 드릴게요.

1. 디자인 씽킹(Design Thinking)이란?

사용자를 먼저 이해한 다음, 빠른 실험과 반복을 통해 문제를 해결해 가는 방법 이에요. 디자인으로 유명한 스탠포드의 d.school은 아래와 같이 5단계로 이 방법을 구분했죠

✅

디자인 씽킹 5단계

공감하기 – 사용자를 관찰/인터뷰해서, 어떤 상황/감정/욕구를 가지고 있는지 이해하기

문제 정의 – 그 과정에서 우리가 풀어야 하는 핵심 문제와 목표를 정리하기

아이디어 도출 – 최대한 많은 해결책을 던져 보고, 가능성 있는 걸 골라 보기

프로토타입 – 최대한 빠르고 저렴하게 눈에 보이는 결과물 만들기

테스트 – 실제 사용자에게 보여주고 피드백을 받아 개선하기

여기서 중요한 점은 1 → 2 → 3 순서로만 진행하는 것이 아니라, 필요하다면 언제든지 이전 단계로 돌아가 수정·보완할 수 있어야 한다는 거예요.

이외에도 영국 디자인 위원회가 제안한 더블 다이아몬드라는 방법도 있긴 하지만, 둘의 방식은 비슷할 뿐만 아니라 ‘사용자 중심’과 ‘반복’이라는 핵심 키워드를 공유하고 있어요.

2. 사용자 중심 디자인이란?

제품/서비스를 만들 때 사용자의 필요를 중심에 두고, 사용자가 어떻게 행동하고 생각하는지 에 맞춰 디자인하는 것을 이야기 해요.

국제 표준화 기구는 사용자 중심 디자인의 핵심 요소를 다음과 같이 정의하고 있죠.

📖

사용자 중심 디자인이란?

사용자의 필요와 요구를 이해할 것

디자인 전 과정에서 사용자를 지속적으로 참여 시킬 것

반복적인 평가와 개선을 할 것

사용자 경험 전체를 다룰 것

어디서 본 내용이지 않나요? 맞아요. 앞서 스탠포드 d.school이 언급한 5단계와 굉장히 유사하죠! 디자인 씽킹은 문제를 푸는 프로세스를 얘기한다면, 사용자 중심 디자인은 그 프로세스에서 항상 사용자를 기준으로 실행하는 방법을 얘기해요

사용자 중심 디자인이 중요한 이유

💭

어느 날 여러분이 카페에 들어가기 위해 유리문 앞에 섰다고 상상해봅시다

문에는 큼지막한 손잡이가 달려 있어서, 아무 생각 없이 손잡이를 꽉 잡고 당깁니다. 그런데, 문이 꿈쩍도 안 하네요.

조금 민망하지만, “내가 힘이 부족한가?” 싶어서 한 번 더 세게 당겨 봅니다. 역시 안 열리네요. 멈춰서 주변을 둘러보니, 구석에 작게 붙은 스티커 하나가 보입니다.

PUSH

그러니까 이 문은 밀어야 열리는 문이었던 거예요. 손잡이는 당기라고 말하는데, 실제 동작은 ‘밀어라’ 였던 거죠. 이처럼 사용자의 행동을 고려하지 않고 헷갈리게 만드는 문을 디자인 업계에서는 노먼 도어(Norman Door)라고 불러요.

이는 디자인 이론가 도널드 노먼이 자신의 저서 『The Design of Everyday Things』 에서 소개한 대표적인 나쁜 디자인 사례에요. 그는 “만약 문에 라벨링이 필요하다면, 그 문은 잘 된 디자인이 아니다”라며 사용자 중심 디자인의 중요성을 강조했죠.

3. 초간단 디자인 씽킹 프로세스

물론 비전공자 입장에서 이런 요소들을 일일이 지키며 일하기는 어렵죠. 그래서 실무에서 당장 써먹을 수 있는 프로세스 3단계를 알려드릴게요!

1) 사용자 한 명 떠올리기

지금 만들고 있는 화면, 기획을 누가 쓰는지, 그 사람의 상황·목표·제약이 무엇인지 적어보세요

👤

강의를 막 끝낸 수강생

빨리 로그아웃하거나 다른 일 하러 가고 싶은 상태

모바일로 보는 비율이 높음

→ 이 수강생에게 설문조사를 받아야 한다!

2) 진짜 문제 한 문장으로 정의하기

내가 떠올린 사람이 겪고 있는 불편/문제를 한 문장으로 정의해 보세요.

⚠️

강의가 끝나자마자 빨리 떠나고 싶어 하는데, 설문 문항이 많고 복잡해서 중간에 포기하거나 대충 체크해 버린다

3) 최대한 다양한 아이디어 적고, 시험하기

문제 문장을 보며 해결 아이디어를 최소 5개 이상 적은 다음, 가장 빠르고 저렴하게 시험해 볼 수 있는 아이디어를 골라 프로토타입을 만들어 보세요.

💡

문항 수를 줄이고, 3문항 짜리 핵심 설문부터 먼저 보여주기

이모지/별점 등 터치 한 번으로 답할 수 있는 형식 쓰기

설문을 완료하면 다음 강의 추천이나 할인 쿠폰 제공 등

→ “우선 문항 수를 줄이고 맨 앞에 배치해 볼까? 그 다음에 형식을 바꿔보자!”

그 다음 프로토타입 실제 사용자에게 보여주고 반응을 본 뒤 수정해 나가기만 하면 돼요.

오늘은 디자인 씽킹에 대해 배웠어요. 핵심만 빠르게 정리해 볼까요?

✅

디자인 씽킹 3줄 요약

디자인 씽킹은 5단계로 이루어진 문제 해결 방법으로 사용자 중심과 반복이 핵심이에요

국제 표준화 기구에 등록되어 있을 정도로 매우 중요해요

미니 프로세스 3단계를 통해 실무에서 바로 활용할 수 있어요

UI 디자인 기초 시리즈는 총 4편으로 구성되어 있으며, 다음 편에서는 좋은 UI를 판단하는 공통 원칙(휴리스틱 & UI 디자인 원칙)을 정리해 볼 거예요.

다만, 이런 개념들은 글로 읽는 것 만으로는 한계가 있어요.

직접 화면을 만들어, 누군가에게 보여주고, 피드백을 듣고 다시 고쳐 보는 과정을 거쳐야 “아, 이게 그 말이구나”하고 몸으로 와닿거든요. 따라서 UI를 조금 더 체계적으로 배우고 싶다면, 이번 시리즈와 실습형 강의를 함께 가져가는 걸 추천드려요!

A. 4주 만에 디자인 역량 완성하기

B. 디자이너로 취업 성공하기

4주 단기 과정이 궁금하다면?

이런 역량을 키울 수 있어요

✅

여백·그리드·명도·폰트·아이콘·IA 등 UI 원칙을 배워요

Figma, Photoshop/레오나르도 AI/챗GPT 등 도구 사용법을 배워요

38개의 실습으로 이력서, 블로그, 메일, 쇼핑몰, 대시보드, 랜딩 페이지 등을 직접 만들어 볼 수 있어요

3개의 프로젝트를 통해 디자인 프로젝트를 완성해요

획득 스킬: UI 기본기·디자인 사고력, Figma, 챗GPT, 레오나르도 AI, Photoshop

이런 혜택을 얻을 수 있어요

한 달에 한 번씩 현직자 라이브 특강

공식적으로 인정하는 NCS 수료증 발급

💬

고민을 함께 나누는 수강생 전용 커뮤니티

강의 요약, 학습 보조 자료 목표 달성 자료집 제공

복습으로 완성하는 실력 2개월 추가 수강 기간

👥

완주할 수 있게 도와주는 1:1 밀착 학습 관리

디자이너 취업 과정이 궁금하다면?

이런 역량을 키울 수 있어요

💡

데이터 기반 문제 해결력

실제 기업 데이터를 분석하며, 사용자 문제를 정의하고 개선 방안을 설계합니다.

💡

UX/UI 기본기

정보 구조와 시각적 위계를 이해하고, Figma로 완성도 높은 UI를 구현합니다.

💡

AI로 완성하는 실무 디자인

아이디어, 리서치, 디자인을 AI와 함께 수행하며 생산성을 극대화합니다.

💡

협업으로 완성하는 팀 프로젝트

기획부터 디자인까지 팀으로 수행하고, 현직자 피드백을 통해 실무 감각을 기릅니다.

이런 혜택을 얻을 수 있어요

👩‍💼

100% 인턴십 제공과 1:1 취업 지원까지 진행돼요!

수료생 전원에게 인턴십을 100% 제공해 드려요.

이력서 작성부터 면접 대비까지 현직자 멘토의 1:1 코칭이 제공돼요.

🖥️

수강료 0원에 학습 내내 맥북 무상 지원까지!

국비지원으로 전액 무료로 학습할 수 있어요. (올해까지만!)

학습 내내 맥북이 무상 지원되니, 최적의 환경으로 공부할 수 있어요.