그분들께 바칩니다: IE6 – 인터넷의 암 (링크)

2. 누구보다 노력하면 언제나 그 대가를 얻게될것이다.
…
7. 바보들을 위해 일을 하지 않도록 해라. 그러지 않으면 그들과 같아질테니.
- John C Jay, 10 Lessons for Young Designers

글*이란 보통, 아니 당연하다듯이 살아 숨쉬는 존재여야한다.
랩으로 포장된 오래된 고기가 아니라.
- Robert Bringhurst, The Elements of Typographic Style, 72 (책)

*여기서 ‘글’이란 타이포그라피. 즉, 글의 내용이 아닌 글의 모습을 뜻함

인정하라구. 언제나 너보다 잘난 사람은 있을꺼야. 그래도 [그것을 인정하는] 겸손함은 감탄스럽라 생각해. 우리에게는 어떠한 자격도 주어지지 않아. 전부 얻어내야만 해.
그 다음에 상이 오는거야.
- Francisco Inchauste, Dear Designer, You Aren’t That Special

만약 너가 모든 역경을 무릅쓰고 사업을 시작하려는 젊은이라면… 제발 런던에서 스타급 디자이너를 데려오거나, 너의 사무실이 아닌곳에 투자 하거나, 비싼 의자에 돈을 던지지 않았으면 좋겠어. 굉장히 위험한 시작이거든. 그래도 엄청 큰 모니터는 현명한 선택이야, 너가 디자인 분야에서 일한다면.
- Oliver Reichenstein, 6 Years of Usability and Branding

새벽 6시에 런던에서 드라이브를 하면 도로 절반의 차들이 포르쉐나 애스턴들이야.
하지만 아침 9시 10분전에 가면 전부 르노들뿐이지. 그럼 해결책은 간단하네.
좋은 차를 원해? 그럼 더 일찍 일어나서 더 일해.
- Jeremy Clarkson, Porsche 911 GT3

남들과 달라지는건 매우 쉬어요, 하지만 더욱 더 잘하는건 매우 어렵죠.
- Jonathan Ive, Son of iMac: Jonathan Ive on the shape of things to come

좋은 디자인이란 다른 디자이너들이 자신들을 바보라고 느끼도록 만드는거야.
그들의 아이디어가 아니었으니까.
- Frank Chimero, Good Design is…

기존의 디자이너에 의해 뚜렷한 디자인 스타일 가이드가 설립되어 있는, 브랜드 정체성을 위해 스타일 가이드라인을 절대적으로 따라야 하는 작업이 아닌 이상 타이포그라피, 색상, UI, 연출등등 수 많은 디자인적 요소들은 클라이언트의 브리핑을 받은 후 시장과 사용자에 대한 리서치, 그리고 브랜드 방향과 마켓팅에 대한 고려 후 디자이너가 결정하는 요소들입니다.

- BBC 방송사의 웹디자인 스타일 가이드라인에서

만약 이러한것들을 클라이언트가 제시하거나 한다면, 클라이언트가 디자이너로 되어버리는 우스꽝스러운 상황이 발생하죠. 자신이 디자이너보다 무엇이 필요한지 더 잘 알고, 무엇을 원하는지 뚜렷히 알고있다고 생각하는분들은 디자이너를 고용 할 필요도 없으며, 디자이너도 그런 클라이언트를 받을 이유가 없습니다. 디자인을 완성하더라도 그건 디자이너의 작품이 아닌, 클라이언트의 작품이니까요.

사이트의 출시가 가까워진 순간, 매니저(클라이언트)들이 자기 취향, 느낌대로 모든것을 바꾸어버리고 웹사이트는 나락으로..
- Brad Colbow How to build a corporate website에서

좋은 디자이너라는 가정 아래에, 디자이너에게 작업을 맡겼다면 그의 판단을 믿어야합니다. 클라이언트도 사용자의 입장으로서 어느 부분이 자신의 취향에 맞지 않는다, 불편하다고 할 수는 있으나 꼭 디자이너가 그런 피드백을 받고 디자인을 변경 해줄 필요는 없습니다. 어느 디자인으로든 모두를 만족시킬 수 없으며, 디자이너는 클라이언트만이 아닌 주요 사용자 모두를 고려하며 디자인을 해야만 하기 때문이죠.

