Trice.
WIREFRAME v0.3 · 모바일 43 + 웹·데스크탑 17

Trice, Do one thing first

저해상도 와이어프레임입니다. 레이아웃과 정보 위계, 상태 변화를 확인하기 위한 문서이며 최종 비주얼은 아님. 각 화면의 주황 핀은 프레임 아래 주석과 번호가 대응합니다.

MVP 1차 출시 범위 확장 추후 확장 예정 · 구조만 잡아둠 하단 탭은 5개로 그렸으나 1차 출시는 홈·일정·기록 3탭 + 설정 권장
A

진입 · 계정

첫 세션 안에 루틴 1개를 만들게 하는 것이 이 구간의 유일한 목표.
A-01MVP
9:41●●●
Trice
오늘, 이것 하나
세션 확인 중…

스플래시 · 진입 분기

신규 · 자동 분기
  1. 1미로그인 → 로그인 / 온보딩 미완료 → 온보딩 / 항목 0건 → 추가 / 그 외 → 홈
  2. 2푸시로 진입하면 해당 항목 상세로 딥링크
A-02MVP
9:41●●●
의지가 아니라
구조로 지키는 하루
마감을 넘기면 세 번까지 알려드려요.
그래도 안 하면 오늘은 실패로 남습니다.
Apple로 계속하기
Google로 계속하기
카카오로 계속하기
계속하면 이용약관과 개인정보처리방침에 동의하게 됩니다

로그인

신규 · 3플랫폼 동기화 전제
  1. 1최초 가입 시 약관 동의 시트 → 온보딩으로 연결
  2. 2인증 취소는 에러로 처리하지 않고 조용히 복귀
A-03MVP검토
9:41●●●
건너뛰기
마감을 넘기면
세 번 알려드려요
마감 시각, 1시간 뒤, 2시간 뒤.
세 번째까지 안 하면 오늘 목표는 실패로 기록됩니다.
다음

온보딩 (3장)

신규 · 한 줄 유도 규칙에서 확장
  1. 1① 하나만 보여줍니다 ② 마감 3번 알림 ③ 지킬수록 캐릭터가 자랍니다
  2. 2마지막 장 CTA는 첫 루틴 만들기 — 프리셋이 채워진 등록 폼으로 이동
카피와 프리셋 구성은 AI 제안. 실제 톤은 검토 필요.
A-04MVP
9:41▮▮▮
알림을 켜두면
세 번까지 붙잡아 드려요
알림이 꺼져 있으면 마감 알림을 보낼 수 없어 ‘꼭 지키기’가 작동하지 않습니다.
알림 받기
나중에

알림 권한 요청

신규 · 시스템 팝업 직전 사전 안내
  1. 1OS 팝업을 바로 띄우지 않는다. 이유 설명이 먼저
  2. 2거부 시 홈 상단에 상시 배너 노출 (B-01 참고)
B

Home — One Thing

앱을 열면 하나에만 집중시킨다. 목록으로 내려가는 동선은 의도적으로 약하게.
B-01MVP
9:41▮▮▮
화요일 · 9월 3일
도현님, 지금 실행해보세요
🔔 2
One Thing
정선근 목 스트레칭 5분
09:00 – 09:05·건강·루틴
시작하기
완료
3일째 이어가는 중
하나만 끝내면 오늘은 성공이에요
오늘
2 / 6 완료
이번 주 68%
오늘 일정 전체 보기 ›

홈 (기본)

기존 와이어프레임 있음 · 보강
  1. 1라벨을 ‘지금, 이것 하나’로 변경 — 항목 타입 ‘할 일’과의 용어 충돌 해소
  2. 2시작하기가 가장 큰 버튼. 집중 타이머(C-01)로 직결
  3. 3캐릭터 옆 한 줄이 동기부여 메시지 자리 (연속 일수 기반)
  4. 4전체 목록 링크는 최하단 작은 텍스트로만 — 집중을 깨지 않기 위해
B-02MVP
9:41▮▮▮
알림이 꺼져 있어 마감 알림을 못 보내요켜기
아직 오늘 할 일이 없어요
지키고 싶은 루틴 하나만 먼저 만들어 볼까요? 5분이면 충분합니다.
첫 루틴 만들기

홈 — 빈 상태 + 권한 거부 배너

신규 · 첫 3일 이탈 방어 지점
  1. 1빈 화면은 안내가 아니라 행동 유도 하나로만 구성
  2. 2알림 거부 배너는 권한을 켤 때까지 상시 유지
B-03MVP
9:41▮▮▮
오늘 할 것,
전부 끝냈어요
캐릭터가 한 단계 자랐습니다
이번 주 달성률82%
기록 보기

홈 — 오늘 완주 상태

신규 · 보상 노출의 최적 지점
  1. 1빈 상태와 완주 상태는 감정이 정반대이므로 화면을 분리
  2. 2캐릭터 성장 연출은 완주 시점에만 트리거
C

일정 · 할 일 · 메모

오늘 전체를 조망하고 처리하는 곳. 홈이 ‘하나’라면 여기는 ‘전부’.
C-01MVP
9:41▮▮▮
오늘
오늘주간월간할 일메모
오전
루틴09:00
완료
정선근 목 스트레칭
오후
일정14:00 – 15:00
디자인팀 미팅
시작
완료
루틴13:00
실패
영어 단어 30개
마감 +3시간까지 완료되지 않음 · 내일 다시 하기 ›
저녁
할 일19:00
미완료
병원 예약 전화하기

일정 — 오늘

