2005년 애플 온라인 스토어의 iPod 개인화 페이지 UI 개발기
Key Point
2000년대 초반 웹 기술의 한계 속에서 제약이 많던 시대에 어떻게 인터랙티브한 경험을 만들었는지 보여주는 개발 사례이며, 당시 기술과 현재의 차이를 이해하는 데 도움이 된다.
핵심 요약
- 저자는 2004~2006년 애플 온라인 스토어의 UI 엔지니어로 일하며 iPod 개인화 페이지를 개선했다.
- 고객이 입력한 텍스트를 iPod 뒷면에 새길 수 있는 기능에 인터랙티브 요소들을 추가했다.
- JavaScript로 JPEG 이미지들을 순환시켜 회전하는 iPod를 표현하고, ImageMagick으로 실시간 개인화 미리보기를 생성했다.
- 배송 시간 변화는 CSS 클래스 전환으로 배경색을 노란색으로 페이드 처리하는 방식으로 강조했다.
- 2005년 당시 제한된 브라우저 기술 환경에서 이같은 솔루션들은 마법처럼 느껴졌다.