An Event Apart 2012 Chicago 컨퍼런스 홀 로비

시카고 시내 중심에 위치한 Westin Chicago River North에서 열린 An Event Apart 2012 Chicago! 이틀간의 강연, 워크샵 하루, 총 3일간의 일정으로 진행되었다. An Event Apart 2012 Chicago 주요 강연 내용과 행사장의 모습을 담아 정리해 보았다.
 

MONDAY, AUGUST 27, 2012

컨퍼런스 기념품. 빈티지 런치 박스

컨퍼런스 홀 로비에서 등록을 마치면 빈티지 런치 박스와 이름표를 준다. 어렸을적 추억을 떠오르게 하는 빈티지풍의 런치 박스에는 후원사의 로고가 박힌 물통, 초콜릿, 냅킨 등의 기념품이 가득 들어 있었다. 박스에 그려진 An Event Apart 공동 대표 제프리 젤드먼과 에릭 마이어의 캐릭터가 인상적이다. 런치 박스를 하나씩 받아들고 들뜬 표정로 입장하는 참가자들의 모습이 놀이공원에 입장하는 아이들같다.

CONTENT FIRST!

by 제프리 젤드먼(Jeffrey Zeldman), ‘웹표준 가이드’ 저자

제프리 젤드먼 photo by reallocalcelebrity

Design that does not serve people does not serve business.
사람들에게 도움이 되지 못하는 디자인은 비즈니스에도 도움이 되지 않는다.

Content precedes design. Design in the absence of content is not design, it’s decoration.
콘텐츠는 디자인에 선행되어야 한다. 콘텐츠가 결여된 디자인은 디자인이 아니다. 장식에 불과하다.

It’s important to have a style that is appropriate but hard to develop that style without an understanding of content.
콘텐츠에 맞는 적절한 스타일을 가지는 것이 중요하다. 하지만 콘텐츠의 이해 없이는 스타일을 만들 수 없다.

Progressive enhancement = good experience for all.
점진적 향상(Progressive enhancement)은 모두에게 좋은 경험을 제공한다는 의미이다.

Responsive design is progressive enhancement taken to the next level.
반응형 디자인은 점진적 향상의 다음 단계라 할 수 있다.

Small screen and limited utility force us to put user needs first.
작은 화면과 제약된 사용성은 우리에게 사용자의 요구를 무엇보다 우선으로 고려하게 한다.

Mobile first = User first = Content first. This is the way all our Web sites should be made.
모바일 우선주의 = 사용자 우선주의 = 콘텐츠 우선주의. 모든 웹사이트는 이렇게 만들어져야 한다.

WHAT’S YOUR PROBLEM? PUTTING PURPOSE BACK INTO YOUR PROJECTS

by 휘트니 헤스(Whitney Hess), UX 디자이너

휘트니 헤스 photo by reallocalcelebrity

Design is problem solving. Be obsessed with the problem, not the solution.
디자인은 문제점을 해결하는 것이다. 해결책이 아니라 문제점을 가지고 고민하라.

A CONTENT STRATEGY ROADMAP

by 크리스티나 할버슨(Kristina Halvorson), ‘웹 컨텐츠 전략을 말하다’ 저자

유쾌한 크리스티나 할버슨 photo by reallocalcelebrity

Content strategy plans for the creation, delivery and governance of useful, usable content.
콘텐츠 전략은 쓸모 있고, 유용한 콘텐츠의 제작, 전달, 관리 계획을 세우는 것이다.

Content is not just the what. We have to ask questions about why we need content, how it will be created, maintained, when will it be created, who is it for, and more.
콘텐츠는 단지 ‘무엇(what)’에만 해당하는 것이 아니다. 콘텐트가 어떻게 제작 되고, 왜, 언제, 누구를 위해 필요하고, 유지 되어야 하는지 등에 대해 꼼꼼히 질문 해야한다.

A core strategy tells you what your content needs to do for your business and your customers.
핵심 전략은 당신의 사업과 고객을 위해 어떤 콘텐츠가 필요한지 알려준다.