하지만 디자인의 중요 요소들을 자신의 취향대로 바꾸어 달라거나 명령 하는것은 디자이너를 존중해주지 않는것이며 전체적인 디자인에 해가 되기도 합니다. 마치 감기에 걸려 의사를 찾아 약을 받았지만, 개인적으로 감기약이 싫으니까 소화제를 달라는것과 같은것입니다.

물론 그들이 절대 틀렸다는것은 아닙니다. 제시하는것들이 맞을 수도 있습니다. 하지만 중요한것은, 이런 클라이언트들은 디자이너를 필요로 하는게 아니며, 디자이너도 이런 클라이언트가 필요한것이 아니란점입니다. 이러한 관계속에서 일하게 된다면 서로 답답하고 싫어지며, 프로젝트가 무사히 완성 되더라도 최상의 결과가 아닐 확률이 높습니다. 클라이언트가 디자이너일 때 둘의 관계는 디자이너 vs 디자이너로 바뀌기 때문이죠.

두개의 주방칼을 비교해보자. 하나는 독일의 헨켈제. 인체공학적으로 잘 만들어져있어 매우 사용하기가 쉬우며 손에 잡으면 엄지 손가락의 위치도 자연스레 정해진다. 이것이 서양의 심플함이다.

그러나, 일본의 특별 기술을 가지고 있는 요리사는 특별한 디자인이 없는 칼을 사용한다. 단순한 손잡이라 다듬어지지 않았거나 잘못 만들어진것이 아니다. 오히려 그 반대이다. 어느곳을 잡아도 좋다는 그 완전한 간소함이 요리사의 모든 기술을 받아드리는 디자인의 풍부함이 되는것이다. 이것이 일본의 심플함이다.

간소하면서도 부족하지 않은, 멋을 뛰어넘는 미(美)의식이 일본 감각 깊숙이 잠들어 있으며 그것이 일본의 건축, 기술, 그리고 무지(MUJI)제품들의 심플함의 배경을 이루는것이다. 벤토(도시락)도 너무 과하게 하면 안된다. 계절의 소재를 간단하게 요리하여 빠르고 아름답게 만드는점이 중요하다.

- 하라 켄야 뉴욕 타임즈와의 인터뷰를 번역

1. 다양한 기기에 적응하며 사용 가능한 디자인
2. 제스쳐와 터치 기반의 디자인
3. 위치 중심의 모바일 디자인
4. 다양한 미디어 콘텐츠와 경로들의 융합
5. 전통적인 UI 디자인 요소들의 혁신화
6. 다양해지고 넓어지는 소셜 커넥션
7. 더욱 더 커져가는 클라우드 시스템
8. 똑똑한 실시간 사용자 인터페이스
9. 세분화 되고 다양해져가는 콘텐츠의 경로들
10. 사용자 경험에 더 많은 관심과 포커스

상품의 상세 설명 같은 경우, 겉만 멋진 모습으로 보이게하기 위해 사용자들의 편리함과 사용적인 요소를 배제하며 정말 사소한것부터 중요한 정보까지 이미지로 만들어, 웹사이트의 효율적인 문제는 둘째치고, 페이지내의 유저가 찾고 있는 기본적인 웹브라우저의 단어 탐색기능도 사용못하게 하여, 중요한 배송일정 정보도 찾지 못해 스크롤을 끝없이 내려가며 읽게 만드는 수 많은 인터넷 쇼핑몰들이 사용하기 편하신가요?

물론 쇼핑몰뿐만이 아닙니다. 방금 한국의 여러 메이저 레스토랑 웹사이트를 확인해보았는데, 정말 중요한 메뉴까지도 그림으로 만들었더군요. 제가 원하는 메뉴 아이템이 있는지 없는지 찾느라 불필요한 시간을 낭비하게 해준 국내 사이트들에게 큰 감사를 드립니다.

솔직히 설명이랑 메뉴 좀 읽어보면 그만이지 왜 이렇게 따지냐라고 물으신다면, 이건 굉장히 큰 기본적인 디자인 문제이기 때문입니다. 단순히 겉모습과 디자인 프로세스의 편리함을 중요시 하며 실제 사용자들의 입장은 전혀 생각하지 않은, 건축적으로 말하자면 부실공사와 같은것입니다. 어떤 의미로는 기업으로서의 마인드뿐만이 아닌, 한국의 현재 디자인 트렌드의 문제가 뚜렷히 보이는 경우이기도합니다.

