추가 적립 안내

『모바일 우선주의』는 ‘모바일 우선주의’라는 용어를 탄생시킨 장본인인 루크 로블르스키의 저서로 그가 쌓 아온 모든 것을 쏟아부은 이 책은 간단명료하면서도 흥미롭게 모바일 웹디자인 분야에서 필요한 전략과 실전 테스트를 거친 기법들을 설명하고 있다. 데스크톱 웹사이트와 모바일 사이에서 고민하는 디자이너를 위해 쓰인 책이기도 하지만, 다양한 선례를 통하여 우리 곁을 한시도 떠나지 않는 수많은 모바일 디바이스를 통해 여러분의 사 업을 ‘대박’ 낼 수 있는지 역시도 알려주고 있다. 또한 프론트엔드나 서버 측 개발자에게는 모 바일의 제약 사항들을 어떤 방식으로 풀어야 효율적으로 웹사이트를 구축할 수 있는지에 대한 조 언도 잊지 않고 있다.

새로워진 모바일 웹디자인 분야의 전설적인 가이드북

이 책은 ‘모바일 우선주의’라는 용어를 탄생시킨 장본인인 루크 로블르스키의 저서입니다. 그가 쌓 아온 모든 것을 쏟아부은 이 책은 간단명료하면서도 흥미롭게 모바일 웹디자인 분야에서 필요한 전략과 실전 테스트를 거친 기법들을 설명하고 있습니다.

이 책은 데스크톱 웹사이트와 모바일 사이에서 고민하는 디자이너를 위해 쓰인 책이기도 하지만, 다양한 선례를 통하여 우리 곁을 한시도 떠나지 않는 수많은 모바일 디바이스를 통해 여러분의 사 업을 ‘대박’ 낼 수 있는지 역시도 알려주고 있습니다. 또한 프론트엔드나 서버 측 개발자에게는 모 바일의 제약 사항들을 어떤 방식으로 풀어야 효율적으로 웹사이트를 구축할 수 있는지에 대한 조 언도 잊지 않고 있습니다.

그렇습니다. 이 책은 디자이너뿐만 아니라, 기획자, 개발자, 사업가 등 웹사이트를 통해 기회를 얻 고자 하는 모든 분에게 어떤 기준으로 어떻게 접근해야 성공할 수 있는지를 담고 있습니다.세월이 지나도 변하지 않는 원칙과 기법들이 이 책에 고스란히 녹아있습니다.

여러분의 소중한 시간을 위해 이 책은 간단명료하게 핵심만 짚고 갑니다. 첫 번째 파트에서는 웹사이트와 애플리케이션 제작에 있어 모바일 우선주의 전략이 필요한 이유를 개략적으로 설명합니다. 두 번째 파트에서는 모바일 웹 경험mobile web experience을 디자인하는 일이 데스크톱 웹 경험을 디자인하는 일과 어떻게 다른지를 자세히 살펴 봅니다. 여러분이 이미 알고 있는 웹디자인 지식을 토대로 바로 모바일 디자인을 시작할 수 있도록 말입니다.
이 책에는 프로그래밍 코드가 없습니다. 모바일 개발에 대해 저 보다 훨씬 나은 조언을 해줄 프로그래머들은 많기 때문이죠. 이 책 에는 모바일 우선주의 전략에 기반을 둔 비즈니스 사례와 수많은 디자인 패턴과 최상의 실전 연습이 있습니다. 여러분이 모바일 웹 경험을 디자인하고 개발할 때 언제든 펼쳐볼 수 있도록 말입니다.
이 책 전체에 걸쳐 모바일 웹mobile web 혹은 모바일 웹사이트mobile website 대신 ‘모바일 웹 경험mobile web experience’이라는 용어를 쓸 것이 라는 점도 미리 말해둘 필요가 있겠습니다. 본질적으로 말하면 세상에는 단 하나의 월드와이드웹World Wide Web이 있을 뿐입니다. 차이가 있다면 각기 다른 디바이스에서 각기 다른 방식으로 경험한다는 것이죠. 이 책에서는 모바일 경험을 집중적으로 다루겠습니다.
간단명료하게 얘기하겠다고 약속했으니 들어가는 글은 이제 마치도록 하겠습니다. 그럼 ‘조그마한’ 모바일 우선주의 전략이 어떻게 여러분을 ‘거대하게’ 만들 수 있는지 함께 살펴보겠습니다.