• 본질 : 당신 또는 고객은 어떤 콘텐츠를 왜 필요로 하는가?
• 구조 : 어떻게 콘텐츠가 구성되어 있고, 우선 순위, 접근성은 어떤가?
• 작업의 흐름 : 어떻게 콘텐츠의 제작되었고 유지 되는가?
• 관리 : 어떻게 콘텐츠와 콘텐츠 전략이 결정되는가?

Structure and prioritize your content in ways that will make it relevant for any device, anywhere.
콘텐츠의 구조와 우선순위는 어떤 기기 또는 어디에서 사용되는가에 어느 정도 관련 있다.

Don’t just think “content first”. Think “content always.”
“콘텐츠가 우선이다” 가 아니라 “콘텐츠는 언제나”이다.

Lunch Break

쉬는 시간을 이용해 늦은 여름의 따뜻한 햇빛을 즐기는 참가자들

시카고는 ‘윈디 시티(Windy City)’라는 별명이 있을 정도로 춥기로 유명한 도시이다. 그래서 컨퍼런스가 열리고 있는 지금, 늦 여름이 시카고를 즐기기에 가장 좋을 때라고 한다. 컨퍼런스가 열리고 있는 호텔인 Westin Chicago River North는 이름 그대로 시카고 운하를 끼고 위치해 있다. 쉬는 시간을 이용해 호텔 테라스로 나오면 운하를 바라보며, 따뜻한 햇살과 함께 음료 또는 디저트를 먹거나 수다 시간을 가질 수 있다.

웨스틴 호텔과 마리나 시티

시카고 유명 건축물중의 하나인 ‘마리나 시티(별명 옥수수 건물)’ 와 나란히 위치한 호텔.

MOBILE TO THE FUTURE

by 루크 (Luke Wroblewski), ‘Mobile First(모바일 우선주의)’ 저자

언제나 그린 셔츠를 입는 루크

루크는 미래의 웹은 곧 모바일이라 고려해서, 로그인, 결제 프로세스등을 모바일 스크린에 맞게 다시 재정의/단순화하는 다양한 사례를 발표했다. 루크의 ‘모바일 우선주의’는 마지막날 워크샵으로도 진행이 되었다. 모바일에 최적화된 콘텐츠, 사용성에 따른 UI, 레티나 디스플레이 대응 등 다양한 모바일 전략을 소개했다.

INCLUSIVE DESIGN: IT’S IN THE DETAILS

by 신디 리(Cindy Li), 야후! 어플리케이션 프로덕트 디자이너
야후!의 플리커 서비스 디자이너 신디 리. ‘포괄적 디자인’이라는 주제로 강연을 했다. 많은 사람들이 사용하는 웹 서비스를 불편함없이 이용하게 만들기 위한 방법, 기술을 소개했다.

Part of being a good host is putting yourself in your guest’s shoes
파티에 초대받았다고 생각해보자. 호스트는 초대된 손님들이 되도록 편안하면서 좋은 기분을 가지게 하기위해 많은 고려를 한다. 좋은 호스트란 손님들의 생각을 바로 읽을 줄 아는 사람일 것이다.

1 in 5 people will have a disability in their lives.
통계에 따르면 미국에서는 5명 중에 한 명은 생활속에 장애를 가지고 있다. (그 중 대부분은 골절이거나, 임신 상태이다)

1 in 100 men have color blindness. There’s ways to test your designs to make sure they still work for these users.
통계에 따르면 남자 100명중에 한 명은 색맹이다. 이들에게도 디자인이 잘 전달되는지 디자인을 테스트 하는 방법이 있다.

Techniques

Make sure there’s an appropriate amount of contrast in your designs. Lightest gray: #575757, background: #ffffff. Minimum guidelines for contrast.
디자인에 적절한 대비를 주도록 하라. 배경색이 #ffffff일때, 가장 밝은 회색은 #575757가 최소한 지켜야 할 기준이다.

having a common style can help make things more understandable. Don’t use lots of different styles for primary actions.
일반적 스타일은 이해도를 돕는다. 중요한 요소에 다양한 스타일을 사용하지 마라

