반응형 디자인 도입하기

캐런 맥그레인 저자(글) · 이미령 번역

웹액츄얼리코리아 · 2020년 05월 07일

책 소개

반응형 디자인은 단순한 기술이 아니다.
새로운 소통 방식이자, 작업 방법이다.

지금은 사이트 속도가 프로세스 전반에 걸쳐서 의사결정을 견인하는 시대이다. 또 다양한 브라우저와 모바일 디바이스, 화면 크기, 입력 메커니즘 등을 통해 사용자 경험의 폭을 예측하기 어려운 때이기도 하다. 더 이상 오래되고 불필요한 콘텐츠들을 신축성 있고 유연한 반응형 웹사이트에 그대로 쑤셔 넣을 수는 없다. 콘텐츠 편집 프로세스와 웹사이트 설계 작업의 흐름이 진화해야 하는 이유다.

반응형 디자인은 열심히 일하는 디자이너와 개발자만으로 구현되지는 않는다. 전체 조직이 믿고 지원해줘야 한다. 반응형 디자인을 구현하려면 콘텐츠, 설계, 작업 흐름, 팀 구조에서 발생하는 문제를 해결해야 한다. 반응형 디자인을 도입한다는 것은 더 효과적이고 효율적으로 일할 방법을 배운다는 뜻이다. 이 책은 반응형 디자인을 성공적으로 도입한 회사들을 대상으로 진행한 조사와 인터뷰를 바탕으로 구성되었다. 반응형 디자인 도입 계획을 세운 회사가 점점 늘어나고 있다. 반응형 프로젝트를 계획하고 있는 현명한 조직이라면 반면교사로 삼을 만한 책이다. 프로젝트 관리자, 의사결정권자, 디자이너, 개발자, 콘텐츠 작성 담당자 및 편집자에게 이 책을 권하고 싶다.

작가정보

저자(글) 캐런 맥그레인

지난 20년 동안 사용자 경험 디자인과 콘텐츠 전략을 활용해서 고객들이 보다 나은 디지털 제품을 제작할 수 있도록 도왔다. 2006년에 UX 컨설팅 기업 본드 아트 플러스 사이언스Bond Art+Science 를 설립한 후 수석 파트너로 재임 중이다. 이전에는 레이저피시Razorfish에서 사용자 경험 내셔널 리드 겸 부사장이었다. 맨해튼의 시각예술학교 SVA의 인터랙션 디자인 프로그램 MFA 과정에서 디자인 경영을 가르치고 있다. 이단 마콧과 함께 〈반응형 웹디자인 팟캐스트〉를 진행하고 있으며 2012년에는 첫 저서 《Content Strategy for Mobile》이 어 북 어파트를 통해 출간된 바 있다.

번역 이미령

가치 있는 콘텐츠를 우리말로 공유하려고 자원봉사로 시작한 일이 번역가의 길까지 이어졌다. 모든 일을 재미있게 하는 비결은 아이 같은 호기심을 잃지 않는 데 있다고 믿는다. 사람과 사람, 사람과 컴퓨터 간 연결 분야에 관심이 많다. 역서로는《심플 소프트웨어》《커리어 스킬》《소프트 스킬》《콘솔 워즈》《사용자를 생각하게 하지 마!》 등이 있다.

목차

• 한국어판 출간에 앞서
  추천의 글
  서문
  chapter 1 주장 입증하기
  chapter 2 계획 세우기
  chapter 3 사이트 속도 높이기
  chapter 4 콘텐츠 정리하기
  chapter 5 협업하기
  chapter 6 테스트와 평가
  결론
  감사의 글
  옮긴이의 글
  참고 자료
  참고 URL
  찾아보기

책 속으로

서문
이 책은 반응형 디자인을 성공적으로 도입한 회사 수십 곳을 대상으로 진행한 조사와 인터뷰를 바탕으로 한다. 반응형 디자인의 도입 계획을 세우는 회사가 점점 늘어나고 있다. 현명한 조직은 미리 경험한 이들로부터 배워서 위험을 피할 것이다.
이 책은 프로세스 관리자, 웹사이트에 영향을 미치는 의사결정권자, 웹사이트를 세상에 내놓는 역할을 하는 디자인팀 혹은 개발팀의 일원을 비롯해 누구에게나 자신이 맡은 업무를 개괄적으로 살펴볼 기회가 될 것이다.

