지금 당장 모바일 경험을 시작하겠다는 계획이 없더라도, 모바일 우선주의 전략에 기반을 둔 디자인 방식을 한번 생각해 보는 것은 그것만으로도 가치가 있습니다.
루크 로블루스키 Luke Wroblewski

독자 여러분, 안녕하세요?

오랜 기다림 끝에 세상에 나온 ‘아름다운 웹사이트 만들기’ 시리즈의 여섯 번째 책, 《모바일 우선주의》를 소개합니다. 《모바일 우선주의》는 세계 웹디자인계에서 앞서 나가는 저자루크 로블르스키 Luke Wroblewski 의 새 책입니다. 이러한 핵심분야의 책을 국내에 소개하게 되어 더없이 기쁩니다. 지금 웹에서는 컴퓨팅 혁명에 맞먹는 변화가 시작되었습니다. 웹의 디자인이 데스크톱에서 모바일로 옮겨가고 있는 것입니다.

에릭 슈미트 구글 회장은 “여러분이 무엇을 하고 있든 모바일을 먼저 하세요”라고 조언했고, 어도비의 최고기술책임자 케빈 린치 역시 “우리는 진정 사고의 전환을 이룰 필요가 있습니다. 바로 모바일을 먼저 생각하는 것입니다.”라고 말하며 모바일을 강조했습니다.

우리가 모바일 우선주의로 디자인해야 하는 가장 큰 이유를 저자는 바로 “모바일이 우리에게 새로운 기회의 장이기 때문”이라고 설명합니다. 길에서건 차 안에서건 한 손에는 스마트폰이나 태블릿을 들고 눈으로는 그 작은 화면을 응시하며 채팅을 하거나 인터넷을 이용하는 사람을 보는 일은 이제 너무 흔한 일이 되었습니다.

이 책의 저자 루크 로블르스키는 이 현상을 가리켜 인간이 새로운 형태로 진화(!)하고 있다고 말합니다. 그만큼 지금 우리는 모바일의 바다 속에서 살아가고 있습니다. 모바일 기기를 이용한 인터넷 사용량도 데스크톱에서의 사용량보다 많아졌습니다. 그러나 우리에게 더욱 고무적인 사실은 인터넷 사용자 중 모바일을 이용하는 사람이 데스크톱이나 랩톱을 이용하는 사람들보다 충성도가 더 높다는 사실입니다.

모바일계에서 충성도가 높은 사용자가 많아지는 것은 우리에게 희소식입니다. 더욱이 모바일은 아직 완성된 체계가 아니어서 우리에게 더 많은 기회가 생긴다는 점은 그야말로 금상첨화라 할 수 있습니다. 하지만, 모바일 우선주의 디자인에는 커다란 제약사항이 있습니다. 바로 화면 크기가 무려 80%나 줄어들었다는 것입니다. 기껏해야 손바닥보다 조금 더 큰 크기의 화면에 우리가 습관적으로 해 온 웹디자인을 적용할 수는 없으니까요.

또 다른 제약사항은 시간과 장소입니다. 언제 어디에서 접근 가능한 모바일 환경은 이용자에게는 이점이지만 우리 디자이너에게는 제약입니다. 디자이너는 고객에게 꼭 필요한 콘텐츠만을 선별해서 구성해야 하고, 사용하기 편리한 인터페이스를 디자인해야 하기 때문입니다.

그렇다면 우리는 기회이지만 제약도 심한 모바일 우선주의 디자인을 어떻게 시작할 수 있을까요? 저자는 이 책의 두 번째 파트에서 그에 대한 답을 제시합니다. 루크 로블르스키는 구성방식, 작동방식, 입력방식, 레이아웃의 네 부분으로 나누어 모바일을 디자인하는 디자이너가 꼭 알아두어야 할 사항을 실례를 들어가며 명쾌하게 소개하고 있습니다.

루크 로블르스키가 우리에게 던지는 경험에서 우러난 메시지들이 여러분뿐만이 아니라 오늘도 한 손엔 마우스, 한 손엔 스마트 폰을 쥐고 모바일 우선주의 디자인을 위해 진격하고 있는 우리 웹디자인계에 꼭 필요한 조언이라고 확신하며 책 소개를 마칩니다.

웹액츄얼리북스팀

루크 로블르스키Luke Wroblewski

모바일 우선주의

모바일 우선주의 대한
명쾌한 조언과 사례의 결정판!

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

독자 여러분, 안녕하세요? 웹액츄얼리는 어 북 어파트A Book Apart와의 파트너십을 통해 ‘아름다운 웹사이트 만들기’ 시리즈를 발간하고 있습니다.

