간편결제, 신용카드 청구할인
삼성카드 6% (15,230원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (15,390원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (11,340원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (12,960원)
(최대할인 4만원 / 2만원 이상 결제)
Close

책임감 있는 반응형 디자인

원제 : Responsible Responsive Design
소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 110
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

18,000원

  • 16,200 (10%할인)

    900P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
  • 추가혜택
    배송정보
    주문수량
    감소 증가
    • 이벤트/기획전

    • 연관도서(18)

    • 사은품(5)

    책소개

    책임감 있는 디자인은 바로 반응형 디자인이다.

    다양한 디바이스를 대상으로 제공되는 웹사이트나 애플리케이션을 제작할 때 반드시 고려해야 할 속성으로 반응형 레이아웃이 있다. 그러나 레이아웃은 시작에 불과하다. 진정한 반응형 디자인을 위해서는 디바이스와 브라우저에서 제공하는 수많은 기능을 지원하고, 복잡한 인터페이스에서도 접근성을 유지하며 네트워크를 통해 웹사이트를 전달하는 방식도 발전시켜야 한다.
    이 책은 반응형 디자인을 구현하는 과정에서 마주칠 수 있는 여러 가지 문제를 예제와 함께 자세히 알려주고 있다. 브라우저의 기능이나 제약에 관계없이 발생 가능한 여러 가지 접근성 및 성능 관련 문제를 사전에 제거해 최적화된 사용자 경험을 제공할 수 있게 될 것이다.

    출판사 서평

    단순히 다양한 화면 크기에 대처하는 데 그치지 않고
    모든 디바이스에 보편적이고 지속적으로 적용할 수 있는
    웹사이트와 앱을 만들기 위해 '책임감 있는 디자인'이 필요하다!

    우리가 제공하는 콘텐츠와 서비스를 가능한 한 모든 기기에서
    접근할 수 있도록 하는 것은 가치 있는 일이다.

    웹은 접근 가능한 휴대용 디바이스의 폭발적인 인기 덕분에 유래 없는 광범위한 접근성을 갖게 되었다. 하지만 여기에 한 가지 문제가 있다. 웹은 생각보다 연약하다. 웹은 네트워크 연결이 갑자기 끊기거나 로딩 시간이 길어지는 등 불확실한 요소가 많다. 이는 우리가 디자인한 요소들이 사용자에게 제대로 전달되지 못할 가능성으로 이어진다.
    지리적 위치나 기술적 배경 등 열악한 환경에 있는 사용자가 물론 목표로 삼는 사용자층이 아닐 수도 있다. 하지만 모든 사람을 수용할 수 있는 웹사이트를 제작하는 것은 곧 고객층을 확대할 수 있는 기회가 된다. 웹 접근성이 향상될수록 웹사이트의 사용자층은 더욱 두꺼워진다. 따라서 웹사이트를 사용하며 만나게 되는 다양한 장애를 감당하는 능력과 HTML, CSS, 이미지와 같은 자원을 선별적으로 전달하는 능력 등이 더욱 중요한 기능으로 대두할 것이다.

    끊임없이 변화하는 웹 디바이스마다 디자인하지 말고,
    하나의 경험을 다양한 측면으로 제공해야 한다.

    접근 범위도 넓고, 사용하기도 편하고, 지속적으로 발전할 수 있도록 웹사이트를 제작하기 위해서는 반응형 디자인에 책임감 있는 개발 원칙을 몇 가지 더 보완해야 할 필요가 있다.

    o 사용성: 화면 크기와 디바이스가 다양한 환경에서 콘텐츠와 기능을 어떻게 표현해야 할지 고민해야 한다. 중단점을 찾고, 모듈 방식으로 디자인하고, 터치와 다양한 인터페이스를 고려해 디자인한다.
    o 접근성: 웹을 시각적으로 접근하는 사용자뿐만 아니라 다른 형태로 접근하는 사용자와도 웹사이트가 상호작용할 수 있도록 디자인해야 한다. 예를 들어, CSS를 사용하면 간결하고 가벼울 뿐만 아니라 네이티브 HTML 폼 요소만으로도 장애를 가진 사용자들이 컨트롤에 접근할 수 있다.
    o 지속성: 브라우저가 가진 기능과 제약 사항을 감지하는 것은 사용자 경험을 제대로 전달하는 데 매우 중요한 요소다. 지속성 있는 크로스 브라우저 코드 작성이 필요하다.
    o 성능: 성능은 사용자 경험의 핵심 요소다. 가장 바람직한 것은 사용자가 어떤 디바이스를 사용하는지에 상관없이 사용자에게 꼭 필요한 콘텐츠와 기능만 최적화해 전달하는 것이다.

    이러한 책임감 있는 개발 원칙과 패턴을 적용하면 브라우저의 기능이나 제약에 관계없이 발생 가능한 여러 가지 접근성 및 성능 관련 문제에 최적화된 사용자 경험을 제공할 수 있을 것이다. 이는 오늘날 웹 개발에서 중요한 요소일 뿐만 아니라 앞으로 등장할 브라우저에 대비하는 것이기도 하다.

    ◆이 책에서 다루는 내용
    - 중단점 찾기
    - 모듈 방식으로 디자인하기
    - 터치와 다양한 인터페이스를 고려한 디자인
    - 디바이스 감지
    - 기능 감지
    - 책임감 있는 미디어 쿼리
    - 성능 예산
    - 요청 과정의 블로킹 최소화하기
    - 웹으로 전달할 파일 준비하기
    - HTML, CSS, 이미지, 폰트, 자바스크립트 전달

    목차

    한국어판 출간에 앞서
    추천의 글
    서문
    chapter 1 책임감 있는 디자인
    chapter 2 지속성 있는 감지 방법
    chapter 3 성능 고려하기
    chapter 4 책임감 있게 전달하기
    결론
    감사의 글
    참고 자료
    참고 URL
    찾아보기

    본문중에서

    이 책의 핵심 주제는 접근성으로, 웹의 미래를 제시하는 최신 기능들을 최대한 살리는 동시에 서비스의 접근 범위를 확대하기 위한 방법에 대해 집중적으로 다루고 있다. 다양성은 웹의 본질이지 문제점이 아니다. 우리가 만드는 콘텐츠와 서비스를 가능한 한 모든 디바이스에서 접근할 수 있도록 최선을 다해야 한다. 이를 강조하는 것은 쉽게 할 수 있어서가 아니라 가치 있는 일이기 때문이다.
    ( '서문' 중에서)

    반응형 디자인의 핵심 요소(가변 그리드, 가변 이미지, 미디어 쿼리)는 크로스 디바이스 인터페이스 디자인에서 중요한 역할을 한다. 하지만 반응형 디자인이 의존하고 있는 기능을 가만히 들여다보면 예상과 다르게 작동하거나 전혀 작동하지 않을 가능성이 있다. 웹사이트는 사용자의 예상치 못한 행동이나 네트워크 상태, 특이한 사용에도 잘 대처할 수 있어야 한다.
    ( 'chapter 1 책임감 있는 디자인' 중에서)

    요즘 나온 브라우저들은 워낙 다양하기 때문에 브라우저가 가진 기능과 제약 사항을 감지하는 기능은 사용자 경험을 제대로 전달하는 데 매우 중요한 요소가 되었다. 이런 감지 기능은 다양한 방식으로 구현할 수 있지만, 그중에서도 특히 사용자 경험을 좀더 책임감 있게 제공할 수 있는 방법이 몇 가지 있다.
    ( 'chapter 2 지속성 있는 감지 방법' 중에서)

    성능 예산에 구체적으로 어떤 수치를 포함해야 할지를 파악하는 것은 쉽지 않을 뿐만 아니라 프로젝트마다 다르다. 처음부터 새롭게 시작하는 입장이라면 경쟁 웹사이트의 성능을 분석해서 얼마나 빠르게 해야 앞설 수 있는지 가늠해보는 것도 성능 예산에 대한 개념을 잡기 위한 좋은 방법이다. 웹사이트의 성능을 향상시키기 위해 코드를 추가할 때는 응답 시간의 상한선을 정해두고 이 선을 넘지 않도록 최선을 다해야 한다.
    ( 'chapter 3 성능 고려하기' 중에서)

    가장 바람직한 것은 사용자가 어떤 디바이스를 사용하는지에 상관없이 사용자가 꼭 필요로 하는 콘텐츠와 기능만 전달하는 것이다. 웹사이트는 단순히 페이지를 모아두는 곳이 아니다. 조금만 방심해도 그 복잡함에 짓눌리기 쉬운 시스템에 가깝다. 아직 기술이 발전하는 과도기 상태에 있지만 더 가볍고 화려한 사용자 경험을 어느 정도 제공할 여지는 충분히 있다. 앞으로 어떤 미래가 펼쳐질지 기대를 가지고 지켜보자.
    ( 'chapter 4 책임감 있게 전달하기' 중에서)

    웹은 광범위한 접근과 포용성을 전제로 만들어졌다. 여기에 여러 가지 기술을 독특하고 계층화된 방식으로 응용함으로써 어느 누구도 배제하지 않으면서 더 높이 쌓기 위한 토대를 제공할 수 있다. 이러한 목표를 달성하기 위해서는 창의적으로 사고하고, 책임감 있게 제작하고, 항상 사용자를 가장 먼저 생각하는 자세가 필요하다.
    ( '결론' 중에서)

    관련이미지

    저자소개

    스콧 젤(Scott Jehl) [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    그래픽 디자인을 전공했지만 그의 능력은 디자인과 개발을 넘나든다. 그는 필라멘트 그룹의 초기 멤버로서 New England Journal of Medicine, Footjoy Golf, Aspen Snowmass Resorts 같은 고객과 함께 일했다. 웹사이트의 사이트 맵을 시각적으로 만들어 주는 ajax 웹 애플리케이션인 WriteMaps.com을 운영 중이며, jQuery 디자인 팀의 멤버이기도 하다.

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    고려대학교 컴퓨터학과에서 학부와 석사 과정을 마친 후 한국전자통신연구원에서 선임연구원으로 재직하고 있으며, 현재 ㈜프리스티에서 네트워크 제어 및 검증 소프트웨어 개발 업무를 맡고 있다. 에이콘출판사에서 출간한 『GWT 구글 웹 툴킷』(2008), 『해킹 초보를 위한 USB 공격과 방어』(2011), 『자바 7의 새로운 기능』(2013), 『iOS 해킹과 보안 가이드』(2014), 『Neutron 오픈스택 네트워킹』(2015), 『실전 IoT 네트워크 프로그래밍』(2015), 『애플 워치 WatchKit 프로그래밍』(2015), 『현대 네트워크 기초 이론』(2016), 『도커 컨테이너』(2017), 『스마트 IoT 프로젝트』(201

    펼쳐보기

    역자의 다른책

    전체보기
    펼쳐보기

    이 상품의 시리즈

    아름다운 웹사이트 만들기 시리즈(총 26권 / 현재구매 가능도서 19권)

    이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

      리뷰

      0.0 (총 0건)

      구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

      리뷰쓰기

      기대평

      작성시 유의사항

      평점
      0/200자
      등록하기

      기대평

      0.0

      교환/환불

      교환/환불 방법

      ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

      교환/환불 가능 기간

      고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

      교환/환불 비용

      고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

      교환/환불 불가사유

      반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
      배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

      소비자 피해보상

      소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
      교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

      기타

      도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

      배송안내

      • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

      • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

      • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

      • 배송비

      도서(중고도서 포함) 구매

      2,000원 (1만원이상 구매 시 무료배송)

      음반/DVD/잡지/만화 구매

      2,000원 (2만원이상 구매 시 무료배송)

      도서와 음반/DVD/잡지/만화/
      중고직배송상품을 함께 구매

      2,000원 (1만원이상 구매 시 무료배송)

      업체직접배송상품 구매

      업체별 상이한 배송비 적용