기존 와이어프레임 있음 · 보강
  1. 1시간 그룹 헤더는 입력값이 아니라 시작 시간으로 자동 분류된 표시
  2. 2지난 항목의 완료·실패 상태 표시 — 원본에 ‘추가해야 함’으로 남았던 부분
  3. 3실패 확정 카드는 막다르지 않도록 내일 다시 하기 액션을 준다
  4. 4항목 없는 시간 그룹은 헤더 자체를 숨김
C-02MVP
9:41▮▮▮
이번 주
‹8/31 – 9/6›
오늘주간월간할 일메모
이번 주 달성률
68%
연속
3일째
일3개
월4개
화오늘 · 6개
수예정 4개
목예정 3개

일정 — 주간

한 줄 메모였음 · 확장
  1. 1날짜 행 탭 → 해당 날짜의 오늘 UI로 전환 (원본 규칙 계승)
  2. 2미래 날짜는 상태 점 없이 예정 개수만
C-03MVP
9:41▮▮▮
9월
‹›
오늘주간월간할 일메모
일월화수목금토
31123456 78910111213 14151617181920 21222324252627 2829301234
9월 2일 화요일6개 · 2 완료
09:00 정선근 목 스트레칭완료
13:00 영어 단어 30개실패
14:00 디자인팀 미팅예정
이 날짜로 이동

일정 — 월간 달력

한 줄 메모였음 · 확장
  1. 1날짜 탭 → 하단 프리뷰 갱신, 프리뷰의 버튼으로 오늘 UI 전환(2단계)
  2. 2셀 채움 강도로 달성 정도 표현
C-04MVP
9:41▮▮▮
‹ 오늘
수정삭제
루틴건강꼭 지키기
정선근 목 스트레칭 5분
시간09:00 – 09:05
반복월 화 수 목 금
종료일없음
남은 기회
추가 설명 · 어깨까지 같이 돌리기. 의자에 앉은 채로 가능
최근 7일
완완실완완––
시작하기
완료

항목 상세

신규 · 원본 최대 공백이었던 화면
  1. 1등록 폼과 같은 필드 순서를 읽기 전용으로 반영
  2. 2최근 7일 스트립 탭 → 기록 탭의 해당 루틴 필터로 이동
  3. 3폼 필드명은 ‘메모’ → ‘추가 설명’으로 변경 (메모 화면과 충돌 해소)
C-05MVP
9:41▮▮▮
취소루틴 수정저장
정선근 목 스트레칭 5분
09:00
09:05
일월화수목금토
어디까지 바꿀까요?
이후 12건이 함께 바뀝니다
오늘 것만
오늘 이후 전체
취소

항목 수정 — 반복 수정 범위 시트

신규 · 데이터 정합성 핵심 지점
  1. 1루틴 저장 시에만 노출. 2지선다로 제한해 과거 기록 훼손 차단
  2. 2영향 건수를 먼저 보여준 뒤 선택하게 한다
C-06MVP
9:41▮▮▮
무엇을 추가할까요?✕
루틴
요일마다 반복해서 지킬 것 · 운동, 공부
일정
특정 날짜에 한 번 · 미팅, 병원 방문
할 일
날짜는 있지만 기록에 남길 필요 없는 일 · 체크하면 사라짐
아직 날짜가 없다면 · 메모에 적어두기 ›

추가 — 타입 선택

기존 와이어프레임 있음 · 보강
  1. 1타입별 1줄 설명 추가 — 원본은 괄호 예시만 있었음
  2. 2메모는 타입이 아니므로 하단 보조 링크로 분리
C-07MVP
9:41▮▮▮
취소루틴 만들기저장
제목불러오기
무엇을 반복할까요?
시간
시작 09:00
–
종료 09:30
비워두면 시작 +30분으로 잡습니다
반복 요일
일월화수목금토
종료일
없음날짜 선택
카테고리
건강뷰티공부생활자기계발＋
꼭 지키기
마감 후 3번 알리고, 그래도 안 하면 실패
추가 설명 · 태그

루틴 등록

기존 와이어프레임 있음 · 시간 입력 변경 반영
  1. 1시간대(오전/오후/저녁/밤) 선택 UI 완전 삭제 → 시작–종료 시간만
  2. 2‘설명’ → 제목, 부가 서술은 추가 설명으로 분리
  3. 3카테고리는 기본 제공 5종 + 사용자 추가 (원본 주석 그대로)
C-08MVP
9:41▮▮▮
취소일정 만들기저장
디자인팀 미팅
날짜
2026년 9월 2일 화요일
시간
14:00
–
15:00
카테고리
건강업무공부사용 안 함
꼭 지키기
마감 후 3번 알림
추가 설명 · 태그
저장하면 직전 화면으로 돌아가고 “저장했어요 · 보기” 안내가 뜹니다

일정 등록 (1회성)

기존 와이어프레임 있음 · 보강
  1. 1원본의 ‘3-Strike 필요 여부’를 꼭 지키기 토글로 명칭 변경
  2. 2저장 후 이동·토스트 규칙을 신규 정의
C-09MVP
9:41▮▮▮
취소할 일 만들기저장
병원 예약 전화하기
날짜 필수
오늘 · 9월 2일
시간 (선택)
19:00
※ 이 할 일은 완료하면 목록과 기록에서 사라집니다 (자동 정리)
날짜를 비우려고 하면
“날짜가 아직 없다면 메모로 옮길까요?” 안내 후 메모로 전환
꼭 지키기와 달성률 집계는 할 일에 적용되지 않습니다

할 일 등록 (구 임시 일정)

기존 와이어프레임 있음 · 날짜 필수화
  1. 1날짜가 정해져 있으나 기록으로 남길 필요 없는 일 — 메모와 명확히 구분
  2. 2원본의 ‘완료되면 기록에서 사라집니다’ 안내문 유지
