🧸 Daily UI 007
Prompt: 설정
- 무언가를 위한 '설정(Settings)' 화면을 디자인하세요.
- 보안 또는 개인정보 설정인가요? 게임 설정인가요? 라이트 모드와 다크 모드 전환 설정인가요?
- 혹은 시스템 설정(소리, 알림, 스크린 타임, Wi-Fi 등)인가요?
- 무엇을 위한 설정인지, 그리고 가장 중요한 설정 항목은 무엇인지 정의하세요.
이 프롬프트는 어떤 기능 또는 제품의 ‘설정’ 화면을 설계하라는 과제입니다. 취향에 맞게 제어하거나 커스터마이징할 수 있는 인터페이스입니다.
디자인 전에 고려할 핵심 질문
1. 무엇을 위한 설정인가요?
- 🔐 보안 / 개인정보 보호
- 🎮 게임 설정 (난이도, 사운드, 그래픽 등)
- 💡 라이트 모드 vs 다크 모드
- 📱 모바일 시스템 설정 (알림, 데이터, 소리 등)
- 📵 스크린 타임, 집중 모드
- 📶 네트워크(Wi-Fi, 블루투스)
2. 중요한 설정 항목은 무엇인가요?
- 사용자에게 영향을 많이 주는 항목은 더 위쪽, 더 눈에 띄게 배치
- 간단한 설정은 토글 버튼, 복잡한 설정은 세부 페이지로 연결
3. UI 패턴은 어떤 방식이 적절한가요?
- 리스트형 vs 카드형
- 섹션 구분 (카테고리별)
- 토글, 슬라이더, 라디오 버튼 등 인터랙션 방식 선택
예시: “앱의 일반 설정”이라면 포함할 수 있는 항목
| 설정 항목 | 설명 | UI 형태 |
|---|---|---|
| 알림 설정 | 푸시 알림 허용 여부 | 토글 |
| 테마 모드 | 라이트 / 다크 모드 전환 | 라디오 버튼 or 드롭다운 |
| 언어 선택 | 앱 언어 변경 | 드롭다운 |
| 보안 설정 | 비밀번호 변경, Face ID 허용 등 | 상세 설정으로 이동 |
| 계정 관리 | 이메일, 비밀번호, 탈퇴 등 | 링크형 버튼 |
| 앱 버전 / 고객센터 | 정보 제공 및 피드백 | 텍스트 + 링크 |
정리
- 어떤 맥락에서의 설정인가를 먼저 정의하고
- 사용자에게 가장 필요한 항목이 무엇인지 우선순위를 정한 후
- 이를 쉽고 명확하게 조작할 수 있는 UI로 설계하는 것
- 즉, 단순히 나열하는 것이 아니라 맥락과 사용자 행동 흐름에 맞춰 구조화하는 것이 중요합니다.
🧸 결과물
- 카카오뱅크의 설정 UI 클론디자인을 해봤다.
- 스터디하면서 받은 피드백
- 디바이더 부분의 너비가 박스부분의 너비와 같아도 되지 않을까?
- '잔액표시' 토글의 정렬이 신경쓰인다...