어 북 어파트는 웹표준 기술의 세계적인 선구자이자 글로벌 웹디자인계의 진정한 그루Guru인 제프리 젤드먼Jeffrey Zeldman이 설립했습니다. 그는 글로벌 웹디자인계에서 실력 있고 전도 유망한 최고 전문가들에게 집필을 의뢰해 웹디자인 작업에 필요한 핵심 분야의 책을 출간하고 있습니다.

이 책은 그중 네 번째로 출간된 《반응형 웹디자인》입니다. 현재 글로벌 웹디자인계는 하루가 다르게 변화하고 있습니다. 빠른 혁신을 통해 출판 고유 영역의 많은 디자인 관련 기술을 웹에 접목시키고 있습니다. 이 책에서 소개하는 ‘반응형 웹디자인’은 출판의 제약을 뛰어넘는, 웹의 가변성을 십분 활용하는 기술들을 보여줍니다.

모바일 시장은 그 어느 때보다 빠르게 성장하고 있습니다. 웹디자인 영역에서 사용자의 편의성을 위해 시장에 진입하고 있는 각기 다른 기기와 그에 따른 해상도를 따라잡는 것은 점점 어려워지고 있습니다. 이 시점에서 하나의 가능성으로 떠오르고 있는 것이 바로 ‘반응형 웹디자인’입니다.

이 책의 저자인 이단 마콧은 가변 그리드, 가변 이미지, 미디어 쿼리의 기술을 결합해 웹디자인에 대한 우리의 사고방식을 변화시켰으며, ‘모바일 우선주의’의 철학을 적용해 좀 더 책임감 있는 반응형 웹디자인을 제안하고 있습니다.

웹액츄얼리팀이 2011년 애틀란타에서 열린 ‘An Event Apart’ 컨퍼런스에 참석했을 때 이단 마콧은 ‘반응형 웹디자이너의 작업 흐름The Responsive Designer’s Workflow’이라는 강연에서 이 책의 5장에서 작업 중인 프로젝트라고 소개한 ‘보스톤 글로브’ 사이트의 프로토타입을 공개했습니다. 브라우저의 크기에 따라 레이아웃이 유연하게 바뀌는 것을 보고 관객들의 반응은 무척 뜨거웠습니다.

또한 그는 방대한 콘텐츠를 다루는 이 사이트를 반응형 웹사이트로 리뉴얼하는 과정을 소개하고, 반응형 웹사이트를 작업할 때 바뀌어야 할 우리의 웹디자인 작업 과정에 대해 자세히 설명했습니다. 반응형 웹 프로젝트를 성공적으로 이끄는 방법은, 디자이너와 개발자 두 팀이 고도로 협력하여 디자인, 개발, 검토 과정을 반복하는 방식으로 바뀌어야 한다는 것이었습니다.

지금까지 웹사이트를 만드는 방식이 철저히 분업화된 선형적 워크플로우 방식이라면, 반응형 웹디자인의 작업 방식은 서로 협력하여 이루어지는 원형 방식이라고 할 수 있습니다. ‘디자이놉먼트(디자인design+개발development)’라는 새로운 단어를 통해 디자인과 개발 과정의 반복과 협업 방식의 중요성을 강조하고 있습니다. 그만큼 디자인과 개발을 따로 떼어 독립적으로 생각할 수 없다는 말입니다. 웹액츄얼리팀도 처음 회사를 만들 때부터 이런 워크플로우를 통해 팀 조직을 꾸려 웹사이트를 제작해왔습니다. 이 책을 읽어보시면 어떻게how 그리고 왜why 이런 방법으로 웹사이트를 제작해야 하는지 분명한 이유를 알 수 있을 것입니다.

기술도 중요하지만 무엇보다 성공적인 반응형 웹디자인의 조건은 첫째, 사용자에 대해 면밀히 조사하고, 둘째, ‘모바일 우선주의’에 맞는 철학으로, 셋째, 디자인과 개발의 유기적인 협업 방식이라고 할 수 있습니다.

반응형 웹디자인은 이제 시작 단계입니다. 새로운 개발 툴과 좀 더 쉬운 접근법이 계속 소개되고 있습니다. 사이트에 접속하는 브라우저와 기기가 늘어날수록, 데스크톱 그 이상의 사이트 제작에 관심을 갖는 사용자가 많을수록 웹의 제작 방법과 웹디자인 과정, 웹디자인에 대한 질문과 적용 가능한 해결 방안 등이 수없이 검토되어야 합니다.