CAPTCHAs stop humans as effectively as they stop machines. Ensure there’s an escape route for people
캡챠 방식은 효과적이지 않다. 언제나 다른 방식이 존재한다. (오디오 방식, 사진 인식 방식 등)

Tools

Color oracle: allows you to see how color blind people see your sites.
색맹이 사이트를 어떻게 보는가를 알려준다.

iPhone Accessibility: voice over, zoom, text sizes, and more. Can be applied to all apps & the operating system
아이폰에서 제공하는 접근성 메뉴 : 목소리 해설, 문자 확대 조절 등등은 모든 앱, 운영 체제에 적용할 수 있다.

Keyboard shortcuts: To bring up keyboard shortcut options on your website.
키보드 숏컷 : 키보드 숏컷 옵션을 웹사이트에 적용하라.

Resources

ROLLING UP OUR RESPONSIVE SLEEVES

by 이단 마콧(Ethan Marcotte)

반응형웹의 다양한 작업 노하우를 열정적으로 강연하는 이단 마콧

이단 마콧 강연 내용 자세히 보기

This is Web design not religion. We are in one of the most fun industries in the World. We need to stay humble and work hard.
이것은 웹디자인이지, 종교가 아니다. 우리는 가장 즐거운 산업군인 웹에 종사하고 있다. 항상 겸손한 마음으로 노력해야 한다.

OPENING NIGHT PARTY

디자이너 후원을 많이 하고, 좋은 서비스를 제공하기로 유명한 웹 호스팅 업체 미디어 템플(Media Temple)의 후원으로 열린 오프닝 파티는 근처 아이리쉬 펍, Fado Irish Pub에서 열렸다.

공통의 관심사를 가진 사람들이 모인 자리는 언제나 그 대화가 자연스럽고, 공감되는 이야기로 가득하다. 그래서인지 이번 컨퍼런스에서는 좋은 친구들을 많이 만나게 되었다.

펍에서 만나 친하게 된 친구들 쉐리,루덴…

The Chicago Theatre

웹액츄얼리는 일년에 한 번 해외 웹컨퍼런스에 참여한다. 글로벌 웹트렌드를 직접 느끼고, 글로벌 감각을 키울수 있는 기회를 갖기 위해서다. 올해 2012년 해외 컨퍼런스 장소는 시카고로 결정되었다. 워드캠프 시카고(WordCamp Chicago)와 언이벤트어파트(An Event Apart)를 모두 참석할 수 있게 일정이 딱 들어 맞았기 때문이다. 워드캠프(8월 25일~26일), 언이벤트어파트(8월 27일~29일) 스케쥴에 맞추어 서울을 출발, 금요일 오후 2시. ‘건축의 도시’ 시카고에 도착했다.

시카고 하면 떠오르는 것이 뭐가 있을까? 영화 ‘시카고’, 마이클 조단의 최고의 전성기 시카고 불스, 알 카포네 갱단, 버락 오바마의 도시… 각자의 관심도에 따라 시카고에 대한 첫인상이 다를것이다. 나에게 시카고는 ‘건축의 도시’, 건축가 ‘프랭크 로이드 라이트(Frank Lloyd Wright)’ 의 도시로 기억된다.

잠시 개인적인 이야기를 하자면 시카고는 꼭 가보고 싶었던 도시중에 하나였다. 영화 ‘건축학개론’의 서연처럼, 미술을 전공했지만 건축에 관심이 많았던 나는 ‘건축학개론’을 청강했다. 그때 건축가들에 대해 많이 알게 되었는데 그 중 ‘프랭크 로이드 라이트’라는 건축가를 가장 좋아했다. 자연과 조화를 이루는 건축 철학을 바탕으로 단순히 건물만 설계만 하는것이 아니라 가구, 조명, 스테인드글라스에 이르기까지 전반적인 라이프 스타일을 디자인했다. 많은 수의 그의 작품이 시카고에 있다는 사실을 알고 ‘시카고 건축 여행’을 나의 버킷 리스트에 넣었을 정도였다.

시카고의 첫느낌. 낭만의 빌딩숲

윌리스 타워 전망대에서 바라본 스카이라인

