도서출판 인사이트

Essential ActionScript 3.0을 곧 출간합니다.

너굴; — Wed, 15 Jul 2009 14:43:03 +0900

오랫동안 기다리셨습니다! 플래시/플렉스 개발자들께 좋은 소식이 될, 콜린 무크의 『Essential ActionScript 3.0』이 드디어 『액션스크립트 3.0 완벽 가이드』라는 제목으로 출간됩니다!

작년 10월쯤 저희 블로그에 『Essential ActionScript 3.0』의 번역자를 찾는다는 공지를 올린 적이 있습니다. 이때 열혈 번역자 한 분께서 응모해주셨는데, 바로 이번 번역을 맡으신 유윤선 님입니다. 『Air in Action』을 번역하신 경험이 있으셨고, 5개 국어를 구사하며, 토익 990점(만점)을 자랑할만하나, 번역 기간 내내 겸손하셨던 모습이 인상에 남네요.
또한 유윤선 님의 추천으로 번역자 한 분을 더 영입하였는데요. 바로 『ActionScript 3.0 Cookbook』의 번역자이신 송호철 님이십니다. 오랜 액션스크립트 개발 경험을 거쳐 현재는 IAMG라는 회사를 세워 RIA 개발과 액션스크립트 강좌 등을 진행하고 계시는 분이지요. http://cafe.naver.com/uiaa 카페도 운영하시구요. 번득이는 아이디어와 넘치는 활동성으로 번역 작업에 박차를 가해주셨습니다.

이렇게 멋진 두 역자께서 8개월 남짓 달려주신 결과! 아래 사진에서 보이듯이 어마어마한 분량의 번역물을 쏟아내셨습니다.

저희야 번역된 원고을 읽기만 하면서도 방대한 분량에 질려버렸지만, 이만한 분량을 번역하신 분들의 노고를 생각하니 안구에 습기가... ㅠㅠ
어쨌든 번역자 두 분의 희생과 열정 덕에 아래처럼 훌륭한 결과물이 나오게 되었습니다. (표지만 봐선 내용을 알 수 없으시겠지만... ㅎㅎ)

분량이 방대하다보니 읽었거나 읽고 싶은 내용을 찾아보기 편하게 만드는 일도 무척 중요할텐데요. 일단, 원서에서 장제목과 절제목(1.1)만 나열한 목차가 아쉽다고 생각하여 항제목(1.1.1)까지 나열했습니다.

그리고 2,000개가 넘는 찾아보기 항목들도 일일이 번역하여 수록했구요. (물론, 당연히 그래야겠지만요.)

또, 4월 말부터 블로그 방명록에 찾아오셔서 발간 일정을 독촉해주신 분들께 발간 확인 이메일을 보내드리기도 했습니다. (7월이 되면서 슬슬 목숨에 위협도 느꼈답니다. ㅎㅎ)

내용이야 말할 것도 없지요. 어도비에서 난다긴다 하는 개발자들의 리뷰를 거쳐 콜린 무크의 내공을 그대로 녹여냈으니, 이 책 하나면 만병통치... 까지는 아니더라도 액션스크립트 고수가 되는 지름길임은 분명합니다. (최소한 원서보다는 빨리 읽으실 수 있겠죠? ^^)

어떠세요? 지금 온라인 서점으로 달려가지 않으시렵니까? ^^
예약구매 - 강컴, 교보, 예스24

이로써... 독자들께 한 걸음 더 다가간 계기가 된 것 같습니다. 다음 시간에는... 개발자들이 범접하기 어려우나 익혀두면 놀라운 일을 해낼 수 있다는 Regular Expressions에 대해 집중 탐구해보겠습니다. ^^

하나 더! 한국어판을 기념하여 콜린 무크 아저씨께서 친절하게도 기념 서문을 써주셨는데요. 콜린 무크가 이 글을 읽진 못하시겠지만, 정말 감사합니다. ^^

2005년 말에 내가 이 책을 집필하기 시작했을 당시에는, 액션스크립트 3.0이 아직 세상에 나오기 전이었다. 그럼에도 나는 새로 나올 액션스크립트가 새로운 플래시 시대를 열어줄 것이라 확신할 수 있었다. 초창기 데모와 스펙만으로도 창의적인 디자이너들은 기존에 표현할 수 없는 새로운 것들을 표현할 수 있었고, 전통 개발자들은 플래시 문법을 친숙하게 느낄 수 있었다. 그 후로 4년이 지난 지금, 액션스크립트는 오늘날의 개발자와 디자이너들이 필요로 하는 성능과 구조, 문법을 모두 갖춘 강력한 프로그래밍 언어로 발전했다.
오늘날도 액션스크립트의 영향력은 갈수록 커지고 있다. 최근 어도비에서는 액션스크립트와 관련해 다음과 같은 혁신 제품들을 발표했다.

more..