chapter 1 주장 입증하기
반응형 디자인은 새로운 기기와 폼팩터, 낯선 크기의 화면이 쏟아져 나오는 요즘 시장 상황에 대응하기 좋은 가변적이고 유연하며 미래 친화적인 접근법이다. 반응형 디자인은 모든 기기에서 똑같은 정보와 기능에 접근할 수 있게 해준다는 장점 덕분에 고객의 요구 에 잘 부응한다. 그리고 회사나 팀의 필요 또한 충족시킨다. 웹사이트를 더 효율적으로 관리하고 유지보수할 수 있기 때문에 투자 대비 소득이 커진다. 향후 적응형 솔루션을 적용할 생각이 있는 팀에도 반응형 디자인은 든든한 기반이 되어준다.

chapter 2 계획 세우기
반응형 프로젝트를 계획할 때도 웹디자인의 기본 원칙이 그대로 적용된다. 웹 프로젝트에서 일어나는 활동이나 발생하는 결과물이 반응형 프로젝트에서도 똑같이 나타난다. 반응형 디자인을 적용하는 데 필요한 프로젝트 제작의 변화를 받아들이고 나면 프로젝트 범위는 기존 웹사이트 설계 작업 과정과 동일하게 유지된다.

chapter 3 사이트 속도 높이기
속도 그 자체가 중요한 것이 아니다. 웹사이트의 속도에 따라 기업이나 사용자에게 제공하는 가치가 변하기 때문에 관심을 기울이라고 하는 것이다.
사용자가 사이트 로딩을 기다리며 조바심에 스마트폰만 빤히 들여다볼 운명을 맞을 것인지는 여러분의 결정에 달려 있다. 기다리다 지친 사용자는 결국 경쟁자의 매혹적인 품으로 떠나버릴지도 모른다. 사이트를 제작해서 출시한 후에야 이런 사실을 깨닫는 일이 없도록 처 음부터 성능에 집중하는 것이 현명하다.

chapter 4 콘텐츠 정리하기
콘텐츠를 정리하고 줄이면 사이트 페이지 수를 크게 줄일 수 있다.
단순히 페이지가 적다고 가치가 있는 것은 아니다. 페이지를 줄여서 사용자에게 더 좋은 경험을 제공하고 유지보수 비용을 줄이는 것이 핵심이다.
콘텐츠가 줄면 가치 있는 정보가 사용자의 눈에 띌 가능성이 높아진다. 우선순위를 정하는 연습을 하면 팀이 더 중요한 곳에 집중할 수 있게 된다.

chapter 5 협업하기
반응형 디자인은 사람들이 일하는 방식을 바꾼다. 조금 더 협력적인 방식으로 일하게 해서 조직에 이익을 가져올 뿐 아니라 모두에게 새로운 시각을 장려해서 실제로 기능하는 웹사이트를 만드는 데 집중할 수 있게 한다.

chapter 6 테스트와 평가
만약 여러분이 반응형 리디자인을 이끌고 감독하는 책임을 맡았다면 연구와 설계가 가능한 장소나 테스트용 기기 실험실을 마련해주어야 한다. 성능을 꼼꼼히 평가하고 설계 관련 결정을 제대로 내릴 수 있도록 계획을 잘 세워야 한다.
프로젝트를 잘하고 싶다면 제대로 된 테스트용 기기 실험실에 투자해야 한다.

결론
반응형으로 디자인하려면 더 많은 시간이 든다고 주장하는 이에게 말하고 싶다. 장기적으로 보면 이 방법이 오히려 시간과 자원을 확실히 절약해주는 길이라고.
여러분이 반응형 디자인을 새로운 매체를 위한 이상적인 비전으로 판단하든 사업적으로 좋은 가치가 있는 기술로 인식하든 마땅히 거쳐야 할 과정이라는 결론은 바뀌지 않는다. 바로 지금이 반응형 디자인을 도입할 때다.

출판사 서평

반응형 디자인은 모바일용도 데스크톱용도 아니다.
기기 종류와 상관없이 쓸 수 있는 유연한 방식으로 웹을 디자인하는 것.
그것이 바로 ‘반응형 디자인’이다.

모바일 디바이스, 브라우저, 스크린의 유형이 폭발적으로 늘어나면서 복잡성 또한 증가했다. 현재 스마트폰, 태블릿, 데스크톱 PC용 디자인이 있지만 곧 손목시계, 인터랙티브 TV, 헤드셋 등 새로운 폼팩터를 위한 디자인도 다루게 될 것이다.
엄청난 기세로 쏟아져 나오는 다양한 기기, 운영체제, 폼팩터, 입력 메커니즘에 기능까지 고려하려면 이제 기기별 맞춤형 디자인에 매몰되지 말고 전체론적인 시각을 갖춰야 한다.