누구나 도시의 고층 빌딩에 대해 부정적인 느낌이 있을것이다. 삭막하고, 모든것이 인공적인… 그 안에 있는 우리는 왠지 무한 경쟁을 해야할 것 같은…
그러나 시카고의 고층 빌딩들은 하나 하나가 작품 처럼 느껴진다. 고층 빌딩들이 만들어낸 스카이라인도 멋있다. 무엇이 이 빌딩숲 시카고를 매력적으로 만드는 것일까? 유명한 건축가들이 설계한 고층 빌딩들은 각자의 개성을 가지고 있고, 오래된 건물과 자연스럽게 조화를 이루고 있다. 도시 중앙을 가로지르는 운하는 빌딩숲의 낭만 포인트. 크루즈를 타고 빌딩들을 감상할 수도 있고, 날씨가 좋은 날에는 카약을 즐길수도 있다. 운하를 따라 들어선 바, 레스토랑에서 흘러나오는 블루스를 들으며 저녁 산책을 즐길수도 있다.

빌딩숲을 가로지르는 운하

운하를 따라 저녁 산책

현재 미국에서 가장 높은 빌딩으로 기록된 윌리스 타워(Willis Tower) 전망대를 컨퍼런스에서 친해진 쉘리와 함께 방문했다. 이 전망대를 스카이덱(Skydeck)이라고 하는데, 건물에서 툭 튀어나온 유리 박스 형태이다. 바닥도 벽도 사방이 유리로 되어있어 그 위에 올라서면 마치 공중에 떠있는 아찔한 경험을 할 수 있다.

윌리스 타워 전망대 스카이덱(Sky Deck)

공중에 떠있는 듯한 느낌을 주는 스카이덱

도전! 공중부양!

예술과 자연이 공존하는 문화도시

 
시카고를 높은 빌딩이 빼곡하게 들어찬 인공도시의 느낌에서 벗어나게 하는것은 도심 곳곳에 있는 공원과 미술관, 야외 음악당 같은 문화 시설과의 조화일 것이다. 이 조화로움이 시카고를 예술과 자연이 공존하는 문화도시로 만들고 있는것 같다.

밀레니엄 파크에 이러한 특징이 잘 드러나고 있는 것 같다. 세계적으로 유명한 건축가, 예술가들의 작품이 공원에 전시되고 있다. 건축가 프랭크 게리(Frank Gehry)가 디자인한 야외 콘서트 무대, 제이 프리츠커 파빌리온(Jay Pritzker Pavilion)은 세련된 디자인으로 유명하다. 스페인의 개념 예술가인 하우메 플렌사(Jaume Plensa)가 디자인한 크라운 분수(Crown Fountain)와 ‘콩(bean)’이라는 별명을 가진 스테인리스 철판 조각품인 구름의 문(Cloud Gate)등은 시카고의 명물이 되었다.

크라운 분수(Crown Fountain)가 뒤로 보이는 밀레니엄 파크의 모습

하우메 플렌사(Jaume Plensa) 디자인의 크라운 분수(Crown Fountain)

영국기반 현대 조각가 아니쉬 카푸어(Anish Kapoor)의 Cloud Gate!

미술관을 방문 했을 때 마침 리히텐슈타인(Roy Lichtenstein) 특별전이 열리고 있었다. 책에서도 보지 못했던 페인팅, 조각, 드로잉들도 볼 수 있는 좋은 기회였다.

Nude under a Pine Tree, 피카소

Frolic, 로이 리히텐슈타인

프랭크 로이드 라이트 홈앤스튜디오 투어

 
모든 컨퍼런스가 끝나고 마침내 맞이한 자유시간. 이 날 하루는 그토록 가보고 싶었던 프랭크 로이드 라이트의 건축 투어를 위해 모두 쓰기로 했다. 나이가 지긋하신 가이드는 스스로 자신을 프랭크 로이드 라이트의 열성적인 팬이라고 밝혔다. 투어 내내 건축뿐만 아니라 건축가에 얽힌 여러가지 비하인드 스토리도 알려줬는데… 하나라도 더 알려주시려는 가이드분들의 열정에서 많은 감동을 받았다.

