안녕하세요, 꾸우._. 입니다. 이번에는 UX, UI를 비롯한 디자인 스타일의 가이드라인을 잡아주는 디자인 시스템에 대해 알아보고 정리해보겠습니다. 📌 시작 전, 디자인 가이드 종류 UI 가이드라인 (스타일 가이드) UX 가이드라인 디자인 시스템 UI를 표준화하고 화면 간의 일관성을 확보하기 위한 가이드 주요 화면에서 사용하는 공통 UI 패턴과 주요 컴포넌트를 추출해 정의 후 상세 속성 규정 개발자, 디자이너가 정해진 기준에 따라 UI를 설계할 수 있도록 함 서비스와 브랜드 측면에서 사용자가 일관적이고 차별화된 경험을 하도록 하기 위한 가이드 사용자 맥락을 재구성하여 사용자 입장에서 서비스를 설계하도록 가이드라인 구성 브랜드 측면에서는 해당 브랜드의 정체성이나 색을 전달하도록 하는 기능 정의, 네이밍, ..

안녕하세요, 꾸우._. 입니다. 이번에는 PM, 서비스 기획자가 내야 하는 중요한 산출물인 요구사항 정의서에 대해 알아보고 정리해보겠습니다. 📌 제품 요구사항 정의서 (PRD, Product Requirement Document) 제품 요구사항 정의서는 제품/서비스를 만들거나 업데이트하기 위해 기능을 기획하는 단계에서 요구사항을 개괄적으로 설명하는 문서로, 제품/서비스 개발 프로세스 전반에 걸쳐 필수적인 중요한 문서입니다. 기획 단계에서 제품의 비전과 전략을 정의하고, 디자인 단계에서 제품이 사용자의 요구사항을 충족하는지 확인하고, 개발 단계에서 기능의 목적과 구현을 확인하며, 테스트 단계에서 제품이 기술 요구사항을 충족하는지 확인하고, 출시 단계에서 제품이 시장 또는 사용자의 요구사항을 충족하는지 확인..

안녕하세요, 꾸우._. 입니다. 이번에는 하나의 시스템 사용기, 유저 스토리에 대해 알아보고 정리해보겠습니다. 📌 유저 스토리 (User Story) 유저 스토리는 하나의 시스템 사용에 대한 이야기를 의미합니다. 즉, '시스템 요구사항을 상세히 설명하던 것'에서 '요구사항에 대해 이야기하는 것'으로 초점을 바꿀 수 있도록 돕는 툴이라고 볼 수 있습니다. 유저 스토리는 애자일 개발에서 중요한 것 중 하나이며, PM에게 중요한 툴입니다. 애자일 개발에서 가장 중요한 것 중 하나는 큰 개발 요소를 나누어 스토리라는 작은 조각들을 만들어내는 것입니다. 그렇기 때문에 PM에게 있어 백로그와 백로그에 있는 유저 스토리를 관리하는 것은 제품을 통해 고객들에게 가치를 전달하는 과정에서 필요한 일입니다. 💡 유저 스토리..