이 책을 통해 많은 웹디자인 관련 종사자가 멋진 ‘반응형 웹사이트’를 만들 수 있기를 기대해봅니다.

웹액츄얼리 북스팀

이단 마콧 Ethan Marcotte

반응형 웹디자인

국내 최초 반응형 웹디자인의 모든것 출간!

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

‘아름다운 웹사이트 만들기’ 시리즈의 세 번째 책, 《웹사이트를 위한 콘텐츠 전략》을 소개합니다. 여러분 중에는 ‘아름다운 웹사이트’에 왜 콘텐츠 전략이 필요한지 의아해하시는 분도 있을 것이라고 생각합니다. 여러분이 어떤 생각으로 이 책을 손에 넣었든 상관없습니다. 이 책을 가진 것만으로도 복잡하게 얽혀 있던 웹사이트의 ‘콘텐츠’ 만들기가 술술 풀릴 테니까요.

콘텐츠 전략은 글로벌 웹디자인계에서 최근 급부상하고 있는 분야 중 하나입니다. 제프리 젤드먼Jeffrey Zeldman도 An Event Apart 컨퍼런스에서 기조 연설을 통해 콘텐츠 전략의 중요성에 대해 강조했습니다. 저희 웹액츄얼리 역시 이런 흐름을 잘 알고 있었기 때문에 창립하면서 ‘콘텐츠 기획팀’을 두었습니다.

콘텐츠 전략에 종사하는 사람은 어떤 사람일까요? 과연 IT업계 종사자만 해당되는 것일까요? 참고로 이 책의 저자인 에린 키산Erin Kissane은 현재 콘텐츠 전략 컨설턴트 회사인 브레인트래픽Brain Traffic사의 편집장을 맡고 있습니다. 그녀는 콘텐츠 전략가이기 이전에 웹사이트를 만드는 디자이너, 개발자를 위한 웹 매거진 <A List Apart>의 편집자였습니다.

그렇다면 이 책은 편집자를 위한 것이냐고 묻고 싶을 것입니다. 아닙니다. 이 책에서 말하는 콘텐츠 전략은 웹사이트 기획자, 정보설계사, UI 전문가를 비롯해 운영 관리 종사자에게도 해당됩니다. 이 책에서 에린 키산은 그녀만의 글쓰기 재주를 동원해 콘텐츠 전략을 어떻게 활용하는지에 대해 설명합니다.

브레인트래픽사의 CEO인 크리스티나 할버슨Kristina Halvorson은 콘텐츠에 대해 “다루기 힘든 사나운 맹수”라고 표현했습니다. 클라이언트의 요구에 맞춰 웹사이트를 제작하다 보면 말 그대로 사나운 맹수를 다룰 때처럼 손이 많이 가고 겉도는 것이 콘텐츠입니다. 하지만 에린 키산에게는 이것이 문제가 되지 않습니다. 크고 작은 여러 프로젝트를 진행하며 다양한 콘텐츠 전략을 다루는 방법을 충분히 경험했기 때문입니다. 이 책에는 그녀의 숙련된 콘텐츠 관리법이 담겨 있습니다.

콘텐츠 전략에서 가장 중요한 것은 다른 분야와 잘 협업하여 공통된 목적을 이루는 것입니다. 웹디자이너, 웹개발자는 물론, 기획자를 비롯해 마케터, 편집자, 작가, 정보설계사, 데이터베이스 관리자 등과 함께 작업해야 합니다. 원활한 작업을 위해서는 개개인의 성격과 인맥이 중요할 수도 있습니다. 하지만 업무적으로 맞닥뜨리는 문제들을 완벽하게 막아낼 수는 없습니다.

이 책의 머리말에서 크리스티나 할버슨이 말한 것처럼 여러분이 업무 중에 길을 잃고 헤맬 때 캄캄한 동굴 안을 환히 밝혀주는 횃불과 같은 존재로 이 책을 활용하셨으면 좋겠습니다.

- 웹액츄얼리 북스팀 (books.webactually.com)

전자신문, 김용주 기자의 ‘웹사이트를 위한 콘텐츠 전략’ 리뷰

실무적 입장에서 지은 책인 만큼 단순 이론서와 다르다. 아름다운 웹사이트를 만들기 위해 어떻게 콘텐츠를 활용할 수 있는지 실질적인 방법을 알려 준다. …(중략)… 좋은 웹사이트는 아름다운 외모(디자인)와 함께 마음(콘텐츠)도 갖춰야 한다는 평범한 상식을 새삼 일깨워준다.

전자신문에서 전체 리뷰를 확인하실 수 있습니다.