C-10MVP
9:41▮▮▮
할 일
＋
오늘주간월간할 일메모
오늘
병원 예약 전화하기
19:00 · 생활
택배 반품 접수
시간 없음
이번 주
부품 수리 맡기기
9월 5일
지난 것 · 3
세탁물 찾기
8월 29일 · 지남
지난 것이 20건 넘게 쌓이면 한 번에 정리할까요? 배너 노출

할 일 목록

신규 · 임시 일정에는 목록이 없었음
  1. 1체크 → 목록에서 사라짐 + 되돌리기 안내
  2. 2날짜 지난 미완료도 실패 처리하지 않는다 (꼭 지키기 대상 아님)
C-11MVP
9:41▮▮▮
메모
오늘주간월간할 일메모
생각났을 때 한 줄만 적어두세요
요가 시작해볼까
3일 전
올리기
다음 달 건강검진 예약
1주 전
올리기
블로그 글감 정리
32일 전 · 아직 필요한가요?
올리기
‘요가 시작해볼까’를 무엇으로 올릴까요?
루틴으로
일정으로

메모 (승격 대기함)

한 줄 메모였음 · 승격 동작 신규 정의
  1. 1날짜 없음 · 완료 개념 없음 · 알림 없음. 할 일과 완전히 분리된 개념
  2. 2올리기 → 등록 폼에 제목이 채워진 채 이동, 저장되면 원본 메모는 자동 제거
  3. 330일 방치 메모는 정리 제안만 하고 자동 삭제하지 않음
C-12확장
9:41▮▮▮
✕불러오기
전에 만든 것 검색
최근에 만든 것
아침 스트레칭
루틴 · 건강 · 8월 12일
가져오기
치과 정기검진
일정 · 생활 · 7월 30일
가져오기
자주 만든 것
주간 회고 작성
루틴 · 자기계발 · 12회
가져오기
제목·시간·카테고리·태그·추가 설명은 가져오고 날짜는 비운 채 전달합니다

과거 항목 불러오기

+알파 메모였음 · 추후 확장 예정
  1. 1초기 유저는 히스토리가 없어 효용이 낮음 → 2차 편입
  2. 2히스토리 0건이면 화면 진입 자체를 막고 안내만
추후 확장 예정. 구조만 잡아둔 화면입니다.
D

집중 · 꼭 지키기

이 구간이 없으면 그냥 또 하나의 투두 앱이 된다. 서비스의 차별점.
D-01MVP
9:41▮▮▮
집중 타이머✕
루틴 · 건강
정선근 목 스트레칭 5분
04:12
마감까지 48분 남음
↺
❚❚
↻
취소
완료

집중 타이머

기존 와이어프레임 있음 · 규칙 신규
  1. 1기본 25분. 마감이 더 가까우면 남은 시간을 자동 적용
  2. 2백그라운드에서도 유지, 종료 시 알림
  3. 3원본 주석대로 필수 아님 — 어느 경로에서든 바로 완료 가능
D-02MVP검토
9:41▮▮▮
Trice · 지금2번째 알림
‘영어 단어 30개’ 마감이 1시간 지났어요
한 번 더 알려드리고, 그래도 안 하면 오늘은 실패로 남습니다
꼭 지키기
마지막 기회예요
마감 13:00 · 1시간 12분 지남
15:00까지 완료하지 않으면 오늘 목표는 실패로 기록됩니다.
지금 하기
완료했어요

꼭 지키기 — 마감 알림

신규 · 폼의 토글 한 줄에서 확장
  1. 1마감(T) → T+1h → T+2h 총 3회. T+3h에 실패 확정
  2. 2여러 건이 동시 마감이면 “마감 넘긴 3건”으로 묶어서 1건 발송
  3. 3앱을 켜지 않아도 판정돼야 하므로 서버 배치 작업 필요
알림 간격과 실패 확정 후 회복 여지는 AI 제안. 제품 성격을 가르는 지점이라 확정 필요.
D-03MVP
9:41▮▮▮
‹ 오늘
수정삭제
루틴공부오늘 실패
영어 단어 30개
오늘은 마감됐어요
마감 13:00 · 알림 3번 발송
16:00까지 완료되지 않아 실패로 기록되었습니다
시간13:00 – 13:30
반복매일
이번 주3 / 5 완료
완료 (오늘은 불가)
내일 다시 하기
시간 바꾸기

실패 확정 상태

신규 · 막다른 화면 방지
  1. 1완료 버튼만 막으면 유저가 갇힌다 → 다음 행동 2개를 반드시 제공
  2. 2실패 사유를 사실 그대로 적되 비난하지 않는 문장으로
E

기록

달성률을 보여주고, 무너진 루틴을 고치게 만든다. 원본의 ‘통계’ 탭.
E-01MVP
9:41▮▮▮
기록
필터
주간월간
이번 주 달성률+12%
68%
일월화수목금토
고칠 만한 것
‘영어 단어 30개’가 수요일마다 무너져요
최근 4주 중 3번 실패. 시간을 저녁으로 옮기거나 수요일을 빼는 건 어떨까요?
수정하기
괜찮아요
카테고리별
건강
82%
공부
41%
생활
70%
지난 일정 전체 보기 ›

기록 — 메인

한 줄 메모였음 · 확장
  1. 1원본의 ‘성취율과 제안’ 두 축을 그대로 구현. 제안은 수정하기로 바로 연결
  2. 2데이터 7일 미만이면 수치 대신 “3일만 더 모이면 알려드릴게요”
E-02확장
9:41▮▮▮
필터초기화
카테고리
건강뷰티공부생활자기계발
종류
루틴일정
기간
이번 주이번 달직접 선택
상태
완료실패
42건 보기

기록 — 필터

