39 lines
2.7 KiB
Markdown
39 lines
2.7 KiB
Markdown
# 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. **최종 디자인 전달**: 개발팀에 최종 디자인 및 가이드라인 전달 |