그럼 발사믹 모크업 (Balsamiq Mockups , http://www.balsamiq.com/) 이라는 것도 친숙하실까요?
우선 Balsamiq 의 철자부터 살짝 다른데다 분야마저 완전히 다르게 느껴지는 Mockups 이라니요?
참으로 신묘한 단어의 조합이지만 내용을 알고 단어의 뜻을 곱씹으면 정말로 훌륭한 제품명이라는 걸 알게 되실겁니다.1
이쯤에서 미리 말씀드리고 싶은 것은 제 블로그 어디에도 없는 요리나 향신료에 관한 이야기를 하고자 하는 것이 아니고, 이 포스팅이 속해 있는 '몽상과 디지털 사이' 라는 섹션의 성격 또한 그런 내용은 아니라는 것입니다.
이미 화면이 넓은 분은 아래 스크린샷을 보셨겠지만 발사믹 모크업 (Balsamiq Mockups) 은 일종의 프로그램입니다.

이 프로그램을 짧게 표현하자면 생각을 정리하고 계획을 공유할 수 있는 형태로 만드는 도구입니다.
좀 더 구체적으로 말하자면 웹 또는 모바일 환경에서의 UX 를 설계할 때 어떤 형태로 어떤 것들을 구성해 사용자의 경험을 창출할 것인지를 '디자이너와 프로그래머가 공통으로 사용할 수 있는 언어' 로 표현하는 도구라고 할 수 있습니다.
생각을 정리하되 기존의 마인드맵처럼 기획자의 머릿속을 정리하는 툴이 아니라 서로 다른 언어를 사용하는 기획자, 디자이너, 프로그래머가 우주 공용어로 사용하고 있는 손그림체 끄적거림을 통해 생각을 정리하고 공동의 목표가 무엇인지 확인할 수 있는 도구라고 할 수 있겠습니다. (덕분에 몽상과 디지털 사이로 분류되었네요)
그럼 기왕 소개하기로 한 프로그램이니 이제부터 조금은 찬찬히 들여다 보도록 하겠습니다.
제가 텍스트로 길게 설명하는 것보다 강렬할 것으로 생각되는 동영상이 있으니 한번 플레이시켜 보도록 하시죠.
보시다시피 웹사이트나 모바일 환경에서의 UI 를 설계할 때 매우 빠르고 의사 전달이 명확하게 표현할 수 있는 장점이 있습니다.
일단은 프로그램을 이것 저것 설치해 보는 것이 부담스러울 수 있으므로 웹 환경에서 실행해 보도록 합시다.
실행 URL 은 http://www.balsamiq.com/demos/mockups/Mockups.html 입니다.

그냥 슥슥슥~ 손으로 그리는 것처럼 이것 저것 선택해서 그려 넣을 수 있는데 오히려 그날 그날 기분에 따라 그리는게 아니기에 오히려 일정하게 정리하는 기분이 훨씬 강한 것 같습니다.
그리고 이 모든 컴포넌트들을 직접 그릴 필요도록 이미 수많은 디자인 템플릿들이 내장되어 있는데 대략 살펴만 봐도 웹 환경이나 아이폰 관련 UI 는 거의 모든 부분이 표현되어 있다고 생각해도 무방할 것 같습니다.

그러면 이쯤에서 반드시 짚고 넘어가야 할 것이 떠오르실겁니다.
바로 비영어권에서 살고있는 우리에게 그림의 떡이 안되기 위해서는 한글 지원이 명확하게 되어야 하는 문제아닌 문제가 있습니다. (서두에 말씀드렸듯이 서로 다른 뇌구조를 가진 사람들의 공용어로 사용해야 하는 것이니만치 언어의 장벽은 생각보다 무서운 것이 되기에 이 부분은 매우 중요한 문제가 될 수 있습니다.)
데모 프로그램에 있는 것을 일단 드래그해서 한글을 입력해 보면 한글은 입력되지 않음을 알고 이미 그림의 떡이라 마음 정하신 분도 계실 것입니다.
하지만 웹용이건 데스크탑용이건 아래 그림에 보이듯이 환경설정만 해 주면 시스템 폰트 사용이 가능하므로 한글 사용에도 전혀 문제가 없습니다.


거기에 웹 기반 툴도 조만간 공개하겠다라고 밝히고 있지만 (http://www.balsamiq.com/products/mockups/web) 실은 이미 데모 페이지 (http://www.balsamiq.com/demos/mockups/Mockups.html) 를 통해 경험해 볼 수 있도록 구성되어 있습니다.
아마도 약간의 수정과정이나 기타 운영 방법에 관한 고민을 하고 있는게 아닐까 생각됩니다.
꼭 거대 프로젝트가 아니라 자그마한 사이트를 개발하더라도 프로그래머와 디자이너가 동일한 내용을 말하고 있음에도 불구하고 서로 다른 표현 또는 이해 방식의 차이로 인해 진도가 나가지 않는 것을 가끔 볼 수 있습니다.
이럴 때 필요한 것은 서로간의 의도를 잘 표현할 수 있는 생산성 향상 도구인데 Balsamiq Mockups 은 개발자들이 서로 눈여겨 봐야할만한 그런 도구가 아닐까 합니다.

- 발사믹(balsamic)은 이탈리아말로 ‘향기가 좋다’는 의미로 향이 좋고 깊은 맛을 지닌 최고급 포도 식초 말한다. 슈퍼마켓에서 판매하는 제품은 대부분 적포도주 식초에 캐러멜 색소와 맛을 첨가한 것으로 포도즙을 가열하여 식초를 제조하게 되는데, 계피, 캐러멜 등 여러 가지 향이 있는 재료와 공기를 주입하여 초산발효를 시켜 3일만에 제조한다. 발사믹 식초는 숙성 기간이 길면 길수록 향기와 풍미가 좋아지는데, 12년 정도 장기간에 걸쳐 숙성시키면 강렬하고 농축된 맛을 낸다. 이중 12년에서 25년 숙성된 것은 ‘tradizionale’이라고 한다. [Back]









































