디자이너와 엔지니어를 위한 모델 기반 UI 디자인 - 감각이 아니라 구조로 만드는 UI와 정보 디자인

감각에만 의존하지 않는 논리적인 UI 설계 방법

이 책은 소프트웨어에서 사용자 경험과 개발 효율을 함께 높이는 구조 설계의 원칙을 제시한다. UX 리서치에서 얻은 인사이트를 UI 모델로 전환하는 방법, 개념 구조와 내비게이션 구조를 체계적으로 정리하는 방법, 레이아웃과 인터랙션에 적용 가능한 디자인 패턴을 실제 사례를 통해 설명한다. 모델 기반 UI 디자인 프로세스를 따라 구조와 모델로 UI를 설계하는 방법을 구체적으로 배울 수 있다.





이제는 감 말고, 구조로 설계하세요

UI 디자인 책은 많습니다. 그런데 막상 실무에서 제일 난감한 순간은 예쁜 화면을 못 그려서가 아니라, 왜 이 화면이 존재해야 하는지 설명이 안 될 때입니다. 요구사항은 계속 늘고, 기능은 자꾸 붙고, 화면은 복잡해지는데 팀은 같은 문장을 서로 다르게 이해합니다. 그때 필요한 건 트렌드가 아니라 구조입니다. 이 책은 그 구조를 만드는 법을 아주 집요하게, 그리고 단계별로 다룹니다.

이 책의 핵심은 모델 기반 UI 디자인입니다. 말 그대로 화면을 그리기 전에 사용자와 시스템 사이에 어떤 이해의 모델이 있어야 하는지 먼저 세웁니다. 정보 설계 관점으로 UI를 바라보고, 사용 사례를 정의하고, 작업을 CRUD로 분류해서 태스크를 정리합니다. 그다음 개념 모델, 콘텐츠 구조, 프레임 구조, 컨셉 정의, 멘탈 모델 정리, 리버스 모델링까지 이어지죠. 요소 하나를 더 붙이기 전에 반드시 거쳐야 할 질문이 다 들어 있습니다.

특히 좋은 점은 내비게이션을 감으로 처리하지 않는다는 겁니다. 내비게이션 기본 구조와 표현 패턴, 보완 메커니즘, 양방향 내비게이션 설계 같은 주제를 통해 사용자가 길을 잃는 이유를 구조적으로 설명합니다. 모바일과 데스크톱의 폼팩터 차이도 감성적으로 말하지 않고, 레이아웃을 정보 설계로 다루면서 인터랙션 패턴으로 연결합니다. 결과적으로 UI를 예쁘게 만들기 위한 책이 아니라, 구현 가능하고 유지 가능한 UI를 만들기 위한 책입니다.

이 책은 정답을 주기보다 사고의 틀과 질문의 방향을 제시하고, 도구나 유행에 기대지 않게 해줍니다. 그래서 한 번 읽고 덮는 책이 아니라, 막힐 때 다시 펴는 책이 될 것입니다. 설계 판단의 기준점이 흐려질 때, 이 책은 다시 기준을 세워줍니다.

디자이너만을 위한 책이 아닙니다. 기획자에게는 요구를 구조로 바꾸는 언어를 주고, 개발자에게는 왜 이 구조가 필요한지 이해할 수 있는 설계 근거를 줍니다. 결국 팀이 같은 지도를 보고 같은 방향으로 가게 해주는 책입니다.

UI가 점점 복잡해지는 시대에 단순함은 재능이 아니라 설계 결과입니다. 이 책은 그 단순함을 운 좋게 얻는 게 아니라, 구조로 만들어내는 방법을 알려줍니다. 지금 하는 설계가 맞는지 흔들리는 순간, 이 책이 나침반이 되어줄 것입니다.



주요 내용

● UI 디자인에서 구조 설계의 가치

● 소프트웨어 개발과 궁합이 좋은 UI 디자인 방법

● UI를 논리적으로 설계하는 방법

● 비주얼 요소 이외의 UI 평가 관점

● UI 디자인에서 정보 설계·IA를 응용하는 방법

● UX 리서치 결과를 UI 디자인에 활용하는 방법