Self-Portrait with Grey Felt Hat, 1887 (자세히 보기)

빈 의자.

빈 의자 두 개가 그려진 그림을 보고 눈물이 터질 줄은 몰랐어요. 그날 계획은 그냥 여름 폭우를 들으며 책이나 읽는 거였는데, 반 고흐(정확히는 그의 작품에 대한 타셴의 해설)가 저를 제대로 울렸어요.

잠시 뒤에 의자에 대해 전부 얘기해 줄게요. 하지만 먼저, 19세기 빈센트 반 고흐와 21세기 디자인이 무슨 관계가 있는지 알아보죠. 그리고 왜 그의 예술과 우리가 하는 일 사이에 연결고리가 있다고 생각하는지도요.

그래요, 우리는 예술에서 디자인을 배울 수 있어요

디자인이란 뭘까요? 찰스 임스는 이렇게 말했어요.

여러분의 고용주에게 디자인은 그들이 하지 못하는 것을 피그마로 해낼 수 있는 능력일 거예요. 제게 디자인은 어떤 시스템이든 이해하기 쉽고 안전하게 사용할 수 있도록 만드는 것이에요. (이 정의는 돈 노먼에게서 가져왔어요.) 하지만 정의를 안다고 해서 더 나은 디자이너가 되는 건 아니죠.

디자인은 시스템을 위해 존재하지만, 사실 세상 모든 게 시스템이에요. 우리는 디자인을 주전자에서도, 베르사유에서도 찾을 수 있어요. 디자인은 사용자가 필요로 하는 모든 곳에 존재해요.

반면 예술은 마케팅과 더 밀접해요. (물론, 마케팅과 예술을 비교하는 건 하늘과 지옥을 견주는 것 같긴 해요.) 마케팅은 사용자의 필요를 창출하고, 이를 충족할 제품을 알리는 역할을 하죠. 예술, 특히 빈센트처럼 저항할 수 없을 정도로 매력적이고 세계적으로 유명한 예술은 우리가 몰랐던 필요를 충족시켜요. 인간의 무의식적 욕구를 채워주는 거죠.

대부분의 사람들은 디자인은 예술이 아니라는 데에 동의해요. 디자인은 언제나 목적이나 기능을 가지지만, 예술은 예술가가 그리는 대로 존재한다는 것이죠. 반 고흐 같은 후기 인상파 화가에게 예술이란 자신의 내면 세계와 욕구, 두려움을 표현하는 것이었어요. (그 두려움이 무려 1,000가지나 됐대요!)

디자인과 예술은 같지 않지만, 그렇다고 해서 디자이너가 예술에서 배울 수 없는 건 아니에요.

저는 디자인은 디자인 교실에서만 배우고, 다른 학문은 다른 곳에서 배워야 한다는 식의 고립된 사고를 거부해요. 디자이너가 자신이 디자인하는 대상의 진짜 필요를 이해하지 못한 채 단순히 "알기만 하면 된다"고 생각한다면, 그건 바다에 대해 아무것도 모른 채 항해 매듭만 배우고 최고의 선장이 되려는 것과 같아요.

그렇다면, 귀도 없는 정신 이상 화가에게 디자인에 대해 뭘 배울 수 있을까요?

사용자를 지나치게 내버려두거나, 집착하지 마세요

Girl in White in the Woods (1882)

빈센트의 그림에는 그가 가장 부족하다고 느꼈던 것이 담겨 있어요: 바로 의미 있는 관계였죠. 그의 삶은 외로움에 잠식당했어요.

하지만 사랑에 빠지거나 누군가가 자신을 이해해 준다고 느낄 때면, 그는 그 감정을 극단적으로 표현했어요. 예를 들어, 그는 사촌을 쫓아다니며 거듭 청혼했는데, 그녀의 거절에도 불구하고 멈추지 않았어요. 또 다른 경우에는 자신의 잘린 귀를 사랑하는 이에게 선물로 건네기도 했죠.

그의 동생 테오와의 관계도 마찬가지였어요. 빈센트는 동생을 단순히 사랑한 게 아니라 우상화했어요. 그는 자신의 모든 작품을 테오에게 바치겠다고까지 했죠. 물론, 이런 거창한 제스처가 동생에게는 부담이었을 가능성이 커요.

외로움과 집착. 이것이 반 고흐의 삶의 두 가지 방식이었어요.

흥미롭게도, 사용자 경험(UX)에서도 이와 비슷한 문제가 나타나요.