또 확인해보니 국내의 다양한 전자제품 사이트들도 제품의 설명을 이미지로 만들었군요. 예를 하나 들자면: 아이리버의 제품 설명 페이지와 애플의 제품 설명 페이지입니다. 시각적으로는 둘다 뛰어나다 생각합니다. 허나 한번이라도 마우스로 내용을 드래그 해보시거나, 검색을 해보신다면 어느쪽이 사용하기 편리하고 훌륭하게 디자인 되었는지 쉽게 알 수 있죠.

국내 사이트들을 계속 이렇게 만든다면 접속하는 동시에 그냥 인쇄용 소개 팜플렛의 PDF 파일을 다운로드 하게 만들지 무슨 이유로 웹사이트를 디자인 하는건지 알 수가 없습니다. 이런건 웹디자인이 아니라 그냥 이쁜 그래픽 파일들을 인터넷에 올린것 뿐이죠.

문화에 따라 특정 디자인 스타일에 대한 선호도가 다른 경우는 많습니다. 이에 따라 두 구글 디자이너들은 한국을 예로들어, 한국인들은 복잡하고 한눈에 모든것이 보이는것을 좋아한다라며 지금까지 구글코리아가 너무 심플해서 디자인이 인기가 없었다며 구글의 새 디자인을 보여주었습니다.

허나 구글은 이 “복잡한” 디자인으로도 실패를 하며 최근 구글코리아에 접속하면 원래의 본모습으로 돌아간것을 볼 수 있습니다. 한국인들이 심플한 디자인을 싫어한다? 복잡한 디자인을 선호한다? 과연 그것이 문제였을까요?

네이버의 메인 페이지입니다. 심플한가요 복잡한가요? 처음에는 복잡해보인다 하실 수 있지만, 사실은 꽤 심플한 디자인이란걸 알 수 있습니다, 다양한 유저 콘텐츠와 서비스를 제공하는 포털로서 말이죠.

구글의 디자인이 한국에서 인기가 없는 이유는, 본업이 이런 커뮤니티 형식의 포털보다는 단순한 검색엔진이기 때문이며 많은 한국인들에게는 야후같이 훨씬 더 다양한 유저 콘텐츠와 서비스를 제공하는 온라인 포털들에 더 익숙하기 때문이라 생각합니다.

만약 구글이 자신들도 야후같은 포털이라고 자칭한다면 그들은 심플한 디자인을 추구한 기업이 아닌, 그냥 아무것도 없는 “텅 비어있는” 디자인을 가지고 있는것입니다 (사실 야후의 CEO 캐롤 바츠가 예전에 구글은 너무 검색에 중심적이어서 문제라며 지적을 한적도 있었죠).

단순히 기능이 많아서 복잡한것도 아니며 기능이 적다하여 심플한것도 아닙니다. 전부 그 제품의 목적과 특성내에서 얼마나 불필요한 요소가 있느냐 없느냐가 좋은 심플한 디자인과 불편한 복잡한 디자인을 만들어내는것이죠. 물론 콘텐츠의 양, 사용성등등 다른 요소들도 구글의 인기에 큰 영향을 주겠지만, 디자인이 단순하다는것이 한국에서 실패의 한 요소라는것은 구글의 큰 착각이었다고 생각합니다.

하얀색 크레파스로 색칠놀이를 하는 책이라든지, 거꾸로 누르는 손톱깎이처럼 우리 주변의 흔한 디자인과는 전혀 다르다는 모습이 역발상적인 디자인을 이끌어주는 매력이죠.

물론 역발상적인 디자인이 꼭 좋다는것은 아닙니다. 진화론처럼 우리 주변에 있는 수많은 “흔한” 디자인은, 그만큼 유용하고 우리의 삶에 어울리기 때문에 존재하는것이며 이미 좋은것을 뒤집어 엎어버릴 필요가 없는 경우가 더 많습니다.

하지만 역발상의 트렌드 리더 다이손사의 날개없는 선풍기처럼 꼭 필요하지는 않더라도 가끔 번쩍하며 튀어나오는 역발상적 디자인은 사람들에게 새로운 경험을 안겨줘 충분히 가치가 있다 생각합니다.

