Design Systems for Developer Tools

Summary

개발 도구는 매일 오래 쓰는 작업 화면이다. 그래서 마케팅 페이지처럼 강한 장식보다, 많은 정보를 빠르게 스캔하고 안정적으로 조작하는 경험이 더 중요하다.

문제

카드와 그림자가 과한 UI는 처음에는 좋아 보일 수 있다. 하지만 로그, 상태, 비교 데이터가 많아질수록 시각적 피로를 만든다.

해결 방법

개발 도구 UI에서는 다음 원칙을 우선한다.

• 상태는 색상 하나에 의존하지 않는다.
• 반복 리스트는 행 단위로 스캔 가능해야 한다.
• 버튼은 아이콘과 툴팁을 함께 사용한다.
• 간격은 넓게가 아니라 예측 가능하게 둔다.

결론

좋은 개발 도구 디자인은 조용하다. 사용자가 도구를 의식하기보다 문제 자체에 집중하게 만든다.