특히 다음 두 가지 요소에서 두드러지게 드러나죠:

• Call-to-action: 사용자에게 특정 행동을 유도하는 인터랙티브 요소
• 온보딩 플로우: 새로운 사용자가 제품을 이해하고 시작할 수 있도록 안내하는 과정

집착하는 온보딩 플로우: 껌과 정보 폭탄

반 고흐의 집착적인 사랑과 비슷한 유형의 온보딩 플로우를 강요형 정보 노출 방식(push revelation flow)이라 부를 수 있어요:

강요형 정보 노출 방식은 크게 두 가지로 나눌 수 있어요:

1. 신발 밑에 붙은 끈적한 껌처럼 따라붙는 온보딩 체크리스트
2. 사용자에게 한꺼번에 쏟아내는 튜토리얼 폭탄

온보딩 체크리스트는 단계별로 하나씩 나타나는 “끈적한” 툴팁 시리즈예요. 모든 섹션에 대한 지침이 필요하다는 전제로 만들어져서 사용자가 따라가게 만드는데, 너무 많은 정보를 한꺼번에 강요하곤 해요.

아래가 강압적인 체크리스트의 대표적인 예인데요:

보기만 해도 배부른 온보딩 체크리스트

튜토리얼 폭탄은 모든 규칙과 정보를 한곳에 몰아서 제공하는 방식으로, 사용자에게 부담을 줄 수 있어요.

그 예로, 목표 설정과 지능형 메모 앱인 타임스트라이프(Timestripe)를 살펴볼게요. 앱 자체는 굉장히 매력적이에요. 하지만 너무 많은 기능을 제공하다 보니 온보딩 과정이 19단계(!)로 구성되어 있어요. 사용자는 모든 단계를 읽어나가야 하죠.

온보딩 중에는 각 텍스트 설명에 GIF나 다른 인터랙티브 요소가 함께 제공돼요. 사용자는 텍스트를 읽으면서 동시에 이를 설명하는 애니메이션도 봐야 해요.

실제 모습은 다음과 같아요:

영상 링크

타임스트라이프의 온보딩 과정은 하나하나가 말 그대로 토끼굴* 같아요. 다행히 이를 건너뛸 수는 있지만, 건너뛰어도 홈 화면에서 끝까지 따라다니며 귀찮게 만들어요.

*토끼굴: 어떤 복잡하고 미지의 영역으로 빠져드는 상황을 의미해요. 루이스 캐럴의 소설 "이상한 나라의 앨리스"에서 앨리스가 토끼 굴을 따라 들어가면서 이상하고 예측 불가능한 세계로 빠져드는 장면에서 유래했어요.

19개의 튜토리얼이 아무 역할도 못 하고 있어요

모든 희망을 버려라, 이른바 “온보딩 없음” 상황

앞서 본 두 가지 사례는 반 고흐의 집착적인 사랑에 비유할 수 있었어요. 이제 그의 또 다른 모습인 버려질까 두려워하는 심리가 온보딩에서 어떻게 나타나는지 살펴볼게요.

예를 들어, 제가 유명한 메모 앱인 옵시디언(Obsidian)을 처음 설치했을 때를 떠올려 볼게요. 혹시 모르신다면, 옵시디언은 노트를 서로 연결해 하나의 체계로 만들 수 있게 해주는 앱이에요.

그런데 막상 설치하고 나니, 마치 아무도 없는 낯선 곳에 혼자 남겨진 기분이 들었어요. 옵시디언을 사용하는 사람들이 어떻게 이 앱을 단순한 노트 앱(예: 애플 노트)처럼 쓰는지, 아직도 감이 안 와요.

옵시디언에서 나는 바보가 된 기분이었어요 (내가 찍은 스크린샷)

(할 줄만 알면)이 정도로 커스터마이징할 수 있는데 말이죠:

옵시디언 커스터마이징 예시 by Robert Buscher

옵시디언을 열 때마다 나는 태평양에 떠 있는 플라스틱 빨대처럼 느껴져요—외롭고, 길을 잃고, 버려진 느낌이죠. 이게 바로 온보딩이 없는 상태(언보딩)가 주는 영향이에요.

Van Gogh’s Chair (1888)

다른 그림은 밤처럼 그려졌고, 더 우아한 녹색 의자와 몇 권의 책, 촛불이 함께 있어요.

이 의자는 빈센트의 친구, 폴 고갱의 의자예요.

Gauguin’s Chair (1888)

