LAZY CAT

User Flow #2 : 나만의 유저 플로우 만들기

오늘은 나만의 유저 플로우를 만들어 보려고 한다! 🙋‍♀️ User Flow의 세 가지 법칙 1. Purpose : 나의 유저 플로우의 목적은? 저번 포스팅에서 다루긴 했지만, 가장 처음으로 해야할 것은 사용자의 목표, 목적을 정하는 것이다. 유저의 성취/달성 즉, 단계의 최종 목적지를 써야 한다. 그 목적을 달성하기 위해 사용자가 어떻게 이동하는 지 경로를 그려나가는 것이다. 2. Go in One Direction : 너무 많은 변수를 생각하지 말 것 유저 플로우를 그리다보면, 사용자의 다양한 흐름을 상상하게 된다. '이렇게 가면 어떡하지?'라는 생각이 들 수밖에 없다. 하지만 유저플로우는 내가 정한 목적에 맞게 사용자가 움직이는 가장 이상적인 경로를 그리는 것이다. 만약 어떤 흐름에서 이탈이 있을 ..

https://seo-jyun-0731.tistory.com/11

User Flow #1 : 유저 플로우란?

얼마 전 디자인시스템 시리즈를 다 마치고 나서 돌아온 새로운 UIUX 방법론 시리즈! 이번 시리즈에서는 User Flow에 대해 알아보려 한다. User Flow는 어려운 개념이 있는 것도 아니고 시작하기 어렵지도 않아서 비교적 할 만하다. 그래도 정말 많은 칼럼을 뒤져보며 혼자 정리해본 내용들을 가공해 올려보려고 한다. 💬 User Flow는 언제 시작하면 될까? 내가 처음에 User Flow라는 개념을 접하고 난 뒤, 떠오른 생각이었다. User Flow는 언제 시작하는 것이 좋을까? 만약 내가 아이디어 기획부터 디자인 완성까지 주도하는 개인 프로젝트라면, 서비스에 관한 내용들을 모두 정한 후 대략적인 메인 화면 구성과 함께 시작하는 것이 좋다. 유저 플로우는 기초 OF 기초이기 때문에 초기 단계에 ..

https://seo-jyun-0731.tistory.com/10

Design System #4 - UI 라이브러리 만들기

벌써 마지막 포스팅이라니! 신난다(?) 오늘은 UI Library를 만드는 방법에 대해 알아보고 디자인시스템을 마무리해보려고 한다. ✅ Creating a user interface library 그런데 UI Library는 뭘까? 저번 포스팅에서는 Visual Language를 구축하는 법에 대해 배웠다. 그것에는 컬러, 간격, 마진 등의 와아아안전 기초적인 요소가 포함된다. 하지만 UI Library에는 카드, 버튼, 리스트 등의 한 묶음을 다룬다. Visual Language의 다음 단계라고 볼 수 있다. 그런데 UI Library에도 단계가 있다. 👉 Atomic Design 아톰 디자인은 디자인시스템을 만들 때 가장 보편적으로 사용하는 모델이라고 생각하면 된다. 원자에서부터 세포, 조직의 과학적..

https://seo-jyun-0731.tistory.com/9