맥 운영체제는 앱을 설치하는 독특한 방식을 갖고 있다. 앱은 보통 .dmg 확장자를 가진 파일로 도착하는데(“disk image”의 약자이지만, 내 머릿속에서는 늘 “damage”로 읽힌다), 더블 클릭하면 일종의 드라이브가 된다. 그 드라이브 안으로 들어가면 앱 아이콘이 있다.

하지만 여정이 끝난 건 아니다. 가상 드라이브에서도 앱을 실행할 수는 있지만, 재부팅하거나 드라이브를 꺼내면 결국 사라지기 때문에 앱 입장에서는 좀 더 영구적인 보금자리를 제안하는 편이 낫다.

많은 앱이 선택하는 방법은 Finder의 몇 가지 옵션을 창의적으로 조합하는 것이다. 이 옵션들은 어떤 폴더에서든 누구나 사용할 수 있지만 그리 잘 알려져 있지는 않다. 첫 번째는 툴바와 사이드바, 그리고 다른 모든 바를 없애는 것이다. 두 번째는 아이콘 보기로 전환하고 적절한 창 크기를 고르는 것이다. 다음으로 필요한 건 응용 프로그램 폴더로의 링크다. 마지막 재료는? 아래에 깔리는 커스텀 배경으로, 모든 아이콘의 크기와 위치를 알 수 있다는 점을 창의적으로 활용한다.

이런 단장을 마치면 Finder 창은 거의 전용 앱 창처럼 보이고, 이 모든 기능을 활용해… 사용자에게 앱을 영구 폴더로 드래그하라고 알려줄 수 있다.

이 과정에는 분명 좋은 점도 있다. 앱 아이콘을 응용 프로그램 폴더로 드래그하는 것은 Mac을 탐색할 때 쓰는 다른 제스처와 일관되고, 앱이 그저 어디에든 둘 수 있는 파일이며 다 쓰면 휴지통에 버릴 수 있다는 걸 알려준다.

하지만 전체적으로는 꽤 혼란스럽게 느껴지며, 쓸데없이 남아도는 드라이브와 추가적인 혼란, 그리고 다음과 같은 문제들을 낳는다.

하지만 나는 이 과정 자체를 다시 논쟁하려는 게 아니라, 그렇게 커스텀된 Finder 창 몇 가지를 살펴보려 한다. 이 창들은 어떻게 보면 제약이 적당해서 흥미로운 하나의 디자인 놀이터가 되었다. 앱 아이콘, 응용 프로그램 아바타, 둘 사이의 화살표, 일반적인 크기, 그리고 이 모든 것을 하나로 묶는 비트맵 배경이 그 제약이다.

(많은 디자이너를 열광시켰던 다른 역사적인 놀이터로는 계산기 앱, 날씨 앱, 트위터 클라이언트… 그리고 픽셀 바깥으로는 시계 페이스나 의자가 있다.)

아래에서는 수많은 창을 훑어보며 가장 잘 만들었거나 흥미롭다고 생각한 “응용 프로그램으로 드래그” 연출들을 골라봤다.

화살표

가장 먼저 갖고 놀기 좋은 요소는 화살표다. 화살표는 정말 어떤 모양이나 색이든 될 수 있고… 어쩌면 화살표처럼 보이지 않을 수도 있다.

색다른 방향

마지막 창에서 볼 수 있듯 서양 문화에서는 시간과 흐름이 왼쪽에서 오른쪽으로 가는 것이 관습이지만, 그렇다고 다른 축을 선택하지 못할 이유는 없다. 몇 가지 예를 더 보자.

더 구체적인 설명

위에서 화살표 자체에만 만족하지 않고 창에 더 명시적인 텍스트 설명을 덧붙인 경우도 눈치챘을 것이다.

그런 예시를 더 모아봤다. 이 창은 간단한 두 단계를 추가했는데, 어쩌면 ‘화살표 도시’처럼 느껴지기 시작한다.

이 창은 두 단계를 다르게 배치하고 정리하는 과정까지 다루려 해서, 드라이브가 덜렁 남지 않도록 한다.

이 창은 어딘가 ‘싸구려’ 느낌이 있지만, 그 미니멀리즘이 오히려 정겹다. ‘바로가기’ 화살표가 거의 액션 화살표 역할을 하고, 바로가기 자체의 이름을 바꿀 수 있으니 아예 설명으로 바꿔버리면 어떨까 하는 발상이다.

그리고 이건 마치 빈칸 채우기 놀이 같다. 이렇게 (수동적인) 설명과 (능동적인) 객체를 섞어 놓는 게 효과가 있을까, 아니면 더 혼란스러울까? 잘 모르겠다.

아이콘을 활용한 장면

내가 또 하나 주목한 재미있는 방식은, 아이콘 자체의 입체감을 활용해 ‘현실 세계’에 배치한 경우다.

게슈탈트 문제

다음 몇 가지는 문제가 있어 보이는데, 특히 게슈탈트와 관련된 문제다. 한번 살펴보면 도움이 될 것 같았다.

첫 번째는 왼쪽에서 오른쪽으로의 방향성이 매우 강해서, 사람들이 왼쪽 파란 폴더를 오른쪽 폴더로 드래그하려 들지 않을까 궁금해진다.

이건 화살표가 얼마나 다재다능할 수 있는지를 보여주는 흥미로운 사례이면서, 동시에 관습을 거스르면 얼마나 까다로워지는지를 느끼게 한다.

이건 몇 번 본 적 있다. 화살표가 있음에도 여전히 똑같이 중요한 2×2 격자처럼 느껴지거나, “두 항목을 다른 두 항목으로 드래그하라”는 뜻으로 오해될 수 있다.

그리고 이건 위의 창이 망친 것을 제대로 해낸 더 나은 예다.

다른 방식

모든 앱이 화살표-드래그 방식을 선택하는 건 아니며, 어떤 앱은 그럴 수 없기도 하다. 내가 특히 마음에 들었던 다른 연출들을 소개한다.

재미있는 비주얼

어떤 앱은 비주얼에 깊이 파고든다. 마음에 들었던 몇 가지를 소개한다.

Inkscape라는 요즘 앱은 흥미로운 시도를 한다.

[Finder 배경은] 정보 화면 콘텐츠를 바탕으로 웹사이트에서 사용자들이 디자인합니다. 주요 릴리스마다 진행됩니다!

그래서 Inkscape의 주요 릴리스를 모두 내려받아 보여주려 한다.

오늘날

이렇게 해서 자연스럽게 오늘날로 왔다. Firefox는 이 오랜 세월 동안 Finder 설치 창을 아름답고 우아하게 유지해 온 공로를 인정받아야 한다고 생각한다.

마지막으로 근사한 최신 예시 몇 가지로 마무리하자. 요즘 많은 앱은 App Store에서 제공되어 Finder 과정을 아예 건너뛰지만, 여전히 드래그를 요청하는 앱들도 있다.

이게 전부다! 하지만 더 갖고 있다면 보내달라!

이 글에서 많이 참고한 Disk Images 컬렉션을 만들어준 Chris Messina에게 감사드린다. 추가로 Jean-Michel Durand, Mindaugas Rudokas, Louie Mantia, Colin, mimi, Jeremy Visser, Luke Dorny, Oskars, Peter Tripp에게도 감사를 전한다. 제목은 내가 좋은 예시를 보내달라고 한 소셜 게시물에 대한 반응에서 가져왔다.