그럼 역발상적 디자인에 있어서 중요한것은 무엇일까요? 위에 보여드린 예들을 보면 하나의 공통점이 있습니다. 역발상적이다 할지어도 디자인의 기본에는 충실하다는것이죠. 색칠놀이책은 색칠놀이를 위해 디자인되었으며, 선풍기는 바람을 불어주기 위해 디자인 되어있습니다. 동그란 바퀴를 네모로 디자인하는건 역발상적이라 할 수 있더라도 디자인으로서는 실패입니다.

즉, 역발상이란 디자인의 결과 또는 목표를 바꾸는것이 아닌, 사람이 그 결과에 어떻게 도달하느냐를 새롭게 디자인하는것입니다. 현실적인 “결과”와 아직은 비현실적으로 보이는 “과정”이 잘 조율 되었을시 완벽한 역발상적 디자인이 탄생하는것이죠.

감지하기 힘들긴 하지만 개인적으로는 마음에 안드는 디자인입니다. 먼저, 클릭했을시 검색창이 흔히 어떻게 바뀔지에 대한 사용자들의 기대에 어긋나기 때문이죠. 사실 하이라이트를 검색창 안쪽에 넣는 디자인은 처음 보며, 꽤 신선하다고는 생각 할 수 있지만 과연 저 새로운 디자인에 의해 어떤 유용한 이득이 새롭게 생기는지 전혀 모르겠습니다.

안쪽의 하이라이트 덕분에 검색창이 더 작아보이고 한정되어 보일 뿐더러 검색어 주위의 여백이 사라져 검색어가 강박되어보입니다. 만약 검색창을 더욱 더 알아보기 쉽게 만들고 싶었다면 왜 이런식으로 디자인을 안했는지 궁금하네요:

검색어 주위에 여백도 유지되고, 사용자들의 기대에도 위반되지 않으며, 하이라이트가 검색창 테두리에 전체적으로 생겨서 기존의 디자인보다 검색창이 훨씬 알아보기 쉽죠.

저 혼자 유튜브의 새로운 검색창 디자인에 불만을 가지고 있는 걸 수도 있지만, 이러한 작은 바뀜도 결과적으로는 좋든 나쁘든 장기적으로 큰 임팩트를 가져오리라 생각합니다. 물론, 저 새로운 디자인에 의해 유용한 이득이 만약 정말로 있다면 꼭 알고 싶네요 :)

(이 글은 디자인 블렌딩 영문 버전: I don’t like the new Youtube search bar의 한글 번역문입니다)

파란색의 연상
파란색을 보면 무엇이 떠오르시나요? 파란색과 흔히 연상되는 이미지라면, 차가움, 평화로움, 똑똑함, 믿음직함, 깨끗함등등이 있습니다. 이러한 색과의 연상은 로고같은 그래픽 디자인에 있어서 매우 중요하지만, UI 디자인에 있어서 파란색이 인기높게 많이 쓰이는 이유는 하나가 더 있으리라 믿습니다.

인간의 파란색 지각능력
파란색은 보기 힘듭니다. 어느색이 파란색인지 구분하기가 어렵다는것이 아닌, 다른색과 비교 하였을 때 시각적으로 파란색을 받아드리기 어렵다는것이죠. 이유를 간단히 설명하자면, 파란색에 반응하는 눈의 세포(광수용기)들이:

1. 눈의 망막의 중앙이 아닌 주변부에 위치하여 있다는것.
2. 빨간색과 녹색에 반응하는 광수용기의 수에 비해 굉장히 적다는것.
3. 그리고 세포가 반응할 수 있는 파란색의 최소 강도가 다른 색에 비해 굉장히 높다는것입니다.

그러므로, 파란색을 사용하면 디자인이 자연스럽게 배경으로 사라져 내용들을 읽기가 매우 쉬워집니다. 물론 내용을 가장 눈에 띄게 디자인하는 방법은, 밝기가 굉장히 차이나는 검은색과 하얀색을 사용하는것이지만, 파란색이라면 디자인에 색상을 사용하는것과 동시에 인간 지각능력의 한계를 좋게 활용할 수 있죠. 파란색이 인기있을 수 밖에 없겠군요 ^^

(이 글은 디자인 블렌딩 영문 버전: The popularity of blue의 한글 번역문입니다)