본문으로 건너뛰기
피드

1999년 UI 명예의 전당 — 27년 지나도 유효한 UX 원칙들

frontend 약 3분
vote
0
댓글
북마크

1999년에 작성된 UI 명예의 전당 페이지. Caps Lock 경고, MRU 파일/디렉토리 목록, 시작 다이얼로그 설계, 인라인 리스트 그래픽 등 지금도 현역인 UX 패턴들이 정리되어 있음.

  • 1

    Caps Lock 경고는 1999년에 혁신이었음

  • 2

    MRU 목록은 '기능'이 아니라 '표준'이어야 한다는 주장

  • 3

    최근 사용 디렉토리 목록 (CoolEdit95)

  • 4

    VB 5.0 시작 다이얼로그의 좋은 점과 아쉬운 점

  • 1999년에 만들어진 UI 명예의 전당 페이지가 HN에 올라왔는데, 지금 봐도 유효한 UX 원칙들이 정리되어 있어서 흥미로움

  • Caps Lock 경고: Eudora Pro for Mac이 비밀번호 입력 시 Caps Lock 상태를 알려줬음. 지금은 당연한 기능이지만 1999년에는 혁신이었던 거임. 다만 깜빡임과 느낌표는 불필요한 과잉이라는 평가

  • MRU(Most Recently Used) 목록: 최근 사용 파일 목록은 "기능"이 아니라 "표준"이 되어야 한다는 주장. 문서 편집뿐 아니라 직원 프로필, 리포트, 주소록 등 모든 문서 중심 앱에 적용해야 한다고. CoolEdit95는 여기서 한 발 더 나가서 최근 사용 디렉토리 목록(8개)까지 제공했음 — 복잡한 폴더 계층을 탐색할 필요 없이 2번 클릭으로 원하는 폴더에 도달 가능

  • Visual Basic 5.0의 시작 다이얼로그: 새 프로젝트/기존 프로젝트 열기/최근 프로젝트를 탭으로 제공한 건 좋았지만, 항상 "New" 탭이 기본으로 열린다는 치명적 실수가 있었음. 개발자는 대부분 마지막 작업 프로젝트를 열 텐데 말임. 또 목록에서 행 선택 시 첫 번째 컬럼만 클릭해야 하는 문제도 있었음

  • 인라인 리스트 그래픽: 리스트 항목에 작은 아이콘을 붙여서 타입을 구분하는 패턴. 인덱스 필드에 'i', 사용자 정의 필드에 'f'를 표시하는 식. 이종(heterogeneous) 리스트에서 특히 효과적이라는 조언. "작고 심플하고 은은하게"가 원칙

ℹ️참고

> 27년 전 글인데 "최근 사용 디렉토리", "시작 시 마지막 프로젝트 자동 로드", "리스트 항목 타입 아이콘" 같은 패턴은 지금도 현역임. UX 원칙은 생각보다 안 변함

27년 전 글인데 핵심 UX 원칙은 거의 변하지 않았음. 좋은 UI 설계의 기본은 시대를 초월한다는 증거.

댓글

댓글

댓글을 불러오는 중...

frontend

개인 웹사이트에 JSON-LD 넣는 법, 검색엔진과 크롤러가 내 사이트를 제대로 읽게 만들기

개인 웹사이트에 JSON-LD 구조화 데이터를 추가해 검색엔진과 크롤러가 사이트, 사람, 글, 프로젝트를 더 정확히 이해하게 만드는 실전 가이드야. WebSite, Person, ProfilePage, BlogPosting 같은 노드를 어떻게 연결하고 어느 페이지에 넣어야 하는지 예시 중심으로 설명해.

frontend

Deno, 웹 프로젝트를 데스크톱 앱으로 묶는 `deno desktop` 공개

Deno가 TypeScript 파일 하나부터 Next.js 앱까지 데스크톱 앱으로 패키징하는 `deno desktop`을 공개했다. 아직 안정 릴리스는 아니고 Deno v2.9.0 canary에서만 쓸 수 있지만, 운영체제 WebView 기반의 작은 바이너리, 프레임워크 자동 감지, 내장 자동 업데이트까지 한 번에 노린다.

frontend

파비콘 안에 웹사이트를 숨겨 넣은 개발자, 진짜 됨

한 개발자가 웹사이트의 파비콘 이미지를 작은 저장소처럼 사용해 HTML을 픽셀 RGB 값 안에 넣고, 브라우저에서 다시 읽어 렌더링하는 실험을 했다. 208바이트짜리 HTML payload에 4바이트 길이 헤더를 붙여 총 212바이트를 만들었고, 이를 9x9 픽셀 PNG 안에 87% 사용률로 저장했다.

frontend

스크린이 절대 못 보여주는 색은 어디에 있을까

이 글은 우리가 화면에서 보는 색이 인간이 볼 수 있는 색 전체가 아니라, sRGB와 Display-P3 같은 색역 안에 갇힌 일부라는 점을 파고든다. 특히 숲, 바닷속, 새와 나비의 구조색, 생물발광, 교통신호 LED 같은 실제 세계에는 모니터와 카메라가 제대로 담지 못하는 청록색과 녹색 계열이 꽤 많다는 얘기다. 디스플레이, 카메라, 조명, 렌더링을 다루는 개발자라면 “색상값 하나”가 생각보다 물리와 표준의 타협이라는 걸 체감하게 된다.

frontend

크롬, 매니페스트 버전 2 우회로까지 닫는다

구글 크롬이 매니페스트 버전 2 확장 지원을 사실상 최종 종료 단계로 밀어넣고 있다. 기존에는 플래그나 레지스트리 설정으로 유블록 오리진 같은 확장을 살리는 우회가 있었지만, 크로미움 150과 151을 거치며 그 우회 코드까지 제거되는 흐름이다.