검색 폼

BLOG Here are some topics that have been on our mind lately.

[] 열정있던 웹디자인계는 어디로 사라졌나.
30 August 2011 by http://bit.ly/JLzmlX

지난 3월 웹액츄얼리팀은 스매싱매거진에서 의미있고 많은 공감이 가는 기사를 하나 발견했습니다. 지난 3년간 우리가 고민하고 겪었던 많은 일들이 글로벌 웹디자인 커뮤니티에도 똑같이 있었다는 사실에 많은 위안을 얻었습니다. 이 내용을 가지고 동료들과 깊이 있게 생각해볼 수 있는 기회도 갖고 토론과 자성의 시간도 가졌습니다.앞으로 저희도 그동안 작지만 열심히 해왔던 일들에 대해 좀 더 많은 국내 웹종사자들과 정보와 의견 등을 나누기 위해 노력하기로 했습니다.

친애하는 웹디자인 커뮤니티여, 그 열정은 어디로 갔나요

웹디자인분야 전문가로서 오늘날 우리는 흥미로운 시대에 살고 있다. 웹디자인 산업은 하루가 다르게 빠른 속도로 혁신하는 곳이기 때문에 놀라운 기회들이 계속 생겨나고 있다. 그래서 디자인과 코딩작업은 전보다 더 광범위해지고 있다. 디자인 사용성은 더 확대되었고 코드는 보다 확장되었으며 레이아웃은 즉각적으로 반응하고 있다. 사실 몇 십년 전과 비교해보면 디자인 작업과 기술이 얼마나 빠르게 성장했는지 그리고 얼마나 진보했는지 잘 알 수 있다

그러나 이 분야의 성장이 완성단계에 접어든 것은 절대로 아니다. 수많은 기술적 진보가 이뤄지기는 했지만 다른 부분의 발전들이 이를 따라오지 못한 것이다. 다른 부분의 발전들이라 할때 크로스 브라우저를 지원하는 표준 문제나 우리가 사용하는 도구(tools)의 기술적 하향과 관련된 것을 뜻하지 않는다. 아니다. 문제는 보다 본질적인 것으로 바로 우리 디자인 커뮤니티 안에서 발생하였다. 즉 지금의 디자인 커뮤니티는 그 가능성과 다양성이 너무도 풍부해서 전문성을 겸비한 성숙함을 보장하기가 점점 어려워지고 있다는 점이다.

사실 우리 내에서 더 깊게 논의하고 짚어봐야 할 이슈들이 존재하지만 아직은 적절한 논의가 이뤄지지 않고 있다. 이 글은 최근에 커뮤니티를 관찰한 나의 개인적 경험을 바탕으로 쓰여졌다. 그리고 커뮤니티의 건강한 발전을 위해 필요한 대화와 짚어봐야 할 문제들에 대한 내 개인적 의견이기도 하다


커뮤니티 정신은 어디로 사라졌는가?

나는 처음부터 웹디자인 커뮤니티의 발전 과정을 경험할 수 있어 매우 운이 좋았다. 나는 어디를 가나 번창하며 모두를 자극하는 그 열정적인 감각에 사로잡혔다. 이 강력하고 진심 어린 열정들은 많은 사이트와 잡지에 나타났었고 경력자와 비경력자 디자이너들의 자극으로 발전되고 있었다. 초기 웹디자인 커뮤니티는 비교적 작았기 때문에 모두가 친절하고 서로 도와주는 분위기였다. 긴 답변이 필요한 질문에도 성의 있고 세세한 답변을 해주는 친절함을 볼 수 있었다.

나는 철저하게 현 기술을 분석하여 개선/대안을 제안하는 수많은 의미 있는 관련 코멘트들과 이에 대한 심도 있는 디자이너들의 토론을 기억한다. 경험 많은 출판 및 디지털 디자이너들이 많은 글을 썼고 경험이 부족한 디자이너들에게 새로운 기술을 가르쳤다. 여러 사이트에서 활발한 토론이 있었고 디자이너들이 서로 연결되며 전문 커뮤니티 관계를 만들어 갔었다.

지금도 이 토론들은 계속되고 있다. 그리고 많은 디자이너들과 개발자들이 이러한 토론을 격려해주고 있다. 폴 보그(Paul Boag), 댄 몰(Dan Mall), 제프리 젤드먼(Jeffrey Zeldman), 프란시스코 인카우스테(Francisco Inchauste), 크리스 코이어(Chris Coyier), 사이먼 콜리스(Simon Collison), 앤디 클라크(Andy Clarke), 폴 아이리시(Paul Irish), 크리스 하일만(Chris Heilmann), 제프리 웨이(Jeffrey Way), 트렌트 월튼(Trent Walton) 그리고 많은 디자이너와 개발자들이 노력과 신념을 가지고 굉장한 일들을 해내고 있다. 이들 말고도 수천 명의 재능 있는 친구들이 커뮤니티를 위해 많은 기사를 쓰고 있으며 모두가 이용할 수 있는 훌륭한 새로운 툴(tools)과 리소스(resources)를 공개하고 있다. 정말 대단한 일이다. 이러한 기여가 커뮤니티를 더욱 발전하게 만들 수 있기 때문이다.