내가 속한 투어 그룹의 인원이 모두 10명 이었는데.. 그 중 8명은 모두 유럽, 스페인, 이집트 등 다양한 나라에서 온 외국인이었다.

오크파크(Oak Park)는 프랭크 로이트 라이트의 홈&스튜디오와 그가 작업한 고급 주택들이 모여있는 것으로 유명하다. 지금 보면 특별한 디자인으로 보이지 않지만, 100여년 전 빅토리안 건축 스타일이 유행하던 시기에 자신만의 디자인 철학으로 독창적인 건축 스타일을 만들어온 프랭크 로이트 라이트의 도전 정신과 자신감을 느낄 수 있었다.

프랭크 로이드 라이트 홈&스튜디오 입구

Arthur Heurtley House, Frank Lloyd Wright, Oak Park, IL 1902

Laura Gale House, Frank Lloyd Wright, Oak Park, IL 1909

투어를 마치고 수고해 주신 가이드와 함께~

웹을 하다보면 모든 정보를 웹에서 접하고, 사람과의 커뮤니케이션도 웹으로 하고 모든것을 모니터 안에서 경험하게 된다. 컨퍼런스에 참여해 웹을 사랑하는 사람들과 나란히 붙어 앉아 그들의 후끈후끈한 열정을 직접 경험하게 되는 것, 건축물을 바라보며 그 건축가의 정신과 노력의 산물을 직접 느끼는 것, 이런 경험들은 가슴을 뛰게 하는 경험들이다. 그래서 더욱 기억에 오래 남게 되고, 더 소중하게 간직하게 되는 것 같다.

AEA 컨퍼런스가 시작되기 전날 밤. 준비중인 로비 모습

AEA(An Event Apart) 컨퍼런스에 참석하기 위해 18시간의 비행 끝에 도착한 아틀랜타 인터콘티넨탈 벅헤드. 작년 FOWD(Future Of Web Deisgn) 컨퍼런스에 이어 올해 두번 째 웹디자인 컨퍼런스 참가다.

AEA(An Event Apart)는 CSS의 선구자인 에릭 마이어(Eric Meyer, @meyerweb)와 제프리 젤드먼(Jeffrey Zeldman, @zeldman)이 공동 호스트로 미국 주요 도시에서 매년 개최한다. 2일 간의 컨퍼런스와 1일의 워크샵 일정으로 이루어져 있다. 하루 6개의 세션으로 이루어져 있는 컨퍼런스에서는 각 분야 스타 웹전문가들이 웹에 대한 견해와 노하우를 발표한다.

‘웹을 만드는 사람들을 위한(For People Who Make Websites)’이라는 캐치프레이즈처럼 AEA는 웹표준에 기반한 코딩, 웹디자인, 유저빌리티, 콘텐츠등의 전반적인 내용을 다룬다.

올해 웹액츄얼리는 A Book Apart에서 출간하는 제레미 키스(Jeremy Keith, @adactio)의 <웹디자이너를 위한 HTML5>의 판권 계약을 시작으로 제레미 키스와 제프리 젤드먼과의 인연을 시작했다.

이번 AEA 컨퍼런스에서 이 두 거장을 직접 만나 한국에 출간된 책에 관한 에피소드와 웹에 관한 이야기를 나눌 생각을 하니 가슴이 설레이고 뿌듯해져 온다.

컨퍼런스 첫째 날. 시작 전의 컨퍼런스홀의 모습

첫째 날 일찍 도착한 컨퍼런스홀. 잘 정돈된 자리와 빵빵한 Wi-Fi. (국내에서는 어디가나 잘 터지는 Wi-Fi 이지만, 해외에 나가면 이런 것에 감동 받는다.) 아직까지 컨퍼런스홀이 한산한 이유는 로비에서 조식을 제공하기 때문 ^^. 그럼 멋진 하루의 시작을 위해 나도 조식을 먹으러 잠시 실례~

첫째날 조식 photo from zeldman

DAY 1.

웹디자이너가 반드시 알아야 할 점(What Every Web Designer Should Know) – by 제프리 젤드먼

