반응형 디자인은 단순한 기술이 아니다.
새로운 소통 방식이자, 작업 방법이다.
지금은 사이트 속도가 프로세스 전반에 걸쳐서 의사결정을 견인하는 시대이다. 또 다양한 브라우저와 모바일 디바이스, 화면 크기, 입력 메커니즘 등을 통해 사용자 경험의 폭을 예측하기 어려운 때이기도 하다. 더 이상 오래되고 불필요한 콘텐츠들을 신축성 있고 유연한 반응형 웹사이트에 그대로 쑤셔 넣을 수는 없다. 콘텐츠 편집 프로세스와 웹사이트 설계 작업의 흐름이 진화해야 하는 이유다.
반응형 디자인은 열심히 일하는 디자이너와 개발자만으로 구현되지는 않는다. 전체 조직이 믿고 지원해줘야 한다. 반응형 디자인을 구현하려면 콘텐츠, 설계, 작업 흐름, 팀 구조에서 발생하는 문제를 해결해야 한다. 반응형 디자인을 도입한다는 것은 더 효과적이고 효율적으로 일할 방법을 배운다는 뜻이다. 이 책은 반응형 디자인을 성공적으로 도입한 회사들을 대상으로 진행한 조사와 인터뷰를 바탕으로 구성되었다. 반응형 디자인 도입 계획을 세운 회사가 점점 늘어나고 있다. 반응형 프로젝트를 계획하고 있는 현명한 조직이라면 반면교사로 삼을 만한 책이다. 프로젝트 관리자, 의사결정권자, 디자이너, 개발자, 콘텐츠 작성 담당자 및 편집자에게 이 책을 권하고 싶다.
반응형 디자인은 모바일용도 데스크톱용도 아니다.
기기 종류와 상관없이 쓸 수 있는 유연한 방식으로 웹을 디자인하는 것.
그것이 바로 ‘반응형 디자인’이다.
모바일 디바이스, 브라우저, 스크린의 유형이 폭발적으로 늘어나면서 복잡성 또한 증가했다. 현재 스마트폰, 태블릿, 데스크톱 PC용 디자인이 있지만 곧 손목시계, 인터랙티브 TV, 헤드셋 등 새로운 폼팩터를 위한 디자인도 다루게 될 것이다.
엄청난 기세로 쏟아져 나오는 다양한 기기, 운영체제, 폼팩터, 입력 메커니즘에 기능까지 고려하려면 이제 기기별 맞춤형 디자인에 매몰되지 말고 전체론적인 시각을 갖춰야 한다.
반응형 디자인과 적응형 디자인은 경쟁 관계가 아니다.
적응형 솔루션을 반응형 디자인의 반의어로 생각하는 사람이 많다. 하지만 이 둘은 경쟁 관계가 아니다. 서로 보완해주는 사이다. 적응형 콘텐츠는 반응형 템플릿 안에서 전달될 수 있다. 당연한 일이다. 심지어 적응형과 반응형은 함께 사용할 수도 있다. 특정 테이블이나 템플릿을 반응형으로 전달하는 과정에서 문제가 발생하면 그 부분에만 적응형을 적용하면 된다.
반응형 디자인은 단순한 설계 방식이 아니다.
반응형 디자인은 기술 그 이상의 가치를 가지고 있다. 기업의 업무 방식이나 협업 방법을 재고하고 조정하는 조직 수준의 변화를 불러오는 대전환점이 된다.
반응형 프로젝트를 계획할 때는 조직 전체의 노력이 어느 정도 필요한지 고려해야 한다. 디자인 결과물을 어떻게 공개할지, 과정이 순조롭게 진행되려면 이해관계자나 의사결정권자는 무엇을 해야 하는지, 팀원들이 효과적으로 협력하려면 어떤 방식으로 구성해야 하는지 등 조직 구성과 문화 전반에 걸쳐 대수술이 요구된다.
반응형 디자인을 성공적으로 안착시킨 기업들은 단순히 스마트폰에서 잘 작동하는 웹사이트를 완성한 것보다 기업의 사고방식을 바꾸고 업무 프로세스를 개선한 것이 가장 큰 소득이었다고 말한다. 반응형 디자인의 진정한 가치는 조직 내부에서 일어나는 선한 영향력에 있다.
반응형 디자인은 단발성 프로젝트가 아니다.
반응형 디자인 도입은 함께 일하는 방식과 문화를 바꾸고, 팀 내 역학적 구조를 개선할 최적의 기회다. 즉 경계가 없는 웹이 기업 내에 구축되어 있는 벽을 허물 절호의 계기인 것이다.
반응형 디자인은 조직 내에 좀더 협력적인 방식을 도입해 이익을 줄 뿐 아니라 팀원 모두가 새로운 시각을 가질 수 있도록 유도한다. 협업을 통해 시간이 절약되고 유지보수가 용이해지며 프로세스가 한결 부드러워진다.
반응형 디자인이 제공하는 가치는 수익 증대 그 이상이다.
반응형 디자인이나 리디자인으로 얻을 수 있는 가장 큰 소득은 어떤 기기를 쓰는 사용자도 소외되지 않고 자신이 원하는 정보에 접근할 수 있다는 것이다.
반응형 솔루션을 도입하면 협력적인 업무 프로세스로 인해 장기적으로 유지보수에 드는 시간과 비용이 감소한다. 검색엔진 최적화에 더 유리하고, 고객 만족도가 높아지며, 사업적 가치도 향상된다. 이미 반응형 디자인을 도입한 수많은 조직이 투자할 가치가 충분하다고 증언하고 있다.
반응형 디자인은 디자이너와 개발자만의 몫이 아니다. 전체 조직이 믿고 지원해야 한다. 반응형 디자인을 도입한다는 것은 더 효과적이고 효율적으로 일할 방법을 배운다는 뜻이다. 그런 변화를 경험한 조직의 미래에는 더 큰 성공이 기다리고 있을 것이다.
이 책을 통해 기회를 잘 활용해보길 바란다.
◆이 책에서 다루는 내용
-반응형 디자인이 필요한 이유
-반응형 디자인 도입 계획의 수립 과정
-성능 최...적화 방법
-불필요한 콘텐츠 정리법
-적응형과 반응형 디자인의 콜라보
-반응형 디자인 또는 리디자인 도입 기업 사례
-반응형 디자인 정착으로 초래되는 조직 구조 및 문화의 변화와 선순환
-사후 관리법
한국어판 출간에 앞서
추천의 글
서문
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 테스트와 평가
만약 여러분이 반응형 리디자인을 이끌고 감독하는 책임을 맡았다면 연구와 설계가 가능한 장소나 테스트용 기기 실험실을 마련해주어야 한다. 성능을 꼼꼼히 평가하고 설계 관련 결정을 제대로 내릴 수 있도록 계획을 잘 세워야 한다.
프로젝트를 잘하고 싶다면 제대로 된 테스트용 기기 실험실에 투자해야 한다.
결론
반응형으로 디자인하려면 더 많은 시간이 든다고 주장하는 이에게 말하고 싶다. 장기적으로 보면 이 방법이 오히려 시간과 자원을 확실히 절약해주는 길이라고.
여러분이 반응형 디자인을 새로운 매체를 위한 이상적인 비전으로 판단하든 사업적으로 좋은 가치가 있는 기술로 인식하든 마땅히 거쳐야 할 과정이라는 결론은 바뀌지 않는다. 바로 지금...이 반응형 디자인을 도입할 때다.
캐런 맥그레인 [저]
이미령 [저]
가치 있는 콘텐츠를 우리말로 공유하려고 자원봉사로 시작한 일이 번역가의 길로 이어졌다. 모든 일을 재미있게 하는 비결은 아이 같은 호기심을 잃지 않는 데 있다고 믿으며, 사람과 사람, 사람과 컴퓨터 간의 연결 분야에 관심이 많다. 옮긴 책으로는 『콘솔 워즈』, 『소프트 스킬: 평범한 개발자의 비범한 인생 전략 71가지』, 『사용자를 생각하게 하지 마!』 등이 있다.
전체 0개의 구매후기가 있습니다.
인터파크도서는 고객님의 단순 변심에 의한 교환과 반품에 드는 비용은 고객님이 지불케 됩니다.
단, 상품이나 서비스 자체의 하자로 인한 교환 및 반품은 무료로 반품 됩니다.
교환 및 반품이 가능한 경우
상품을 공급 받은 날로부터 7일이내 가능 공급받으신 상품의 내용이 표시, 광고 내용과 다르거나 다르게 이행된 경우에는 공급받은 날로부터 3개월 이내, 혹은 그사실을 알게 된 날 또는 알 수 있었던 날로부터 30일 이내 상품에 아무런 하자가 없는 경우 소비자의 고객변심에 의한 교환은 상품의 포장상태 등이 전혀 손상되지 않은 경우에 한하여 가능
교환 및 반품이 불가능한 경우
구매확정 이후(오픈마켓상품에 한함) 고객님의 책임 있는 사유로 상품 등이 멸실 또는 훼손된 경우
(단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우는 제외) 시간이 지남에 따라 재판매가 곤란할 정도로 물품의 가치가 떨어진 경우 포장 개봉되어 상품 가치가 훼손된 경우
다배송지의 경우 반품 환불
다배송지의 경우 다른 지역의 반품을 동시에 진행할 수 없습니다. 1개 지역의 반품이 완료된 후 다른 지역 반품을 진행할 수 있으므로, 이점 양해해 주시기 바랍니다.
중고상품의 교환
중고상품은 제한된 재고 내에서 판매가 이루어지므로, 교환은 불가능합니다.
오픈마켓 상품의 환불
오픈마켓상품에 대한 책임은 원칙적으로 업체에게 있으므로, 교환/반품 접수시 반드시 판매자와 협의 후 반품 접수를 하셔야하며, 반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가능할 수 있으니 유의하시기 바랍니다.
배송예정일 안내
인터파크 도서는 모든 상품에 대해 배송완료예정일을 웹사이트에 표시하고 있습니다.
<인터파크 직배송 상품>
상품은 월~토요일 오전 10시 이전 주문분에 대하여 당일 출고/당일 배송완료를 보장하는 상품입니다.
상품은 서울지역/평일 주문분은 당일 출고/익일 배송완료를 보장하며, 서울외지역/평일 주문분의 경우는 오후 6시까지 주문분에 대하여 익일 배송완료를 보장하는 상품입니다. (단, 월요일은 12시까지 주문에 한함)
상품은, 입고예정일(제품출시일)+택배사배송일(1일)에 배송완료를 보장합니다.
~
상품은 유통특성상 인터파크에서 재고를 보유하지 않은 상품으로 주문일+기준출고일+택배사배송일(1일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※기준출고일:인터파크가 상품을 수급하여 물류창고에서 포장/출고하기까지 소요되는 시간
<업체 직접배송/오픈마켓 상품>
~
상품은 업체가 주문을 확인하고, 출고하기까지 걸리는 시간입니다. 주문일+기준출고일+택배사배송일(2일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※5일이내 출고가 시작되지 않을시, 오픈마켓 상품은 자동으로 주문이 취소되며, 고객님께 품절보상금을 지급해 드립니다.
배송비 안내
도서(중고도서 포함)만 구매하시면 : 배송비 2,000원 (1만원이상 구매 시 무료배송) 음반/DVD만 구매하시면 : 배송비 1,500원 (2만원이상 구매 시 무료배송) 잡지/만화/기프트만 구매하시면 : 배송비 2,000원 (2만원이상 구매 시 무료배송) 도서와 음반/DVD를 함께 구매하시면 : 배송비 1,500원 1만원이상 구매 시 무료배송) 도서와 잡지/만화/기프트/중고직배송상품을 함께 구매하시면 : 2,000원 (1만원이상 구매 시 무료배송) 업체직접배송상품을 구매시 : 업체별로 상이한 배송비 적용
* 세트상품의 경우 부분취소 시 추가 배송비가 부과될 수 있습니다.
* 북카트에서 배송비없애기 버튼을 클릭하셔서, 동일업체상품을 조금 더 구매하시면, 배송비를 절약하실 수 있습니다.
해외배송 안내
인터파크도서에서는 국내에서 주문하시거나 해외에서 주문하여 해외로 배송을 원하실 경우 DHL과 특약으로 책정된 요금표에
의해 개인이 이용하는 경우보다 배송요금을 크게 낮추며 DHL(www.dhl.co.kr)로 해외배송 서비스를 제공합니다. 해외배송은 도서/CD/DVD 상품에 한해 서비스하고 있으며, 다른 상품을 북카트에 함께 담으실 경우 해외배송이 불가합니다.
해외주문배송 서비스는 인터파크 도서 회원 가입을 하셔야만 신청 가능합니다.
알아두세요!!!
도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 취소될 수 있습니다. 오픈마켓업체의 배송지연시 주문이 자동으로 취소될 수 있습니다. 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 기준으로 배송됩니다. 유통의 특성상 출고기간은 예정보다 앞당겨지거나 늦춰질 수 있습니다. 택배사 배송일인 서울 및 수도권은 1~2일, 지방은 2~3일, 도서, 산간, 군부대는 3일 이상의 시간이 소요됩니다.
;)
;){kind=small}
전체 0개의 구매후기가 있습니다.
교환 및 반품이 가능한 경우 
상품을 공급 받은 날로부터 7일이내 가능 
상품은 월~토요일 오전 10시 이전 주문분에 대하여 당일 출고/당일 배송완료를 보장하는 상품입니다.
상품은 서울지역/평일 주문분은 당일 출고/익일 배송완료를 보장하며,
상품은, 입고예정일(제품출시일)+택배사배송일(1일)에 배송완료를 보장합니다.
~ 
상품은 유통특성상 인터파크에서 재고를 보유하지 않은 상품으로
상품은 업체가 주문을 확인하고, 출고하기까지 걸리는 시간입니다.