안녕하세요, 꾸우._. 입니다. 이번에는 프로덕트 설계 시 뼈대가 되는 와이어프레임과 출시 전 제품 시뮬레이션을 위해 만들어지는 프로토타입에 대해 알아보고 정리해보겠습니다. 📌 와이어프레임 (Wireframe) 와이어프레임은 제품을 구성하는 서로 다른 레이아웃을 Lo-fi (Low-Fidelity) 단계로 구현한 것을 의미합니다. 즉, 간단한 모양만을 사용해 인터페이스를 시각적으로 표현한 것을 말한다고 볼 수 있습니다. 그러나 와이어프레임은 실제 완성된 제품과는 전혀 다른 모습입니다. 즉, 디자인적 요소가 포함되기 전 상태이며, 화면 내 인터페이스에서 생략된 부분은 자리 표시자 (X로 표시된 원, 사각형 등)로 나타낸 것입니다. 구조 (페이지 구성 요소 방식), 기능 (인터페이스 동작 방식), 콘텐츠 (..

안녕하세요, 꾸우._. 입니다. 이번에는 UX 설계를 위한 정보구조도 (IA), 화면 흐름도 (User Flow) 작성 방법에 대해 알아보고 정리하는 시간을 가져보겠습니다. 📌 IA (Information Architecture) IA는 서비스의 전체적인 구조를 지탱하는 뼈대입니다. 즉, 우리가 사용자에게 제공하려는 정보와 이용에 관한 구조적인 설계를 의미합니다. 즉, 서비스 제공 전, 정보 설계를 구축해 전체 서비스의 구조를 설계함으로써 사용자가 뭔하는 정보를 쉽고 빠르게 찾도록 하는 데 목적을 두고 있다고 볼 수 있습니다. 📌 IA 설계 방법 IA는 서비스 전체를 아우르기 때문에 설계 시 고려해야 할 사항을 외부와 내부로 나눌 수 있습니다. 외부 요소에 대해 먼저 파악한 후 내부 요소를 적용시켜 IA..

안녕하세요, 꾸우._. 입니다. 이번에는 좋은 UX를 위한 제품 개선 시 고려할 요소들에 대해 알아보겠습니다. 📌 제품 개선 시 생각해 볼 요소 제품/서비스에 있는 문제를 발견하고 개선하기 쉽게 서비스를 아래의 요소들로 분류해 볼 수 있습니다. 💡 콘텐츠 텍스트, 그림, 소리, 동영상 등을 묶어 지칭한 것 콘텐츠는 사용자의 흐름을 해치지 않고 패턴을 분석해 배치 텍스트, 이미지뿐만 아니라 필요한 정보는 동영상으로 더 확실하게 알려줄 수도 있음 지속적인 업데이트도 중요 콘텐츠가 주가 되는 서비스에서 새로운 콘텐츠가 제공되지 않으면 더이상 사용할 필요를 못 느낄 수 있음 💡 정보 서비스 내에서 사용자가 반드시 알아야 하는 정보를 의미 금융 / 쇼핑 / 의료 정보를 제공하는 서비스의 경우 정보가 변경되면 공지..

안녕하세요, 꾸우._. 입니다. 이번 포스팅에서는 요구사항 수집을 위해 VOC 수집 및 분석 과정에 대해 알아보고 정리해보겠습니다. 📌 VOC (Voice of Customer) VOC는 사용자들이 상시적으로 제품과 서비스에 대한 요청을 보내거나 불만을 제시하는 것을 말합니다. 우리가 흔히 볼 수 있는 앱 스토어 리뷰나 서비스 내 문의 게시판 또는 콜센터 등의 채널로 유입됩니다. PM은 VOC를 받아 일정 기간을 두고 정리합니다. 이를 주기적으로 수집∙분석하여 문제 해결의 방향을 잡거나 결정적 실마리를 찾아낼 수 있습니다. 📌 VOC 가 중요한 이유 VOC를 얻기 위해 올바른 도구, 전략을 사용하면 앱을 사용하는 여정의 모든 지점에서 사용자의 요구를 충족시킴으로써 고객 여정 전반에 걸쳐 좋은 CX (Cu..

안녕하세요, 꾸우._. 입니다. 이번에는 현업에서 서비스 설계 시 사용하는 디자인 기법에 대해 알아보고 정리해보겠습니다. 앞서 이전에 포스팅한 디자인 씽킹과 더블 다이아몬드 프로세스에 관련해서는 링크를 첨부하니 참고하시길 권장합니다. 11. 디자이너의 관점으로, Design Thinking Process과 Double Diamond Process 안녕하세요, 꾸우._. 입니다. 오늘은 지난 고객 집착에 이어 Design Thinking에 대한 프로세스와 함께 Design Thinking에 항상 함께 따라오는 Double Diamond Process에 대해 다뤄보고 정리해보겠습니다. 📌 Desig jkkou.tistory.com 📌 디자인 씽킹 (Design Thinking) 디자인 씽킹은 디자이너의 관점..

안녕하세요, 꾸우._. 입니다. 이번에는 좋은 UX의 의미와 이를 위해 필요한 요소들을 알고, PM이 좋은 UX를 만들기 위해 갖춰야 할 역량에 대해 알아보고 정리해보겠습니다. 📌 좋은 UX는 어떻게 만들어질까요? 성공적인 UX 디자인을 위해서는 사용자의 요구, 니즈 및 가치에 대한 깊은 이해가 필요합니다. 좋은 사용자 경험은 한 가지 요소로 한정되어 정의할 수 없습니다. 사용자와 제품/서비스 간의 개별적인 상호작용은 고유한 잠재력을 보이는 영역이며, 모든 디자인은 각기 다른 목표를 갖습니다. 💡 사용성만으로는 충분하지 않다. 대부분의 사람들은 좋은 UX 디자인을 갖춘 제품이란 단순히 '사용성이 있는 제품' 이라고 생각합니다. 물론 사용성이 중요하긴 하지만 사용자 경험의 전체를 만족시키는 데 충분하지는 ..

안녕하세요, 꾸우._. 입니다. 이번에는 지난 포스팅에서 언급했던 UX, UI의 차이에 대해 알아보고 정리해보겠습니다. 📌 UX ≠ UI : UX와 UI의 차이점 UI와 UX의 가장 큰 차이점은 사용자가 느끼는 '감정'에 있습니다. UI는 사람들이 제품과 상호작용할 때 이용하는 기능으로, 기술적인 영역입니다. 그러나 UX는 이 기능에, 사용자가 어떻게 반응하고, 무슨 기분을 느끼며, 그로 인해 어떤 행동을 하는지 등을 모두 고려합니다. 다시 말해 기술에 바탕을 둔 감정적인 영역이라고 볼 수 있습니다. 따라서 UX를 UI보다 더 포괄적인 개념으로 보고 있습니다. 제품 개발 과정에서는 UX가 먼저고, 그 다음이 UI입니다. 즉, 사용자 (고객)가 쓰기 좋은 제품은 그들의 니즈, 또는 문제를 잘 아는 것에서 ..

안녕하세요, 꾸우._. 입니다. 오늘은 사용자 경험과 그에 따른 사용자 인터페이스인 UX, UI, GUI에 대해 알아보고 정리해보겠습니다. 📌 UX, UI, GUI 💡 UX (User Experience) UX의 사전적인 의미로 '사용자가 어떤 시스템, 제품 또는 서비스를 직·간접적으로 사용하면서 느끼고 생각하는 총체적 경험'를 말합니다. 즉, 사용자가 느끼는 경험 그 자체인 것입니다. 그렇기 때문에 여기서 UX 디자인이란 사용자가 더 나은 경험을 할 수 있는 환경을 만드는 일이라고 볼 수 있습니다. 다시 말해 모바일 앱과 웹, 태블릿 등 다양한 디지털 기기에 사용자들이 쉽게 접근하여 막힘 없이 정보를 찾고 사용할 수 있도록 집중하는 작업에 대한 경험을 디자인하는 일을 의미합니다. 💡 UI (User I..

안녕하세요, 꾸우._. 입니다. 이번에는 KPI와 가장 많이 헷갈렸던 OKR에 대해 알아보고 정리하면서 리뷰하려고 합니다. 📌 OKR (Objective and Key Results) OKR은 목표 및 핵심 결과 지표로, 조직적 차원에서 목표를 설정하고 그 결과를 추적할 수 있도록 돕는 목표 설정 프레임워크입니다. 즉, 불가능(도전적인)할 것 같은 목표를 정하고, 추적 가능한 지표를 통해 목표 달성 여부를 확인하는 것이라고 볼 수 있습니다. ex) 백엔드 개발자가 되고 싶다. 💡 Objective : 달성 불가능한 목표, 잠재적인 목표 → 높은 목표 현직 1~2년차 수준의 주니어 백엔드 개발자 되기 💡 Key Results : 추적 가능한 지표 6개월 안에 3개의 프로젝트 완성하기 스프링, 스프링 부트로..