왜 고갱의 의자는 비어 있을까요? 폴 고갱은 더 이상 빈센트의 친구가 아니기 때문이에요. 그는 빈센트의 삶에서, 그리고 그림에서도 사라졌어요.

그렇다면 빈센트의 의자는 왜 비어 있을까요? 친구가 떠난 후, 빈센트는 조금 "상실된" 듯해요. 마치 존재하지 않는 것처럼요. 의자 위에 놓인 파이프는 그의 부정적인 생각을 나타내는 또 다른 증거일 수 있어요. 타센의 해석에 따르면, 빈센트는 아버지가 돌아가신 후 파이프를 죽음의 상징으로 삼았다고 해요. 이 그림들이 완성된 1888년 2년 후, 빈센트는 스스로 목숨을 끊었어요. 슬픈 이야기예요. 제가 울었던 이유는 의자들이 서로 마주보고 있었기 때문이에요. 고갱이 돌아올 것이라는 희망이 느껴졌어요 (하지만 그는 돌아오지 않아요).

빈 공간은 말을 할 수 있어요. 빈 공간은 많은 의미와 메시지를 담고 있어요. UX에서는 빈 공간을 주로 빈 상태(empty state)와 연결 지어요.

빈 상태에는 7가지 유형이 있어요. 이미 킨너렛 이프라가 작성법을 잘 정리해 둬서 언급하진 않겠지만, 빈 상태를 어떻게 작성하면 안 되는지는 꽤 잘 알고 있어요.

사용자를 슬프게 만드는 빈 상태 작성법

1. "저런!" 같은 감탄사로 시작해 보세요. 사용자의 기분이 좋아질 거예요.
2. 사용자가 잘못했다는 걸 확실히 알려주세요. "아직 작업을 추가하지 않으셨네요!" 사용자가 부끄러움을 느끼고 행동하게 만들어요.
3. 어떤 행동을 해야 하는지 절대 안내하지 마세요. 사용자가 할 일을 줘야 하지만, 절대 도움이 되지 않도록 해요. 예를 들어, "페이지 새로 고침" 같은 거요.
4. 도움을 주지 마세요. 빈 상태를 활용해 사용자가 아직 모르는 기능을 교육할 필요는 없어요. 사용자가 공허함에 빠져 있도록 내버려 두세요; 더 공허해지게 말이에요.

이 팁들을 따르면, 빈센트의 의자 그림을 바라보는 것마냥 사용자는 완전히 우울해질 거예요.

진정한 전문가는 시스템을 글로 설명할 수 있어요

The Sower (Sower with Setting Sun), 1888

빈센트는 화가로서만큼이나 편지 쓰는 사람으로도 재능이 있었어요. 빈센트의 편지에서 눈에 띄는 점은, 그는 세부 사항에 세심하게 신경 쓰며, 예술가로서의 시각으로 세상을 묘사했다는 거예요.

그는 테오에게 그림을 매우 자세하게 묘사하곤 했는데요. 예를 들자면:

한 번은 매우 아름다운 그림을 봤어. 저녁 무렵의 풍경 그림. 오른쪽 먼 곳엔 저녁 안개 속에서 푸른 언덕이 일렬로 펼쳐져 있고, 그 언덕 위로는 장엄한 일몰과 은빛, 금빛, 보랏빛 테두리를 가진 회색 구름이 있었다. 그 풍경화는 풀과 야생화로 뒤덮인 가을의 평원과 황야를 그린 거였어. 풍경화를 가로지르는 길이 하나 뻗어 있고, 그 길은 아주 먼 곳의 높은 산으로 이어져. 산 꼭대기엔 도시가, 그 도시 위로는 일몰이 찬란하게 비추고 있었지.

— 테오 반 고흐에게. 1876년 11월 3일, 아이슬워스

이 묘사를 읽으면 마치 그 장면을 실제로 보는 것 같아요. 이게 바로 “내가 이야기하는 것을 진정으로 이해하는 사람”의 힘이에요.

디자이너들은 종종 커뮤니케이션 기술의 중요성을 간과하곤 해요. 자신의 작업을 포괄적이고 전체적으로 설명하는 데 매우 중요한데도요. 모든 것이 어떻게 작동하는지, 무엇으로 이루어져 있는지 설명할 수 있어야 해요. 진짜로 이해하고 있다면, 말로 표현할 수 있어야 해요. 그건 비즈니스에서도 마찬가지죠.

·          ·          ·