데스크톱 앱
개인 대시보드 디자인
Life System은 주간 점수, 신체 지도 지표, 일일 리듬, 5개의 실험을 하나의 데스크톱 대시보드에 담았습니다. 레이아웃을 자세히 살펴보세요.
커뮤니티 참여
디자인 아이디어
- 개인 플래닝 대시보드열린 결정 사항과 우선순위 옆에 주간 요약을 배치합니다.
- 습관 및 활동 트래커일일 패턴과 주간 평균을 함께 표시합니다.
- 실험 트래커각 시도에 가설, 목표, 진행 척도를 포함합니다.
대시보드 하이라이트
- 하나의 요약, 네 단계의 상세 정보점수, 도메인 막대, 주간 평균, 미완료 항목이 다크 레일에 함께 배치됩니다.
- 신체 지도 주위의 8가지 지표집중력, 움직임, 회복 콜아웃이 중앙 인체 도형 옆에 배치됩니다.
- 5개의 실험, 6개의 필드행별로 가설, 지표, 목표, 진행도, 상태가 구분됩니다.
개인 대시보드 디자인 미리보기
1 / 4이 개인 대시보드의 구성 방식
Life System은 단일하고 밀도 높은 워크스페이스를 중심으로 구축된 데스크톱 대시보드 개념입니다. 좁은 다크 레일은 "지금 무엇에 집중해야 하는가?"라는 질문에 답하고, 더 넓은 흰색 패널은 그 개요 뒤에 있는 수치를 보여줍니다. 각 영역이 실제로 담고 있는 내용은 다음과 같습니다.
| 영역 | 화면에 표시되는 내용 | 주목할 점 |
|---|---|---|
| 요약 레일 | 82/100 시스템 점수; 6개의 도메인 막대; 4개의 주간 평균; 8개의 미완료 항목. | 레일은 전체 점수에서 구체적인 미완료 항목 순으로 이어집니다. "결정 사항 3개"는 82라는 숫자 단독보다 실행 가능성이 높습니다. |
| 인체 시스템 | 집중력, 마음, 심장, 에너지, 움직임, 영양, 회복, 장수에 대한 8개의 콜아웃. | 레이블이 인체 도형 주위에 배치되어 해부학적 그림 위에 겹치지 않으면서도 수치를 읽기 쉽게 유지합니다. |
| 일일 리듬 | 7일간의 에너지, 집중력, 회복 막대; 별도의 수면 단계 차트. | 그룹화된 막대는 하루 안에서 세 가지 계열을 비교합니다. 수면 차트는 하나의 합계를 부분으로 나누는 방식입니다. |
| 실험 | 가설, 지표, 목표, 진행도, 상태가 포함된 5개의 시도. | 표는 각 시도를 진행도 막대 하나로 축소하는 대신, 질문과 의도한 측정 기준을 함께 보여줍니다. |
맥락 속에서 점수 읽기
대시보드는 여러 종류의 숫자를 사용하지만, 모두 같은 의미를 갖지는 않습니다. 점수에는 척도가 필요하고, 변화에는 비교 기간이 필요하며, 기간에는 단위가 필요합니다. Life System은 그 맥락 중 일부를 제공하고 나머지는 미해결 상태로 남겨둡니다.
6개의 필드로 구성된 실험 트래커
Deep Work 행을 표 전체에 걸쳐 읽어보세요: 이름이 붙은 시도, "블록이 산출물을 높인다", Deep Work 지표, +25% 목표, 80% 진행도, 순조로움. 유용한 디자인 선택은 이 필드들을 분리한 것입니다. 약점은 마지막 세 항목이 동일한 결과의 세 가지 버전처럼 보일 수 있다는 점입니다.
| 표시된 값 | 전달하는 정보 | 여전히 부재한 정보 |
|---|---|---|
| +25% 목표 | Deep Work의 의도된 증가량. | 시작 값과 측정 기간. 25% 증가에는 기준값이 필요합니다. |
| 80% 진행도 | 해당 시도에 대한 진행도 값이 표시됩니다. | 이것이 경과 시간, 완료된 세션, 또는 목표를 향한 이동을 의미하는지 여부. 프로토타입은 이를 정의하지 않습니다. |
| 순조로움 | 해당 행에 긍정적인 상태 레이블이 붙어 있습니다. | 그 판단의 기준. 샘플 행 5개 모두 이 상태를 사용하므로, 화면은 목표 미달 상태를 보여주지 않습니다. |
세 번의 탐색으로 대시보드 살펴보기
위의 갤러리 뷰 4개를 사용하여 동일한 워크스페이스를 다양한 축척으로 살펴보세요. 이것들은 4개의 별도 애플리케이션 페이지가 아닌 상세 크롭 이미지입니다.
요약에서 상세 정보로 추적하기
요약 레일에서 회복을 찾아보세요: 7일 평균은 74%입니다. 인체 시스템을 열고 회복을 다시 찾아보세요: 헤드라인은 75/100이며, 같은 74% 주간 수치가 아래에 표시됩니다. 더 큰 콜아웃은 점수와 그 보조 지표를 구분하고, 레일은 간결한 수치만 유지합니다.
패턴을 보여주는 두 가지 방식 비교하기
개요로 돌아가 에너지 리듬과 수면 아키텍처를 찾아보세요. 하나는 에너지, 집중력, 회복을 일별로 그룹화하고, 다른 하나는 수면을 단계별로 나눕니다. 어느 차트를 재사용하든 초록색 강조색만이 아니라 그 그룹화 방식과 레이블을 유지하세요.
진행도 막대보다 시도 내용 먼저 읽기
실험을 열고 가설을 먼저 읽으세요. 그런 다음 이를 검증할 지표와 목표를 찾으세요. 마지막으로 진행도와 상태를 확인하세요. 이 순서를 따르면 실제 데이터가 샘플을 대체하기 전에 트래커에 아직 필요한 정의가 무엇인지 정확히 드러납니다.
이 대시보드 디자인이 보여주는 것
Life System은 연결된 개인 추적 서비스가 아닌 데스크톱 정보 레이아웃을 보여줍니다. 제공된 코드는 샘플 수치를 사용합니다. 기간 범위 버튼은 선택된 상태를 변경할 뿐, 점수나 차트를 재계산하지 않습니다.
레이아웃 참고 자료이며, 검증된 측정값이 아닙니다
건강 및 인지 수치는 인터페이스 예시 콘텐츠입니다. 점수 산출 공식, 실시간 데이터 통합, 또는 실험 가설에 대한 근거는 제공되지 않습니다. 화면의 개인정보 보호 및 동기화 레이블은 해당 기능의 검증을 의미하지 않습니다.
OpenDesign 공식 예시
이 케이스는 참가 제출물이나 수상작이 아닌 해커톤 공식 예시로 제작되었습니다. 레이아웃을 연구하고 원본 디자인을 미리 보되, 에셋을 재배포하기 전에 재사용 권한을 확인하세요.
OpenDesign에서 개인 대시보드 디자인 만드는 방법
워크스페이스와 데이터 설명하기
대시보드가 답해야 할 일상적인 질문부터 시작하세요. Life System에서 영감을 받은 디자인을 원한다면, 요약 레일, 주간 패턴, 실험 표를 요청하세요. 장식적인 일러스트를 요청하기 전에 샘플 데이터와 읽기 쉬운 단위를 먼저 명시하세요.
제안된 프롬프트주간 리뷰를 위한 개인 대시보드 디자인을 만들어 주세요. 흰색 상세 패널 옆에 좁은 다크 요약 레일을 사용하세요. 주간 집중 작업 시간, 수면 시간, 미결 결정 사항, 7일 활동 차트, 가설·지표·기준값·목표·완료된 세션·결과가 포함된 실험 표를 넣어주세요. 레이블된 샘플 데이터를 사용하세요. 목표 달성도와 시도 완료도를 분리해서 표시하세요. 건강 센서나 실시간 계정 연동이 연결되어 있음을 암시하지 마세요.
요약에서 상세 패널까지 하나의 지표 다듬기
OpenDesign에 주간 수치 하나를 레일에서 상세 패널로 이어지도록 요청하되, 단위나 기간을 변경하지 않게 하세요. 별도의 점수를 추가할 경우 따로 레이블을 붙이세요. 레이블과 비교 기간을 읽기 쉽게 만들기 전까지 일러스트는 보조적인 역할로 유지하세요.
표와 좁은 화면 테스트하기
순조로운 실험 하나, 목표를 달성하지 못한 실험 하나, 아직 결과가 없는 시도 하나를 요청하세요. 상태 텍스트가 각 상태를 설명하는지, 그리고 진행도가 성공을 암시하지 않고 세션을 집계하는지 확인하세요. 좁은 화면에서는 표를 레이블된 행으로 변환하고 주요 컨트롤이 계속 사용 가능한지 확인하세요.
내보내기 및 공유 링크 받기
완성된 디자인을 내보낸 다음, OpenDesign의 공유 기능을 사용하여 공유 링크를 받으세요. 별도의 브라우저 창에서 링크를 열고 의도한 버전과 해당 자산이 전송 전에 이용 가능한지 확인하세요.