반응형 디자인과 적응형 디자인은 경쟁 관계가 아니다.

적응형 솔루션을 반응형 디자인의 반의어로 생각하는 사람이 많다. 하지만 이 둘은 경쟁 관계가 아니다. 서로 보완해주는 사이다. 적응형 콘텐츠는 반응형 템플릿 안에서 전달될 수 있다. 당연한 일이다. 심지어 적응형과 반응형은 함께 사용할 수도 있다. 특정 테이블이나 템플릿을 반응형으로 전달하는 과정에서 문제가 발생하면 그 부분에만 적응형을 적용하면 된다.

반응형 디자인은 단순한 설계 방식이 아니다.

반응형 디자인은 기술 그 이상의 가치를 가지고 있다. 기업의 업무 방식이나 협업 방법을 재고하고 조정하는 조직 수준의 변화를 불러오는 대전환점이 된다.
반응형 프로젝트를 계획할 때는 조직 전체의 노력이 어느 정도 필요한지 고려해야 한다. 디자인 결과물을 어떻게 공개할지, 과정이 순조롭게 진행되려면 이해관계자나 의사결정권자는 무엇을 해야 하는지, 팀원들이 효과적으로 협력하려면 어떤 방식으로 구성해야 하는지 등 조직 구성과 문화 전반에 걸쳐 대수술이 요구된다.
반응형 디자인을 성공적으로 안착시킨 기업들은 단순히 스마트폰에서 잘 작동하는 웹사이트를 완성한 것보다 기업의 사고방식을 바꾸고 업무 프로세스를 개선한 것이 가장 큰 소득이었다고 말한다. 반응형 디자인의 진정한 가치는 조직 내부에서 일어나는 선한 영향력에 있다.

반응형 디자인은 단발성 프로젝트가 아니다.

반응형 디자인 도입은 함께 일하는 방식과 문화를 바꾸고, 팀 내 역학적 구조를 개선할 최적의 기회다. 즉 경계가 없는 웹이 기업 내에 구축되어 있는 벽을 허물 절호의 계기인 것이다.
반응형 디자인은 조직 내에 좀더 협력적인 방식을 도입해 이익을 줄 뿐 아니라 팀원 모두가 새로운 시각을 가질 수 있도록 유도한다. 협업을 통해 시간이 절약되고 유지보수가 용이해지며 프로세스가 한결 부드러워진다.
반응형 디자인이 제공하는 가치는 수익 증대 그 이상이다.

반응형 디자인이나 리디자인으로 얻을 수 있는 가장 큰 소득은 어떤 기기를 쓰는 사용자도 소외되지 않고 자신이 원하는 정보에 접근할 수 있다는 것이다.
반응형 솔루션을 도입하면 협력적인 업무 프로세스로 인해 장기적으로 유지보수에 드는 시간과 비용이 감소한다. 검색엔진 최적화에 더 유리하고, 고객 만족도가 높아지며, 사업적 가치도 향상된다. 이미 반응형 디자인을 도입한 수많은 조직이 투자할 가치가 충분하다고 증언하고 있다.
반응형 디자인은 디자이너와 개발자만의 몫이 아니다. 전체 조직이 믿고 지원해야 한다. 반응형 디자인을 도입한다는 것은 더 효과적이고 효율적으로 일할 방법을 배운다는 뜻이다. 그런 변화를 경험한 조직의 미래에는 더 큰 성공이 기다리고 있을 것이다.
이 책을 통해 기회를 잘 활용해보길 바란다.

◆이 책에서 다루는 내용
-반응형 디자인이 필요한 이유
-반응형 디자인 도입 계획의 수립 과정
-성능 최적화 방법
-불필요한 콘텐츠 정리법
-적응형과 반응형 디자인의 콜라보
-반응형 디자인 또는 리디자인 도입 기업 사례
-반응형 디자인 정착으로 초래되는 조직 구조 및 문화의 변화와 선순환
-사후 관리법

기본정보

ISBN	9791185885261
발행(출시)일자	2020년 05월 07일
쪽수	208쪽
크기	140 * 216 * 17 mm / 343 g
총권수	1권
시리즈명	아름다운 웹사이트 만들기 시리즈
원서명/저자명	Going Responsive/McGrane, Karen