빠른 답변: Apple이 시스템 전반에 걸친 색조 변경 가능 아이콘과 강제 다크 모드 위젯을 도입하면서, 기존의 기분 추적 앱들은 주요 시각 도구였던 색상 기반 감정(예: 분노는 빨간색, 평온은 초록색)을 잃게 되었습니다. ViviDiary는 앱 아이콘과 iOS 위젯을 재설계하여 고정된 색상 대신 알파 채널, 대비, 이모지 실루엣을 활용하도록 했습니다. 이를 통해 사용자가 홈 화면에 어떤 사용자 지정 색조를 적용하더라도 3초 만에 기분을 기록하는 직관적인 경험을 유지할 수 있게 되었습니다.
수년 동안 기분 추적 업계는 공유된 암묵적 시각 언어에 의존해 왔습니다. 초록색은 좋음, 빨간색은 나쁨, 노란색은 그 중간을 의미합니다. 인기 있는 "픽셀로 보는 한 해(Year in Pixels)" 그리드를 보면, 본질적으로 인간의 감정을 신호등처럼 표현한 것을 보게 됩니다.
하지만 운영 체제가 그러한 색상을 제거하면 어떻게 될까요?
OS 수준의 사용자 지정 기능, 특히 색조 변경이 가능한 앱 아이콘과 강제 단색 다크 모드 위젯이 도입되면서 색상에 대한 우리의 의존도는 엄청난 UX 부채가 되었습니다. 사용자가 홈 화면을 보라색으로 설정하면, 우리가 신중하게 선택한 "힘듦(Rough)"의 빨간색과 "좋음(Great)"의 초록색이 모두 동일한 보라색 음영으로 변해버렸습니다. 인터페이스가 망가진 것입니다.
여기 우리가 색상 기반 기분 추적을 중단한 이야기, 그 대신 구축한 것, 그리고 색상을 제거하는 것이 왜 ViviDiary를 더 공감 가는 제품으로 만들었는지에 대한 이야기가 있습니다.
기분 추적에서의 색상 기반 의존성
ViviDiary를 처음 만들었을 때, 우리는 색상이 쉽기 때문에 그것에 의존했습니다. 색상은 인지적 지름길입니다. 커다란 초록색 버튼이 눈앞에 있다면 라벨을 읽을 필요가 없으니까요.
하지만 감정을 색상으로 구분하는 것은 항상 숨겨진 부담을 안고 있었습니다.
첫째, 그것은 본질적으로 판단적입니다. "힘든" 날을 눈에 띄는 빨간색으로 칠하는 것은 암묵적으로 실패를 의미하며, 미묘한 죄책감을 유발합니다. ViviDiary는 당신 곁에 머무는 도구이지, 까다로운 코치 역할을 하려는 것이 아닙니다. 우리는 압박감을 주는 연속 기록, 완료율, 또는 "오늘 기록을 놓쳤습니다"와 같은 죄책감 유발 알림을 명시적으로 피합니다. 하지만 우리의 색상 팔레트는 의도치 않게 바로 그러한 압박감을 주고 있었습니다.
둘째, 모듈화와 잘 맞지 않습니다. 우리는 5단계의 이름 기반 기분 시스템(최고, 좋음, 보통, 낮음, 힘듦)을 제공합니다. 하지만 사용자가 22개의 수동 이모지 모듈과 4개의 HealthKit 자동 카테고리를 켜고 끌 수 있도록 허용하기도 합니다. 표준 5개 이모지 척도 전반에 걸쳐 의미론적 색상 체계를 유지하면서 사용자 지정 모듈을 통합하려니 인터페이스가 혼란스러운 무지개처럼 변해버렸습니다.
Apple이 색조 변경 가능 아이콘을 발표했을 때, 우리는 색상이 버려야 할 의존 대상임을 깨달았습니다.
iOS 27 색조 변경 가능 아이콘을 위한 디자인
단색의 사용자 지정 색조 환경에서 살아남기 위해 우리는 시각적 아키텍처를 근본적으로 재고해야 했습니다. 더 이상 색조에 의존할 수 없었기에 모양, 대비, 타이포그래피에 의존해야 했습니다.
알파 채널의 전환
React Native 및 Expo 환경에서 우리는 자산 파이프라인을 전면 개편했습니다. iOS 27 앱 아이콘 디자인을 위해 평면적인 컬러 PNG에서 벗어났습니다. 대신 알파 마스크를 사용하여 핵심 아이콘을 재구축했습니다.
OS가 색조를 적용할 때, 본질적으로 알파 채널(투명도)을 살펴보고 사용자가 선택한 색상을 적용할 위치와 배경을 검은색 또는 짙은 회색으로 처리할 위치를 결정합니다. 만약 아이콘이 노란색 스마일 얼굴이 있는 흰색 배경에 의존한다면, 파란색 OS 색조가 적용될 때 전체가 알아보기 힘든 파란색 사각형으로 변하게 됩니다.
우리는 5단계의 기분 표시기를 실루엣과 표정만으로 즉시 알아볼 수 있도록 재설계했습니다. "최고" 기분은 초록색이어서가 아니라, 미소의 특정 곡선과 뜬 눈으로 정의됩니다. "힘듦" 기분은 빨간색이어서가 아니라, 찌푸린 눈썹 라인과 아래로 향한 곡선으로 정의됩니다.
이모지 기록 UI의 진화
ViviDiary는 모듈식이기 때문에(신규 사용자는 기분 기록만 켜고 나머지는 끈 상태로 시작합니다), 이모지 기록 UI는 사용자가 앱과 상호작용하는 주요 방식입니다.
우리는 고대비, 모양 우선 디자인 시스템으로 전환했습니다. 사용자가 앱(또는 위젯)을 열면, 활성 상태는 색상 변경이 아닌 불투명도, 크기, 미묘한 햅틱 피드백으로 표시됩니다. 이는 곧 출시될 Genmoji 기분 기록 기능과 완벽하게 연결되어, 사용자 지정 모양이 주변 UI 테마와 관계없이 읽기 쉽게 유지되도록 합니다.
우리가 거부한 것: "강제 원본 색상" 접근 방식
모양 우선 재설계를 확정하기 전에 우리는 두 가지 다른 경로를 탐색했습니다. 그리고 둘 다 거부했습니다.
대안 1: 원본 색상 강제 적용 Apple의 API는 기술적으로 개발자가 특정 상황에서 위젯 색조 변경을 거부하고, 사용자의 홈 화면 설정과 관계없이 위젯이 원래 색상으로 렌더링되도록 강제할 수 있게 합니다.
우리는 내부적으로 이를 테스트했습니다. 결과는 끔찍했습니다. 사용자가 세련된 다크 모드, 단색 홈 화면을 구성하는 데 시간을 썼는데, 그 중간에 밝고 다채로운 위젯을 강제로 끼워 넣는 것은 오만하게 느껴집니다. 그것은 "우리 브랜드가 당신의 취향보다 중요하다"고 외치는 것과 같습니다. 우리는 이 아이디어를 일주일도 안 되어 폐기했습니다.
대안 2: 대화형 위젯 포기 우리는 위젯에서 기분 기록 기능을 완전히 제거하고, 위젯을 순수하게 관찰 도구(주간 미러 패턴 표시 등)로만 사용하는 방안을 잠시 고려했습니다. 우리는 이미 과거에 복잡한 위젯을 제거한 적이 있습니다.
하지만 우리의 핵심 약속은 30초 미만의 체크인 시간입니다. 사용자가 기분을 기록할 때마다 앱을 열도록 강제하는 것은 마찰을 더했습니다. 위젯은 대화형이어야 했고, 이는 우리가 디자인 문제를 해결해야지 도망쳐서는 안 된다는 것을 의미했습니다.
3초 기록을 위한 다크 모드 위젯 적응
진정한 기분 추적 앱용 다크 모드 색조 변경 가능 아이콘 디자인을 달성하기 위해 우리는 위젯 경험에 집중했습니다.
사용자가 위젯과 상호작용할 때, 그들은 보통 서두르는 상태입니다. 그들은 "좋음"을 탭하고, "가족"을 위한 이모지를 선택하고 넘어가길 원합니다.
- 기본 레이어: 배터리를 절약하고 눈의 피로를 줄이기 위해 OLED 화면용으로 깊고 진한 검은색(#000000)을 사용.
- 컨테이너 레이어: 관련 모듈(루틴 대 할 일 등)을 그룹화하기 위한 반투명 회색/색조 표면.
- 액션 레이어: 대화형 요소를 위한 고대비 흰색 또는 밝게 색조가 적용된 아이콘.
색상 구분을 제거함으로써 우리는 제스처 기반 기분 기록의 속도를 실제로 향상했습니다. 사용자는 더 이상 경쟁하는 색상을 분석할 필요가 없으며, 화면에서 가장 대비가 높은 요소인 기분 모양 자체로 시선이 즉시 향하게 됩니다.
클라우드 동기화, 개인정보 보호 및 위젯 아키텍처
메인 앱 인터페이스를 우회하는 대화형 위젯을 구축할 때 데이터 아키텍처와 개인정보 보호는 중요한 대화 주제가 됩니다.
ViviDiary가 이 데이터를 어떻게 처리하는지에 대해 완전히 투명하게 밝히고 싶습니다. 현재 저널링 분야에는 오해의 소지가 있는 마케팅이 많기 때문입니다. 우리는 엄격한 데이터 최소화와 AI 처리 전 텍스트 비식별화를 통해 귀하의 개인정보를 보호합니다.
ViviDiary의 경우, 그렇지 않습니다. 우리는 핵심 아키텍처에 엄격한 비식별화가 적용된 클라우드 스토리지를 사용하며, 그렇지 않은 척하지 않습니다.
ViviDiary는 Supabase를 사용하여 클라우드에 저장됩니다. 색조가 적용된 위젯에서 기분을 탭하면 해당 데이터가 클라우드에 안전하게 동기화됩니다. 우리의 개인정보 우선 접근 방식은 데이터를 휴대폰에 가두는 것에서 오는 것이 아니라, 엄격한 데이터 최소화 및 비식별화에서 옵니다.
우리는 귀하가 제공하기로 선택한 데이터만 수집합니다. 앱이 모듈식이므로 기분 모듈만 켜져 있다면 해당 데이터 포인트만 동기화됩니다.
또한, 더 깊이 기록하고 싶은 날을 위한 선택적 지원 도구일 뿐 핵심 요구 사항은 아닌 AI 사용에 동의하는 경우, 외부 또는 AI 처리 전에 일기 텍스트가 완전히 비식별화됩니다. AI는 귀하의 명시적인 검토 없이 아무것도 저장하거나 확인하지 않습니다. 우리는 데이터가 처리되기 전에 익명화하고, 강력한 클라우드 보안과 엄격한 데이터 최소화를 결합하여 귀하의 개인정보를 보호합니다.
데이터: 모양 기반 UX가 유지율에 미친 영향
색상과 같은 핵심 시각 요소를 제거할 때마다 사용자 기반을 혼란스럽게 할 위험이 있습니다. 우리는 모양 기반의 색조 친화적 UI를 10,000명의 사용자(무료 티어 및 프리미엄 $2.99/월 구독자 포함) 코호트에 배포하여 영향을 측정했습니다.
결과는 우리를 놀라게 했습니다.
* 기록 속도: 평균 체크인 시간은 24초로 안정적으로 유지되었습니다. 색상 부재가 사용자를 느리게 하지 않았습니다.
* 위젯 참여도: 위젯 기반 기록이 18% 증가했습니다. 홈 화면에 사용자 지정 색조를 적용한 사용자들이 이제 위젯이 자신의 미적 취향과 일치하게 되면서 위젯을 계속 설치해 둘 가능성이 훨씬 높아졌습니다.
* 정성적 피드백: 사용자 인터뷰에서 7/10명의 사용자가 새로운 인터페이스가 "더 차분하고" "덜 요구적"이라고 느꼈다고 보고했습니다.
이 마지막 점이 중요합니다. 빨간색/초록색 신호등 시스템을 제거함으로써 우리는 의도치 않게 더 시각적으로 적응력이 뛰어난 경험을 만들었습니다.
사용자들은 "힘든" 날을 기록할 때 그것이 화난 빨간색으로 빛나지 않으니 덜 처벌받는 느낌이라고 말했습니다. 이는 포커스 모듈(루틴 + 할 일)에 대한 우리의 철학과 완벽하게 일치합니다. ViviDiary의 루틴은 단순히 알아차리고 유지하고 싶은 것이며, 압박감을 주는 연속 기록이 아닌 부드러운 개인 최고 기록 카운트를 유지합니다. UI에서 색상 기반 실패 상태를 제거함으로써 앱 전체에 걸쳐 이러한 따뜻하고 비처방적인 어조가 강화되었습니다.
다음 단계
색상 기반 기분 추적을 중단한 것은 OS 업데이트에 의한 어쩔 수 없는 선택이었지만, 결과적으로 더 나은 제품이 되었습니다. 이는 우리가 강력한 타이포그래피, 명확한 아이콘, 높은 대비에 의존하도록 만들었습니다.
다음으로 우리는 이 모양 기반 철학을 주간 미러 기능에 어떻게 적용할지 고민하고 있습니다. 현재 미러는 데이터 관계에 의존하여 패턴을 발견하도록 돕습니다(예: "'독서' 태그를 달 때 '좋음'을 자주 기록합니다"). 우리는 다채로운 막대 차트에 의존하지 않고 이러한 패턴을 시각화하여, 인터페이스를 기록 경험만큼이나 차분하고 중립적으로 유지하는 방법을 모색하고 있습니다.
색상은 디자인에서 강력한 도구입니다. 하지만 때로는 그것을 제거하는 것이 사용자의 실제 감정이 빛나게 하는 가장 좋은 방법이기도 합니다.
