원칙
입력에서 시작
Section titled “입력에서 시작”Aria를 열었을 때 사용자는 설명보다 먼저 입력할 수 있어야 합니다.
적용:
- Mobile first surface는 한 줄 입력입니다.
- Desktop quick capture는 tray/menu bar에서 즉시 열립니다.
- Web app은 stream entry와 active line이 중심입니다.
- Empty state는 제품 소개보다 입력 affordance를 먼저 보여줍니다.
한 줄을 객체로 다루기
Section titled “한 줄을 객체로 다루기”한 줄은 단순 텍스트 row가 아니라 note, task, agent run, public artifact로 확장될 수 있는 제품 객체입니다.
적용:
- Row 하나는 하나의 job만 가집니다.
- 같은 row에는 같은 line의 context, status, action만 둡니다.
- 긴 설명은 line 안에 쌓지 않고 note로 확장합니다.
- 검색 결과, agent 결과, public draft도 line identity를 잃지 않습니다.
상태를 신호로 보여주기
Section titled “상태를 신호로 보여주기”실행 상태는 숨기지 않습니다. queued, running, needs_review, done, failed 같은 상태는 작은 node와 label로 표시합니다.
| State | Meaning | Visual grammar |
|---|---|---|
draft | 막 적힌 line | calm row, no badge |
queued | 실행 대기 | hollow node |
running | agent/user work running | animated rail or progress node |
needs_review | 사람 검토 필요 | split node or review badge |
done | 결과 기록 완료 | filled result node |
failed | 실행 실패 | broken rail + error label |
선택지를 3개로 압축
Section titled “선택지를 3개로 압축”많은 노트, 폴더, agent 결과는 raw list가 아니라 3개 선택 또는 3개 그룹으로 먼저 압축합니다.
적용:
- Stream organize는 3개 그룹을 기본값으로 둡니다.
- Note tabs는 최신 3개만 직접 노출합니다.
- Agent result review는 3개 next action으로 압축합니다.
- 나머지는 search, full list, command menu, overflow로 이동합니다.
빠른 workspace 유지
Section titled “빠른 workspace 유지”Aria는 매일 열어 쓰는 실행 도구입니다. 장식은 작업 속도를 이기면 안 됩니다.
- UI는 dense but readable을 우선합니다.
- 커다란 hero, 장식 카드, 배경 효과는 제품 화면의 기본값이 아닙니다.
- 주요 화면은 scan, compare, act가 빨라야 합니다.
- Motion은 상태 전환을 설명할 때만 씁니다.
Agent를 보이게 하기
Section titled “Agent를 보이게 하기”Agent는 숨은 자동화가 아니라 Aria 안의 작업 주체입니다.
- Agent-written artifact는 작성 주체, 입력 context, 결과 note를 표시합니다.
- Agent state는
queued,running,needs_review,done,failed처럼 이해 가능한 label로 표시합니다. - AI 출처는
aria://VFS, block id, note link로 돌아갈 수 있어야 합니다.