제레미 키스(작가)
“루크는 모바일 분야부터 먼저 디자인해야 한다는 주장을 너무도 강력하고 설득력 있게 펼치고 있 습니다. 그의 빼어난 재치나 기막힌 글 솜씨도 놀랍지만, 무엇보다 엄청난 양의 수준 높은 데이터를 동원해 자신이 주장하는 요점을 하나하나 꼼꼼하게 이해시킨다는 점이 놀랍니다.”

캐머런 몰(Authoentic Jobs 창립자)
“이 책은 내가 쓰고 싶었던 《모바일 웹디자인Mobile Web Design》 최신판인 셈입니다. 루크의 《모바일 우선주의Mobile First》는 모바일 디자인의 훌륭한 사례, 저자의 건실한 조언과 방대한 자료, 그동안 쌓아온 경험이 집약된, 놀랍도록 간결한 걸작입니다.”

이단 마콧(작가)
"루크는 통찰력 있는 디자인 패턴을 상식적인 원칙과 연결한 《모바일 우선주의Mobile First》를 통해 고요한 혁명을 일으켰습니다. 이 책의 제목대로, 웹디자이너들의 입에서 ‘모바일 먼저!’라는 구호가 끊임없이 나오게 될 것입니다. 틀림없이!"

한국어판 출간에 앞서
추천의 글
프롤로그

PART 1 왜 모바일 우선주의인가?
chapter 1 성장
chapter 2 제약
chapter 3 기능

PART 2 모바일, 어떻게 시작할 것인가?
chapter 4 구성
chapter 5 액션
chapter 6 입력
chapter 7 레이아웃

에필로그
감사의 글
도움이 되는 자료
참조
찾아보기

