피드로 돌아가기
WeiQi - (Go) game based productivity tool
Dev.toDev.to
Frontend

Weiqi 메커니즘 기반의 시각적 Time-boxing 대시보드 설계

WeiQi - (Go) game based productivity tool

SS2026년 5월 24일4intermediate

Context

기존 To-do 리스트의 단순 나열 방식이 유발하는 심리적 압박과 낮은 집중력을 해결하고자 함. 정적인 목록 기반 생산성 관리에서 벗어나 유한한 시간 자원을 전략적으로 점유하는 보드 게임 형태의 인터페이스 설계가 필요했음.

Technical Solution

  • 24시간(행)과 5분 단위(열)로 구성된 그리드 시스템 기반의 시간 시각화 구조 설계
  • Inbox의 비정형 태스크를 보드 내 White Stone으로 변환하는 Drag & Drop 메커니즘 구현
  • 5분 단위의 집중 상태 유지를 통해 White Stone을 Black Stone으로 상태 전환하는 상태 관리 로직 적용
  • Pomodoro 타이머와 아날로그 클록의 모핑 애니메이션을 통한 실행 루프 인터페이스 구축
  • 일간의 집중 데이터(Black Stones)를 월간 그리드로 자동 집계하는 Macro Heatmap 뷰 구현
  • Daily View의 집중 시간 데이터를 Read-only Monthly Grid로 매핑하는 데이터 애그리게이션 구조 설계

- 사용자 행동(집중)을 물리적 상태 변화(색상 전환)로 시각화하여 피드백 루프 강화 - 시간 단위를 고정 그리드(5분 단위)로 추상화하여 데이터 관리 및 시각적 일관성 확보 - 마이크로 단위(일간)의 상태 데이터를 매크로 단위(월간)의 Heatmap으로 변환하는 계층적 뷰 설계 검토

원문 읽기