# ZELLYY UI/UX 설계 ## 목차 1. [UI/UX 가이드라인](UI_UX_가이드라인.md) 2. [UI 와이어프레임 핵심화면](1.%20Project/2.%20ZELLYY/젤리의%20노트/03_UI_UX_설계/UI_와이어프레임_핵심화면.md) 3. [UI 와이어프레임 추가화면](1.%20Project/2.%20ZELLYY/젤리의%20노트/03_UI_UX_설계/UI_와이어프레임_추가화면.md) 4. [사용자 스토리](1.%20Project/2.%20ZELLYY/젤리의%20노트/03_UI_UX_설계/사용자_스토리.md) 5. [사용자 페르소나](1.%20Project/2.%20ZELLYY/젤리의%20노트/03_UI_UX_설계/사용자_페르소나.md) ## UI/UX 설계 개요 ZELLYY 프로젝트의 UI/UX 설계는 사용자 중심 디자인 원칙을 기반으로, 직관적이고 효율적인 사용자 경험을 제공하는 것을 목표로 합니다. 모바일 환경에 최적화된 인터페이스와 워크플로우를 설계하여, 사용자가 최소한의 단계로 원하는 작업을 완료할 수 있도록 합니다. ## 주요 문서 - **UI/UX 가이드라인**: 디자인 원칙, 색상 팔레트, 타이포그래피, 컴포넌트 등 디자인 시스템을 정의한 문서 - **UI 와이어프레임 핵심화면**: 앱의 핵심 화면(홈, 에디터, 갤러리 등)의 와이어프레임 - **UI 와이어프레임 추가화면**: 보조 화면(설정, 프로필, 알림 등)의 와이어프레임 - **사용자 스토리**: 사용자 관점에서의 주요 기능 및 가치 정의 - **사용자 페르소나**: ZELLYY의 주요 타겟 사용자 유형과 특성 ## 디자인 원칙 1. **단순함(Simplicity)**: 복잡한 기능을 단순한 인터페이스로 제공하여 사용자의 인지 부하 최소화 2. **직관성(Intuitiveness)**: 사용자가 별도의 학습 없이도 앱을 사용할 수 있도록 직관적인 디자인 적용 3. **효율성(Efficiency)**: 최소한의 탭과 제스처로 작업을 완료할 수 있는 효율적인 워크플로우 설계 4. **일관성(Consistency)**: 모든 화면과 기능에서 일관된 디자인 언어와 상호작용 패턴 유지 5. **피드백(Feedback)**: 사용자 행동에 대한 명확한 시각적, 촉각적 피드백 제공 ## 디자인 프로세스 1. **리서치 및 분석**: 사용자 니즈, 경쟁 앱 분석, 트렌드 조사 2. **아이디어 발상**: 디자인 컨셉 및 방향성 설정 3. **와이어프레임 제작**: 주요 화면 및 사용자 흐름 설계 4. **프로토타입 개발**: 인터랙티브 프로토타입 제작 5. **사용성 테스트**: 실제 사용자 대상 테스트 및 피드백 수집 6. **디자인 개선**: 테스트 결과를 반영한 디자인 개선 7. **최종 디자인 전달**: 개발팀에 최종 디자인 및 가이드라인 전달