Chapter 1. 성장
좋은 디바이스와 더 빨라진 네트워크에 힘입어 모바일 인터넷 사 용량이 폭발적으로 증가하고 있습 니다. 모바일 우선주의 전략으로 구축한다면 이 성장을 여러분의 기회로 활용할 수 있을 뿐만 아니 라 고객의 관심을 이끌어내는 새로운 기회의 장이 열릴 것입니다. 이것은 여러분이 기존에 만든 웹을 모 바일 버전으로 만드는 그런 단순한 기회가 아닙니다. 그보다는 여러분의 고객에게 전면적으로 향상된 경험을 선사하는 그런 기회입니다.
소셜네트워크 서비스인 페이스북을 떠올려보세요. 2억 5,000만 명 이상의 액티브 유저active
users (http://bkaprt.com/mf/27)들이 자신의 모바일 디바이스를 통해 페이스북에 접속하고 있습니다. 이들은 모바일 디바이스에 기반을 두지 않는 사용자에 비해 2배나 더 활동적입니다. 모바일과 데스크 톱 경험을 결합하면 이들 디바이스 전부를 활용하게 되어 더욱 많은 사용자를 이끌어내는 결과를 낳 습니다. 이것이 바로 페이스북이 모바일 경험을 단지 데스크톱 사이트의 일 부로 여기지 않는 이유입 니다. 모바일 경험이 페이스북 경험 전체를 향상시키는 방법의 하나라고 생각하는 것이죠.

Chapter 2. 제약
점점 진보하는 모바일 디바이스 덕에 모바일 인터넷이 놀랄 만큼 빠른 속도로 성장한 것은 사실이 지만, 모바일 환경은 여전히 매우 제한적입니다. 화면은 작고 네트워크는 불안정합니다. 그리고 사 람 들은 이제 모바일 디바이스를 꺼내는 순간, 온갖 상황이 다 벌어질 수 있다는 것을 알고 있습니 다. 하지만 이러한 제약이 있다는 것은 어떻게 보면 비즈니스뿐 아니라 디자인 작업에서도 좋은 일 입니다.
‘디자인이란 세련된 해결책이 나올 때까지 지속적으로 제약 사항을 적용해가는 과정이다’라는 격언 에 동의한다면 더욱 그렇습니다. 다르게 말하면, 더 나은 디자인은 제약 사항에 맞붙어 싸우기보다 그것을 보듬어 안을 때 얻을 수 있다는 뜻입니다.

Chapter 3. 기능
이렇게 모바일 우선주의 전략을 가지고 디자인을 개발하면 새롭고 신나는 웹 기능을 사용할 수 있습 니다. 사람들의 니즈를 충족시 키는 혁신적인 방식을 만들어낼 수 있는 것이죠. 오늘날 많은 모바 일 웹 브라우저에서는 위치 탐지라든가 디바이스 방향, 터치와 같 은 기술력을 사용할 수 있습니다. 여기 에는 곧 더 많은 기능이 추가 될 텐데요, 그 중 몇 가지를 소개하겠습니다.
· 방향 탐지 : 전자 나침반 이용
· 자이로스코프 : 360도 움직임 감지
· 오디오 : 마이크로 입력, 스피커로 출력
· 비디오와 이미지 : 캡처하거나 카메라로 입력
· 듀얼 카메라 : 디바이스의 앞뒤에 장착
· 디바이스 연결 : 블루투스Bluetooth 이용 <중략>

Chapter 4. 구성
모바일에서의 콘텐츠와 액션 구성organization에 대해 논할 때 탄탄한 정보 설계 원칙은 언제나 중요합니 다. 명확한 레이블링labeling, 균형 잡힌 넓이breadth와 깊이depth, 적절한 멘탈 모델과 같은 것들이죠. 하지만 모바일 웹 경험의 구성에는 다음과 같은 사항도 필요합니다.
· 사람들이 모바일 디바이스를 사용하는 방식과 이유에 맞춰 조정할 것
· 내비게이션보다는 콘텐츠를 강조할 것
· 탐색·피봇pivot을 위한 관련 옵션을 제공할 것
· 명확성과 목적을 유지할 것입니다.

Chapter 5. 액션
일부 디바이스에는 여전히 트랙패드, 트랙휠과 키보드 같은 하드웨어 입력 제어장치가 있지만, 시간이 갈수록 터치가 모바일에서 사람과 웹 사이의 상호작용을 책임지는 추세로 가고 있습니다. 그렇다면 어 떻게 해야 사람들이 터치를 통해 우리 사이트와 소통하게 할 수 있을까요? 제어 가능하면서도 사용자 로부터 적절한 액션을 유도하는 터치 기반의 UI를 디자인하기 위해서는 다음의 내용이 필요합니다.
· 터치 대상의 크기와 위치를 적절하게 설정할 것
· 일반적인 터치 제스처를 익히고, 어떤 목적에 어떤 터치 제스처가 사용되는지 알아둘 것
· 호버 기반의 상호작용을 사용할 수 없는 상황에 대처할 것
· 간접 조작 방식을 잊지 않도록 주의할 것

Chapter 6. 입력
모바일 디바이스는 항상 우리와 함께 있습니다. 따라서 언제 어디서나 영감이 떠오르면 자기 생각을 말하거나 온라인에 게시해 공 유할 수 있습니다. 위치 탐지 기능이라든가 디바이스 방향, 오디오, 비디 오 카메라 등의 새로운 입력 방식을 사용하면 정확도가 떨어지는 손가락으로 타이핑을 많이 하지 않 아도 됩니다.
무엇보다 중요한 것은 사람들이 모바일로는 절대로 이것은 하지 않을 것이라는 편견을 깰 필요가 있 다는 것입니다. 어쨌거나 이베이의 아이폰 앱으로 26만 5,000달러짜리 비행기를 산 사람도 있으니 까 요(http://bkaprt.com/mf/48, http://bkaprt.com/mf/49). 모바일 입력을 환영하고 장려해야 한다는 사 실을 받아들이고 나면, 우리는 그 때？