제프리 젤드먼의 기조 연설

제프리 젤드먼의 기조 연설로 시작된 AEA 컨퍼런스. 젤드먼은 2일간 컨퍼런스에서 다룰 주제에 관한 자신의 견해와, 오늘 날 웹디자이너들이 갖추어야 할 스킬과 기회에 대해 연설했다. 주옥과 같은 말들이 제프리의 연설에서 쏟아져 나왔다.

반응형 웹디자인(Responsive Web Design)을 강조하며, 디바이스에 맞는 웹디자인 및 그에 맞는 콘텐츠의 중요성도 언급했다.

Devoid from content you fall back on style.
스타일에 의존하는 콘텐츠를 피하라.

Websites are simply delivery systems for content.
웹사이트는 단지 콘텐츠를 전달하기 위한 배달부이다.

또 지금은 HTML5의 대두로 인해 새로운 기술들이 하나로 집중되고 있는 시점임을 설명하고, 웹디자이너가 되기에 가장 좋은 시기임을 강조했다. 새로운 기술들을 배우지 않으면 뒤쳐질 수 밖에 없다고 당부하였다.

심리학이 디자인에 미치는 영향(The Impact of Psychology on Design – by 사라 파멘터

사라 파멘터(Sarah Parmenter)

사라(@sazzy)는 심리학적 원리가 웹디자인에 대한 관점을 어떻게 재구성시켜 줄 수 있는지에 발표했다. 속도, 단순함, 놀람, 사회적행동, 감동이라는 5가지 심리학적 관점으로 살펴본 사례를 설명하고, 심리학적 요소를 웹에 추가 해 볼 것을 제안했다. ‘우리가 가장 잘 알고 있다고 생각하는 것에 대해 전혀 새로운 아이디어를 제공할 것이다.’ 라고 제안했다.

웹타이포그라피(On Web Typography) – by 제이슨 산타 마리아

제이슨 산타 마리아(Jason Santa Maria)

제이슨(@jasonsantamaria)은 현재의 웹폰트와 타이포그라피의 웹 접근방법에 대해 논했다. 2008년 18개에 불과했던 웹폰트가 오늘날 그 수가 폭발적으로 늘어나고 있다. 이러한 웹폰트의 홍수 속에서, 웹에서 효과적으로 타이포를 사용할 수 있는 모범적 사례들을 설명했다.

Bigger is better. Always err on side of making things bigger than smaller.
큰 것이 낫다. 실수를 해도 작게 만드는 것 보다 크게 만들어서 실수하라.

Contrast is the most important tenant of design.
대조는 디자인에서 가장 중요한 요소이다.

Line length: have enough space so the eye does not get lost.
라인의 길이: 충분한 공간을 두어서 시선을 잃지 않게 하라.

모바일 웹디자인의 움직임(Mobile Web Design Moves) – by 루크 로블루스키

루크 로블루스키(Luke Wroblewski) photo from ifiamblue

루크(@lukew)는 스마트폰 사용자의 증가와 함께 모바일에서 웹콘텐츠를 읽는 사용자의 시간별 이용 패턴을 통계로 설명했다. MOBILE FIRST! 모바일을 먼저 고려하여 웹을 설계하고 콘텐츠도 모바일에 맞게 설계해야 한다고 강조했다. 모바일웹에서 흔히 저지르는 UI 실수와 스마트하게 해결할 수 있는 솔루션을 다양한 사례와 함께 설명했다.

반응형 웹디자이너의 작업흐름(The Responsive Designer’s Workflow) – by 이단 마콧

이단 마콧(Ethan Marcotte) photo from ifiamblue

이단(@beep)은 현재 진행중인 보스턴 글로브Boston Globe 신문사 리뉴얼 프로젝트에서 적용하고 있는 반응형 웹 디자인(Responsive web design)의 작업원리와 작업흐름을 설명했다. 반응형 웹디자인의 근본에는 반응형 작업 프로세스가 선행되어야 한다고 말하고, 기존 인쇄 프로세스를 답습했던 현재의 웹디자인 프로세스도 변화해야 한다고 강조했다.

연기 때문에 눈물이나요(Smoke Gets In Your Eyes) – by 앤디 클락

앤디 클락(Andy Clarke)

앤디(@malarkey)는 순수 CSS3만을 사용해서 만든 에니메이션을 보여주고, 작업 방법에 대한 노하우를 공개했다. animatable.com 이라는 온라인 CSS3 에니메이션툴을 이용해 만든 무비 타이틀 제작법을 동영상으로 만나보자.

A first look at Animatable from Andy Clarke on Vimeo.

Break Time

쉬는 시간 - 애플 로고들...

쉬는 시간 잠시 뒤를 돌아보니… 애플 로고들이 눈에 많이 들어온다. 군데 군데 아이패드, 아이폰… 한 80%는 애플인듯.

DAY 2.

유동형 박스 사용하기(Using Flexible Boxes) – by 에릭 마이어스

에릭 마이어스(Eric Meyer)

공동 주최자인 에릭 마이어스(@meyerweb)는 CSS의 대가이다. An Event Apart 사이트에 적용된 유동형 박스의 다양한 사례들을 공개했다. (이런 천재들 같으니라고… 간결하고 함축적인 그의 코드를 감상(?) 하고 있자니.. 이건 코드가 아니라 한편의 시와 같다고 해야할 것 같다.)

디자인 원칙(Design Principles) – by 제레미 키스

나의 카메라 렌즈를 발견하고 멋진 포즈를 취해 준 제레미 키스

웹, HTML5, 자바스크립트의 디자인 기본 원칙에 대해 설명하고, 각각에 맞는 목적을 설정하고 그에 맞는 기본 원칙을 만들고, 패턴을 만들어 나가야 한다고 주장했다. 때로는 너무 많은 디자인 원칙들이 사용자를 혼란스럽게 한다. 목적에 맞는 최소한의 원칙을 만드는 것이 중요하다고 설명했다.

아이디어에서 인터페이스까지 (Idea to Interface) – by 아론 월터

아론 월터(Aarron Walter)

메일침프의 UX 디자인 디렉터 아론(@arron)은 자신만의 프로젝트를 실행해 볼 것을 제안한다. 아르키메데스의 그 유명한 유레카(알았다)는 그가 일을 할 때 발견한 것이 아니다. 가장 릴렉스한 시간에 아이디어가 나왔다. 트위터, 페이스북 등의 아이디어는 일을 할때 나온 아니디어가 아니다. 나만의 프로젝트를 할 때 언제나 최고/최선의 방법을 제시할 필요가 없다. 아이디어를 내고 개발. 발전시켜나가는 과정에서 많은 것을 배울 수 있다고 한다. 아론은 아이디어를 내고 만들어가는 크리에이티브 프로세스를 위한 다양한 팁을 제시했다.

링크의 일생(The Secret Lives of Links) – by 자리드 스풀

Jared Spool(자리드 스풀)

강연 전에 옆자리 친구가 스타 강사라고 먼저 귀뜸을 해주었다. 소문대로 재미있는 외모만큼이나 가장 재미 있었던 강연이었다.

자리드(@jmspool)는 웹사이트에서 링크가 가지는 중요성을 다시 설명하고 모든 사이트에는 사람들이 방문하는 목적이 있는데, 그 목적을 정확히 파악하고 링크를 제시하는 것이 중요하다고 말했다. 이어서 링크가 가져야 할 조건과 기능을 잘못된 사례를 들어 설명했다. 연설 마지막에는 갑자기 자기도 오프라가 되고 싶다며 새로 출간될 책의 PDF를 컨퍼런스에 참석한 모든 사람에게 나눠주어 사람들에게 환호를 받았다.

콘텐츠 전략 로드맵(A Content Strategy Roadmap) – by 크리스티나 할보슨

크리스티나 할보슨(Kristina Halvorson) photo from Pete Karl II

크리스티나(@halvorson)는 콘텐츠 전략을 세우는 프로세스에 관한 전반적인 과정(컨설팅부터 보고까지)과 사례를 설명했다. 아직 국내에는 웹콘텐츠 전략 전문가가 없어서 크리스티나의 강연이 많은 도움이 됐다. 콘텐츠 전략을 위한 노하우는 질문을 많이 하는 것. 이를 바탕으로 클라이언트 회사가 가지고 있는 진정한 가치를 바탕으로 콘텐츠를 구체화 할 수 있다고 한다.

실패,DNA,깊이를 알수 없는 웹(Disaster, DNA, and the Fathomless Depth of the Web) – by 제프 밴

제프리 밴(Jeffrey Veen)

웹폰트 회사 타입킷(Typekit)의 대표 제프리 밴(@veen). 이번 컨퍼런스의 스폰서이다. 타입킷이라는 벤쳐 회사를 설립하기 까지의 수많은 실패의 연속. 그것을 기쁘게 받아들이고 하나 하나 해결해 나갔던 타입킷 맴버들의 모습에서 성공한 벤쳐 회사에서 느낄 수 있는 열정과 도전 정신을 본받을 수 있었다.

Party

파티에서 자정이 될때까지 웹의 프로세스에 관해 이야기를 주고 받았던 친구들

컨퍼런스가 끝난면 바로 스폰서에서 주최하는 이브닝 파티가 열린다. 이 파티에서는 모든 참석자들과 강연자들과의 자연스러운 대화가 이루어 진다. 컨퍼런스 강연중에 궁금했던 점, 웹 프로세스에 관한 의견, 각자의 노하우나 소스 공유 등 웹에 대한 이야기를 밤새워 이야기 할 수 있는 자리이다.

with Web Stars

도로시, 제레미 키스, 나, 리카르도

한국에서 준비해온 선물을 전달했더니 기뻐하는 제레미 키스

영국에서 AEA 컨퍼런스 강연을 위해 온 제레미 키스. 우리 회사에서 그의 책 “HTML5 FOR WEBDESIGNER”를 한국어로 번역했다고 나에 대해 소개했더니 금방 친해졌다. 트위터나 웹에서 만났던 제레미 키스는 약간 차갑고 냉소적인 인상이었는데, 실제로 만나서 대화를 해보니 감성이 풍부하고 모든 사람에게 친절한 그야말로 영국 신사였다.

장난스러운 포즈를 취해 보이는 제프리 젤드먼

제프리 젤드먼은 AEA의 호스트였기 때문에 정말 분주해 보였다. 컨퍼런스의 이모저모를 챙기고 강연 내용을 트위터에 올리고 사진 찍어서 플리커에 올리고 강사들 일일이 챙기고 참석자들의 질문에 꼼꼼히 답변해주고… 최고의 위치에 오른 사람들에게서 볼 수 있는 특유의 여유와 부지런함이 몸에 자연스럽게 베어있다. 몸으로 뛰는 그의 모습에서 열정을 읽을 수 있었다.
항상 입가에 웃음을 머금고 모든 사람을 유쾌하게 만드는 재주가 있는 제프리 젤드먼. 나를 직접 찾아와서 먼저 인사를 나누고 사진 같이 찍자고 재촉하는 그의 모습에 웃음이 절로 나왔다.

마치며…

제프리가 자신의 아이폰으로 직접 찍은 내 모습.

웹컨퍼런스에 참석하면 항상 느끼는 점이 있다. 제프리가 기조 연설에서 언급했던 “웹에서는 새로운 기술들을 배우지 않으면 뒤쳐질 수 밖에 없다”는 말이다. 이번 컨퍼런스에서도 과제를 가득 안고서 한국으로 돌아가게 된다. 이 과제들을 웹액츄얼리의 브랜드페이지 서비스에 잘 적용시켜 글로벌 스탠다드에 맞는 서비스를 해야겠다는 욕심이 든다.

추가하여..

a book apart 에서 출간된 책

AEA에서 강연한 제레미 키스, 루크 로블루스키, 이단 마콧, 아론 월터의 책을 곧 한국에서도 만나실 수 있습니다. 자세한 내용은 books.webactually.com을 방문해 주세요~

AEA 컨퍼런스의 현장 사진을 더 보고 싶으세요?
웹액츄얼리 플리커를 방문해 보세요~