[ 베라로트 개발일지 #2 ]
디지털 광장에서 '나만의 방'으로 _ 유저 행동 패턴과 온보딩의 정의
1. 베라노트(Veranote) 온보딩 아키텍처의 목적
개발 프로세스에서 백엔드 코드를 작성하기 전, 최우선으로 선행되어야 하는 과제는 유저의 행동 패턴(User Flow)을 설계하는 것입니다. 베라노트는 단순한 텍스트 입력 도구가 아닌 '정서적 안식처'를 지향하므로, 가입부터 첫 기록의 순간까지 유저가 겪게 될 모든 인터랙션을 공학적으로 세분화하여 설계했습니다. 신규 유저가 앱을 실행하여 자신만의 밀실에 도달하기까지의 전 과정을 A to Z로 기록합니다.
2. 유저 여정 지도(User Journey Map): 진입부터 안착까지
1) Step 1: 어플리케이션 실행 및 인증 (초기 진입 소음 제어)
광장의 소음에서 벗어나는 첫 관문입니다. 유저가 앱 아이콘을 터치하는 순간부터 시각적 정적이 시작됩니다.
- [유저 행동] 모바일 기기에서 베라노트 앱 아이콘을 터치합니다.
- [시스템 반응] 로파이(Lo-Fi) 감성의 미니멀한 3D 인트로 스플래시 화면이 구동됩니다.
- [분기 처리] 기존 유저인 경우 생체 인증(Face ID/지문) 또는 로컬 비밀번호 입력창으로 즉시 이동하며, 신규 유저인 경우 '영지식(Zero-Knowledge)' 기반의 프라이빗 회원가입 절차로 진입합니다.
2) Step 2: 정서적 온보딩 및 첫 인사 (가치관 동기화)
회원가입이 완료된 직후, 유저에게 베라노트의 정체성을 전달하는 명상적 튜토리얼 단계입니다.
- [인터랙션] 어두운 화면 위로 따뜻한 조명 효과와 함께 느린 텍스트 애니메이션이 흐릅니다.
- [시스템 메시지] "안녕하세요. 이곳은 당신의, 당신에 의한, 당신을 위한 공간입니다."
- [기획 의도] 다른 소셜 미디어 앱들처럼 '팔로우할 친구 찾기'나 '프로필 꾸미기'를 강요하지 않고, 오롯이 유저 개인에게만 초점을 맞추어 심리적 무장해제를 유도합니다.
3) Step 3: 원초적 공간의 선택 (The Sanctuary Base)
유저가 자신의 내면 상태에 가장 어울리는 첫 번째 '3차원 밀실'의 프로토타입을 선택하는 시각적 인터랙션입니다.
- [시스템 메시지] "어떤 공간을 원하시나요? 당신의 기본 공간을 선택하세요."
- [기본 제공 공간 프리셋 테이블]
| 공간 테마 | 시각적 요소 및 디테일 | 제공 상태 |
|---|---|---|
| 미니멀 화이트 | 아무런 자극이 없는 순백의 사각형 공간, 극도의 정적 | 기본 제공 (무료) |
| 가정집의 내 방 | 익숙하고 아늑한 조명이 켜진 정겨운 목조 인테리어 | 기본 제공 (무료) |
| 호수가 보이는 별장 | 폴딩 도어 너머로 잔잔한 윤슬이 비치는 물가 테라스 환경 | 기본 제공 (무료) |
| 조용한 숲속 / 까페 | 창밖으로 나뭇잎이 부딪히는 소리, 혹은 백색소음이 깔린 공간 | 기본 제공 (무료) |
| 특수 테마 환경 | 비 오는 날의 캠핑장, 바닷가의 파라솔 등 동적인 자연 환경 | 아이템 샵 연동 (유료) |
4) Step 4: 오브젝트 배치 전략 (The Anchoring)
공간이 선택되면, 그 방의 중심이 될 '진실의 책'을 어디에 바인딩할지 유저가 직접 결정합니다.
- [시스템 메시지] "진실된 기록, 베라노트. 당신의 베라노트는 어디에 놓을까요?"
- [유저 제어 컴포넌트] 유저는 3D 공간 내 활성화된 앵커 포인트를 터치하여 배치 각도를 조정합니다.
- 선택지 목록: 거실 테이블 위, 식탁 위, 피아노 위, 벽난로 위, 책장 내부 슬롯 등 - [UX 가이드 팝업] "노트의 위치는 언제든 자유롭게 바꿀 수 있습니다." 문구를 하단에 툴팁으로 띄워 조작의 심리적 부담을 완화합니다.
5) Step 5: 마스터 오브젝트 스킨 정의 및 BM 연동 (The Object Identity)
기록의 매개체인 '베라노트' 본체의 하드웨어 디자인을 확정하고, 자연스럽게 유료 자산 가치(BM)를 인지시키는 최종 안착 단계입니다.
- [시스템 메시지] "당신의 베라노트는 어떤 것인가요? 기본 베라노트를 고르세요."
- [기본 라인업 (무료 모델)]
- 1. 줄이 쳐진 친숙한 연습장 느낌의 노트
- 2. 두껍고 아담한 크기의 아날로그 크로키 북
- 3. 가볍고 미니멀한 일상 다이어리
- 4. 가죽 텍스처가 적용된 묵직한 서적 형태 - [수익화(BM) 가교 연결] 무료 모델 하단에 카러셀(Carousel) 형태로 고급 수제 바인딩 커버, 황동 잠금장치 스킨 등을 노출합니다.
- "보다 고급스러운 베라노트는 아이템 상점에서 획득할 수 있습니다." 시스템 가이드를 매끄럽게 연결합니다.
3. 유저 사용 패턴 정의가 개발 공정에 미치는 영향
이와 같은 사용자 행동 패턴(A to Z) 수립은 단순히 UI 기획서에 그치는 것이 아니라, 향후 개발 파트에서 데이터베이스(DB) 및 상태 관리 아키텍처를 설계할 때 결정적인 기준점이 됩니다.
- 상태 머신(State Machine) 구현의 명확화: 유저가 온보딩 단계를 이탈하지 않고 완료했는지를 판별하는
isOnboardingComplete플래그 세팅 기준 수립. - 관계형 데이터 모델링 엔티티 산정: 유저 테이블(User) 하위에 공간 정보(Room_Env_Id), 가구 배치 좌표(Furniture_Slot_Id), 마스터 노트 스킨 정보(Note_Skin_Id)가 1:1 및 1:N으로 바인딩되어야 함을 증명.
4. 참조 가이드 및 다음 과제
- 인간 중심 디자인(HCD) 프로세스 표준: ISO 9241-210 프레임워크 가이드라인 참조
- 사용자 경험 모델링 기술: Nielsen Norman Group UX 디자인 가이드
<< 이전글 ㅣ 다음글 >>
#베라노트 #VeraNote #개발일지02 #유저행동패턴 #UserFlow #온보딩디자인 #3D공간선택 #아이템배치 #BM모델 #앱기획 #UX시나리오 #스타트업기획
댓글 없음:
댓글 쓰기