한 줄 메모였음 · 추후 확장 예정
  1. 1초기 유저는 데이터가 2주치도 안 됨 → 1차에는 카테고리 필터 하나만
  2. 2할 일은 기록에 남지 않으므로 종류 필터에서 제외
추후 확장 예정. 1차에는 축소판만 노출.
E-03MVP
9:41▮▮▮
‹ 기록지난 일정필터
최근 30일
완료 84 · 실패 21
80%
9월 1일 월요일
정선근 목 스트레칭
루틴 · 09:00
완료
영어 단어 30개
루틴 · 13:00
실패
8월 31일 일요일
주간 회고 작성
루틴 · 21:00
완료
치과 정기검진
일정 · 삭제됨
완료
상태 뱃지를 누르면 실패 사유가 표시됩니다 · “마감 +3시간까지 완료되지 않음”

지난 일정 이력

원본에 ‘추가해야 함’으로만 있던 화면
  1. 1완료된 할 일은 애초에 목록에 없음 (자동 정리 규칙)
  2. 2삭제된 항목의 과거 이력은 ‘삭제됨’으로 보존 — 달성률 신뢰도 유지
F

함께하기 확장

1차 페르소나의 과제는 ‘혼자서도 미루지 않기’. 전부 추후 확장 예정으로 둡니다.
F-01확장검토
9:41▮▮▮
함께하기
＋
서연님의 초대
아침 7시 러닝 · 14일
수락
거절
진행 중
매일 영어 단어D-9
오늘 2 / 3 완료
끝난 챌린지 · 2
7일 물 2L 마시기
8월 24일 종료 · 달성률 71%
›

챌린지 목록

“구체적 방법과 UI 설계 필요” 두 줄에서 확장
  1. 1친구가 없으면 탭 하나가 빈 화면으로 죽음 → 1차 출시 탭에서 제외 권장
  2. 2초대는 목록 최상단에서 바로 수락·거절
추후 확장 예정. AI 제안 비중이 가장 높은 영역으로 우선 검토 대상.
F-02확장검토
9:41▮▮▮
취소챌린지 만들기완료
어떤 루틴으로 할까요?
매일 영어 단어 30개
평일 13:00 · 공부
선택됨
아침 스트레칭
평일 09:00 · 건강
선택
챌린지 이름
매일 영어 단어
기간
7일14일30일직접
인원
최대 5명
선택한 루틴의 요일·시간이 챌린지 조건으로 그대로 넘어옵니다
만들고 초대 링크 공유

챌린지 만들기

신규 · 추후 확장 예정
  1. 1내 루틴을 고르면 조건이 상속되고 편집 가능
  2. 2연락처 권한이 필요한 초대 대신 링크 공유 방식
추후 확장 예정.
F-03확장검토
9:41▮▮▮
‹ 함께하기나가기
매일 영어 단어
14일 중 5일차D-9
내 오늘
13:00 영어 단어 30개
시작
완료
오늘 현황
서연
누적 92%
완료
민준
누적 74%
완료
나
누적 68%
미완료
초대하기

챌린지 상세

신규 · 추후 확장 예정
  1. 1순위표가 아니라 상태 나열 — 비교 압박으로 인한 이탈을 피하기 위해
  2. 2참여자 간 타임존 차이 처리 규칙 필요
추후 확장 예정.
F-04확장
9:41▮▮▮
14일 챌린지 종료
매일 영어 단어
우리 팀 평균78%
서연
92%
민준
74%
나
68%
한 번 더 하기
개인 루틴으로 계속

챌린지 결과 요약

Step 4에서 발견한 누락 화면
  1. 1기간 종료 후 갈 곳이 없어 막다른 화면이 되던 지점을 보강
추후 확장 예정.
G

캐릭터 · 설정 · 알림

카테고리 관리가 없으면 등록 폼이 순환하지 않는다. 설정은 MVP 필수.
G-01확장
9:41▮▮▮
‹기록 보기
3단계 · 자라는 중
토리
다음 단계까지루틴 12회 더
건강 8회 · 공부 4회를 채우면 4단계가 됩니다
9월 1일 · 3단계 도달↑
8월 20일 · 2단계 도달↑
달성률이 떨어져도 단계는 내려가지 않습니다 — 실패 경험이 쌓인 사용자에게 처벌형 설계는 이탈을 키우기 때문

캐릭터 상세

두 줄 메모였음 · 추후 확장 예정
  1. 11차에는 홈의 인라인 캐릭터로 충분. 성장 규칙만 정의해두면 됨
  2. 2단계 하락 정책은 제품 성격을 가르는 결정 — 유지형을 기본안으로
추후 확장 예정.
G-02MVP
9:41▮▮▮
설정
도현
Apple로 로그인 · 2026년 7월 가입
›
앱
카테고리 관리6개 ›
알림 설정
꺼짐›
화면 테마시스템 ›
데이터
동기화방금 전 ›
내보내기›
정보
이용약관 · 개인정보처리방침›
버전0.1.0
로그아웃 · 회원탈퇴›

설정 메인

한 줄 메모였음 · 확장
  1. 1원본의 ‘메모용 화면’은 일정 탭으로 이동, 시간대 커스터마이징은 완전 삭제
  2. 2약관·회원탈퇴는 스토어 심사 필수 항목
G-03MVP
9:41▮▮▮
‹ 설정카테고리＋
건강
항목 12개
⋮⋮
뷰티
항목 3개
⋮⋮
공부
항목 8개
⋮⋮
생활
항목 5개
⋮⋮
자기계발
항목 2개
⋮⋮
‘뷰티’를 삭제할까요?
이 카테고리를 쓰는 항목 3개는 카테고리 없이 남고, 지난 기록에는 ‘(삭제됨)’으로 표시됩니다.
취소
삭제

카테고리 관리

