🧸 Daily UI 006
Prompt: 사용자 프로필
- 사용자 프로필을 디자인하세요. 중요한 데이터, 이름, 이미지, 배치 등을 신중하게 고려하세요.
- 진지한(공식적인) 프로필인가요? 아니면 소셜용 프로필인가요? (선택은 당신에게 달려 있습니다!)
‘프로필’은 사용자의 정보를 시각적으로 정리해 보여주는 UI로, 목적에 따라 보여줘야 할 내용과 스타일이 달라져요.
디자인 전 고려해야 할 질문
1. 어떤 종류의 프로필인가요?
- 📁 공식/비즈니스용 프로필 (예: 이력서, 포트폴리오, 관리자 대시보드 등)
- 😎 소셜 프로필 (예: 인스타그램, 트위터, 틴더 등)
- 🧑💼 서비스 가입 프로필 (예: 쇼핑몰, 학습 플랫폼, 커뮤니티 등)
2. 중요한 정보는 무엇인가요?
- 이름, 사진, 자기소개, 팔로워 수, 활동 기록, 관심사 등
- 목적에 따라 이메일, 직무, 위치, 링크 등도 포함될 수 있음
3. 레이아웃과 구성 방식은 어떤가요?
- 시각적 강조가 필요한 정보는 상단에
- 보조 정보는 명확한 구분 아래 배치
- 모바일/데스크톱 환경 고려한 구조 필요
사용자 프로필에 들어갈 수 있는 구성 요소 예시
| 구성 요소 | 설명 |
|---|---|
| 프로필 사진 | 사용자를 시각적으로 대표함 |
| 이름 / 닉네임 | 사용자 식별의 기본 |
| 자기소개 / 상태 메시지 | 간단한 설명 또는 개성 표현 |
| 팔로워 / 팔로잉 수 | 소셜 성격의 경우 중요 |
| 직업 / 위치 / 연락처 | 비즈니스용일 경우 유용 |
| 버튼 | 메시지 보내기, 팔로우, 편집 등 액션 제공 |
| 탭 또는 메뉴 | 게시글, 활동 기록, 저장 항목 등을 나누어 보기 쉽게 구성 |
정리
이 프롬프트는 사용자의 정보를 어떤 방식으로 시각화할지 결정하고, 그 목적에 맞는 데이터 구성 + 시각적 계층 구조를 설계하라는 것입니다.
- 공식적인 분위기? → 정갈하고 정보 위주
- 소셜 중심? → 이미지, 개성 강조
- 사용 환경? → 모바일 vs 데스크톱 고려
🧸 결과물
- 왓챠피디아의 프로필 UI 클론 디자인을 해봤습니다.
- 스터디하면서 받은 피드백
- 취향분석 파트에서, 콘텐츠 추천 기능이 있으면 좋지 않을까..
- 그래프 인포그래픽 말고 일러스트 인포그래픽도 고려해보기