그러나 요즘 들어 미처 간과할 수 없는 일들이 생기고 있다. 그 동안 커뮤니티에 경험과 지식을 적극적으로 기여했던 웹디자인 전문가 숫자가 커뮤니티 성장 만큼 늘지 않고 있는 것이다. 커뮤니티 전체에 걸친 의미 있는 토론을 자주 찾기가 어렵다. (토론은 강력한 메아리로 우리 작업을 개선, 수정, 확대하여 보다 전문가로 만들어 주는데 말이다.)

최근의 해쉬뱅(hashbang) 논의는 우리 커뮤니티에 꼭 필요했던 토론이었다

요즘 들어 나는 자주 우리가 가졌던 놀랍고 영감 있는 그런 열정들이 사라졌음을 느낀다. 결국 몇몇 디자이너들만이 비공개적으로 남아있는 그룹과 토론하고 있고 대중에게는 모습이 감춰져 있다.

비극적인건 우리는 분명 잘 연결된 전문 커뮤니티임에도 불구하고 점점 더 그렇게 되지 못하는 것이다. 수년간 우리가 개발한 프로세스에 너무 익숙해져서도 아니고 디자인과 코딩기술 개선에 관심이 없어서도 아니다. 컨퍼런스나 온라인에서 독자나 동료들과 대화하다 보면 이러한 발전에 대해 우리는 서로 전적으로 다른 생각을 하고 있다.


커뮤니티에 기여할 시간 찾기

최근 웹에서는 많은 일들이 일어나고 있기 때문에 대다수의 친구들이 전문 토론에 활발히 참여할 시간을 갖는 건 어려워 보인다. 나도 다른 사람과 마찬가지로 이런 일에 책임을 느낀다. 왜냐하면 나도 하루에 5-7개 이상의 디자인을 보는 것에(코멘트를 달지 않음에도) 상당히 어려움을 겪고 있기 때문이다. 나 자신도 더 반응하고 참여할 수 있게 노력 중이다. 때로는 이런 노력이 잘 되기도 하고 안되기도 하지만 확고하게 이런 변화에 참여하려 하고 있고 당신도 나처럼 시도 할 수 있을 것이다.

시간이 없다는 것이 온라인 행동을 변화시킨 가장 중요한 원인 중 하나라 생각한다. 이메일은 점점 더 짧아지고 블로그 글과 코멘트 또한 짧아지고 있다. 우리의 관심은 모두를 도취시키기엔 너무 어려웠고 소극적이고 덜 비판적이게 되었다. 요즘 우리들은 너무도 쉽게 타인의 아이디어, 디자인, 컨셉을 정확성과 타당성에 대한 의문 없이 받아들이거나 사용한다. 논의하는 대신 바로 수긍해버리고 비판하기보다 간단히 받아들이거나 무시해버린다. 이러한 이유로 커뮤니티에서의 많은 논의들이 일정 수준의 관심을 얻지 못하고 있다

쿼라(Quora)와 스택익스체인지(StackExchange)에서 이루어지는 웹디자인에 관한 논의들은 이미 우리가 아이디어를 교환하고 질문에 답하고 가치 있는 토론을 하고 있음을 보여주는 좋은 사례다.

다만 한가지 걱정되는 부분은 경험이 적은 사람들의 활동이 기하급수적으로 늘어나고 있는 점이다. 이 때문에 커뮤니티가 올바른 방향으로 가지 못하는 건 아닌가 우려된다. 진정한 리더라 할 수 있는 전문적 지식을 보유한 디자이너와 코더들은 바쁘다. 바쁜 업무로 인해 커뮤니티에 더 이상 기여하고 있지 않으며 시간을 들여 커뮤니티에 기여하는 것이 가치 있는 일이라 생각치 않는다. 나는 이런 태도가 변하기를 바란다. 커뮤니티에는 보다 기여하고 가르치며 도와줄 수 있는 전문가가 필요하다. 그렇지 못할 경우, 결국 대다수는 독학으로 학습하게 되는데 그렇게 되면 우리는 타인의 도움 없이 과연 어디에 있게 될까?

커뮤니티에는 의미 있고 기꺼이 서로 돕는 토론이 필요하다. 시간을 내는 것은 어렵다. 그렇기에 글쓰기와 코멘트에 무조건 열심히 참여 할 필요는 없다. 그저 가끔씩 시간을 내서 커뮤니티에 도움 될만한 간단한 코멘트나 답변, 짧은 블로그 글만으로도 아이디어를 유발하는 토론을 불러 일으킬 수 있다. 그리고 이는 커뮤니티에 큰 도움이 될 것이다. 웹의 장인정신을 가진 우리들은 디자인, 코딩, 글쓰기 등에 대하여 서로의 의견을 나누고 토론하는 걸 사랑한다. 깊고 심오한 글 쓰기 시간이 없을지라도 아이디어를 제안하거나 친구들로 하여금 토론에 참여하게 격려할 시간은 충분히 있다. 이런 식으로 하루에 몇 분씩만 소비해도 우리는 점점 더 많은 지식을 커뮤니티에 축적할 수 있을 것이다

최근 프란시스코 인카우스테(Francisco Inchauste)는 이에 대해 다음과 같이 간략히 요약한 바 있다.