한 줄 메모였음 · 삭제 규칙 신규
  1. 1기본 5종은 원본 스케치 그대로. 사용자가 전부 커스터마이징 가능
  2. 2삭제 시 과거 기록은 보존해야 달성률 신뢰도가 유지됨
G-04MVP
9:41▮▮▮
‹ 설정알림
알림이 꺼져 있어요
‘꼭 지키기’가 작동하지 않습니다
설정 열기
마감 알림
꼭 지키기 · 3회
시작 시간 알림
주간 기록 요약
방해 금지
23:00 – 07:00
방해 금지 시간과 마감이 겹치면 알림은 보내지 않지만 기회는 그대로 소진됩니다

알림 설정 (권한 거부 상태)

신규 · 권한과 규칙의 접점
  1. 1권한이 없으면 모든 토글을 비활성화하고 안내를 먼저 보여준다
  2. 2마감 알림을 끄려 하면 “꼭 지키기가 작동하지 않게 됩니다” 경고
G-05확장
9:41▮▮▮
‹알림모두 읽음
‘영어 단어 30개’ 마감이 지났어요
13:00 · 마지막 기회
이번 주 달성률이 12% 올랐어요
오늘 09:00
‘아침 스트레칭’ 마감됨
어제 · 실패로 기록
서연님이 챌린지에 초대했어요
2일 전
알림이 하루 3~5건 수준이면 별도 함은 과설계일 수 있음 — 1차에서는 푸시 + 홈 배너로 대체

알림함

신규 · 추후 확장 예정
  1. 1“알림은 오지만 나중에 누르고 잊는” 페인의 회수 장치
  2. 2실패 확정된 항목의 알림은 ‘마감됨’으로 흐리게
추후 확장 예정.
G-06MVP
9:41▮▮▮
‹ 설정프로필저장
3단계 · 토리
이름
도현
홈 인사말과 챌린지에 표시되는 이름입니다
연결 계정Apple
가입일2026년 7월 14일

프로필

언급만 됐던 화면 · 보강
  1. 1이름 변경은 홈 인사말·챌린지 표시명에 즉시 반영
G-07MVP
9:41▮▮▮
‹ 설정카테고리＋
건강
⋮⋮
공부
⋮⋮
카테고리 추가✕
이름
운동
색상
미리보기
운동등록 폼과 기록에서 이렇게 보입니다
취소
추가

카테고리 추가 · 편집

신규 · G-03에서 진입 (누락 보강)
  1. 1추가와 편집은 같은 시트를 쓰고 제목과 버튼 라벨만 다름 (편집 시 하단에 삭제)
  2. 2이름 중복은 저장 차단, 색상은 7종 고정 팔레트에서만 선택
  3. 3등록 폼·기록에서 어떻게 보이는지 미리보기로 확인시킴
G-08MVP
9:41▮▮▮
‹ 설정화면 테마
라이트
다크
시스템
글자 크기
가
가
기기 설정을 따르되 앱에서 한 단계 더 조절할 수 있습니다
큰 글씨에서는 카드 안의 시작 · 완료 버튼이 세로로 쌓입니다
미리보기
루틴09:00
정선근 목 스트레칭

화면 테마 · 글자 크기

신규 · 설정 하위 (누락 보강)
  1. 1선택 즉시 적용, 별도 저장 버튼 없음
  2. 2접근성 이슈였던 ‘큰 글씨에서 버튼 겹침’의 해결 규칙을 여기서 명시
G-09MVP
9:41▮▮▮
‹ 설정알림
마감 알림
방해 금지23:00 – 07:00
방해 금지 시간✕
시작
23:00
–
종료
07:00
이 시간에는 알림을 보내지 않지만 꼭 지키기 기회는 그대로 소진됩니다. 마감이 이 시간과 겹치는 루틴이 2개 있어요.
겹치는 루틴 보기
사용 안 함
저장

방해 금지 시간 설정

신규 · 설정 하위 (누락 보강)
  1. 1알림을 막아도 스트라이크는 진행된다는 사실을 설정하는 순간 알려준다
  2. 2겹치는 루틴 개수를 즉시 계산해 보여줌
G-10MVP
9:41▮▮▮
‹ 설정데이터
동기화
방금 전 · 3개 기기
정상
iPhone 15방금 전
MacBook Air2시간 전
Chrome · Windows어제
지금 동기화
내보내기
CSV로 내보내기
기록 전체 · 표 계산용
›
캘린더로 보내기
루틴·일정을 .ics로
›
동기화 충돌이 생기면 가장 마지막에 완료 처리한 기록을 남기고, 어긋난 항목은 알림으로 안내합니다

데이터 · 동기화

신규 · 설정 하위 (누락 보강)
  1. 1웹·모바일·데스크탑 3기기 전제라 기기별 마지막 동기화 시각이 필요
  2. 2충돌 해소 규칙을 사용자에게도 한 줄로 알려준다
G-11MVP
9:41▮▮▮
‹ 설정계정
도현
Apple로 로그인
로그아웃
회원탈퇴
탈퇴하면 이 데이터가 모두 삭제됩니다
루틴 · 일정38개
지난 기록412건
캐릭터3단계
참여 중 챌린지1개 · 자동 탈퇴
30일 안에 같은 계정으로 다시 로그인하면 복구할 수 있습니다
정말 탈퇴할까요?
확인을 위해 탈퇴를 입력해 주세요
탈퇴
취소
탈퇴하기

계정 — 로그아웃 · 회원탈퇴

신규 · 스토어 심사 필수 (누락 보강)
  1. 1삭제될 데이터의 실제 개수를 보여준 뒤 2단계로 확인
  2. 2탈퇴 완료 후에는 로그인 화면(A-02)으로 이동 — 막다른 화면 방지
