Monari · 화면 개선 시안
모나리 화면 개선 1안
검정 바탕 위 파스텔 카드
현재 서비스의 기능과 데이터는 그대로 두고, 자주 쓰는 화면 4개의 흐름과 문구를 바꾼 시안입니다. 돈과 관련된 숫자는 크고 가는 글씨로 한눈에, 해야 할 일은 색 카드 하나에 하나씩 담았습니다. 입력은 한 화면에 한 섹션으로 모았습니다. 아이콘은 앱 스플래시의 돼지 저금통과 같은 클레이 화풍입니다. 이름과 금액은 모두 예시입니다.
쓸 돈 · 용돈
모으는 돈 · 저축
이자
확인이 필요한 일
약속 · 일정
01
부모 홈
9:41
Monari
Today
오늘 민서에게
확인할 일이 2건 있어요.
Wallet · 민서가 쓸 수 있는 돈
12,400 원
이번 주 쓴 돈3,600 원
갚을 미리쓰기2,000 원
Savings
30,000 원
자전거까지 20,000원 남았어요
Interest
+75 원
11월 30일에 저축에
더해질 이자예요
더해질 이자예요
Next allowance
금요일에 5,000원이
자동으로 들어가요
미리쓰기 2,000원을 먼저 갚고 3,000원이 들어가요
바꾼 점
- 아이 선택을 태그 대신 카드로 바꿔, 아이마다 쓸 돈과 확인할 일 개수가 바로 보입니다.
- 쓸 돈 · 모으는 돈 · 이자를 색으로 나눠, 잔액이 어디에 있는지 바로 보입니다.
- 다음 용돈에서 미리쓰기를 먼저 갚는다는 사실을 금액으로 미리 보여 줍니다.
02
아이 추가 · 1단계
9:41
아이 추가
아이 정보보호자 동의아이 폰 연결첫 용돈
Step 1 / 4
아이를
어떻게 부를까요?
아이 화면과 부모님 화면에 함께 보여요. 별명도 괜찮아요.
태어난 해나이에 맞는 설명이 나와요
받는 정보는 이름과 태어난 해뿐이에요. 실명 · 사진 · 학교는 받지 않아요. 만 14세 미만이라 다음 단계에서 보호자 동의를 받아요.
다음에 할 일
보호자 동의1분
아이 폰에서 연결 코드 입력1분첫 용돈 정하기1분
바꾼 점
- 제목 · 이름 · 태어난 해를 카드 하나에 모아, 이 화면에서 입력할 것이 한눈에 보입니다.
- 이름은 하나만 받고, 출생연도는 미리 채우지 않고 고르게 합니다.
- 받는 정보와 보호자 동의 안내는 입력 바로 아래 한 줄로 붙였습니다.
03
약속 만들기
9:41
새 약속
Promise · 민서
민서와 어떤 약속을
할까요?
얼마나 자주
보상
지키면 받는 돈지킬 때마다 지급돼요
500원
이자 보너스한 달 80% 넘게 지키면
+0.5%
모으는 돈 이자율이 연 2.5% → 3.0%로 올라가요. 저축 30,000원이면 한 달 이자 63원 → 75원.
완료 확인
민서 화면에서는 이렇게 보여요
스스로 책상 정리하기
매일 · 지키면 +500원
매일 · 지키면 +500원
바꾼 점
- 약속 이름 · 빈도 · 보상 · 완료 확인을 카드 하나에 모았습니다.
- 기능마다 모양을 달리했습니다. 추천은 한 줄 가로 스크롤, 빈도는 구간 선택, 완료 확인은 라디오 목록입니다. 어느 것도 두 줄로 넘어가지 않습니다.
- "이자율 변화 (%p)"를 "이자 보너스 +0.5%"와 실제 금액 예시로 바꿨습니다.
04
승인함 · 미리쓰기 확인
9:41
Monari
Approvals
확인할 요청
2건이 있어요.
미리쓰기 요청 · 민서 · 10분 전
5,000 원
"친구 생일 선물 사고 싶어요"
승인하면 민서 지갑
지금 쓸 돈12,400원
미리쓰기+ 5,000원
승인 후 쓸 돈17,400원
이번 금요일 용돈
정해진 용돈5,000원
미리쓰기 갚기− 5,000원
금요일에 받는 돈0원
다 갚는 날 11월 14일 · 민서 화면에도 똑같이 안내돼요
사용 기록 · 민서 · 1시간 전
떡볶이
현금으로 썼어요
−3,000 원
영수증 사진
최근 처리한 요청
책상 정리하기+500원문구점−1,200원게임 아이템10,000원
바꾼 점
- 승인 결과를 영수증처럼 계산식으로 보여 줍니다: 지금 쓸 돈 + 미리쓰기 = 승인 후 쓸 돈.
- 이번 금요일 용돈이 얼마로 줄어드는지 같은 방식으로 아래에 이어 보여 줍니다.
- 승인 버튼에 금액을 적어, 무엇을 누르는지 분명하게 합니다.