우리 모두는 서로 나눌 수 있는 개인적 관점과 경험을 가지고 있다. 이러한 것들을 서로 나눌 수 없게 된다면 우리는 더 이상 성장할 수 없을 것이다. 커뮤니티는 서로 부족한 사람들이 만들어 가는 것이기 때문에 더 개선하고 나아지려면 서로를 더욱 더 교육하고 인도해줘야 한다.


귀중하고 의미있는 리소스(resources)를 만들어야 한다

아마 가장 쉽게 디자인 토론에 참여하는 방법은 해시태그(#design)가 있는 트윗을 관찰하거나 답변(reply)하는 것이다. 몇 주 전까지만 해도 나는 내 트윗덱(tweetdeck)에 #design 칼럼을 따로 만들었다. 하지만 며칠 안돼어 흥미로운 몇 개의 트윗을 볼 수 있었지만 더 자주는 부정확한 튜토리얼, 프리비, 웹사이트 홍보 트윗을 보았다.

오해하지 말라. 나는 홍보 글을 반대하는 것은 아니다. 단지 재능 있고 다재 다능한 웹의 장인들(craftsmen of the Web)이 트위터 같이 효과적인 도구의 유용함을 제한하고 있는 걸 이해할 수 없을 뿐이다. 왜 심도 있는 논의를 위해 트위터를 사용하지 않는 걸까? 현재 jQuery, CSS3, HTML5 같은 엄청난 기술이 준 기회와 겉만 번지르한 디자인 때문에 우리의 판단이 조금 흐려진 것은 아닐까? 우리는 현재 튜토리얼과 디자인 비쥬얼간의 상호작용을 향상시키려고만 하지 정작 우리 일에 기초가 되는 디자인 원칙, 디자인 과정의 질, 창작물에 대한 진정성은 잃어버리고 있다. 우리는 우리가 찾아낸 솔루션, 우리가 내린 결정, 우리가 작업하는 방법에 대한 이야기와 글들이 모두에게 이익이 되도록 할 수 있는데 말이다.

유용한 리소스를 담고 있는 UX디자인 패턴들과 jQuery 슬라이드쇼, 소셜 미디어 아이콘을 찾고 경험 많은 디자이너들이 쓴 세밀한 연구사례들과 비교해 보라. 가치 있고 유용한 리소스들은 점점 찾기 어려워진다. 불행한 것은 다수의 리소스들이 가진 것에 비해 별다른 주목을 받지 못하고 있다.

우리는 시사하는 바가 많고 중요한 리소스를 만들어내는 크리에이터를 지지하고 조직하여 그들이 그 리소스를 유지하고 지원할 수 있게 도와줘야 한다. 왜냐하면 그들은 문제들을 찾아내어 해결책을 마련하고 또 우리 업의 성장을 뒷받침하는 사람들이기 때문이다. 그들은 현 상황을 비난하길 두려워하지 않으며 실험하기에 힘쓰고 나누고 혁신하는 사람들이다. 이런 것은 우리 분야의 성장을 위해 정말로 필요한 요소다.

HTML5 보일러플레이트는 서로의 생각과 견해들을 나누어 우리에게 유용한 것을 만들어 준 몇몇 웹디자이너들의 협동심을 볼 수 있는 멋진 예이다. 불행히도 Github에 올라온 많은 유용한 프로젝트들은 커뮤니티의 관심을 받지 못하고 있다.

우리는 커뮤니케이션 채널을 현명하게 이용함으로써 동료나 친구들이 토론에 참여할 수 있게 도와줄 수 있다. 그럼으로써 서로의 의견을 나눌 수 있고 시간과 노력을 아끼지 않는 사람들에 대한 글이 널리 퍼져나가 더 많은 사람들이 토론에 참여하고 보다 많은 유용한 자료와 귀중한 리소스를 만들 수 있다.

나는 이런 방법으로 통해 강력한 아이디어와 전문 지식을 교환하고 이것이 놀라운 가능성을 일으킬 수 있다고 확신한다

Fronteers, Brooklyn BetaNew Adventures in Web Design 같은 컨퍼런스의 출현은 강력한 커뮤니티가 갖는 혜택을 잘 보여준다. 이런 컨퍼런스들은 우리에게 영감을 주고 유익하며 더 앞선 생각과 도전을 할 수 있게 도와준다. 컨퍼런스에 참석해 강연을 듣던 중 내 옆 동료가 내게 속삭인 말을 평생 잊지 못할 것이다. “이 강연이 디자인에 대한 내 관점을 영원히 바꿔버릴 것 같아요.” 이런 경험이 온라인 토론에서도 있을 수 있다면 정말 좋을 것이다.


커뮤니티 전체 토론과 설문

수많은 콘텐츠로 인해 우리의 초점은 수십개의 리소스와 토론으로 나누어져 버렸다. 방대한 커뮤니티 전체를 이끌 수 있는 토론이 가능한지도 알기 어렵다. 블로그 방문자도 대개 RSS구독자, 우연한 방문자, 지인으로 한정된다. 인맥을 통해 어느 정도 알릴 수 있지만 대다수 커뮤니티까지로 도달되지 못하며 특히 블로그 규모가 작거나 알려지지 않은 경우는 더욱 그렇다.

우리에게는 같은 생각을 하는 디자이너와 개발자를 만나게 해주는 메커니즘 같은 것이 필요하다. 트위터의 해시태그는 우리가 이미 서로의 아이디어와 생각을 나누고 있음을 보여주는 좋은 사례지만 더 개선되게 만들 수 있다.

만약 우리가 일관된 표준을 가진다면 어떨까? 우리는 집단으로 공동 태그를 만들어 커뮤니티가 사용하게 하거나 개발하게 하여 해시태그를 더 강화할 수 있다. 예를 들면 #design_type, #design_layout, #design_js 등이다. 커뮤티니 전체를 대상으로 하는 설문(#desing_poll)조사는 작지만 영향력 있는 팔로우쉽을 가진 사용자들에게 리트윗되고 쉽게 인지될 수 있게 하여 우리의 의견을 확산시키고 활발한 커뮤니티 참여를 강화시켜줄 수 있다. 우리는 이러한 해시태그들을 찾아주고 가장 인기 있는 토론 주제를 보여주며 스팸과 악의적 행동을 걸러내는 웹사이트를 만들 수도 있다.

이같은 메커니즘은 훌륭한 디자인 리소스, 통찰력 있는 글, 유용한 리소스를 만들어내는 열정 있는 디자이너 및 크리에이터를 지원하는데 유용할 것이다. 또한 이러한 시도들이 정교하게 이루어질 때 커뮤니티 전체 토론에 많은 사람들이 참여하고 연결되기 쉬워질 것이다. 또한 커뮤니티 토론이 외부로 멀리 퍼져나가 타 분야 전문가들이 다른 관점에서 본 의견도 들을 수 있게 할 수 있을 것이다.


자, 그러면 우리는 정확히 무엇을 토론해야 하는가?

웹디자이너로서 우리들은 벌써 먼 길을 걸어왔다. 우리 산업은 점점 더 모양을 갖추었고 더 강한 산업으로 발전했으며 많은 디자인 기술들을 만들어왔다. 여기까지 오면서 심리학, 마케팅, 광고 문안 작성이라든지 하는 다른 직종의 일처리 능력들을 배워왔다. 생각해보면 이것도 정말 엄청난 업적을 달성한 것이다. 우리는 우리가 서로 공헌하고 만들며 살아온 지난 몇 년을 자랑스럽게 생각 할 이유가 충분히 있다. 하지만 다른 산업분야처럼 우리는 계속적으로 우리의 업무와 디자인 프로세스를 개선하고 혁신해야 한다. 사실 우리가 다시 한번 고려하고 넓게 생각해봐야 할 몇 가지가 있다. 먼저 쉽게 알 수 없는 것들부터 살펴보자.


전문용어

앞서 언급처럼 웹디자인에는 수많은 다른 분야와 전문지식이 관련되어 있어 토론에 사용되는 단어의 의미를 모든 사람이 제대로 이해하고 있는지 확신하기가 점점 어려워지고 있다.

디자이너와 개발자 그리고 이해관계자들이 서로 오해를 부르는 일들이 우리 커뮤니티에서 일어날 수 있다. 왜냐하면 우리가 쓰고 있는 전문 용어들이 몇 년에 걸쳐 빠르게 바뀌어 왔기 때문이다. 초기에는 전문 용어들이 빠르게 늘어갔고 시간이 흐를수록 축약한 말들이 말썽을 일으키자 이것들 또한 빠르게 바뀌었다. 우리는 출판 디자인 단어를 따서 웹디자인에 적용하였고, 새로운 개념과 방법을 설명하기 위해 새로운 단어를 만들어 냈다. 또 오늘날 시대에 뒤쳐진 단어도 받아들였다. (플로피 디스크 아이콘이 아직도 저장 아이콘으로 사용되고 있음을 생각해보라)

unsuck IT 는 업계에 쓰이는 특수 용어들을 풀어 설명해주고 있다. 우리 디자인 커뮤니티에는 이런 사이트가 필요 없기를 바라본다.

예를 들어 디자인 용어로 ‘responsive’, ‘adaptive’ 또는 ‘flexible’ 이 쓰이고 있는데, 우리가 이 단어를 사용할 때 정확히 어떤 의미로 사용하는 걸까? “design”이라는 단어에 대해 디자이너들은 시각적 디자인? 하나의 개념으로서의 디자인? UX 디자인? 이라고 각각 다르게 생각하고 있을지도 모른다. 그나저나 UX 디자인은 정확히 무슨 뜻일까? 동일한 문제가 ‘HTML5′, ‘page’, ‘fold’, ‘navigation’ 같은 용어를 토론할 때도 발생한다. 만일 다른 전문 산업에서 예를 들어 의료산업의 경우, 기술 용어로서 공통 단어를 사용하지 않는다면 어떤 파괴적인 결과가 나올지 상상해보라.nsuck IT 는 업계에 쓰이는 특수 용어들을 풀어 설명해주고 있다. 우리 디자인 커뮤니티에는 이런 사이트가 필요 없기를 바라본다.

지난달 웹디자인의 새로운 모험이란 컨퍼러스에서 댄 루빈(Dan Rubin)은 이러한 문제들에 대해 공통적인 문법과 용어의 필요성을 언급하였다. 그는 지금 쓰고 있는 용어들이 너무 신속하게 결정되었다면서 우리가 조금만 더 신중히 생각하고 계획하여 혼란을 피한다면 지금 있는 용어들 위에 덧붙일 수 있는 더 정확한 용어들을 디자인할 수 있다고 얘기했다.

우리는 우리뿐만 아니라 다른 전문가한테도 잘 알려진 개념에 기초한 용어를 사용함으로서 보다 더 정확하고 직관적인 용어 사용이 가능할 수 있다. 댄이 말한 것처럼 이단 마콧(Ethan Marcotte)이 정의한 “responsive architecture”의 뜻은 이러한 문제를 해결한 좋은 사례이다. 이단은 물리적 공간이 그 공간을 지나가는 사람들에게 어떻게 대응하는지 정의하는 개념을 가져와 반응형 디자인을 정의하였다. 이같이 새로운 용어를 창조하지 않고도 다른 업종의 개념을 가져와 우리 웹디자인에 적용할 수 있다.

웹디자인에 적용되었다는 것은 디자인을 동일한 경험의 양상으로 대할 수 있음을 말한다. 그 개념은 쉽게 설명되고 이해될 수 있다. 너무 기술적이지도 난해하지도 않고 무작위로 정해진 것도 아니다. 새로운 디자인 접근방식을 설명하는 용어로 적합하기 때문에 합리적이고 시각적이고 기억에 남는다.

우리는 우리가 사용하는 용어를 축적하여 관계자와 우리에게 일관적이고 명확한 전문 용어를 제공하는 표준화된 디자인 어휘를 만들 수 있다. 공통 어휘를 찾는 것은 우리 작업에 대한 도전이자 지속적인 검토와 업데이트를 필요로 하는 계속된 과정이다.


디자인과 코딩 작업

사실 우리는 디자인 전문 용어 말고도 보안해야 할 것이 많다. 디자인과 코딩 작업이 그렇다. 새로운 디자인 필요조건에 직면하여 우리는 끊임없이 새로운 디자인 과제들을 풀면서 적절한 해결책을 찾고 있다. 이러한 행동이 우리가 새로운 것을 배우는데 뒷받침되고 결정시 큰 영향력을 미쳐 우리를 숙련된 전문가로 만들어 준다.

메소드와 크래프트(Method and Craft)는 전문 디자이너들과 개발자들이 작업 과정이나 디자인 프로세스에 대한 그들만의 노하우와 팁을 나누는 멋진 웹사이트다. 이 분야에 처음 입문하는 사람에게는 금광과도 같은 곳이다.

우리는 매일 새로운 것을 배운다. 새로운 CSS trick 이나 UX tweak 들을 발견한다. 그러나 포토샵 테크닉, 아름다운 폰트 페어링, 간편한 코딩 기술 등은 브라우저가 좋아지면서 서서히 구식이 되어 버린다. 그리고 우리는 더 이상 브라우저 핵(hacks)이 필요 없음을 깨닫게 된다. 우리는 매일 우리의 일반적인 관례들을 개선할 수 있는 방법들을 찾는다. 이렇게 일상에서 발견되는 작은 것들이 우리의 기술과 작업 흐름을 개선하는데 도움을 준다. 또한 적극적으로 회사 동료와 생각과 방법을 나눔으로써 결국 디자인과 코딩 작업은 향상되고 모두에게 이익이 된다.

우리는 어려운 질문이나 과감한 글 쓰기를 두려워해서는 안된다. 만약 당신이 우리가 CAPTCHAs 쓰는 걸 멈춰야 된다고 생각하면 두려워 말고 말하라, 그리고 당신의 논리를 분명히 설명하라. 만약 당신이 스크롤바를 다른 식으로 만들 수 있다고 생각한다면 말하라, 그리고 그것이 어떻게 작동하고 왜 더 좋은지 설명하라. 만약 당신에게 개인적 고민이 있고 그것에 대해 다른 이들의 의견을 듣고 싶으면 말하라, 다른 사람들도 똑같은 문제로 고민하고 있을 수 있다. 우리는 기쁘게 문제를 풀 수 있도록 도와줄 것이다.


직업 윤리

‘아니오’라고 말하는 것은 정말 어려울 때가 있다. 특히 개인적으로 혹은 경제적으로 혜택을 누리고 있는 경우에는 더욱 그렇다. 그러나 전문가로서 우리는 자신 혹은 프로젝트가 생각하는 의도와 목적이 다른 청탁과 제안에 유혹되지 않도록 해야 한다. 처음 쓰여진 대로 행동하면 일시적인 이윤을 불러 올 수 있다. 하지만 계속해서 자신과 프로젝트를 유혹에서 지켜나간다면 장기적인 이득을 취할 수 있을 것이다. 전자는 우리에게 일시적인 이윤을 불러 올 수 있지만 결국 후자는 장기적인 이득을 취할 수 있게 해줄 것이다.

우리는 웹상에서 디자인이나 코딩을 할 때 또는 글을 쓰고 편집하고 포스팅 할 때 윤리 의식을 더 높여야 한다. 온라인 출판물에서 말 그대로 생각 없이 하는 복사-붙여넣기는 그만하자. 우리는 웹상에서 디자인, 코딩, 집필, 편집 그리고 발표를 할 때 직업 윤리를 준수해야 한다는 것을 더 많이 의식해야 한다. 복사-붙여넣기 방식에 말 그대로 “그대로”인 웹사이트 퍼나르기는 그만하자. 또한 기사를 형상화도 뒷받침도 못하는 저렴하게 판매되는 재고 사진들도 이제 그만 사용하자.

전문 출판물도 종종 구글의 Link Juice 를 높이기 위해 link-dropper를 이용한 “nofollow” 사용한다. 대부분의 사용자들은 “Milestone Professional Web Design Agency” 링크를 클릭하지 않을 것이다. 그러니 이제 그런 행동도 그만하자. 그때 그때 상황에 따라 온라인상의 행동을 최대한 좋게 만들고 조정하여 사용하는 이런 비슷한 예들이 많이 있다.

Ethics and Web Design 사이트는 우리 직업 윤리의 기초를 다루는 귀중한 리소스다.

콘텐츠를 만드는 사람으로서 우리는 자주 광고에 의존한다. 우리가 심혈을 기울여 만든 콘텐츠가 돈으로 평가 받을 수 있음을 인정하는 건 때때로 필요악이다. 그것은 전혀 나쁜 것은 아니다. 하지만 웹사이트에 광고를 소개할 때 엄격한 제한이 필요하다. 예를 들어, 텍스트 링크 광고와 스폰서 포스트 같은 경우는 주의 깊게 표시해야 한다. 콘텐츠와 광고는 엄격하게 분리해야 한다. 각각의 웹사이트에 개인적인 원칙들을 만들 수도 있다. 온라인에 그 같은 룰을 공표하라. 그리고 무슨 일이 있어도 그것을 지키도록 하라, 그러면 독자들은 당신을 인정하고 좋은 사이트를 만들기 위해 노력하는 당신에게 감사할 것이다.

자신의 콘텐츠와 온라인에 그 콘텐츠를 게재하는 방법에 대해 비판적 태도로 바라보는 것도 좋은 방법이다. 그런 행동은 일관적인 집필 스타일이나 글에 쓰여진 이미지의 질이나 code snippet 등에 대해서 더 많이 신경을 쓴다고 할 수 있다.

이런 세밀한 것들이 글에 색다른 톤을 더해주고, 우리 생각에 힘을 더해 주며 글의 내용이 더 충실해질 수 있도록 해준다. 전에 집필된 글보다 더 고급스럽게 할 수 있도록 도전해 보는 것은 어떨까? 그냥 무작위로 집어넣는 것이 아니라 미세한 결점들을 보완하고 출판되는 모든 기사를 질 좋은 기사로 만들어 보는 것은 어떨까? 특히 대형 웹사이트 구축 시, 스타일 가이드는 이런 것들을 도와줄 수 있다.


포토샵 에티켓 선언서(Photoshop Etiquette Manifesto)에는 당신의 포토샵 문서들을 잘 정리할 수 있도록 문서 이동방식이 좀 더 편해질 수 있도록 도와주는 적절한 제안들을 보유하고 있다

웹디자인에서는 안티패턴(anti-patterns : 사용자들을 속이기 위해 특별히 만든 패턴) 사용을 중지하고 대신에 고객을 존경하고 대변해야 한다. 고객의 브랜드나 당신 자신의 프로젝트를 위해 충실하고 정직한, 진정한 사용자 중심의 토대를 구축하는 것에 대해 생각해 보라. 또한 서로간의 관계의 질을 높이는데 힘써라.

디자인은 웹사이트 방문자에게 편리한 사용성을 제공해야 하고 코딩은 개발자들에게 유지보수가 될 수 있게 해야 한다. 콘텐츠에서 언급한 것처럼 직장에서도 따를 수 있는 기본적인 원칙을 제안하고 그것을 공개하라. 그리고 실천할 수 있게 하라. 이런 내용들을 마지막 체크리스트 항목으로 만들어 출판하거나 글을 올리기 전에 확인하라. 이런 행동이 사람들이 당신의 일을 존중하고 당신을 존경하게 만들 수 있는 방법이다.

끝으로: 최고의 디자인과 최고의 코딩 실행만 수용하는 것이 아닌 출판 정책, 고객의 관심사를 보호하고, 동료들에게 전문적인 업무지원을 하는 반응형 웹디자인(Responsive Web design)을 만들기 위해 노력해야 한다.


웹디자인 트렌드를 보는 시각

아름답고 최고의 웹 제품을 만들기 위해 노력하는 전문가들은 혁신적인 디자인과 코딩 기술 분석을 좋아한다. 디자인과 코딩 기술을 해체하고 다시 합치고 그 과정에서 가능성을 배우는 걸 좋아한다. 또 이에 대해 동료와 토론하고 다음 프로젝트에 대비해 기억해두는 걸 좋아한다. 이러한 기술이 많은 디자이너들에게 사용될수록 그 기술은 우리에게 더욱 중요해진다. 우리 사이에서는 이를 정중하게 트렌드라 부르기 시작했다.

트렌드는 위험할 수도 있고 잘못된 길로 이끌어 줄 수도 있다. 트렌드는 아직 동료들이 가지지 못한 소중한 통찰력을 내가 가진 것 같은 짜릿함을 준다. 우리는 일반 관행이 되버리기 전 먼저 하나를 발견해 효과적으로 사용할 수 있을 때 이를 행운으로 여긴다. 트렌드는 다음에 일어날 중대한 사건을 선도하기에 우리는 트렌드에 주목한다.

하지만 난 가끔씩 트렌드가 너무 과대평가 받고있는 것은 아닌가 생각한다. 트렌드는 자주 완벽한 해답인 것처럼 여겨진다. 혁신적이고 널리 사용된다는 단순한 이유만으로 모두가 그 트렌드를 수용하고 존중한다 (드롭 쉐도우나 텍스트 쉐도우를 생각해보라). 나는 우리가 트렌드의 본질을 정확히 이해하지 않은 상태에서 너무 빨리 받아들인다고 생각하고 이래서는 안된다고 생각한다. 트렌드는 우리가 직면한 모든 문제의 만병통치약이 아니며 어떤 상황에서는 종종 최적의 답을 주지 못한다.

그렇다고 트렌드가 중요하지 않다는 것은 아니다. 트렌드는 중요하다. 특히 혁신을 촉진시키거나 우리들이 한 디자인에 대해 다시 한번 생각할 때 더욱 그렇다. 트렌드는 디자인을 보다 효과적으로 생각 할 수 있게 도와준다. 그러나 트렌드는 어떤 특정한 관심을 다룰 때는 아니나 다를까 실패한다.

모스크바에 있는 건축회사 웹사이트인 Mospromstroy를 보고 관찰하는 것만으로도 많은 것을 배울 수 있다. 이 웹사이트에 쓰인 코드는 최적이지는 않지만 흥미로운 디자인적 결정들을 보여준다

지난해 나는 러시아나 한국 같은 친근하지 않은 외국 웹사이트들을 상세하게 분석하는 걸 좋아했다. 와이어프레임을 만들거나 인터렉션 패턴 및 소스코드를 분석하고 조사할 때는 그냥 빠르게 훑어 보는 것만으로도 영감과 힘을 얻는다. 나는 디자이너들의 결정과 그 결정 하나 하나에 대한 본질적 이유에 대해 궁리하고 생각하길 좋아한다. 하지만 나는 이것을 외부에서 바라만 볼 수 있을 뿐 그 결정에 대한 진의는 알지 못한다.

진의를 알지 못하는 이유가 우리가 디자인 트렌드를 대할 때 조심해야 하는 이유이다. 우리가 어떤 특정 기술에 대해 잘 알지 못할 때에는 디자인에 적용하기 전에 충분히 실험하고 확인해야 한다. 바로 이 부분이 트렌드에 관해 우리가 놓치고 있는 부분이다.

우리는 트렌드를 정답이라고 단정짓기 전에 충분히 관찰하고 조사해야 한다. 트렌드를 따라다니기 보다는 대면하고 개선하여 우리 것으로 받아들여야 한다. 비쥬얼 효과와 특정 기술에 대한 관심 때문에 트렌드를 적용하는 것은 오히려 역효과를 일으킬 수 있다. 쉽게 사라지는 트렌드 보다는 목적을 충족시킬 수 있는 디자인 만들기에 더 힘써야 한다. 트렌드를 다룰때는 조심스럽고 책임감 있게 행동하고 트렌드가 디자인에 의미를 부여하는 것이라 생각되면 사용하지만 디자인 맥락 문제에 있어 맞지 않는다면 무시해야 한다. 그럼으로써 독창적이고 잘 갖추어진 영구적인 사이트를 만들 수 있다.

과거에서 배우기

트렌드는 디자이너들이 현재 하고 있는 모습을 보여준다. 하지만 우리는 과거 유산(heritage)을 참조하여 우리의 스킬을 확대할 수 있다. 우리는 디자이너로서 근본적인 문제 해결자다. 우리는 기존의 현상을 분석하고 주어진 과제와 요구들을 익혀 의미있는 해결책을 찾는다. 우리가 처음 찾는 것은 잘된 비주얼과 기술적 접근이 아니다. 우리는 먼저 하나의 아이디어를 찾는다.

이 단계에서 가장 도움이 되는 것은 경험과 창조적인 생각이다. 특히 비주얼 커뮤니케이션에서의 풍부한 과거 유산들이 유용하다. 과거에서 배움으로써 지금까지 어떤 식으로 아이디어와 기술이 출현해왔고 발달해 왔는지 잘 이해할 수 있다. 우리가 지금 직면하고 있는 과제 아니면 미래 우리가 직면해야 할 문제들을 과거의 전문가들은 어떻게 풀어나갔었는지 배울 수 있다.

 

Design Is History, Smart History 와 Graphics Atlas같은 웹사이트들은 우리에게 그래픽 디자인과 비주얼 커뮤니케이션 그리고 디자인 과정의 진화를 잘 보여주는 탁월한 리소스들이다. 우리는 이 웹사이트를 분석하면서 많은 것들을 배울 수 있다.

Andy는 강연에서 자신의 독특한 관점을 공유하면서 사용자들이 콘텐츠를 접하는 것 뿐만 아니라 전반적으로 소비하게 하는 법에 대해 말했다. 1960년대 만화책과 서부영화를 예로 들면서 정보를 소비하는 페이스에 영향을 주기 위해 사용된 다양한 기술(ex. 영화에서 침묵을 활용하거나 만화책에서 칸의 형태 변형)에 대해 언급했다.

우리도 이런 테크닉들을 디자인에 적용함으로써 독자들이 우리의 콘텐츠에 좀 더 길게 관심 갖게 할 수 있다. 사용자들이 생각할 필요가 없게 만드는 것이 아니라 반대로 호기심을 불러일으키게 할 수 있을 것이다.(좋은 사례로 Ben the Bodyguard 웹사이트를 들 수 있다.)

 

Ben The Bodyguard 사이트는 당신이 생각했던 것 보다 더 오래 사이트에 머무르게 한다

우리는 다른 시대, 다른 미디어의 컨셉을 디자인에 적용시키는 걸 주저하지 말아야 한다. 실제 디자인과 관련 없어도 된다. 그림자, 경사, 원만한 모서리를 생각하는 대신 긴장, 타이밍, 나레이티브를 생각해야 한다.

다음에 아이디어를 찾을 일이 있을 때 예전에 재미있게 읽었던 책을 다른 시각으로 다시 한번 읽어보자. 당신의 프로젝트에 불러올 가치가 있는 독특한 포인트들을 찾아보자. 포인트를 찾는 순간 당신은 독특하고 새롭고 혁신적인 디자인이 태어나는 순간을 맛 볼 수 있게 될 것이다.

결론

산업이 발전하면 우리 업무의 관행과 질도 함께 발전하기 마련이다. 우리는 짧은 역사 동안 중요한 과제들을 풀어왔지만 아직도 풀지 못한 것들이 많다. 업무 중에 글을 쓰고 논의하는 과정에서 내린 결론과 해답은 우리 모두에게 이득이 될 것이다. 또한 정해진 규칙과 자리 잡힌 다른 기업들간의 소통을 개정하고 강화하며 전문용어와 윤리체계를 확장시킬 수 있다.

아마 우리는 10~15분 정도의 시간을 매일 커뮤니티에 투자할 수도 있을 것이다. 우리는 이를 회사만의 임무로 만들 수도 있고 다른 사람으로 하여금 스스로 참여할 수 있도록 북돋아 줄 수도 있다. 의미 있는 말 한마디 혹은 가치 있는 소재를 지원하거나 당신이 무엇을 배워왔는지에 대한 짧은 기사를 쓰기 위해 떠날 수 있는 시간을 찾아라. 이렇게 공헌한 모든 것들은 즉각적인 의미를 가지게 될 것이고 그에 대해 의논하도록 우리를 고무시킬 것이다. 우선 우리는 임무에 필요한 의지를 고양시키기 위해 해쉬태그 #wdcommunity를 이용하는 것으로 시작할 수 있다.

나는 우리가 매일 이러한 상태를 유지한다면 어느 날 경이로운 결과로서 주목할만한 커뮤니티로 거듭나게 될 것이라 확신한다. 나 자신도 하루빨리 그 날이 오기를 바란다.

이 글을 쓰는데 귀중한 도움과 의견을 주신 프란시스코 인카우스테(Fancisco Inchauste, @universalmind), 크리스 시플렛(Chris Shiflett, @shiflett), 니산트 코타리(Nishant Kothary, @rainypixels), 폴 스크리벤(Paul Scrivens, @scrivs), 앤디 클라크(Andy Clarke, @Malarkey), 댄 루빈(Dan Rubin, @danrubin)과 다른 분들께 진심으로 감사드린다.

 

글쓴이 : 바이탈리 프리드먼

현재 바이탈리는 ‘스매싱매거진’의 편집장을 맡고 있으며 강연과 함께 웹디자인 관련 유익한 글을 신나게 쓰고 있다. ‘스매싱매거진‘은 전세계 웹디자이너와 웹개발자에게 웹디자인 관련 고급 정보를 엄선해 제공하는 인터넷 매거진이다.

 

스매싱매거진의 허락을 받고 번역해서 올립니다. 이 글을 읽고 공감이 가시면 ‘그냥 퍼나르지 마시고’ 위에 있는 트위터나 페이스북 ‘좋아요’ 버튼을 한번 클릭해주세요. 저희가 나름 열심히 번역작업을 했습니다. :)

여러분 각각의 모임에서도 유익한 담론이 생겼으면 하는 바람입니다.

※ 내용중에 오번역, 오탈자를 발견하신 경우에는 알려주시면 감사하겠습니다.
[편집자주]

 

webactuallyhttp://www.webactually.com

웹액츄얼리팀은 '워드프레스'를 이용해 개인/기업을 위한 '브랜드페이지'를 제작하고 웹디자인 관련 책을 번역 출판합니다.

Comments

Twitter

  • «스매싱 북 2» ’로스트 파일’ 한글판 PDF를 무료로 다운로드 받으세요~ 이메일을 등록하시면 ’로스트 파일’ 한글판 PDF를 무료로 다운로드 받으실 수 있습니다.
  • RT : “RWD sites can indeed compete with m dot sites in terms of load time!” Great performance research from :
  • 아이뉴스24 «스매싱 북 2» 리뷰. 심플한 UI와 디자인이 좋다는 말은 하는 데 막상 각론으로 들어가면 막연해지기 일쑤다. 시대가 지나도 가치가 바래지 않는 디자인계의 명작을 분석해 원리를 끌어낸다.