G-12MVP
9:41▮▮▮
‹ 설정약관
이용약관개인정보처리방침
시행일 2026년 7월 1일 · v1.2
제1조 (목적)
제2조 (정의)
제3조 (서비스의 제공)
약관이 개정되면 앱 실행 시 변경 내용 안내 후 동의를 다시 받습니다

약관 · 개인정보처리방침 뷰어

Step 4에서 발견한 누락 화면
  1. 1로그인 화면과 설정 양쪽에서 진입하므로 독립 화면으로 유지
  2. 2버전과 시행일을 상단에 노출해 개정 이력을 추적 가능하게
H

공통 상태 · 웹 레이아웃

화면 목록에는 안 잡히지만 없으면 반드시 문제가 생기는 것들.
H-01MVP
9:41▮▮▮

로딩 — 스켈레톤

신규 · 전 리스트 화면 공통
  1. 1스피너 대신 실제 레이아웃 형태로 3개 제시
  2. 2버튼 액션은 버튼 내 인디케이터로 처리하고 중복 탭 차단
H-02MVP
9:41▮▮▮
오프라인 · 연결되면 자동으로 올려보낼게요
기록을 불러오지 못했어요
네트워크 연결을 확인한 뒤 다시 시도해 주세요.
다시 시도
저장하지 못한 항목 1건은 그대로 남아 있어요

에러 · 오프라인

신규 · 3기기 동시 사용 전제
  1. 1무엇이 잘못됐고 어떻게 고치는지만. 사과하지 않는다
  2. 2저장 실패 시 입력값은 100% 보존
W

웹 · 데스크탑

모바일 화면이 1:1로 옮겨가지 않는다. 별도 화면이던 것이 우측 패널과 모달로 접힌다.
데스크탑 화면대응되는 모바일 화면왜 이렇게 접히는가
W-01 홈B-01 홈 · B-02 빈 상태 · B-03 완주좌측 히어로에 ‘하나’, 우측에 오늘 전체. 화면이 넓어도 위계는 크기로 유지
W-04 일정C-01 오늘 · C-04 항목 상세 · D-03 실패 확정목록에서 항목을 고르면 우측 패널이 바뀔 뿐 화면 전환이 없음
W-07 추가C-06 타입 선택 · C-07~09 등록 폼타입 선택과 폼을 한 모달 안에서 좌우로 배치
W-08 수정C-05 수정 범위 시트바텀시트 → 중앙 다이얼로그
W-09 할 일 · 메모C-10 할 일 · C-11 메모세그먼트로 나눌 필요 없이 2단 동시 표시
W-14 설정G-02~G-12 설정 전체좌측 설정 메뉴 + 우측 상세. 11개 화면이 1개 창으로
W-17 데스크탑 앱 전용대응 없음트레이 상주·미니 위젯·단축키는 데스크탑에만 존재
W-01MVP
Trice — 홈
화요일 · 9월 3일
One Thing
🔔 2
루틴 · 건강
정선근 목 스트레칭 5분
09:00 – 09:05
시작하기 Space
완료 ↵
3일째 이어가는 중
하나만 끝내면 오늘은 성공이에요
오늘
2 / 6 완료
68%
오늘 전체6
오전
09:00완료
정선근 목 스트레칭
오후
14:00
디자인팀 미팅
13:00실패
영어 단어 30개
저녁
19:00할 일
병원 예약 전화하기

홈 (웹 · 데스크탑)

B-01·02·03 대응
  1. 1하단 탭바 → 좌측 사이드바. 추가는 N 단축키로도 진입
  2. 2‘하나’와 ‘전체’를 동시에 두되 히어로 크기 차이로 집중 위계를 유지
  3. 3Space=시작, ↵=완료. 키보드만으로 하루가 돌아가게
W-02MVP
Trice
의지가 아니라
구조로 지키는 하루
마감을 넘기면 세 번까지 알려드려요.
그래도 안 하면 오늘은 실패로 남습니다.
Apple로 계속하기
Google로 계속하기
카카오로 계속하기
계속하면 이용약관과
개인정보처리방침에 동의하게 됩니다

로그인 (웹 · 데스크탑)

A-02 대응
  1. 1세로 스택 → 좌우 2단. 브랜드 메시지와 인증 수단을 분리
  2. 2데스크탑 앱은 OAuth를 기본 브라우저로 열고 딥링크로 복귀
W-03MVP
Trice — 시작하기
건너뛰기
오늘 할 것
하나만 보여줍니다
목록이 아니라 지금 이 시간에 할 하나만.
마감을 넘기면
세 번 알려드려요
마감 시각, 1시간 뒤, 2시간 뒤. 세 번째까지 안 하면 실패로 기록됩니다.
지킬수록
캐릭터가 자랍니다
달성률이 떨어져도 단계는 내려가지 않아요.
첫 루틴 만들기

온보딩 (웹 · 데스크탑)

A-03 대응
  1. 13장 스와이프 → 한 화면 좌우 배치. 스크롤·전환 없이 한 번에 읽힘
  2. 2CTA는 하나로 통합해 첫 루틴 생성까지 직행
W-04MVP
Trice — 일정
9월 3일 화요일
오늘주간월간
오전
루틴09:00정선근 목 스트레칭
완료
오후
일정14:00디자인팀 미팅
시작완료
루틴13:00영어 단어 30개
실패
저녁
할 일19:00병원 예약 전화하기
완료
선택한 항목✕
일정업무
디자인팀 미팅
시간14:00 – 15:00
꼭 지키기
추가 설명 · 3분기 리브랜딩 안건
시작하기
수정
삭제

일정 — 오늘 + 항목 상세 패널

