자동이체를 버리고 인터랙션을 택하다: 토스뱅크 '키워봐요 31일적금'의 캐릭터 디자인 전략
토스뱅크가 자동이체 기반의 기존 저축 모델을 탈피하고 사용자가 매일 앱을 찾아와 수동 납입하도록 개편한 '키워봐요 31일적금'의 캐릭터 디자인과 제품 설계를 공개했다. 생성형 AI를 활용한 효율적인 시안 발굴부터 작은 화면을 고려한 디테일 정제, 행동과 즉각 반응하는 UI 인터랙션 설계가 핵심이다.
“인터랙션” 검색 결과검색 초기화4편
토스뱅크, 자산관리 리포트 UI 재설계로 CTR·CVR 3배 달성
토스뱅크가 홈 화면 내 자산관리 리포트 기능을 기존 배너 형태에서 플로팅 카드 구조로 전환하며 클릭률과 전환율을 각각 3배 개선했다고 밝혔습니다. 그래픽 위주의 시각 수정 대신 정보 층위를 분리하고 스크롤 연동 모션을 도입한 설계 실험의 결과와 실무적 한계를 짚어봅니다.
로티로 만든 촉각적 웹 게임, 물리 시뮬레이션보다 연출한 반응을 선택하다
이사도라 에이전시가 Stress Release 웹 경험에서 물리 엔진 대신 로티 구간 재생과 DOM을 사용한 사례를 소개했다. 정해진 반응을 유지하는 선택으로, 자산 로딩과 품질 API의 의미도 함께 검토해야 한다.
응답이 자라는 화면을 안정적으로 읽다…스트리밍 UI의 중단·탐색 설계
스매싱 매거진이 채팅·로그·실시간 화면에서 자동 스크롤과 잦은 갱신이 읽기를 방해하는 문제를 다뤘다. 데이터 전송과 화면 갱신을 구분하고, 공식 접근성 지침을 바탕으로 사용자가 중단하거나 이전 내용을 읽을 수 있는 조건을 살핀다.