Pixel Bender - 액체 필터와 효과를 생성하기 위한 언어(http://www.adobe.com/devnet/flash/articles/pixel_bender_basics.html)
Text Layout 프레임워크 - 플래시 플레이어 10의 강력한 텍스트 엔진을 바탕으로 하는 전문 타이포그래피 라이브러리(http://www.adobe.com/go/textlayout)
Alchemy - 플래시 플레이어에서 구동 가능한 SWF/SWC 형태의 파일을 만들어 주는 C/C++ 컴파일러

사실 지난 4년 동안, 어도비는 액션스크립트 3.0을 기반으로 전체 개발 생태 환경(ecosystem)을 구축하는 작업을 진행했다. 이러한 개발 환경에는 리치 콘텐트 생성을 위한 플래시 저작 도구, 프로그래밍 IDE인 플래시 빌더(기존 플렉스 빌더), 풍부한 표현력과 데이터 기반의 인터페이스를 제공하는 오픈 소스 프레임워크인 플렉스 프레임워크(현재 베타 버전 4까지 등장했다), 플렉스 애플리케이션을 빠르게 개발해 원하는 데이터 소스를 바인딩할 수 있는 마크업 언어인 MXML, 데스크톱 런타임인 AIR 그리고 가장 최근에는 UI 디자이너와 프로그래머 사이의 간극을 메우기 위한 애플리케이션 디자인 툴인 캐틀리스트(Catalyst)가 있다. 어도비의 액션스크립트 기반 생태 환경에는 스트리밍 미디어와 실시간 데이터 전송을 위한 다양한 서버 제품(플래시 미디어 서버와 LiveCycle ES 참고)들도 포함된다. 아울러 어도비에서는 액션스크립트를 기반으로 하는 제품과 서비스를 출시하고 있다. 이러한 제품과 서비스에는 온라인 미팅 서비스인 ConnectNow와 온라인 문서 편집 도구인 BuzzWord, 온라인 사진 편집 프로그램인 Photoshop.com 등이 있다. 액션스크립트는 아직 뜨고 있는 별인 것이다.

플래시 생태 환경에 포함되는 기술들은 모두 전체 사업 분야에 활력을 주는 역할을 한다. 그리고 이젠 산업 분야 전반에서 액션스크립트가 사용되고 있다. ‘액션스크립트를 안다’는 사실이 플래시 개발자나 디자이너에게 지금처럼 많은 가능성을 제시해 준 적은 이제껏 없었다. 나만 보더라도, 액션스크립트를 사용하여 휴대폰으로 타임 스퀘어 광장에 있는 것과 같은 큰 화면에 접속하는 온라인 게임을 즐기고 있다(www.playmegaphone.com와 www.user1.net 참고). 내가 1999년에 처음 액션스크립트를 쓰기 시작했을 때는 상상도 못한 일이다.

이 책에서 액션스크립트의 핵심 사항(fundamentals)을 다루는 것은 바로 이런 이유 때문이다. 여러분이 플렉스로 개발하는 여성이든, 플래시로 개발하는 남성이든, 디자이너든, 애니메이션 디자이너든, 프로그래머든, 액션스크립트를 안다는 사실(많이 알면 알수록)은 끝없이 성장하고 있는 플래시 플랫폼의 가능성을 이해하는 열쇠가 될 것이다. 일단 액션스크립트 3.0에 대한 핵심 지식을 이해하고 나면, 여러분은 플래시 플랫폼에서 제공하는 프로그래밍 도구들을 거의 전부 다룰 수 있을 테고, 여러분의 상상력을 프로그램으로 표현하는 새로운 도전을 맛볼 수 있을 것이다.

나는 액션스크립트를 사용한 누군가의 상상의 결과물이 세계 곳곳에서 등장하는 것을 볼 때마다 흥분을 느낀다. 그리고 이 책의 번역을 맡아준 유윤선 씨와 송호철 씨에게 진심으로 감사한다. 이들이 없었다면 액션스크립트 3.0의 핵심 내용을 다루는 내 책이 한국까지 가지 못했을 것이다. 액션스크립트에 대한 나의 열정에 동참해 준 이 책의 한국어판 역자, 유윤선 씨와 송호철 씨께 감사한다. 감사합니다(Kamsa hamnida)!

가르치면서 가장 큰 보람을 느낄 때는 배운 것을 사용하여 만든 결과물을 보았을 때다. 나는 특별히 한국 액션스크립트 커뮤니티에서 만들어내는 결과물들을 보고 싶다. 여러분이 코딩한 작업을 내게도 보여주고 싶다면, colin@moock.org로 메일을 보내주기 바란다.

즐거운 코딩 시간이 되길!

2009년 캐나다 토론토에서
콜린 무크

익사이팅 자바스크립트. jQuery가 더 강해져서 돌아왔다!

너굴; — Tue, 07 Jul 2009 14:52:42 +0900

뭐 제목을 잡고 보니, 왠지 현재 극장가를 강타하고 있는 “트랜스포머”의 카피 같네요.^^;
그러나 더 강해져서 돌아온 것은 트랜스포머의 로봇군단만은 아닙니다. 지난해 가볍고도 빠른 몸짓에 위력적인 파워로, 자바스크립트 프레임워크 춘추전국시대에서 승자로 등극했던 jQuery 역시 전선을 재정비하여 돌아왔습니다.

예전에 그치지 않고 강한 것은 더 강하게, 뒤쳐진 점은 보완해서 다시금 돌아왔습니다. 자바스크립트와 씨름하는 개발자 여러분에게 좀 더 강력한 무기로 재탄생하게 된 것이죠. 그럼 어떤 특징들이 있는지 한번 살펴볼까요?

CSS 셀렉터를 50% 빠르다는 Sizzle로 변경
HTML 삽입 관련 커맨드 재작성 (속도 6배 향상)
offset() 커맨드 재작성 (속도 3배 향상)
show()와 hide() 커맨드 재작성 (성능 2.5배 개선)
나중에 추가된 엘리먼트에도 바인딩되는 Live Event 구현
브라우저 스니핑 방식을 기능 탐지 방식으로 변경(jQuery.support 객체)

셀렉터 성능 비교 (출처: http://docs.jquery.com/Release:jQuery_1.3.2#Performance)

이렇게나 향상된 기능들로 인해 기존 jQuery 책들로 공부하시던 개발자 여러분께서 버전 문제로 곤란함을 겪으시지 않도록(기존 책은 내용이 1.2.6 버전에 맞춰 있죠!), 저희 ‘프로그래밍 jQuery’도 새롭게 정비하였습니다.

바로, 번역에 수고해주신 ‘김성안, 이두원, 송효종’께서 직접 1.3.2 버전의 내용과 기존 기능에서 달라진 점을 추려내어 원고를 더해주신 것인데요. (더운 여름에 원고 작업에 몰두해 주신 세 분께 깊은 감사를 드립니다.) 기존 버전도 독자 분들께 많은 사랑을 받았던 터라 더 충실히 책을 만들겠다는 마음가짐으로 가격은 그대로! 내용은 추가로! 증보판을 만들었습니다.

일단 증보판에서는 1.3에서 내용이 달라진 부분을 본문 안쪽 여백을 활용하여 표시를 해 두었구요. 부록 C를 추가하여 1.3의 새로운 면들을 자세히 다루었습니다. 이렇게 추가된 부분은 PDF로도 공개(!)했으니, 증보판 이전에 구입하신 분들은 아래 PDF만 출력하셔서 보시면 되겠습니다. ^^

JQuery_증보판추가_부록C.pdf

증보판에 추가된 부록 C PDF 파일

『프로그래밍 jQuery』와 함께 1.3버전에 맞춰 ’jQuery의 성격처럼‘ 즐겁고 유쾌하게 프로그래밍하신다면 증보 작업에 대한 보람이 더 남다를 것 같네요. :)
더욱 강력해진 jQuery로 즐겁게 프로그래밍하시길 바랍니다!

스크럼 입문(The Scrum Primer Ver. 1.1)을 공개합니다.

두루 — Fri, 26 Jun 2009 18:45:51 +0900

피트 디머(Pete Deemer), 가브리엘 베네필드(Gbrielle Benefield), 크레이그 라만(Craig Larman), 바스 보드(Bas Vodde)가 공동으로 쓴 The Scrum Primer Ver. 1.1의 한글판과 영문판을 공개합니다.

한글_The_Scrum_Prime_Ver._1.11.pdf

scrumprimer.pdf

.
애자일 개발의 프레임워크인 스크럼에 대해서 아주 간단하면서도 잘 설명하고 있는 이 글은 『스크럼과 XP』의 부록에 실렸었습니다. 스크럼에 입문하시는 분들이 켄 슈와버의 『스크럼』을 보기 전에 스크럼의 개괄을 살펴보기에 부족함이 없는 글이죠. 물론 지금은 국내에도 스크럼 관련 자료가 많이 배포되고 있고, 프로젝트에 스크럼을 적용하시는 분들이 많아지는 추세여서인지 스크럼 관련 포스팅도 매우 활발한 편이지만, 그래도 공개된 것 중 이만하게 체계적인 글도 없는 듯합니다.

『스크럼과 XP』 역자이신 심우곤과 한주영 님도 이 글의 공개와 관련하여 글을 올리셨네요. 아무쪼록 이 글이 스크럼을 이해하고, 이를 팀 내에 전파하는 데 미력하나마 힘이 되었으면 하는 바람입니다.

아울러, 이 스크럼 입문 보시고 켄 슈와버의 『스크럼』과 헨릭 크니버그의 『스크럼과 XP』도 모두 읽어주는 쎄~엔쓰!ㅋㅋ

『도전! 임베디드 OS 만들기』 ppt 제작 이벤트

너굴; — Wed, 24 Jun 2009 12:01:20 +0900

그간 『도전! 임베디드 OS 만들기』를 사랑해주신 독자들께 감사하며 이벤트를 마련했습니다.

원래 저희가 계획했던 것은, 『도전! 임베디드 OS 만들기』의 저자이신 이만우 님께서 직접 세미나를 진행하고, 세미나가 끝난 후 추첨을 통해 이지보드를 드릴까 했었는데요. 만우 님께서 최근 회사일이 너무 바쁜 나머지 도저희 짬을 내실 수가 없게 되었습니다. 그러다보니 falinux에서 협찬해주신 이지보드 두 개가 'Wall-E'의 수집 대상이 되려고 해서, 독자들께 어떻게 드릴 방법이 없을까 고민하게 되었습니다. (이벤트 상품을 처분하지 못해서 고민하기는 처음이네요. ㅡㅡ;)

마침 『도전! 임베디드 OS 만들기』를 교재로 사용하길 원하여 문의 전화를 주신 교수님들께서 '강의용 ppt 자료가 있나요?'라고 많이들 여쭤보시는 데 힌트를 얻어, 다음과 같은 이벤트를 준비하게 되었습니다!

『도전! 임베디드 OS 만들기』의 강의용 프레젠테이션 자료를 만들어주세요. 두 분을 선정하여 40만원 상당의 이지보드를 드립니다!

선정 기준은 1. 책의 내용을 잘 요약하여 담고 있는가? 2. 보기 편한가? 입니다. 이런 형태의 ppt는 얼마전 유행했던 '화면 하나에 큰 이미지와 단어 몇 개' 형식으로는 어렵지 않을까 싶으니 염두에 두시구요.

파일 형태는 교육 현장의 현실을 고려하여, MS파워포인트에서 지원하는 파일이면 되구요. 제출 기한은 7월 31일까지입니다. 마침 방학 기간과 맞물리니까(어쩌면 휴가 기간도) 여유있지 않을까 합니다.

반드시 혼자서 만드실 필요는 없습니다. 임베디드 동아리나 스터디 모임 등으로 모여서 함께 만들어주셔도 좋겠지요. ^^

만들 것 : 『도전! 임베디드 OS 만들기』의 강의용 프레젠테이션 자료
파일 형태 : MS파워포인트에서 지원하는 파일
제출 기한 : 2009년 7월 31일
선정 기준 :
책을 잘 요약했는가?
보기 편한가?
주의 사항 : 제출하신 자료를 배포하는 데 동의하셔야 합니다.

그간 경험으로 보건데, 선정되실 확률은 꽤 높으리라 예상하고 있습니다. ㅎㅎ 그래도 많이들 참여해주세요~.

픽셀(점)의 힘

JOE; — Thu, 11 Jun 2009 08:57:14 +0900

『Beautiful Web Design: 좋아 보이는 웹사이트를 만드는 디자인 원칙』의 번역자이신
이 광우님께서 책과 관련한 연재물을 공개하셔서 옮겨 게재합니다. ^^

:: Pre-Post
이 글은 강좌/강의를 목적으로 쓴 글이 아닙니다. 주변의 일상적이면서 소소한 디자인 이야기를 하는 것 입니다. ^^;; 조금 틀린 점이 있더라도 너그러이 봐주세요~ ^^
궁금하신 점이나 의견은 언제든지 환영입니다!!!

이 세상의 모든 형체(Shape)는 점, 선, 면으로 이뤄져있다는 건 익히 아시는 내용일 겁니다.
점과 점 사이를 이으면 선이 되고, 선의 시작과 끝이 맞붙으면 면이 되는 원리인거죠.
뭐... 개인적으로는 선이고 면이고 다 필요 없고, 세상은 그냥 '점'으로만 되어 있는 것 같습니다. ^^ (점이 모이면 선이 되고, 면이 되니까요.)

모니터 화면에서는 이런 '점'을 픽셀(Pixel)이라고 부르죠.
꼭 그래픽 디자인의 영역이 아니라고 해도, 일반분들도 '픽셀'의 개념을 많이 아시게 된 것은 이미 오래된 일입니다.
모니터 부터 LCD TV, 휴대용 기기의 액정에 이르기까지 이미 우리는 어쩌면 '점' 보다도 '픽셀'과 더 가까이 살고 있는지도 모르겠네요.

이런 픽셀을 기반으로 작품을 형성하는 것을 '픽셀 아트(Pixel Art)'라고 합니다.
위키디피아의 정의를 따르자면, 픽셀 아트란 디지털 아트의 한 형태이며, 한 이미지를 픽셀 수준에서 편집이 가능한 래스터 방식의 그래픽 소프트웨어(쉽게 생각해서 포토샵 입니다)를 이용하여 만드는 것을 말합니다. 대게 오래된 컴퓨터나 비디오 게임, 그리고 핸드폰 게임등에서 이런 그래픽 방식을 사용하고 있죠.

하 지만 이런 픽셀 단위의 작업물은 '옛날' 방식으로만 활용되는 것은 아닙니다. 최근에 나오는 게임들도 이런 픽셀 단위의 그래픽 작업물을 기반으로 만들고는 합니다. 캐릭터 뿐만이 아니라, 인터페이스, 배경 등 많은 부분 또는 전체가 픽셀 아트를 기반으로 만들어지고 있죠.
반대로 모바일 기기와 같은 환경에서는 기기의 성능이 발전함에 따라 초소형 기기에서 3D와 같은 기술적 응용을 펼치고는 합니다.

픽셀 아트를 이용한 최근 게임(던전앤파이터)

픽셀 아트를 이용한 웹서비스(싸이월드)

저도 학창 시설(이미 오래전이군요;;; )에 게임 제작 모임에 참여했을 때, 흔히 말하는 이 '도트 노가다'를 했던 기억이 새록새록 납니다. ^^ 그 당시에는 이 도트 노가다를 '너무' 좋아해서 몇몇 작업물들도 만들곤 했었죠.

동아리 홈피 대문용 작업물

밑의 싸이월드 주소는 잊어주세요;;

하도 좋아해서 도트 찍는 법에 대한 강좌도 올리곤 했었죠. -_-;;
(오랫동안 묻혀있던 글들이 살아났군요. ^^;; 각 강좌명을 클릭하면 내용을 보실 수 있습니다.)

- 기사(Knight) 그리기
- 도트로 플레이스테이션 패드 만들기
- 파이널판타지 9 비비(등장인물) 도트로 리터칭 하기
- 도트로 간단+귀여운 자물쇠 만들기

이 중 3번째 '..도트로 리터칭 하기'는 바로 위의 작례 중 첫 번째와 같이 사진을 픽셀 아트의 느낌으로 바꾸는 법에 대한 강좌입니다. 하지만 오래전 강좌로 포토샵 7 버전을 기준으로 기능 설명이 되어 있어요. 조금 감안하셔서 보시면 좋을 것 같습니다.

하지만 이 정도는 '애들 장난' 수준이죠.
이 세상의 어떤 분야에나 괴물 or 외계인은 항상 존재하는 법이거든요. 사실 픽셀 아트는 요령과 스킬도 필요하지만 엄청난 감각과 노력, 그리고 끈기를 요구하는 작업입니다. 매우 작은 공간에 한정된 자원(점의 수, 색깔 수)으로 보여주고자 하는 바를 모두 표현해야 하기 때문이죠.

(이런 분들은 '픽셀 아티스트'라고도 하고 국내에서는 '도트 디자이너(Dot Designer)'라고 주로 부르고 있습니다. 전 개인적으로 픽셀 아티스트가 더 좋더군요. 도트 디자이너란 용어가 너무 노가다성만 강조한 경향이 되어 버려서요...;;; 그냥 개인적인 취향입니다. ^^)

이런 픽셀 아트의 진짜 작가들의 작품도 인터넷에서 쉽게 만나실 수 있습니다.
아래 사이트는 독일의 픽셀 아트 그룹인 eBoy 란 곳입니다. 정말 '후덜덜'한 작품들을 만나 실 수 있습니다.

꼭 구경해 보세요!!!

웹 디자인을 하면서도 이런 픽셀의 중요성은 더 할나위 없습니다.

제 한된 화면 해상도에 디자이너가(또는 클라이언트가) 원하는 모든 것을 표현하기 위해서는 '점'하나도 허투루게 쓸 쑤 없기 때문이죠. 또한 아이콘이나 버튼과 같이 작게 표현되는 개체는 이런 픽셀 단위의 작업 & 마무리가 매우 중요하게 됩니다. 꼭 사이트 전체를 픽셀 아트로 작업할 필요는 없지만 깔끔한 레이아웃의 마무리나 배경 패턴의 적용 등과 같은 부분은 반드시 픽셀 단위의 마무리 작업이 필요하기 때문입니다.

깔끔함의 끝은 결국 픽셀입니다.

일부 디자이너들은 이런 픽셀 작업의 영감을 얻거나 활용을 위해 방대한 양의 소스를 가지고 있고 공유도 하고 있습니다.

픽셀 소스를 공유하는 사이트

폰 트 사용에서도 마찬가지지요. 상대적으로 작게 쓰이는 글자의 경우에는 안티 앨리어싱(Anti-Aliasing)을 비활성화해서 픽셀을 드러내는 것이 오히려 더 가독성이 높아기지 때문에, 타이포그래피를 하면서 작은 글자의 경우에는 픽셀 단위로 다듬어 주는 작업이 필요합니다.

어느게 더 좋나요?

이렇듯 디지털 아트(웹 디자인 포함)의 세계에서 픽셀(점)은 아직도 큰 의미를 가지고 있는 것이죠. '님이라는 글자에~♪ 점 하나를 찍으면~' (남이 되죠. 후후) 이 노래 가사처럼 분명 '점'에는 커다란 힘이 있습니다.

정신을 못차리는 기술의 발전 덕분에 3D의 힘에 억눌려 살고 있는 세상이지만, 3D로 렌더링 된 이미지들도 결과적으로는 픽셀이라는 작은 것들이 모여있는 것입니다.
오늘은 한 번 픽셀 아티스트가 되어 보는 건 어떨까요? ^^

원본 포스트는 http://november11.me에서 보실 수 있습니다.

성공하는 폼 디자인의 비밀은?

edissun — Wed, 03 Jun 2009 10:33:27 +0900

고객이 당신의 사이트에 들어온다. 첫 페이지를 채운 화려한 시각 디자인과, 콘텐츠에 흥미를 느낀 고객이 사이트에 더 깊숙이 들어가려 하는 순간, 갑자기 폼이 나타난다. 고객이 직접 채워 넣어야 하는 무수한 필드와 기나긴 동의 약관이 가득한 폼. 고객의 사용자 경험은 급격히 나빠진다. 이제 사이트 창이 닫히는 건 시간문제다.

웹페이지의 디자인도 아니고, 웹 폼만 따로 디자인하는 법을 알려주는데, 그것까지 공부해야 할까요? 웹 폼은 뭐..공부하기엔 너무 일상적인 소재 아닌가? 여러분, 혹시 이런 생각을 하고 계신가요?

자, 그럼 이쯤에서 웹 폼에 대해 팍! 팍! 파헤쳐볼 필요가 있어 보입니다.^^
웹 폼을 디자인하거나 개발하는 여러분과 사용자 사이에는 항상 폼이 있습니다.
전자상거래 사이트의 경우 사용자와 여러분(사이트 측) 사이에는 결제 폼이 있습니다. 회사이 이익이 생기고 안 생기고는 이 폼에서 결정이 나죠.
소셜 애플리케이션을 만들고 있다면 사용자와는 가입, 등록 폼을 거쳐 만나게 될 것입니다. 웹 폼을 통해 커뮤니티에 속한 사람들의 신원을 확인할 수 있겠죠.
또 데이터 입력 폼으로 많은 사용자들은 정보를 제공하거나 공유할 수 있을 겁니다. 유튜브에 있는 엄청난 비디오들은 모두 업로드 폼이 있어 가능했지요.

오프라인이었다면 폼 대신 미소 짓는 직원이 사용자를 맞이할 테지만요. :)

이처럼 웹 폼은 결제, 등록, 데이터 입력 등 모든 실행과 결정의 중재자 역할을 하기에 성공적인 웹 애플리케이션의 중심축이 될 때가 많습니다. 또한 완벽한 인터넷 사용경험을 맛보려면 완벽한 폼 요소와 완벽한 사용 흐름이 모두 필요하죠. 웹 폼은 사용자의 긍정적인 경험을 열어주는 문지기도 되고, 그 자체만으로 이용 경험을 극적으로 바꿔주는 열쇠도 됩니다. 이처럼 중요도가 높은 웹 폼인데도 그동안은 많이 소홀히 다뤄지고 있는 실정이죠.ㅜ_ㅡ

그러나 사실 폼은 사용자에게는 거추장스럽고도 불필요한 존재일 뿐입니다. 사이트에서 무언가 원하는 목적을 이루려면 꼭 가입 폼이 필요해 어쩔 수 없이 거치는 것뿐이죠. 회원가입 버튼을 눌렸다가 별별 질문이 길게 나열된 가입 폼에 지레 질렸던 경험이 있진 않나요? ‘헉..이걸 언제 다.. 나중에 가입하자~’ 장문의 질문을 보고 ‘뒤로가기’ 버튼을 누른 경험, 모두 있으실 거예요. 뭐 거기까진 좋습니다.

폼의 무수한 필드를 채워나가며 이런 것까지 기입해야 하나 싶은 생각을 꾹 참고 애써 다 작성했습니다. 그런데, ‘다음’ 버튼을 누르는 순간 애써 작성한 폼이 뭔지 잘 알지도 못하는 오류로 인해 다음 단계로 넘어가지 않고, 그동안 입력한 내용마저 싹 사라져 깨끗이 빈 필드로 돌아온다면요? 그쯤 되면 좋은 사용자경험은커녕 사이트에 대한 인상이 부디 나빠지지 않기를 바라는 것도 욕심입니다. 옮긴이가 전하는 말처럼 사용자 경험은 예상 외로 작은 부분에서 많은 영향을 받게 되니까요.

저자 루크 로블르스키는 각종 웹 폼의 형태와 성격, 구조 등에 대한 상세한 설명을 하기 위해 수많은 테스트와 사례를 조사하였습니다. 덕분에 책에서 풍부한 예시를 접할 수 있고, 여러분의 각 상황에 맞는 폼이 어떤 것인지를 찾을 수 있는 통찰을 얻게 됩니다. 객관적인 데이터를 근거로 한 사실과 통찰만이 아니라, 저자가 쌓은 풍부한 경험과 선도자 역할을 하는 디자이너들의 견해까지 담아 웹 폼에 대한 다양한 이야기를 들을 수 있죠. (게다가 책에 나오는 이미지들을 플리커에 공개해두어, CC 라이센스 하에 마음껏 사용하셔도 된다고 합니다.)

상향 정렬 항목 타이틀에 대한 아이트래킹 데이터

우측 정렬된 항목 타이틀에 대한 아이트래킹 데이터

좌측 정렬된 항목 타이틀에 대한 아이트래킹 데이터

그런데 이 책, 『웹 폼 디자인 : 고객을 끌어당기는 폼 디자인의 원리』는 마지막에 이르러 여태껏 설명했던 비법들과는 관련 없는 듯한 결론을 내버립니다. 바로 ‘폼은 사라지는 게 이상적이다’라는 결론이죠. 하지만 본질적으로 폼의 역할 자체를 부정하는 것은 아닙니다. 그저 사용자에게 무례하게 질문하거나, 일방적인 요구만이 담긴 기존의 폼을 지양하고, 사용자 스스로 즐길 수 있는 폼을 만들어야 한다는 것이죠. 마치 게임처럼 사용자가 즐기며, 필요한 정보를 스스로 제공할 수 있는 폼을 만들자고 이야기합니다. 눈에 잘 보이는 메인 페이지나 제공 콘텐츠에만 관심을 갖지 말고 폼 디자인을 더 주의 깊게 살펴보아야 하는 이유가 분명 ‘있다’고 말입니다.

저자는 이렇게 주장합니다.

사용성 엔지니어, 웹 개발자, 프러덕트 매니저, 시각 디자이너, 인터랙션 디자이너, 인포메이션 아키텍트 등 어떤 디자인 분야에 속해 있든지 여러분은 웹 폼 디자인에 어떤 방식으로든 관여하고 있다. 과연 읽을 필요가 없는 사람이 있을까?

이미 이 책을 읽으신 분들(원서로)이 올리신 서평이 있으니 같이 참고하세요.

강규영 님의 Intellectual Wanderlust

실제 사이트에서 인용된 예시가 풍부한 점, 아이 트래킹이나 필드 테스팅 등을 통해 수집한 비교적 객관적인 자료에 근거하고 있는 점 등이 마음에 듭니다.
각 장 제일 끝에는 내용을 한 페이지에 요약한 Best Practices 섹션이 있는 구성도 좋았습니다(물론 요약인 만큼 "이렇게 저렇게 해라" 정도의 얘기만 나오기 때문에, 왜 그렇게 해야하는지에 대한 설명이 필요하면 본문을 읽어봐야겠죠).
......
(원문은 http://alankang.tistory.com/146)

송치형의 웹 프로그래밍 노트

요즘 어떻게 훌륭한 웹 폼을 만들 수 있을까에 대해 고민하고 있습니다. 웹 프로그래밍에 입문한 뒤 한참 동안은 폼 만드는게 쉬운 줄 알았습니다. 그런데 시간이 지날수록 폼 만드는게 겁이 나더군요. ㅡ.ㅠ 라벨의 위치는 어디에 놓아야 할지, 데이터 Validation은 어디에서 할지, 에러 메시지와 헬프 메시지는 어떻게 보여줄지 등등... 여기에 더해 Ajax가 들어가면 또 한층 복잡해지는 것 같습니다. HTML/CSS, 서버 프로그래밍 작업을 혼자 하고 있는 저로서는 특히 HTML/CSS 단을 만들 때 어려움을 느낍니다.

......

(원문은 http://webprogramming.tistory.com/5)

건담으로 보는 색상설계

JOE; — Thu, 28 May 2009 18:12:52 +0900

『Beautiful Web Design: 좋아 보이는 웹사이트를 만드는 디자인 원칙』의 번역자이신
이 광우님께서 책 내용과 관련되는 이야기를 몇 개 연재하시기에 옮겨 게재합니다.^^

:: Pre-Post

이곳에서 하는 이야기들은 강좌나 강의라기 보다는 우리 주변의 디자인적 요소를 통해 다양한 생각을 함께하기 위한 꺼리들 입니다. 너무 부담스러운 눈빛[!!!]으로 봐주지 말아주세요~ ^^
또한 가급적 웹사이트 디자인과 관련지어 이야기를 해보겠지만, 그렇다고 '원리'가 변하는 것은 아니기 때문에 본문의 내용은 꼭 웹사이트 디자인에 한정되지는 않을 겁니다.
(Latest Update : 2009. 5. 28)

최근에 아주 저를 헤어나오지 못하게 하는 아이템이 생겼습니다.
바로 '건프라'라고 불리는 건담 프라모델이죠.
뭐... 관심이 별로 없으신 분들은 그냥 '장난감'이라고 부르시기도 합니다. ㅠ_-;;;

각설하고...

사실 상업 미술은 순수 미술에 비해 매우 마케팅적 요소가 강하게 묻어납니다.
아니, 강하게가 아니라 마케팅을 고려하지 않은 상업 미술은 의미가 없다고 해도 과언이 아니겠죠. 특히 색의 선택은 매우 개인적이고 감각적인 영역이면서, 그렇기 때문에 더 계획적이고 의도적인 영역이기도 합니다.

우선 다음 색들을 한 번 보실까요??

뭐가 생각나시나요?

위 색깔들을 보시면 뭐가 떠오르시나요??
대한민국? 음... 스포츠카? 아무 생각 없으신가요? ^^;;;

네~~ 이 시점에서 저는 '건담'이라는 대답이 듣고 싶었습니다~ = ㅂ=

뭐. 건담이 만화, 로보트, 장난감... 이라는 이유로 전혀 관심이 없으신 분들을 제외하고, 일본 애니 좀 좋아하시거나, 메카닉류를 좀 좋아하시거나 하면 건담을 떠올리시는 분이 많으셨을 겁니다.

출처:달롱넷(dalong.net)

건담을 죽~놓고 보면 시대가 변하면서 점점 꽃미남이 되가는 걸 알 수 있습니다. 흠...

대략적으로 시리즈가 변해도 색의 사용이 비슷비슷한 걸 알 수 있습니다.
물론 같은 파란색이라도 각 시리즈마다 그 농도나 채도가 다르고, 심지어 어떤 시리즈에서는 파란색은 아예 없고, 곤색으로 대처를 해버리기도 합니다.

하지만, 일단 기본적인 색상의 사용 컨셉은 동일하죠.

색상심리학에서 봤을 때 건담을 구성하는 색들은 '일반적으로' 다음과 같은 의미를 가집니다.

흰색 : 깨끗함, 완벽함, 빛, 순수를 의미합니다.
빨강 : 자극적이며, 성격이 뚜렷합니다. 정열을 의미하며, 매우 역동적인 느낌을 줍니다.
파랑 : 개방, 현명함, 신뢰를 상징합니다. 안정감을 전달해 주기도 합니다.
노랑 : 매우 활동적이며 눈에 띄는 색입니다. 기운이 넘치는 느낌을 주게 되죠.
검정(짙은 회색) : 권력과 우아함, 힘 등을 상징합니다.

(출처: Beautiful Web Deisgn: 좋아 보이는 웹사이트를 만드는 원리)

물론 가장 처음 건담이라는 애니메이션 시리즈가 시작되었을 때, 메카닉 디자이너가 저런 색의 의미를 고려하고 디자인을 했을까는 (현재로선) 알 수 없습니다.

하지만, 각 색의 의미를 가만히 곱씹어보면 아주 전형적인 '주인공 기체'의 색 조합이라고 생각할 수 있습니다.

착 한편이니깐 '흰색'을 기본 베이스로, '파랑(또는 곤색)'을 통해 안정적이고 현명함의 느낌을, '빨강'과 '노랑'으로 포인트를 줌으로써 단조로울 수 있는 색 조합에 흥미를 더해주고, 더불어 활동적이고 역동적인 느낌을, 마지막으로 '검정색'을 통해 기계적인 느낌을 포함하면서 동시에 힘이라는 키워드를 실어주고 있습니다.

그리고 가만히보면 흰색과 검정색(무채색)을 제외한 나머지 색상들은 공교롭게도[!!] 보색 설계(위치 상으로는 분할 보색 또는 3색 설계)를 이루고 있습니다.

건담에 사용된 색상 설계

보색 설계란 색상환의 서로 반대편에 있는 색들로 전체적인 배색을 구성하는 것을 말합니다.
사실 색에 대한 감각과 현재 만들고 있는 것에 대한 정확한 의미 규정이 없으면 다소 적용하기 힘든 배색 구조이긴 합니다. 촌스러워 보이기 십상이거든요...

근데 보색 설계에는 주요한 특징이 하나 있는데... 바로 어린이들이 매력적으로 받아들이는 색 조합이라는 점입니다. 흔히 '애들은 참 알록달록한 걸 좋아해'라는 말을 하는 것 처럼요.
(출처: Beautiful Web Deisgn: 좋아 보이는 웹사이트를 만드는 원리)

아 주 오래 전 건담이라는 애니메이션 시리즈가 시작되면서 분명 이런 부분들을 고려하여 메카닉을 디자인 했을 겁니다. 그리고 그것이 자연스럽게(또는 의도적으로) 브랜딩화 되면서 건담이라는 애니메이션의 '주인공 기체'는 자연스럽게 위에서 말한 기본 컬러들과 색상 설계를 활용하고 있는 것이지요.

물론 현재에는 주인공'급' 기체라고 해서 반드시 이 색상 설계를 따르는 것은 아니지만, 그래도 이런 색상을 '과감하게' 벗어난 디자인의 건담이 등장하면 건담팬들은 살짝 '당황'하기도 하는 이유가 바로 여기에 있을 겁니다. ^^

최근작 '건담 더블오'에 등장한 기체들

참고로 위의 사진은 건담 시리즈의 최근작인 '건담 더블오'에 등장한 주인공급 기체들이죠.
모두 건담입니다만... 건담의 전형적인 색상설계를 따르고 있지는 않습니다. ^^
그래도 가장 왼쪽의 주인공X2급 기체는 역시나 건담의 기본 색상 설계를 따르고 있습니다.

웹사이트 디자인에서도 이 이론은 변하지 않고 적용될 겁니다.
말씀드린 것 처럼 '보색'이라는 것이 해당 사이트의 성격을 정확하게 파악한 후, 색상 설계를 구성해야만 '매우 촌스러우면서도 멋드러지게 어울리는' 것이 가능합니다. 그러다보니 '가급적 쓰지말라'고 하는 이야기도 자주 나오게 되죠.;;;

http://www.artypapers.com/

http://www.alexbuga.com/

(상기 두 사이트는 현재 리뉴얼을 하거나 리뉴얼 중인 것으로 보입니다. 따라서 URL을 따라 들어가셔도 스크린 샷의 모습을 보시긴 어렵겠네요;;; )

하지만 중요한 것은 디자인을 함에 있어서 '정답'은 없다는 겁니다.
어쩔 때는 과감한 보색 설계의 적용이 뜻하지 않은 좋은 효과를 가져올 수 도 있겠죠. ^^
하지만 그런 '대박'을 꿈꾸기 보다는 조금씩 색의 의미와 색상 설계의 원리를 익혀서, 철저한 계획하에 적용되는 것이 무엇보다 필요할 겁니다.
분명 보색 설계라는 것은 무미건조한 모니터 앞에 앉은 사용자들에게 조금이라도 흥미로움을 전달해 줄수 있는 강력한 무기 중의 하나이기 때문입니다.

원본 포스트는 http://november11.me에서 보실 수 있습니다.

오탈자를 수배합니다~

너굴; — Mon, 25 May 2009 18:30:04 +0900

조선시대, 역대 왕과 왕비에 관한 공식문헌을 모은 『열성지장통기』의 교정지라고 합니다.

저희가 발간한 책이 어느덧 60종을 넘어 섰는데요. 책이 늘어나는 걸 보면서 뿌듯하기도 하지만 동시에 주문과 재고 관리 등의 부담이 늘어나기도 합니다. 뭐, 이런 문제들이야 어차피 출판사가 감당할 몫이니까 그러려니 해야지요. ^^

그런데 저희 부담이 늘어날수록 독자분들께 도움이 되는 일이 있습니다. 바로 정오표 신고입니다. ^^

출판사로서는 책의 오탈자를 모두 없애고 출간하는 것이 바람직하겠으나, 인간이다보니 '최고의 품질'을 '최선의 노력'으로 대신하고, 이렇게 출간된 책에는 크고 작은 실수들이 담겨 있기도 합니다. (조금만 방심하면 오탈자 100개 클럽에 자동 등록되는 불명예도... ㅎㅎ)

이런 면에서 스티븐 킹의 아래와 같은 말은 짝퉁 신(神)을 대량 생산한다는 부작용도 있습니다.

글쓰기는 인간의 일이고 편집은 신의 일이다.
- 스티븐 킹

몇몇 꼼꼼하신 독자들께서는 이런 실수들을 가벼이 여기지 않으셔서 저희에게 알려주시는 친절을 베풀기도 하시지요. 이렇게 알게된 오탈자들을 2007년 초반까지는 따로 올려두기가 마땅치 않아 재쇄를 찍을 때 책에만 반영하곤 했는데요. 이러다보니 첫 쇄를 구입하시는 열혈 독자들께 오탈자 정보를 알려드리지 않는 불민을 범하기도 했습니다.

그래서 2007년 봄부터 스프링노트 서비스를 이용하기 시작했습니다. 이왕 만드는거 도서 정보도 올리고, 책에 담긴 소스 코드도 제공하고, 오탈자 정보까지 제공하는 일석 삼조의 효과를 누리고 있지요. (스프링노트 감사합니다. ^^)

아무튼 독자분들 덕분에 오탈자를 굉장히 많이 잡아낼 수 있었는데요. 이렇게 귀찮음을 감수하면서까지 오탈자를 알려주시는 독자들께 어떻게 감사를 표현할 수 있을까 하다가, 정오표 페이지에 오탈자를 알려주신 분의 성함 혹은 아이디를 함께 올려두게 되었습니다.

최근 들어서는 오탈자를 알려주시는 분이 점점 늘어나고 있고, 알려주시는 내용에 따라 스프링노트에 바로 올리기도 하지만 때론 역,저자의 확인을 거치며 시일이 조금 걸리기도 합니다. 어떻게 보면 업무 외의 일이 점점 늘어나고 있는 셈인데요. (밀린 원고는 언제... ㅠㅠ) 하지만 이렇게 해서라도 저희가 잡아내지 못한 실수들을 벌충한다고 생각하며 오늘도 열심히 스프링노트를 수정합니다.

앞으로도 오탈자 없는 책을 만들고자 열심히 노력하겠으나, 혹시나 부족한 점을 발견하신다면 부담없이 아래의 메일로 알려주세요. 오탈자 신고 메일은 언제나 열려 있습니다. ^^

오탈자 신고 : http://blog.insightbook.co.kr/notice/10 (errata _at_ insightbook.co.kr 로 직접 메일주셔도 됩니다.)
오탈자 및 도서 정보 : http://insightbook.springnote.com/

ps. 가끔 스프링노트에 직접 편집 참여 신청을 하는 분들도 계신데요, 아무래도 저,역자의 확인을 거친 후 올려야 하는 장소다보니 편집을 허용해드리리가 어렵습니다. 발견하신 오탈자를 신고해주시면 스프링노트에 반영하겠습니다. ^^

좋아 보이는 웹사이트, 그 안에 숨겨진 변치 않는 원칙

JOE; — Tue, 12 May 2009 18:17:59 +0900

웹이 생겨난 이래 웹 디자인은 점차 영역을 확장하고, 트렌드도 계속해서 변해 왔습니다. 2009년 현재, 어떤 웹 문서를 열더라도 페이지가 디자인되어 있는 것을 볼 수 있죠(점이나 선 같은 정적인 요소만 썼더라도 말이죠). 단순한 장식과 더 예쁘게 보이려는 목적을 넘어 이제는 방문자의 사용성과 접근성도 고려하는 디자인이 등장했죠.^^

또 웹이 발전함에 따라 HTML, CSS, 드림위버, 나모 웹 에디터, 그리고 포토샵 같은 그래픽 편집 등 구현 도구들도 풍부해져서 웹 페이지를 장식하는 일이 그다지 어렵지 않은 것 같기도 합니다.

자, 구현 방법도 알겠다, 더 쉽고 화려하게 구현할 수 있는 도구도 있으니 잘 할 수 있을 것 같습니다. 이쯤에서 부족한 테크닉을 보완하기 위해 책 한 권을 펼쳐 보는 분도 있으리라 생각합니다.
서점의 웹 디자인 책이 놓여 있는 구역에 가보셨다면 아실 텐데, 그래픽 도구를 이용해 웹사이트에 어울리는 이미지를 편집하는 방법과 웹사이트 제작 편집기 사용법을 알려주는 책이 정말 많습니다.

수많은 참고 사이트, 상세한 스크린샷들이 가득한 책을 한 권쯤 공부하고 나면 어느 정도 요령을 터득한 자신을 발견할 수도 있겠습니다. ("그래, 웹 디자인. 못할 게 무어냐!"하고요)

하지만, 뭔가 부족한 느낌이 들지는 않나요? 그런데 문제없다는 마음으로 창대하게 시작했으나 끝이 미약해지는 경험, 없으셨나요? 빈 페이지를 마주하고 있노라면 내 머릿속도 따라서 비어버리는 경험은요? 무엇보다도 내가 진짜 뭘 알고 디자인하기는 하는 걸까, 수박 겉만 핥은 듯한 디자인은 아닐까 하는 우려 말입니다.

그런데 '인사이트에서 갑자기 웬 웹 디자인을?'하고 궁금해 하실 분들이 계실지도 모르겠네요.^^
네, 개발자 분들 가운데 웹 애플리케이션이나 웹 서비스를 개발하시면서 자신의 손으로 웹사이트를 제작하고 싶다는 분들이 많으실 줄 압니다. 하지만 자신의 디자인 센스에 자신이 없다거나(^^;) 자신 있게 만들었음에도 주변의 반응이 시원치 않은 경우가 다반사라면, '무언가'의 도움이 필요하다는 생각이 드실 테지요?

그런 필요에 힘입어 웹사이트를 제작하는 데 훌륭한 가이드가 되어 줄 책 한 권이 있기에 소개합니다.

웹 디자인이 웹 애플리케이션 개발과 떼려야 뗄 수 없는 사이임에도, 어쩐지 거리감이 생겨 '나와는 상관없는 분야' 정도로 치부하기 쉽습니다. 인사이트 내부에서도 "웹 디자인과 관련된 책을 우리가 출판하는 것이 맞느냐"라는 논의도 일부 있었고요.
하지만 '개발자에게 필요한 것'이라는 큰 주제로 봤을 때, '웹 디자인 역시 개발자에게 필요한 덕목(?) 중 하나'라는 생각에 과감히(^^) 결정을 내렸습니다. 물론, 개발자를 염두에 둔 웹 디자인 서적이라는 사실과 기본에 충실한 책의 내용이 출간을 결정하는 데 기여한 바가 컸죠.

한 가지 이유가 더 있다면, 국내 웹 디자인 서적 시장의 불균형성도 있겠습니다. 웹 디자인 서적은 다른 컴퓨터 분야에 비해 다양성이 좀 떨어집니다. (웹 디자인이라는 키워드에는 수많은 자격증 서적, 그래픽 도구, 편집기 사용법 서적이 검색되지만, 웹 디자인의 기본을 잡아주는 책은 한 권도 검색되지 않는다는 사실!!)

아이디어가 있어도 구현할 수 있는 기술이 없으면 디자인 아이디어조차 무용지물이나 마찬가지이기에 그래픽 도구나 CSS 등에 치중하는 경향이 더 많습니다. 그러니 체계적으로 웹 디자인 지식을 구축하려는 사람들을 추정하기도 어렵지요. 굳이 찾아보자면, UI나 UX 관련 서적이 웹 디자인에 필요한 부분을 설명하긴 하지만, 어디까지나 사용성 관점에서 바라볼 뿐 심미적인 부분에서는 독자들의 목마름을 채워주기 어려웠구요.

이 책은 단순히 이 효과는 이렇게 하면 되고, 이럴 때는 이런 타이포그래피를 쓴다는 식으로 팁만 알려주지 않습니다. 비유하자면 물고기를 잡아 주느니 물고기를 잡는 방법을 알려 주는 책이라고 할 수 있겠네요.^^
레이아웃, 색, 텍스처, 타이포그래피, 이미지를 통해 웹 디자인의 기초를 정성들여 설명하는 책은 찾아보기 힘들다고 감히 자신합니다.^^

『Beautiful Web Design:좋아 보이는 웹 사이트를 만드는 디자인 원칙』이 제시하는 주제는 이렇습니다.

'웹 디자인의 본질을 알라! 그리고 당신만의 스타일을 찾으라!'

웹 디자인을 기초부터 제대로 알고 싶다면, 웹 디자인을 많이 해봤지만 여전히 머릿속에 안개가 낀 것 같다면, '아름다운 웹 디자인'의 세계로 잠시 빠져보시는 것은 어떨까요?

플래닝 포커 카드(Planning Poker Card)를 드립니다

두루 — Sat, 02 May 2009 11:32:15 +0900

플래닝 포커란?
이번에 『스크럼과 XP』를 옮기신 심우곤 님의 정의에 따르면

애자일 팀이 작업 일정이나 규모를 추정할 때 사용하는 도구다. 팀 전체가 참여하고 의사소통을 활발히 하여 신뢰성 있는 추정치를 얻을 수 있다. 심지어 추정 과정이 즐거워진다.

그러면 어떻게 사용하는 걸까요?

1. 추정자들은 카드를 한 벌씩 나누어 갖는다.
2. 제품 책임자나 사용자는 추정해야 할 아이템을 제시한다.
3. 정확히 어떤 기능인지 등을 파악하며 아이템에 대해 논의한다.
4. 각 추정자는 자신의 추정치가 적힌 카드 한 장을 내려 놓는다. 이 때 다른 참여자가 볼 수 없게
카드는 덮어 놓는다.
5. 모두 카드를 내려 놓으면 동시에 카드를 뒤집어 연다.
6. 모두 같은 카드가 나오면 그 값으로 추정은 확정된다.
7. 가장 높은 값과 낮은 값을 제시한 추정자들은 그렇게 생각한 이유에 대해 설명한다.
8. 견해 차이에 대해 계속 논의하며 기능을 구체화한다.
9. 추정치가 수렴될 때까지 계속 반복한다.

[주의 사항]
1. 개발팀의 돼지들만 사용할 것. 닭들은 가라!(제품 책임자는 설명만하고 추정에 참여하지 않는다.)
2. 카드를 숫자가 보이게 내려놓지 말라!
3. 논의시 특정 개발자가 너무 많은 말을 하지 않도록 하라!

[특수 카드]

'0' 카드는 '이 스토리는 이미 완료됐다' 혹은 '별것 아니라서 몇 분이면 끝날 일이다'라는 것을 의미한다.

'?" 카드는 '나는 정말로 잘 모르겠다. 아무 생각도 안 난다'라는 의미라서 사용을 자제해야 한다. 만약 이 카드가 자주 사용된다면, 스토리들에 대해 더 논의하여 팀에서 더 구체적인 지식을 공유하도록 한다.

'커피' 카드는 '생각하느라 지쳤어요, 잠시 쉬었다가 해요'를 의미한다. 혹시 이 카드가 나오거든, 잠시 추정을 멈추고 함께 커피라도 마시며 머리를 식히고 오라! :)

플래닝 포커 카드(Planning Poker Card)를 받는 방법!

1. 『스크럼과 XP』, 그리고 애자일 시리즈의 책을 이벤트 기간에 구입하시는 모든 독자님께 플래닝 카드를 보내드립니다. (한정 수량이므로 조기에 종료될 수 있습니다.)

(이벤트 참가 서점 : 예스24, 인터파크, 강컴, 알라딘, 서울문고(코엑스점)에서만 진행하니 착오 없으시기 바랍니다.)

2. 기존에 애자일 시리즈를 구입하신 독자께서 플래닝 카드를 받으시려면

1) 애자일 시리즈 중 한 권을 선택하여 서평을 올리시고 저희에게 알려주시거나

2) 과거에 서평을 블로그에 올리셨던 분이라면, 서평을 최신 포스트로 업로드 해주시고, 저희 인사이트 블로그에 트랙백을 걸어주세요.

3) 그리고 포커 카드는 택배로 보내드릴 예정입니다.
반드시 택배 받으실 성명, 주소, 전화번호와 트랙백 건 포스트 제목, 주소를 메일(kscs점insight골gmail점com)로 보내주시기 바랍니다.

ps. 플래닝 포커 카드는 저희 블로그를 통해 '짜짠~~'하고 첫선을 보이려 했는데.... 자바지기, kenu님께서 벌써 공개를 하셨다는.... ㅡㅡ;;