스매싱 북 3 (기본에 충실한 웹사이트 리디자인하기)

스매싱미디어

(SmashingMedia)
전세계가장영향력있는웹디자인분야온라인미디어중하나로,2006년스벤렌나르츠와비탈리프리드먼이설립했다.웹디자인계에서최고의실력을인정받는전문가들이필자로참여하여웹디자인,웹개발관련도서와e북을출판하며,수준높은기사를꾸준히올리고있다.“서로배움으로써함께발전하자”라는스매싱미디어의오랜정신에걸맞게유행에휩쓸리지않으며출판사를크게키우는것보다는양질의콘텐츠에집중하고있다.2019년현재매달조회수300만이상,고정방문자수200만여명을기록하고있으며,트위터팔로어는98만명이상이다.매년글로벌웹디자인콘퍼런스를개최하여최신이슈를논의하고글로벌웹디자인트렌드를제공하는등웹디자인의질적인발전에핵심역할을하고있다.

들어가며(엘리엇제이스톡스)
chapter1리디자인의비즈니스측면(폴보아그)
chapter2리디자인을위한기술적고찰(레이철앤드루)
chapter3HTML5속으로(벤슈바르츠)
chapter4CSS3로새롭게거듭나기(데이비드스토리,리아베루)
chapter5자바스크립트의재발견:복잡한제이쿼리대체방법(크리스티안헤일만)
chapter6UX향상기법(드미트리파데예프)
chapter7개성있는리디자인(애런월터)
chapter8모바일의사용자경험디자인:웹이냐네이티브냐?(애럴발칸)
chapter9미래지향적워크플로리디자인(스티븐헤이)
chapter10환상적인유연성을위한기본요소디자인(앤디클라크)
확장판들어가며(이리스레슈냐닌)
chapter11리디자인에필요한요소:스토리(데니스제이콥스)
chapter12내비게이션리디자인(크리스티안홀스트,제이미애플시드)
chapter13맞춤형콘텐츠리디자인(콜린존스)
chapter14사례연구:반응형스매싱리디자인(비탈리프리드먼,엘리엇제이스톡스)
찾아보기

빠르게변화하는웹환경에맞추어
‘웹사이트리디자인’을새롭게조명하다

이책은전세계웹디자인관련분야에서실무뿐아니라저술로뛰어난실력을인정받으며활동하는개발자와디자이너들의가치있고수준높은글만엄선하여엮은책이다.웹디자인에관한실용적인지식과인문학적지식함양,사용자에관한심층탐구를반영한앞서출간된《스매싱북1,2》와는다르게‘웹사이트리디자인’이라는특별한주제를중심으로웹사이트리디자인에필요한기술과소양을설명한다.혁신적인코딩,UX기법,퍼소나,반응형디자인등리디자인프로세스뿐아니라웹디자인에접근하는방식을급변하는오늘날의환경과트렌드에초점을맞추어광범위하게다룬다.

왜웹사이트리디자인을해야하는가?

매년빠르게성장하고변화하는웹업계에서웹사이트리디자인은피할수없는현실이다.리디자인은웹사이트가출시되는그순간부터시작된다.완전무결하고아름다운웹사이트는수많은사람의평가와비평을들으며리디자인이시작되는데,이책은전면적인리디자인이꼭필요한지,점진적으로필요한부분만개선하여효과를극대화하는방법은없는지를통찰력있게풀어낸다.또한모든웹사이트리디자인의필요성을설명함으로써웹사이트리디자인의시야를넓혀준다.
이책은세련되고아름다운디자인에만집중하는시대를지나이미지,타이포그래피,레이아웃,플랫폼,반응형,콘텐츠등사용자경험에중점을둔리디자인의필요성을강조함으로써웹사이트리디자인을할때무엇을고민해야하는지다시생각하게한다.전하고자하는의미를분명히하면서도살아숨쉬는디자인을위해어떻게끊임없이개선하고고민해야하는지를보여준다.

사용자를위한디자인으로
웹사이트리디자인의패러다임을바꾸다

