웹액츄얼리팀은 지난 5월 17~19일까지 런던에서 열린 ‘FUTURE OF WEB DESIGN‘ 컨퍼런스에 다녀왔습니다. 디자이너 1명과 프론트엔드 개발자 1명이 참여했습니다. 때마침 아일랜드에서 화산이 다시 터져 가슴이 조마조마했지만, 무사히 다녀올 수 있었습니다.

이번 컨퍼런스를 통해 다시 한번 느낀 것은 글로벌 웹디자인 트렌드에 대한 수준을 절대로 놓치지 말아야겠다는 것이었습니다. 앞으로도 웹액츄얼리와 함께하는 고객분들께 더 수준높은 서비스를 해드리도록 노력하겠습니다. 이번 컨퍼런스를 통해 배우고 느낀 것 등을 4회에 걸쳐 블로그에 올립니다.

많은 관심과 격려 부탁드립니다. ^^
[편집자주]

감성 인터페이스 디자인 : 열정적인 사용자를 만드는 방법

Emotional Interface Design: The Gateway to Passionate Users

강사, 저자이면서 ‘메일침프’(MailChimp.com)의 UX디자이너인 아론 월터(Aarron Walter)가 발표를 위해 올라왔다. 생각했던 것 보다 작고 마른 체구인 아론은 안경 너머로 보이는 깊고 반짝이는 눈빛 만으로도 관중을 압도하는 카리스마를 지니고 있었다.

메일을 배달하는 침팬치 캐릭터로 유명한 ‘메일침프’는 이메일 마케팅을 효과적으로 제작, 관리할 수 있는 툴을 제공하는 웹 2.0 서비스다.

이미 전세계에 수많은 사용자를 가지고 있는 메일침프는 뛰어난 기능 뿐 아니라, 쉽고 친근한 인터페이스로 사용자들로부터 광적인 사랑을 받고 있다.

아론의 강의 ‘감성 인터페이스 디자인(Learning to Love Humans: Emotional Interface Design)’를 통해 나는 메일침프의 디자인 철학 뿐 아니라, 미래의 웹디자인의 방향에 대해 다시 한번 생각하게 되었다.

1990~2000년 대 초반의 웹트렌드는 매우 점잖고 격식을 갖추는 것이었다. 뭔가 좀 더 있어 보이게 하기 위해 공식적인 문구나 이미지들을 사용했다. 그렇지 않으면 클라이언트나 사용자들로부터 신뢰를 받을 수 없다고 생각했기 때문이다.

그러나 세상은 바뀌었다. 페이스북이나 트위터 같은 소셜 네트워크 서비스의 발달과 함께, 사람들은 좀 더 가깝고 친근하게 또는 사적으로 말을 걸어주는 브랜드나 서비스에서 신뢰를 얻고 정을 느낀다.

이런 시대의 흐름에 따라 최근 유명 웹디자이너나 웹서비스들은 각기의 개성 또는 인간미를 보여줄 수 있는 감성적인 디자인을 위해 많은 노력을 하고 있다.