C-01 · C-04 · D-03 대응
  1. 1모바일에서 별도 화면이던 항목 상세가 우측 패널로 접힘 — 화면 전환 없이 목록에서 계속 탐색
  2. 2실패 확정 항목을 고르면 같은 패널에 ‘내일 다시 하기’가 노출됨
  3. 3모바일의 스와이프 제스처는 행 호버 시 나타나는 버튼으로 대체
W-05MVP
Trice — 주간
8월 31일 – 9월 6일
오늘주간월간
일
스트레칭
회고
월
스트레칭
영어 단어
러닝
화 · 오늘
스트레칭
영어 단어
미팅
수
스트레칭
영어 단어
목
스트레칭
금
스트레칭
정산
토
러닝
이번 주 달성률
68%
연속
3일째
드래그로 다른 요일에 옮길 수 있어요

일정 — 주간 (7열 그리드)

C-02 대응 · 데스크탑 전용 레이아웃
  1. 1모바일은 세로 리스트, 데스크탑은 7열 그리드 — 요일 패턴이 한눈에 보이는 건 넓은 화면에서만 가능
  2. 2드래그로 요일 이동 — 모바일에는 없는 데스크탑 전용 인터랙션
W-06MVP
Trice — 월간
2026년 9월
오늘주간월간
일월화수목금토
31123456 78910111213 14151617181920 21222324252627 2829301234
9월 2일 화요일
6개 · 2 완료
09:00 스트레칭완료
13:00 영어 단어실패
14:00 미팅예정
19:00 병원 전화할 일
이 날짜로 이동

일정 — 월간 달력

C-03 대응
  1. 1모바일의 2단계 전환(탭 → 프리뷰 → 이동)이 1단계로 축소 — 달력과 상세가 동시에 보이므로
W-07MVP
Trice — 추가
One Thing
종류
루틴
일정
할 일
아직 날짜가 없다면
메모에 적어두기 ›
루틴 만들기✕ Esc
무엇을 반복할까요?
시작 09:00
–
종료 09:30
반복 요일
일월화수목금토
카테고리
건강뷰티공부생활＋
꼭 지키기
마감 후 3번 알림
취소
저장 ⌘↵

추가 — 타입 선택 + 등록 폼 모달

C-06 · C-07~09 대응
  1. 1모바일의 2단계(타입 선택 → 폼)가 한 모달 안 좌우 배치로 합쳐짐. 종류를 바꿔도 화면이 안 바뀜
  2. 2Esc 취소, ⌘↵ 저장. 입력 중 Esc는 확인 후 닫기
W-08MVP
Trice — 루틴 수정
정선근 목 스트레칭완료
영어 단어 30개실패
영어 단어 30개
13:00 – 13:30
어디까지 바꿀까요?
이후 12건이 함께 바뀝니다
9월 3일 이후의 모든 반복 항목에 적용됩니다. 이미 지난 기록은 바뀌지 않습니다.
오늘 것만
오늘 이후 전체
취소 Esc

수정 범위 다이얼로그

C-05 대응
  1. 1바텀시트 → 중앙 다이얼로그. 넓어진 만큼 영향 범위 설명을 한 줄 더
W-09MVP
Trice — 할 일 · 메모
할 일4
오늘
병원 예약 전화하기
19:00 · 생활
택배 반품 접수
이번 주
부품 수리 맡기기
9월 5일
지난 것 · 3
세탁물 찾기
8월 29일
메모⌘K로 바로 적기
생각났을 때 한 줄만
요가 시작해볼까
3일 전
루틴으로일정으로
다음 달 건강검진 예약
1주 전
올리기
블로그 글감 정리
32일 전 · 아직 필요한가요?
올리기

할 일 · 메모 (2단 동시)

C-10 · C-11 대응
  1. 1모바일 세그먼트로 나눠 있던 둘을 나란히 배치 — 메모에서 할 일로 옮기는 동작이 눈에 보임
  2. 2승격 버튼(루틴으로 / 일정으로)이 행 안에 바로 노출. 모바일은 시트 한 단계 필요
  3. 3⌘K 어디서나 메모 빠른 입력 — 데스크탑 전용
W-10MVP
Trice — 집중
전체 화면 해제 Esc
루틴 · 건강
정선근 목 스트레칭 5분
04:12
마감까지 48분 남음
↺
❚❚
↻
취소
완료 ↵
정선근 목 스트레칭 · 04:12 남음
축소하면 이 바로 남습니다 일시정지완료

집중 타이머 (전체 화면 + 미니 바)

D-01 대응 · 데스크탑 전용 동작 포함
  1. 1창을 축소하면 하단 미니 바로 남아 다른 작업 중에도 계속 보임 — 모바일에는 없는 상태
  2. 2탭 비활성·절전 상태에서도 서버 시각 기준으로 계산해 시간이 어긋나지 않게
W-11MVP검토
Trice
One Thing
Trice
지금
‘영어 단어 30개’ 마감이 1시간 지났어요
2번째 알림 · 한 번 더 알려드립니다
지금 하기완료했어요
남은 기회 1번 · 15:00까지

꼭 지키기 — 데스크탑 알림

D-02 대응
  1. 1모바일 푸시 → OS 알림 센터 토스트. 액션 버튼 2개를 알림 안에서 바로 처리
  2. 2브라우저를 닫으면 알림이 안 감 → 데스크탑 앱 상주 또는 서버 발송 필수
  3. 3앱이 열려 있으면 하단에 남은 기회 바가 상시 표시 (데스크탑 전용)