웹사이트리디자인의일반적인목표는사용자경험을개선하여전환율높이기,브랜드이미지변화,콘텐츠관리와업데이트,마케팅효과높이기,반응형웹사이트만들기등이다.이러한목표를달성하기위해웹사이트가제공하는정보와서비스의최종이용자는웹사이트를방문하는사용자다.이에초점을맞추어설명하는이책은사용자를위한웹사이트리디자인이필요한이유를이해하기쉽게알려준다.이책의부제“기본에충실한웹사이트리디자인하기”는결국사용자를고려한리디자인임을다시한번강조한다.
하지만리디자인을시작하기전에웹사이트리디자인을의뢰하는고객과의비즈니스도생각해야하는데,이책에서는고객과프로젝트의범위를정하고고객이유행에휩쓸리지않게대처하는법,고객의희망사항을그대로수용하기보다는고객의비즈니스에도움이되도록수정을제안하는법,디자인에대한거부반응과비평을효과적으로관리하는법에대해살펴본다.또한고객과협업하는데필요한핵심을배우고그로인해어떠한통찰력을배울수있는지에대해서도살펴본다.

웹사이트리디자인은
사용자경험에중점을두어야한다

“사용자가좋아하는소프트웨어를만들고싶다면
사용자의호감을얻을만한소프트웨어를디자인해야한다.”

인터랙션디자인과소프트웨어공학분야의전문가,세계에서가장영향력있는디자이너앨런쿠퍼는인간중심의디자인을강조한다.이책은전반에걸쳐기존웹사이트의문제점을개선하는것이리디자인의목적이라면단순한문제해결은물론제품의사용성과사용자경험에중점을두어야함을집중조명하여설명한다.UX는좋은디자인,즉겉만화려한디자인이아니라모든것이조화롭고잘작동하며사용자의기대치를충족시키는디자인을말하는데,이는회원가입자수를늘리거나사용자가게시물을더많이올리도록유도하는등의문제를해결한다.문제가무엇이든궁극적인해결책은훌륭한UX제공임을강조한다.
또한회원가입프로세스와양식개선,실험적인기술,고객서비스향상방법,되도록피해야할디자인기법등네부분으로나누어UX디자인을다룬다.다양한사례를들어설명하고웹사이트리디자인에바로적용할수있는방법을보여준다.

스토리를바탕으로웹사이트리디자인을하라!

오늘날의소비자는정보습득만을위해웹사이트를이용하지않는다.정보그이상을요구하며더실체적이고웹사이트와연결되는경험을하기를바란다.이러한소비자의요구에응하기위해이책은새롭게웹사이트를업데이트하고출시하려면어떻게전략을세워야하는지소개한다.
디자인에만집중하면콘텐츠에,콘텐츠에만집중하면디자인이나인터랙션에소홀해질수있다.이두가지에함께적용할수있는요소가바로스토리다.스토리는강력한의사소통의수단일뿐아니라디자인의중요한요소다.사실만가지고는사람을움직이게할수없다.하지만스토리로는가능하다.《감성디자인EmotionalDesign》의저자돈노먼은이렇게말했다.“사용자는미적으로보기좋은제품이더효과적이고유용하다고느낀다.그런제품에더끌리기때문이다.이런끌림은그제품과감정적으로연결되기시작할때부터생겨난다.”
웹이라는형식은시각적이고상호적인특성때문에스토리텔링이자유롭다.하지만웹에서주의해야할사항이있다.웹은순차적이지않고대부분비선형이며시각적이고상호적이다.이책에서는보유하고있는콘텐츠를비선형으로엮기위해서는무엇에주의해야하는지,스토리와시각자료를효과적으로조합하기위해서는무엇을고려해야하는지,사용자와상호교감하기위해서는스토리를어떻게디자인에녹여내야하는지등웹디자이너뿐아니라콘텐츠를다루는이들에게매우유용한내용을집약하여알려준다.

웹사이트리디자인은디자이너만의몫이아니다

이책은리디자인을의뢰한고객과효과적으로협업하는방법에대해알려주고HTML5,CSS3,자바스크립트뿐아니라콘텐츠를다루기위한강력한무기인스토리를활용하는방법에대해서도설명한다.게다가실제스매싱매거진웹사이트의리디자인사례도소개한다.리디자인을위해고객을분석하고,레이아웃을고민하고,안정적인성능과반응시간단축을위해기술적인부분도고민하는것을엿볼수있다.
리디자인의비즈니스측면을다룬1장과스매싱매거진의리디자인사례를보여주는14장을살펴보면성공적인리디자인을위해서는고객과웹디자이너어느한쪽의의견만을따라서는안되고,리디자인을위해고군분투하는웹디자이너외에도고객,개발자등모두의의견을듣고협의하여적절히반영한리디자인을해야함을강조한다.이책은웹사이트리디자인에관련된개발자,디자이너들이경쟁관계가아니라협력관계의파트너로서나아갈수있도록서로에대한이해도를높일수있는방향을제시한다.