케니 마이어Kenny Meyers는 유머를 통해 자신의 작업을 소개한다. (당신은 지나치게 많은 일을 하고 계십니다. 저의 도움이 필요할 때 입니다. 제가 당신을 대신해서 뻑~가게 일을 처리해 드리겠습니다. 당신은 이제 주말의 진정한 의미를 다시 찾게 될 겁니다.

Usable = Edible

(사용성만 있는 웹은 그럭저럭 먹을만한 음식에 불과하다)
우리는 그 동안 사용하기 편한 사용자인터페이스(User Interface)를 만드는 것에 많은 노력을 해왔다. 하지만 모두에게 맞는 인터페이스를 디자인하는 것은 쉬운 일이 아니다. 최근 사용자 감성 중심의 디자인 등장은 이런 프로세스에 또 한번 커다란 변화를 가져다 주고 있다.

고급 레스토랑에 갔을 때 우리는 단지 그 곳의 음식만을 기대하지 않는다. 맛 뿐 아니라, 입에서 느껴지는 감촉, 음식의 장식, 인테리어, 서비스 등 모두 훌륭할 것이라고 기대한다. 이 모든 것이 만족되는, 요리를 먹는다는 것! 상상만으로도 정말 큰 즐거움이다.

고급 레스토랑을 웹사이트에 적용해보자. 사용하기 편하면서 즐거움을 가져다 주는 웹사이트를 만든다면 사용자에게 정말 커다란 만족감을 줄 수 있을 것이다.

아론은 ‘베이스캠프(Basecamp)’와 ‘우프(Wufoo)’를  예로 들었다.

베이스캠프Basecamp(프로젝트관리 서비스): 사용성에만 포커스된 웹서비스의 예

웹액츄얼리팀도 프로젝트 관리를 위해 사용하고 있는 베이스캠프. 프로젝트를 효과적으로 관리할 수 있는 훌륭한 서비스를 제공하고 있지만, 인터페이스가 딱딱하고 건조하다.

우푸Wufoo(웹폼/설문 빌더): 사용성과 사용자 만족감을 모두 갖춘 웹서비스의 예

‘우푸’는 인터넷에서 사용자가 직접 웹폼(form)이나 설문을 만들 수 있는 툴을 제공하는 웹2.0 서비스다. 폼, 설문… 말만 들어도 딱딱하고 지루할 듯한 이 작업 과정을 우푸는 사용하기 쉬우면서 만들어 나가는 재미를 가질 수 있도록 인터페이스를 구성했다. 밝고 경쾌한 색상의 사용과, 친근한 폰트, 적절한 일러스트의 사용으로 자칫 딱딱해 질 수 있는 서비스를 놀이터처럼 즐거운 공간으로 만들어 놓았다.

우푸의 CEO 케빈 헤일(Kevin Hale)은 인터뷰에서 우푸의 디자인을 장난감 브랜드인 ‘피셔프라이스(Fisher-Price)’와 같은 느낌으로 재밌게 만들고 싶었다고 했다.

Hello, Maslow! 매슬로의 인간욕구단계설

아론은 강연에서 매슬로Maslow의 인간욕구단계설 Hierarchy of human needs 표를 설명했다.

매슬로의 인간욕구단계설(Hierarchy of human needs)

아론은 강연에서 매슬로Maslow의 인간욕구단계설 Hierarchy of human needs 표를 설명했다.
인간은 생리적 욕구, 안전욕구, 사랑욕구, 존경욕구, 자아실현욕구가 단계적으로 만족되면 마침내 행복한 단계로 인식하게 된다는 이론이었다.

아론은 이 이론을 ‘웹 인터페이스 단계에 따른 사용자 욕구’로 변형하여 표로 제시했다.

사용자 욕구단계설(Hierarchy of User needs)

인터페이스 디자인의 가장 아래 단계인 기능성(functional)부터 시작해서, 신뢰성(reliable), 사용성(usable), 즐거움(pleasurable)까지 단계별로 제공할 때 사용자의 만족감이 최고가 될 수 있다는 것이다.

전세계적으로 가장 상위 단계인 ‘즐거움’ 까지 제공하는 웹사이트나 웹 어플리케이션은 찾기 드물다.

‘개성은 감성을 기반으로 한다’고 한다. 농담을 하고, 슬퍼하고, 기쁨을 표현하고 사람들과 관계를 맺을 때 우리는 감성을 드러내고 그것은 곳 우리의 개성으로 간주되기 때문이다.

웹디자인에 감성을 구워낼 수 있다면, 우리는 각기 독특한 개성을 가진 사이트를 만들 수 있다. 그리고 그 개성을 통해 많은 장점을 가질 수 있다는 것이다.

감성 디자인 사례

Emotion in Design
아기들은 자기가 울 때마다, 부모가 달래주고, 우유를 주고, 쓰다듬어 주는 반복되는 상호 작용에 의해 안정감을 가지고 믿음을 쌓아 나간다고 한다.

이 상호 작용은 웹인터페이스에서도 동일하게 적용된다. 사용자에게 긍정적인 감성적 자극을 계속 주게 되면, 그들은 믿음을 쌓게 되고, 자신과 긴밀하고도 긍적적인 관계를 계속 만들어 나가려고 노력한다.

아론은 감성 디자인이 적용된 몇 가지 사례를 소개했다.

1. 트위터 아이폰 앱스 – Feathers

트윗의 글자수의 따라 파랑새의 얼굴 색상이 변한다.

‘페더스(Feathes)’는 사용성과 감성 디자인을 잘 조화시킨 트위터 아이폰 어플리케이션으로 유명하다. 글을 쓸 때 글자수가 증가함에 따라 귀여운 파랑새 아이콘의 얼굴색이 점점 바뀐다. 트윗의 최대 허용 글자수인 140자에 가까워지면 얼굴색이 붉은색으로 변하면서 경고를 알리는 것이다. 새의 얼굴색 변화는 사용자에게 에러를 인지할 수 있게 하는 사용성을 나타내기도 하지만, 사용자와의 감성적인 관계를 만들어 내는 장치이기도 하다.

‘트윗덱(TweetDeck)‘, ‘시스믹(Seesmic)‘ 등의 훌륭한 트위터 앱스가 많지만 Feathers만의 장점이 분명히 있다. 일부 사용자들은 트위터의 얼굴이 빨개지는 것을 보기위해 일부러 글을 많이 적기도 한다.

수치 변환 앱스 ’컨버트봇(Convertbot)’과 몸무게 변화를 보여주는 ‘웨이트봇Weightbot’ 아이폰 앱스

영화 Wall-e에서 영감을 얻은 Convertbot와 Weightbot의 디자인

수치를 변환 한다거나 자신의 몸무게 기록하고 추적하는 과정은 전혀 즐거운 일이 아니다. 하지만 영화 Wall-e에서 영감을 받아서 디자인 한 TapBots사의 이 두 앱스는 마치 로봇이 나의 지시를 받아서 수치나 기록을 보여주는 듯한 인터페이스로 구성이 되어있다. 또 로봇이 내는 효과음은 사용자들이 로봇과 상호작용을 하는 즐거움을 배로 향상 시킨다.

이러한 인터페이스 디자인을 통해 사람들은 이 앱스를 단순한 소프트웨어로 생각하지 않는다. 나의 지시를 받는 로봇으로 인식하면서 이로 인한 피드백에 감성적인 정을 느끼는 것이다.

Treats & Discovery

특별요소 배치와 발견의 즐거움

우연히 라디오에서 내가 좋아하는 음악을 듣었을 때 기분이 좋아졌던 경험이 있을 것이다. 이러한 경험은 내가 직접 음악을 저장해서 사용하는 아이팟에서는 기대할 수 없는 감정이다. 그것은 바로 ‘우연한’ 발견의 놀라움 때문이다.

사진 마니아들의 커뮤니티 사이트 ‘포토조조(Photojojo)’

‘포토조조(Photojojo)‘는 곳곳에 숨어 있는 특별한 부분들을 발견하는 즐거움을 주고 있다.
상품 사진 옆의 “learn more” 핑크색 풍선을 누르면 풍선이 상품의 상세설명이 있는 곳까지 내려간다. 이 풍선의 움직임으로 작은 모니터를 사용하는 사람은 상품 설명이 안 보일 수 있다는 사용성의 문제점을 귀엽게 해결하고 있다. 울상이던 쇼핑 카트에 상품을 추가하면 상품이 쇼핑 카트로 던져지는 모션이 보여지고 쇼핑카트는 바로 웃는 모양으로 바뀐다.

이러한 발견의 즐거움은 결제 과정에서도 볼 수 있는데, 새로운 사용자임을 확인되면 귀여운 로봇의 환영 메시지를 볼 수 있다.

메일침프(MailChimp)의 감성 인터페이스 디자인

‘특별요소 배치와 발견의 즐거움’ 은 메일침프 UX 팀에서 매우 중요한 디자인 과정으로 다루고 있다고 한다. 재치 있는 문구, 시즌별 메세지, 단계별로 다른 피드백 등은 매일 익숙하게 메일침프를 사용하는 사용자에게 발견의 즐거움을 주고 있다.

메일을 받았을 때 윈도우 창을 가로로 늘리면 메일을 감싸고 침팬치의 팔이 윈도우 창의 크기에 맞게 늘어나가다 결국에는 팔이 찢겨나가는 UX. 사용자들에게 발견의 즐거움을 제공하고 있다.

어떤 사용자는 메일침프의 특별 요소들을 찾아서 자신의 블로그에 모아놓을 정도로 애정을 보이기도 한다. 굳이 서비스를 이용하지 않는데도, 로그인을 하는 사용자가 있을 정도이다. 감성 인터페이스 디자인은 열정적인 사용자를 만드는 중요한 요소이다

The Risk of Emotion

감성 디자인의 위험 요소

웹사이트를 통해 감성을 드러내고 개성을 표현하는 것은 자칫 위험한 시도일 수 있다. 어떤 사람들은 그 의미를 파악하지 못 할 수도 있으며, 심지어 어떤 사람들은 싫어 할 수 도 있다. 그러나 이러한 디자인으로 인해 오는 감성적인 피드백은 평범한 다른 사이트에서 받는 피드백과는 분명 다른 차원이다.

글의 서두에서처럼 웹은 변하고 있고, 사람들도 이제 웹에서도 더 실제적인 감성을 주고 받기를 원하고 있다. 트위터, 페이스북으로 대표되는 현재의 트렌드가 그 방향을 말해주고 있다.
웹사이트, 앱스, 또는 브랜드에 개성을 심고, 표현하는 것은 사용자와 함께 호흡하고 공감할 수 있는 매우 강력한 방법이 될 수 있다.

Some thoughts

글을 정리하면서…
웹2.0 , 소셜네트워크, 시멘틱웹, 모바일웹… 웹은 하루가 다르게 빠르게 변화하고 있다. 이에 따른 웹디자인 트렌드도 계속 변하고 있다. 하지만 디자인 스타일이 어떻게 변하던, 보여주는 방식이 플래시던 HTML5이던 잊지 말아야 할 중요한 한가지를 우리는 너무 쉽게 간과 하고 있었다. 웹도 결국 사람과 소통을 하고 있다는 것이다. 사람들은 이제 더 이상 일방적으로 받는 정보에 만족하지 않는다. 각각의 개성을 가지고, 감성을 느낄 수 있는 디자인 요소로 좀더 친근하게 다가갈 수 있는 웹이 미래의 웹 디자인의 방향이라고 생각한다.

애플의 제품이 단지 예쁘기만 했다면 오늘날과 같은 많은 마니아층을 만들어 낼 수 없었을 것이다. 웹서비스의 애플이 되고 싶다면 웹에 감성을 실어야 한다. 함께 느끼고, 웃고, 감정을 나눌 수 있는 감성적인 UX디자인을 만들어야 한다.

애런 월터 Aarron Walter

감성 디자인

인간심리학을 녹여낸 감성 디자인의 마법!
‘따뜻한 사이트’를 위한 애런 월터의 이야기

책 구매하기책 미리보기책 상세설명

The webactually team just came back from the “Future of Web Design” conference held in London, this past May 17th to 19th. We sent our designer, and front end developer, and it was a nervous time for all of us there. We thought the Iceland volcano might go off again, but fortunately, we were able to come back safely.

We hope you all enjoy ^^

Part 1 : Play, Destroy, Create, and Socialize! : Overall thoughts on the conference

Part 2 : : “Learning to Love Humans: Emotional Interface Design” by Mailchimp’s Aarron Walter – The most inspiring session.

Part 3 : : “How to Run a Successful Web Design Business” by Headscape’s co-founder Paul Boag – Most helpful to webactually’s direction and goals.

Part 4 : “10 Tips for iPhone Interface Design” by You Know Who’s founder Sarah Parmenter

Play, Destroy, Create, and Socialize!

Photo by Stefan Nitzsche. Some rights reserved.

‘Future of Web Design‘The ‘Future of Web Design’ conference always holds a conference on the topics that our web designer and front end developers deal with. This year’s conference was on HTML5, CSS3, jQuery, UX, design, and business. For all the fields we went to lectures, workshops, design clinics and various other events of the leaders in those fields. We packed all of this into a tight three-day schedule.

Surprise! Surprise! Surprise!

We attended the conference hoping to get a great experience and learn a lot, but many new and surprising things crossed our paths during the conference.

My Two Biggest Stars!

Starting from the days when the words “web designer” were still unfamiliar, There were two men who made me feel so small and embarrassed even after having worked as a web-designer for such a long time. Brendan Dawes and Joshua Davis. Just to hear their sessions with my own ears, say a brief hello, and just know that we are in the same room together, I had already achieved half my goals this conference!

Talk – Action = Shit : Photo by Marc Thiele. Some rights reserved.

Although I missed Joshua’s workshop to attend Paul Boag’s workshop, I was resolved to hear Brendan Dawes’ session and his creativity. The key to his creativity comes from having fun while working which is to find meaning even from the small things in life (like the ‘wife’s bag’), to shape them into work, and so to create.

The secret to their genius creativity of making art by mixing design with technique, is to enjoy the process while creating

Who says the English are slow to change?

This year’s hottest issue is HTML5 & CSS3. Before the start of the conference, they asked everyone: “Those who currently design with HTML5 and CSS3, please raise your hands.” About half the people in the room raised their hands. Our front end developer who went me to the conference said, it would be hard to count on 10 fingers the amount of people in Korea who do this!

This Day, Dan Cederholm‘s session – title “How to Get Started with CSS3”demonstrated, through the demo website : Things We Left On The Moon” that with CSS3 there are many ways to express transforming, animation, and transparency. It was a lecture that even inspired a designer like me to learn the simple coding of CSS3.


Opera’s Bruce Lawson also showed us a live coding demonstration of how to put a video directly in a page without Flash or Silverlight, starting with very simple doctypes preparation, and HTML5 Validate.

The English are impervious to change. The English “choosing the old and bad over the new and good.” But their strength is that they are very rational. They think “in order to deliver information on the web, we have to be able to offer the application’s functionality while sticking to the basics.” The reason they have a big interest in HTML5 is probably because they think, “finally, the time has come to change the standards of the web.”

There’s No Wall Between Us

Another surprising thing we saw from this conference was there weren’t any speakers that presented and just disappeared like you see in Korea.

All the speakers from the conference are best in their field. They write books, give lectures, and work on several global projects (actually, I’m more curious as to how they work on so many things than the future of the web!).

However, during teatime, lunch, and even leading up to partying in the AM hours, they didn’t just leave, they socialized with people, went back and forth with their opinions, delved into deep discussions, and they did not hold back on their advice.

It seemed like the speakers didn’t see this as work and were having fun like the rest of us. Maybe it was because they also knew that it’s hard to find a place where all the people have common interests; there’s code speak; and no matter how casually you badmouth your worst clients, you’ll find good conversation.

The A-Z lecture on how to creatively and successfully grow a web design business from the cheerful Paul Boag, along with the talk on iPhone interface design that went down to the most minute details from the beautiful Sarah Parmenter, were especially helpful

Social Geeks!

Photo by Stefan Nitzsche. Some rights reserved.

It’s widely assumed that developers stay in small rooms working in the wee hours of the night, without any contact with people. But most of the people I met at the conference were all quite sociable, ceaselessly trying to communicate, getting some information, and advice, while using their smart phones and apple laptops.

Instead of exchanging business cards, they would exchange twitter or facebook ID’s on their smart phones, confirm their pictures and immediately become a follower. This is the way they build their relationships. This is the reason why there’s been such an increase in so many non-Korean webactually twitter followers.

After Conference

The co-author of “CSS Mastery”, Simon Collison(colly.com) who speaks every year at the conference, made the assessment that the conference this year – the speakers, program, location, food, networking, all aspects of the conference – was the most fun, and most well prepared conference. Of course it was great fun to talk with people, as well as everything else. He mentions that he loved everything about it on his blog.

After the conference ended, I felt empty. For three days, I was so busy absorbing information, networking, laughing, having fun, learning and being inspired together with people, I could still see them in front of me. The next day, waiting to go from Heathrow to Seoul, every spare moment I had, I checked my twitter to say hi to everyone, now back on his or her separate path home. While reading the messages I got from all the people I met, the emptiness I had was soothed. The one thing I knew for sure is that everyone will miss the time spent, just like me.

Tip! How to feel like you were just there!

Go to twitter and search using the hash tag #fowd to see a timeline of events. You can get a vivid and detailed report of what happened. Feel like you were there!

Special Thanks to Stefan and Marc

for allowing us to use their wonderful photographs on our blog.

Stefan Nitzsche : Freelance web developer, designer and consultant. More Photos at Flickr…
Marc Thiele : German graphic, web designer and author. More Photos at Flickr…

웹액츄얼리팀은 지난 5월 17~19일까지 런던에서 열린 ‘FUTURE OF WEB DESIGN‘ 컨퍼런스에 다녀왔습니다. 디자이너 1명과 프론트엔드 개발자 1명이 참여했습니다. 때마침 아일랜드에서 화산이 다시 터져 가슴이 조마조마했지만, 무사히 다녀올 수 있었습니다.

이번 컨퍼런스를 통해 다시 한번 느낀 것은 글로벌 웹디자인 트렌드에 대한 수준을 절대로 놓치지 말아야겠다는 것이었습니다. 앞으로도 웹액츄얼리와 함께하는 고객분들께 더 수준높은 서비스를 해드리도록 노력하겠습니다. 이번 컨퍼런스를 통해 배우고 느낀 것 등을 4회에 걸쳐 블로그에 올립니다.

많은 관심과 격려 부탁드립니다. ^^
[편집자주]

Part 1 : Play, Destroy, Create, and Socialize! : 전반적인 컨퍼런스에 대한 생각

Part 2 : 감성 인터페이스 디자인(Emotional Interface Design : The Gateway to Passionate Users)

Part 3 : 헤드스케이프의 공동 창업자 폴 보아그(Paul Boag)의 “성공적인 웹 디자인 비즈니스 운영하기 (How to Run a Successful Web Design Business)”

Part 4 : You Know Who 대표 사라 파멘터(Sarah Parmenter)의 “10가지 아이폰 인터페이스 디자인 팁 (10 Tips for iPhone Interface Design)”

Play, Destroy, Create, and Socialize!

Photo by Stefan Nitzsche. Some rights reserved.

‘Future of Web Design’ London 2010 Conference는 웹디자이너와 프론트앤드 개발자가 주로 다루는 토픽을 주제로 매해 개최된다. 올해 컨퍼런스의 토픽은 HTML5, CSS3, jQuery, UX, 디자인, 비즈니스. 각 분야 최고 전문가들의 강연은 물론 워크샵, 디자인 클리닉 등 다양한 이벤트로 3일간의 스케쥴이 빡빡하게 채워져 있었다.

Surprise! Surprise! Surprise!

새로운 것들을 많이 경험하고, 배울 것이라는 기대를 잔뜩 가지고 참석했음에도 컨퍼런스에서 마주친 모든 경험은 놀라움과 새로움의 연속이었다.

My Two Big Stars!

웹디자이너라는 말이 생소했던 시절부터 일을 해온 나를 한없이 작고 부끄럽게 만들었던 두 남자. 브랜든 도즈(Brendan Dawes)와 조슈아 데이비스(Joshua Davis). 이들의 강연을 직접 듣고, 짧은 인사를 나누고, 한 공간에 머물러 있었다는 사실만으로도 올해 컨퍼런스 참석의 목적은 이미 반 이상 달성한 것과 마찬가지!

Talk – Action = Shit (행동이 결여된 말은 절대 쓸모없다.) Photo by Marc Thiele. Some rights reserved.

폴 보아그(Paul Boag)의 워크샵에 참석하느라 조슈아의 워크샵은 놓쳤지만, 낙서하듯 자유롭게 풀어나가는 브랜든 도즈의 강연은 크리에이티브 그 자체. ‘부인의 가방 속’처럼 매우 사소한 생활의 한 부분에서도 의미를 찾고, 작업으로 구상하고, 만드는 그의 크리에이티브의 핵심은 즐기면서 일하는 것.

디자인과 테크닉을 신나게 버무려서 예술로 뚝~딱! 만들어 버리는 이 두 사람의 천재적인 크리에이티브의 비결은 모든 과정을 기분 좋게 즐기면서 창조해 나가는 것이다.

영국인들은 변화에 둔하다? No!

올해의 가장 뜨거운 이슈는 단연 HTML5, CSS3! 컨퍼런스 시작 전에 ‘’현재 HTML5와 CSS3로 작업하는 사람은 손을 들어보라’’고 했다. 거의 절반 정도 되는 사람들이 손을 들었다. 컨퍼런스에 함께 참석한 우리 회사 프론트앤드 개발자의 말이 한국에는 열 손가락에도 꼽기 힘들 것이라고 했다.

댄 씨더홈(Dan Cederholm)은 이 날 강연에서 “CSS3 시작하기(How to Get Started with CSS3)”라는 주제를 가지고, CSS3를 통한 변환, 애니메이션, 투명도 등의 풍부한 표현이 가능하다는 것을 데모 사이트 : Things We Left On The Moon을 통해 보여줬다. 너무도 심플한 코딩 방법에 디자이너인 나도 CSS3를 좀더 공부해야겠다는 욕심을 가지게 해 준 강연이었다.

오페라의 브루스 로슨(Bruce Lawson)도 “HTML5 웹사이트 만들기(How to Build a HTML5 Website)” 라는 주제로 정말 심플해진 docktypes 작성부터, HTML5 Validate, 플래시나 실버라이트 없이 비디오를 직접 페이지에 넣는 라이브 데모 코딩을 보여주었다.

변화에 둔감하다는 영국인들. ‘새롭고 좋은 것보다 오래된 나쁜 것을 선택한다’ ¹는 영국인들. 하지만 그들의 또 다른 장점은 매우 합리적이라는 것이다. 그들은 ‘’웹은 정보 전달의 수단으로서 기본에 충실하면서 어플리케이션 기능을 제공할 수 있어야 한다’’고 생각한다. 그들이 HTML5에 관심이 큰 이유는 아마도 ‘이제야 표준 웹의 근본적인 변화를 시도할 수 있는 시기다 왔다’’고 생각하기 때문인 것 같다.

No Wall between Us

이번 컨펀러스에서 느낀 또 하나의 놀라움은 한국에서처럼 발표만 하고 사라지는 강사들은 찾아볼 수 없었다는 것이다.

컨퍼런스의 모든 강연자들은 각 분야 최고의 전문가들이다. 그들 대부분은 책을 쓰고, 강연을 하는 등 여러 가지 글로벌 프로젝트를 진행하는 이들이다. (이 많은 일들을 다들 어떻게 해내는지 사실 그것이 미래의 웹 보다 더 궁금할 지경이다.)

그러나 그들은 티타임, 점심시간, 심지어 새벽까지 이어진 파티에서도 자리를 떠나지 않고 참석한 사람들과 어울려 끊임없이 의견을 주고 받고, 심도 깊은 토론을 하고, 어드바이스를 아끼지 않았다.

그들도 이 자리를 일로 생각하기 보다는 즐기는 것 같았다. 공통 주제에 관심을 가지고 있는 사람들이 모인 곳, 코드 얘기, 악독한 클라이언트 얘기를 아무렇지 않게 던져도 대화가 되는 곳이 많지 않다는 것은 그들도 잘 알기 때문일까?

웹디자인 비즈니스를 크리에이티브하게 그리고 성공적으로 키워 나가기 위한 노하우를 A-Z까지 아낌없이 알려 준 유쾌한 폴 보아그와 아이폰 인터페이스 디자인의 소소한 부분까지 노하우를 공개해 준 아름다운 사라 파멘터(Sarah Parmenter)의 강의는 정말 많은 도움이 되었다.

They are Social Geeks!

Photo by Stefan Nitzsche. Some rights reserved.

흔히 개발자는 골방에서 새벽 시간을 이용하여 작업을 하고, 사람들과의 접촉은 불필요하게 여긴다고 생각한다. 하지만 내가 컨퍼런스에서 만난 대부분의 개발자들은 스마트폰과 애플 노트북을 이용하여 끝임없이 소통을 시도하며, 서로에게서 정보를 얻고, 어드바이스를 받는 등의 일에 매우 사교적이었다.

비즈니스 카드대신 스마트폰으로 트위터나 페이스북 등의 아이디를 교환하고, 프로필 사진을 확인하여 바로 팔로우에 맞팔! 이것이 바로 그들이 인맥을 구축하는 방식이다. 컨퍼런스 이후, 웹액츄얼리 트위터에 외국인 팔로우 수가 많이 증가한 이유가 바로 이 때문이다.

After Conference

‘CSS 마스터 전략’의 공동 저자인 colly.com의 사이먼 콜린슨(Simon Collison)는 매해 컨퍼런스에 강사로 참여했지만, 이번 컨퍼런스가 강사, 프로그램, 장소, 음식, 네트웍 등 모든 측면에서 어느 해 보다 가장 즐거웠고 준비가 잘 되었다고 평가했다. 물론 활발하게 참여해준 사람들과의 대화도 큰 즐거움 이었고 모두를 사랑한다고 그의 블로그에 남겼다.

컨퍼런스가 끝나자 공허함이 찾아들었다. 3일 동안 빠쁘게 정보를 흡수하고, 네트워크를 쌓고, 함께 웃고, 감동을 나누었던 시간들, 사람들이 눈앞에 아른거렸다. 다음 날 히드로에서 서울까지 오늘 길 내내 틈틈이 트위터로 사람들과 인사를 나누고, 이제 각자의 자리로 돌아간 사람들이 남긴 메시지들을 읽으면서 공허함을 달랬다. 한가지 분명한 점은 모두가 나와 같은 감정으로 그 시간을 그리워하고 있다는 것이었다.

Tip! 영국에 다녀온 것 처럼 Future of  Web Design 현장감 있게 즐기기!

트위터에서 해쉬 태그 #fowd를 이용해 검색된 타임라인을 꼼꼼하게 보세요~.
컨퍼런스의 생생하고, 자세한 정보를 얻으실 수 있습니다.

Special Thanks to Stefan and Marc

for a permission using wonderful photographs to our blog.

Stefan Nitzsche : Freelance web developer, designer and consultant. More Photos at Flickr…
Marc Thiele : German graphic, web designer and author. More Photos at Flickr…

____________________________________________________________________________

1. 프랑스 작가 앙드레 모루아의 『영국사』

브랜든 도즈(Brendan Dawes) : Magnetic North의 디렉터. 
조슈아 데이비스(Joshua Davis) : Joshua Davis Studios 플래시 액션 스크립트 아티스트.
댄 씨더홈 (Dan Cederholm) : SimpleBits의 대표. 웹표준, CSS와 관련 된 여러권의 책이 출간.
폴 보아그(Paul Boag) : Headscape 공동 창업자. 팟캐스트(Boagworld Web Design Advice)에서 웹디자인 및 비즈니스에 대한 조언을 얻을 수 있다. http://boagworld.com
브루스 로슨(Bruce Lawson) : 오페라의 웹애반젤리스트 www.brucelawson.co.uk
아론 월터(Aarron Walter) : MailChimp UX 디자이너 http://aarronwalter.com
사라 파멘터(Sarah Parmenter)  : You Know Who 대표, 아이폰 인터페이스 디자이너 www.sazzy.co.uk
사이먼 콜린슨(Simon Collison) : CSS 마스터 전략의 저자.  colly.com