웹 브라우저 단독 환경에서는 마감 판정만 서버가 하고 알림은 못 보내는 구간이 생깁니다. 이 구간의 처리 방식 확정 필요.
W-12MVP
Trice — 기록
기록
주간월간
필터
이번 주 달성률+12%
68%
카테고리별
건강
82%
공부
41%
생활
70%
요일별 패턴
일월화수목금토
수요일 달성률이 가장 낮아요
‘영어 단어 30개’가 수요일마다 무너져요
최근 4주 중 3번 실패 · 시간을 저녁으로 옮기거나 수요일을 빼는 건 어떨까요?
수정하기괜찮아요
날짜항목종류카테고리시간상태
9/1 월정선근 목 스트레칭루틴건강09:00완료
9/1 월영어 단어 30개루틴공부13:00실패
8/31 일주간 회고 작성루틴자기계발21:00완료

기록 (대시보드 + 이력 테이블)

E-01 · E-02 · E-03 대응
  1. 1모바일에서 세로로 쌓이던 지표 3개가 가로 3분할로. 요일 패턴은 넓은 화면에서만 의미가 생김
  2. 2지난 일정 이력이 별도 화면이 아니라 같은 화면의 테이블로 이어짐. 정렬·컬럼 조작 가능
  3. 3필터는 모달 대신 상단 칩 + 팝오버
W-13확장
Trice — 함께하기
함께하기
＋ 챌린지 만들기
서연님의 초대
아침 7시 러닝 · 14일
수락거절
진행 중
매일 영어 단어
14일 중 5일차 · D-9
오늘 2 / 3
참여자오늘누적최근 7일
서연완료92%●●●●●●○
민준완료74%●●○●●○●
나미완료68%●○●●○●○
끝난 챌린지
7일 물 2L 마시기
8월 24일 종료 · 달성률 71%
결과 보기

함께하기 (웹 · 데스크탑)

F-01~F-04 대응 · 추후 확장 예정
  1. 1목록·상세·결과가 한 화면 안에 접힘. 모바일은 3개 화면이 필요했던 것
  2. 2참여자 현황을 표로 두면 순위표 느낌이 강해지므로 정렬 기본값은 참여 순서로
추후 확장 예정. 1차 출시에서는 사이드바에서도 제외 권장.
W-14MVP
Trice — 설정
카테고리
＋ 추가
등록 폼과 기록에서 쓰이는 분류입니다. 드래그로 순서를 바꿀 수 있어요.
⋮⋮건강항목 12개
편집삭제
⋮⋮뷰티항목 3개
편집삭제
⋮⋮공부항목 8개
편집삭제
⋮⋮생활항목 5개
편집삭제
카테고리 추가✕
이름
운동
색상
미리보기
운동
취소
추가

설정 (좌측 메뉴 + 우측 편집 패널)

G-02 ~ G-12 전체 대응
  1. 1모바일 설정 11개 화면이 창 하나로. 좌측 메뉴 전환만으로 모든 설정에 도달
  2. 2카테고리 추가·편집은 바텀시트 대신 우측 패널. 목록을 보면서 편집 가능
  3. 3드래그 핸들이 상시 노출 — 모바일은 롱프레스가 필요했던 동작
W-15MVP
Trice
오프라인 · 연결되면 자동으로 올려보낼게요저장 대기 1건
기록을 불러오지 못했어요
네트워크 연결을 확인한 뒤 다시 시도해 주세요. 저장하지 못한 항목 1건은 그대로 남아 있어요.
다시 시도

로딩 · 에러 · 오프라인

H-01 · H-02 대응
  1. 1사이드바는 항상 남고 본문 영역만 스켈레톤·에러 상태가 됨
  2. 23기기 동시 사용 전제라 오프라인 배너에 저장 대기 건수를 함께 표시
W-16MVP
메뉴 막대
Trice
One Thing
정선근 목 스트레칭
09:00 – 09:05
시작완료
오늘 남은 것4개
메모 빠른 입력⌘K
Trice 열기⌘⇧T
알림 잠시 끄기
미니 위젯 · 항상 위
정선근 목 스트레칭
04:12
일시정지완료
단축키
추가N
메모 빠른 입력⌘K
시작 / 일시정지Space
완료↵
저장⌘↵
닫기 / 취소Esc

데스크탑 앱 전용 — 메뉴 막대 · 미니 위젯 · 단축키

대응되는 모바일 화면 없음
  1. 1앱을 열지 않아도 메뉴 막대에서 시작·완료가 가능해야 마감 알림이 실제로 작동함
  2. 2미니 위젯은 항상 위 고정 — 집중 타이머가 다른 작업 뒤로 숨지 않게
  3. 3단축키 체계는 웹과 데스크탑에서 동일하게 유지
W-17MVP
반응형 분기점
폭내비게이션본문상세
~ 767px하단 탭 5개1열화면 전환
768 ~ 1023px좌측 아이콘 레일1열오버레이 패널
1024px ~좌측 사이드바(라벨)2열고정 우측 패널
플랫폼별로 반드시 다르게 처리할 것
마감 알림 · 브라우저를 닫으면 발송 불가데스크탑 앱 상주 필요
집중 타이머 · 탭 비활성·절전 시 시간 오차서버 시각 기준 계산
스와이프 제스처 · 삭제·날짜 이동호버 버튼 · 우클릭 메뉴
바텀시트 · 수정 범위·삭제 확인중앙 다이얼로그
알림 권한 · OS 팝업 vs 브라우저 권한플랫폼별 안내 문구 분기
자정 롤오버 · 기기별 타임존 상이계정 기준 타임존 고정

반응형 분기 · 플랫폼 차이 정리

Step 4의 웹/모바일 차이 항목을 화면으로
  1. 1768~1023px 구간(태블릿·작은 창)에서 아이콘 레일로 접히는 중간 상태가 필요
  2. 2빨강·주황 표시는 개발 착수 전에 결론이 필요한 항목