BUT

청춘의종 사연

2011-10-20T09:37:52+09:00

清水美咲(22)

NARA, JAPAN
"変な彼と釜山でスポーツデートが出来ますように"

유원석

TWO THUMB UP!

2010-08-23T19:45:02+09:00

재미난 복수 팀에서 주최한 사적교류 두번째 파티

호진, 원석, 인철, 민경, 현우 이렇게 다녀왔어요.

다양한 분야에서 활동 중이신 분들과 소통할 수 있는 자리였어요.

아이엠그라운드 라는 컨셉을 가지고 각자 준비해 온 자신의 작업물들을 보여주며

자신이 누구인가에 대해서 소개했어요.

이 분은 기타 연주하시는 분

이 분은 예술하시는 분(정확히 기억이 잘 안나네요)

이 분은 b-boy 가르치시는 분

끝나고 360 Sounds의 파티가 서면에서 열린다고 하여

호진, 원석, 민경 셋이서 서면으로 향했어요.

보경, 종욱 군도 서면에서 만났어요.

민경이의 미친 존재감..

초대해준 발란사에 무한한 감사를!

디제이 소울스케잎

SHAKE IT ALL NIGHT LONG

정말 신나게 놀았어용 :)

photo/script by REIS

BUT 2nd EXHIBITION - 벗은디자인

2010-08-04T12:56:35+09:00

BUT, 전시회가 돌아왔습니다.

약 반년만에 한번 더 갑니다.

요즘 시즌 한참 부산스러운 부산,

해양도시의 열기가 끝판을 찍는 때에 맞춰

부산의 홈 디자인 팀 BUT 에서

두번째 전시회를 열게 되었습니다.

물론 우리는 성수기를 노릴만큼 계획적인것은 아니었지만...

어쨋든, 그것도 광안리와 굉장히 가까운 곳에서 전시회를 열게되었습니다.

더 넓어진 전시장,

더 다양해진 작품들을 구경하러 오세요.

비치웨어를 입고 오시면 더욱 좋습니다.

아무래도 이번엔 음악과 함께 전시를 즐길수 있을것 같습니다.

본 전시는 BALANSA, STEP FOR STEP, ELLEV, 와 함께합니다.

www.but.or.kr

www.balansa.co.kr

www.step4step.kr

BUT NEW MEMBERS

2010-03-16T01:05:56+09:00

지난주말에 진행되었던 새멤버 모집면접을 통해

BUT 는 22인의 새로운 멤버들과 함께하게 되었습니다.

이것은 진정한 BUT 2010의 시작을 의미합니다.

앞으로의 팀 행보에 주목해주세요!

22인의 새 멤버들을 진심으로 환영합니다-!

BUT 2기 지원자 오리엔테이션 장소/시간 공지

2010-03-10T23:28:36+09:00

B.U.T 2기 모집 오리엔테이션 장소 및 시간

2010.03.13 SAT. pm 2:00

@부경대학교 3호관 3212호(2층)

++ 지원자 분들은 토요일에 뵙겠습니다! ++

www.inggoon.com

2010-03-02T09:35:48+09:00

http://www.inggoon.com/

개인 홈페이지 오픈

작품소개형 포트폴리오 사이트로 개설했습니다~

심플하고 단순하게 만들자는 컨셉하에 블로그 스킨을 뜯어 고쳐서 만들었습니다.

웹 작업은 글 쓰고 보는 것만 하다가 만들어 보는 건 처음이라 생소하고 어려웠지만 나름 좋은 경험이었습니다.

불완전한 부분도 많지만 일단은 이상태로 유지할 예정입니다.

BUT 에서 함께할 새로운 멤버를 모집합니다!

2010-02-22T23:49:12+09:00

BUT 2010

새해의 새일은 새친구들과 함께 합니다-

당신을 위해 열려있는 21개의 전화번호!

조수용 NHN 디자인 센터장 인터뷰

2010-02-18T17:15:54+09:00

"인터넷이야말로 사람 냄새가 가장 중요한 분야입니다."

국내 최대 인터넷업체 NHN의 디자인센터(BXD) 조수용 센터장은 유달리 '따뜻한 인터넷'을 강조하는 사람이다.

그는 "인터넷이라고 하면 차갑고 첨단의 이미지를 느끼게 마련"이라며 "이 때문에 사람들이 편안하게 느낄 수 있도록 따뜻한 색을 입히는 것이 중요하다"고 말했다. 그가 말하는 '사람 냄새가 나는 인터넷'은 색깔과 기능으로 표현된다.

그가 1999년 프리챌에 입사한 뒤 프리챌의 로고는 진한 와인레드색으로 변경됐다. 사이트의 분위기도 붉게 바꿨다. 당시 인터넷 사이트에선 붉은 색을 거의 쓰지 않았다. 너무 강렬하다는 선입관 때문이었지만 그는 과감하게 붉은 색을 도입했다. 로고의 모양도 여러 사람이 모여 있는 모습을 형상화했다.

2003년 NHN으로 옮겨와서도 그는 따뜻한 인터넷을 만들기 위한 시도를 계속했다.

따뜻한 녹색의 이미지를 가진 NHN의 지금 모습도 그가 창안한 것이다.
최근 검색 창을 밝은 녹색으로 바꾸고 검색창 안을 하얗게 비워 놓은 모습을 NHN의 상징으로 만든 것도 그의 작품이다.

그는 "인터넷은 업체가 제공하는 것이 아니라 사람들이 만들어간다는 의미를 담았다"며 "훈훈하게 사람들의 정을 느낄 수 있도록 사용자 간 의사 소통 공간을 열어놓는 것"이라고 설명했다.

그는 기능적인 측면에서도 사람 냄새를 내기 위해 노력하고 있다.

최근 만든 '블로그 시즌2'가 대표적이다. '블로그 시즌2'는 일반 인터넷 유저들이 직접 자신의 웹 페이지를 디자인할 수 있게 만들었다. 다른 인터넷 서비스에서 보기 힘든 혁신이다.

'블로그 시즌2' 덕분에 개개인이 자신의 색깔에 맞는 블로그를 디자인할 수 있게 됐다. 그가 말하는 사람 냄새란 게 이런 거다.

사용자가 마음껏 자신의 개성을 드러내면서 만날 수 있는 열린 공간을 만들어 주는 것이다.

1999년 서울대 대학원 산업디자인학과를 졸업하고 프리챌에서 직장생활을 처음 시작한 그가 유명해진 것은 2001년 프리챌에서 사이트 중간에 배너 광고를 넣으면서부터다. 지금은 어느 인터넷 사이트나 초기 화면 가운데에 배너 광고를 넣지만 당시 업계에서 그가 처음으로 한 시도였다. 이 시도는 인터넷 포털에 수익성을 안겨준다는 점에서도 의미가 있었지만 초기 화면의 디자인이 얼마나 중요한지 깨우치는 역할도 했다.

그는 '인터넷 사이트는 초기 화면 디자인이 바로 실적'이라는 생각을 갖고 있다. 사람들이 그 사이트에 들어갔을 때 처음 접한 초기 화면에서 짧은 시간에 무엇을 사용하고 어떤 내용을 볼지 결정하기 때문이다.

"아주 짧은 순간이라도 사람들에게 불편하다는 느낌을 주거나 찾는 것이 없을 것 같다는 이미지를 주면 주저없이 떠나버리는 게 인터넷입니다. 다른 제품은 구입해서 불편한 사항이 있어도 이미 돈을 지불했기 때문에 감수하고 쓸 수밖에 없지만 인터넷 사이트는 전혀 다릅니다."

그는 이런 사람들의 첫인상을 결정하는 것이 디자인에 달려 있다고 판단했다. 이 때문에 그가 보기에 인터넷 디자인은 그저 보기 아름답거나 편리하게 쓸 수 있는 수준을 벗어나야 한다.

분당 NHN 본사에 있는 그의 사무실에 가면 사람 눈동자의 흐름을 포착해 디자인에 반영하는 일종의 작은 실험실이 있다.
NHN의 직원들이 직접 실험 대상이다.

사이트를 처음 들어갔을 때 어느 곳에 눈길이 먼저 가는지,눈길이 먼저 간 곳을 클릭하는지, 몇 번까지 클릭해서 정보를 찾는지 등 수백개의 항목에 걸쳐서 사람들의 행동 반경과 양식을 체크한다. 인터넷 메뉴에서 항목이 5개 이하이면 사람들이 일일이 확인해 보지만 7개를 넘어서면 그냥 많다고만 인식한다고 한다. 이렇듯 인터넷에서는 사람에 대해 이해하는 것이 너무도 중요하다.

그는 "사람의 다양한 경험세계는 4차원적이라고 할 수 있는데 이것을 2차원 평면에 담아야 하기 때문에 인터넷 디자인은 무척이나 어렵다"며 "상상력도 풍부해야 하고 사람의 경험에 대한 이해도 높아야 하므로 오히려 인터넷 세상이 아닌 다른 세상의 경험이 중요한 것이 이 분야"라고 설명했다.

그래서 그런지 웹 디자이너라고 하면 하루 종일 PC를 들여다보고 있을 것 같지만 그의 하루는 전혀 딴판이다. 시간이 날 때마다 건축 디자인을 보러 가고,카페나 음식점의 인테리어를 유심히 살펴본다. 실제로 그는 2003년 프리챌을 그만두고 잠시 인테리어 디자인을 하기도 했다.

프리챌과 NHN 시절을 모두 조 센터장과 함께 지낸 NHN 디자인센터의 한 직원은 그에 대해 "인터넷뿐 아니라 정말 다양한 분야에 대한 호기심이 대단한 사람"이라며 "디자인을 통해 프리챌과 NHN의 이미지를 만들었다"고 평한다.

그가 인터넷 디자인에서 가장 중요시하는 것 가운데 하나는 사람과 사람이 소통하는 것이다. 그래서 그런지 디자이너로서 언제 가장 행복하냐는 질문에 그는 이렇게 답했다.

"디자이너는 내가 의도한 디자인의 컨셉트가 상대방에게 똑같은 감동을 줄 때 가장 행복합니다. 디자인을 통해서 영적인 의사소통을 하는 순간입니다."

임원기 기자 wonkis@hankyung.com
2006-12-22 18:15

좀 오래된 기사지만, 꼭 읽어둬야 할 내용.

스위스 취리히의 구글(Google) 사무실

2010-02-18T09:28:42+09:00

Edition Web: http://www.elpais.com/

인사

2010-02-09T06:43:04+09:00

부산 디자인 문화 확립을 목적으로 하는 대학생 연합 팀 [B.U.T]의 첫 전시가 지난 2010년 1월 11일 부터 15일까지 5일간 부산시민회관 전시실에서 열렸다.
다양한 작품들을 통해 다양한 가능성을 엿 볼 수 있었던 기회였지만, 아쉬운 부분도 없잖아 있다. 앞으로의 더욱 발전하는 팀을 통해 그 속에서 나 또한 더욱 발전하고 싶다

2010.01.
_인사01
_인사02
_인사01 Detail
Hwang In Cheol

Domino Japan's Happy Valentine Pizza

2010-02-08T13:44:59+09:00

The special Valentine's pizza features a heart-shaped regular crust topped with tomato sauce, fresh mozzarella cheese and pepperoni. No telling if it comes in a heart-shaped box, nor if it smells like teen spirit - sorry, couldn't resist.

역시 일본 답다.

Website: http://www.dominos.jp/

HTML5가 개발자에게 ‘기회의 땅’인 이유

2010-02-04T10:29:57+09:00

화끈하고도 딱딱한 주제가 ‘블로터 포럼’ 대문에 걸렸습니다. ‘HTML5′랍니다. 기술 용어인 탓에 프로그래밍 지식이 없이 이해하는 데는 한계가 있을 겁니다. 그러니 딱딱한 주제이죠. 허나 HTML5는 요즘들어 몸값이 후끈 달아오른 따끈한 이슈이기도 합니다. 해가 바뀌면서 주목받는 기술을 꼽을 때면 빠지지 않는 단골이기도 하고요.

우연의 일치일까요. ‘블로터 포럼’을 진행한 뒤 애플 스티브 잡스가 때마침 제대로 한 방 날렸더군요. 아이폰에서 플래시를 지원하라는 어도비를 향해 ‘플래시 대안은 HTML5′라며 ‘어도비는 게으르다’고 심기를 건드린 겁니다.

왜 갑자기 여기저기서 HTML5를 외치는 걸까요. 특정분야 개발자들을 빼고는 대체로 비슷한 반응을 보입니다. HTML에 익숙한 사람도 HTML5 앞에선 꿀 먹은 벙어리마냥 얌전해집니다. 딱딱하고 어려운 게 사실이지만 알아두고 준비해야 할 기술. 이번 ‘블로터 포럼’에선 입문자 눈높이에 맞춰 HTML5를 들여다보고 싶었습니다.

일시 : 2010년 1월27일(목) 오후 5시~7시

장소 : SK커뮤니케이션즈 회의실

참석자 : 윤석찬 다음커뮤니케이션 DNA랩 팀장, 도안구·이희욱·주민영 블로터닷넷 기자

이희욱 | 오늘 주제가 참 어렵다. HTML5 문외한 입장에서 궁금한 점이 많다. 먼저 묻고 싶다. HTML5가 뭔가?

윤석찬 | HTML5가 어느 날 갑자기 나타난 게 아니다. 사연이 길다. 1998년 HTML4.01 이후 웹표준을 개발하는 국제 컨소시엄인 W3C는 XHTML 표준 개발에 박차를 가했다. 웹브라우저 전쟁 이후 그 작업에서 웹브라우저 제조사들이 빠졌다. 이후 웹표준의 방향은 XML을 기반한 꽤 이상적인 표준을 만들기 시작했다. 2004년 파이어폭스가 나오고 아작스(Ajax)와 웹2.0이 활성화되면서 문서가 아닌 웹애플리케이션을 위한 웹표준의 재정비가 필요했다.

하지만 이러한 현실적 요구를 W3C가 받아들이지 않았다. 웹브라우저 제조사들에게는 W3C의 XHTML2.0과 XML기반 DOM 및 이벤트 핸들러 등은 루비콘 강을 건너는 것이다. 당시 XHTML 문서가 전체 웹에서 5%에 불과했고 웹브라우저 엔진들의 차이 탓에 개발자들은 ‘크로스 브라우징’에 생고생을 하고 있었다. 2004년 W3C의 한 워크샵에서 서로 틀어진 뒤 모질라와 오페라, 애플과 구글은 별도의 ‘웹 하이퍼텍스트 애플리케이션 테크놀로지 워킹그룹’(WHATWG)이라는 공개 표준 그룹을 만들고 새로운 HTML 표준안을 만들기 시작했다. 이것이 바로 HTML5의 시초다.

도안구 | W3C와 웹브라우저 제조사 사이에 그런 의견 다툼이 있었나? 흥미롭다.

윤석찬 | 반목이 오래가지는 않았다. 2006년 팀 버너스 리 경이 ‘리인벤팅 HTML’(Reinventing HTML)이라는 글을 쓰고 WHATWG을 W3C 안으로 받아들이기로 결정하면서 2007년초께 다시 W3C에 HTML 워킹그룹이 결성됐다. 당시 재미있는 에피소드라면 WHATWG의 개방적 표준 활동에 참여하던 700여명 멤버들이 W3C 안 초청 전문가(Invite Expert) 형식으로 대거 들어왔다는 점이다. W3C 역사상 초유의 일이다. 그 때 나도 함께 했다.

기존 WHATWG 표준 초안을 가져오며 ‘HTML5′라 불렀다. 당시 IE7 개발을 맡았던 MS 유명 아키텍트인 크리스 윌슨이 워킹그룹 의장이 됐고 모질라, 오페라, 애플, 구글 등 모두 참여해 HTML5 표준을 만들고 있다.

주민영 | 복잡한 과정을 거쳤다. HTML5는 왜 만들어지게 됐나?

윤석찬 | 기존 웹브라우저들이 제공하는 웹표준 수준이 조금씩 다르고 기존 스펙의 모호성으로 인해 버그도 많다. 제조사마다 다른 렌더링 엔진을 쓰고 당연히 차이가 있다. 웹 개발자들은 각각 테스트해봐야 하는 어려움이 있다. 이를 해소하기 위해 HTML5의 새로운 문서 형식 제안하고, 이 독타입(DOCTYPE)을 사용할 경우 기존 엔진 문제점들을 고쳐 제공해줘 웹 개발자들을 고생에서 벗어나게 해주자는 취지다.

HTML5 독타입은 매우 간단하다. ‘< !DOCTYPE HTML >’ 이렇게 HTML 파일 맨 앞 줄에 넣어주면 끝이다. 이 뒤에 나오는 코드는 웹브라우저마다 HTML5에 맞춰 렌더링한다. HTML5 표준 초안은 웹브라우저 엔진 개발자들을 위해 만든 것으로, 보다 상세하게 구현 내용을 적고 있다.

두 번째 목적은 동적 웹애플리케이션을 지원할 리치 웹 기술을 담고 있다는 것이다. 멀티미디어를 다루는 ‘canvas’, ‘video’, ‘audio’ 태그를 비롯해 웹브라우저 내 로컬 스토리지를 다루는 돔 API와 드래그앤드롭 API 등 일반 표준 문서에서는 보기 힘든 다양한 기술이 뒤섞여 있다. 특히 웹 개발자 수고를 덜어줄 ‘웹폼2.0′이라는 표준과 함께 쓰면 보다 멋진 리치 웹애플리케이션을 만들 수 있다.

웹브라우저 안에 DB를 탑재해 로컬 스토리지로 활용해 오프라인에서도 데이터를 싱크해 활용할 수 있다. 구글 G메일 ‘오프라인’ 기능이 그렇게 구현돼 있다.

이희욱 | 리치 웹애플리케이션이라면 플래시나 실버라이트를 얘기할 때 자주들 언급한다. HTML5가 리치 웹에 주목하는 이유는 무엇인가?

윤석찬 | 웹브라우저 업체 입장에서 리치 웹 기술에 관심을 갖는 이유는 다양하다. 제가 참여하고 있는 모질라 커뮤니티의 경우, 웹은 읽을 수 있고(readable), 저장할 수 있고(Indexable), 편집할 수 있어야(editable) 한다고 믿는다. HTML 소스를 보고, 복사를 하고, 고칠 수 있었기 때문에 웹 문서가 비약적인 성공을 했다. 기존 플러그인 기반 리치 웹 기술들, 예컨대 플래시나 실버라이트는 그게 어렵다. 물론 이들도 XML 기술을 통해 이용자화면(UI)을 만들 때 스크립트 언어로 동작을 제어한다. 하지만 결국 읽을 수 없는 ‘바이너리’를 포함하고 있다. 이는 웹 본질과 일치하지 않는다. HTML5가 리치 웹 기술의 선택 가능한 대안으로 자리잡아야 한다.

물론 아직 플래시나 실버라이트에 비해 HTML5가 제한 사항이 많다. 하지만 궁극적으로 웹이 나아갈 방향이라고 본다. 구글이나 오페라와 애플도 이러한 점에 동의를 하고 있고 MS 역시 미온적이지만 참여를 하고 있다. 초창기 많은 사람들이 ‘리치 웹 환경에서 HTML5가 성공할 것인가’라는 물음엔 회의적이었다. 지금은 많이 바뀌었다. 이런 ‘블로터 포럼’에도 불려다니는 걸 보면. (웃음)

도안구 | HTML5가 주목 받게 된 특별한 계기나 사건이 있나?

윤석찬 | 아무래도 구글 영향이 컸다. 지난 2009년 4월에 열린 ‘구글 I/O 컨퍼런스’가 전환점이 됐다. 구글은 2008년 첫 구글 I/O 컨퍼런스에서 안드로이드와 구글 기어스를 발표했다. 구글 기어스는 리치 웹애플리케이션을 만들기 위한 웹브라우저 플러그인이었다. 하지만 2009년 컨퍼런스에선 구글 CTO가 첫날 주제로 HTML5를 다루고, 둘쨋날 구글 웨이브를 다뤘다. 그런데 첫날 HTML5를 얘기하면서 ‘HTML5가 대세’란 분위기를 크게 조성했다. 자사 웹브라우저인 ‘구글 크롬’에도 아직 탑재 안 된 HTML5 기술을 파이어폭스와 사파리로 시연할 정도였다. 그러면서 인식이 많이 바뀌었다. 구글이 드디어 HTML5에 베팅하는구나. 시장에도 긍정적인 신호를 줬다.

특히 모바일을 보면 완전히 다르다. 지금 PC의 웹브라우저 시장은 IE가 다수이고 파이어폭스, 크롬, 사파리가 따라오는 모양새다. 모바일 웹에서는 유럽 스마트폰 시장은 오페라가, 아이폰은 사파리를 기반하고 있다. 안드로이드폰이 나오면 크롬이 주력으로 들어간다. 모질라를 빼도 메이저 3사다. 결국 IE가 대세가 아니다. 모바일 애플리케이션 개발 환경은 PC 못지않게 폐쇄적이다. 이런 상황은 오래 가지 않을 것이고, 결국 범용 리치 웹 환경을 사용하는 것으로 바뀔 것이다. 특히 모바일 웹의 변화가 더욱 빠를 것 같다.

주민영 | 허나 애플 아이폰이 촉발시킨 앱스토어도 개발자 입장에선 큰 기회다.

윤석찬 | 물론 지금은 앱스토어가 유행이다. 돈벌이가 아니라 서비스를 만드는 관점에서 보면, 지금은 앱스토어용 따로, 웹애플리케이션 따로 만드는 식으로 과도기다. 결국 HTML 표준으로 웹 문서를 만들듯 웹애플리케이션도 표준으로 쉽게 만들고 서비스하는 환경이 와야 한다. 폐쇄적인 개발 플랫폼을 기반으로 하는 플레이어도 필요하지만 모두에게 이익이 되는 범용 개발 환경이 웹의 목표이고 지향하는 바다. 웹 개발자들은 이를 간과하면 안된다.

이희욱 | HTML5는 그럼 웹 개발자들을 위한 표준 기술 문서인가?

윤석찬 | 앞서 말했듯이 HTML5는 웹브라우저 엔진 개발자를 위한 스펙이다. 하지만 이 안에는 렌더링 엔진 뿐만 아니라 중요한 리치 웹 기술이 포함돼 있다. 예컨대 크롬이 탭마다 적용한 병렬 프로세스 기능이나 외부와 데이터를 주고받을 때 웹브라우저가 어떻게 처리할 지 규약도 있고, 데스크톱에서 웹브라우저로 드래그앤드롭한 파일을 어떻게 처리할 지에 관한 스펙도 있다. HTML 뿐 아니라 방대한 내용들이 추가되고 있다. 초안 자체가 어렵기 때문에 웹 개발자들이 이를 쉽게 이해하고 이용할 수 있도록 설명 문서들도 함께 만들고 있다.

도안구 | 그 스펙은 계속 추가되고 실제 구현되고 있나?

윤석찬 | W3C 표준 제정 과정을 보면, HTML5는 현재는 초안 단계다. 한 단계 넘어가기 위해 준비 중이고 이는 정해진 내부 프로세스를 따라가는 것이다. 무엇보다 중요한 건, HTML5의 어떤 기술이 웹브라우저에서 구현되고 있고 얼마만큼 사용할 수 있느냐 하는 점이다. 현재 PC 기반 웹브라우저에서 HTML5의 주요 기능을 쓰는 데는 아직 무리가 있다.

가장 중요한 건 IE가 아직 안 바뀌었고, 각 웹브라우저 제조사 사이에도 기술적 차이가 있다. 하지만 ‘canvas’, ‘video’, ‘audio’ 태그와 돔 스토리지 등은 어느정도 쓸 수 있는 단계에 와 있다. 올해 초 MS가 공식적으로 IE9에서 HTML5를 지원하겠다고 밝혔다. 어느 정도까지 지원할 지 모르겠지만, 올 3월 MIX에서 HTML5 기능을 탑재한 IE9을 만나볼 수 있을 것으로 기대한다.

주민영 | 유튜브나 비메오 같은 동영상 공유 사이트가 플래시 대신 HTML5를 수용하겠다고 해서 화제가 되기도 했다.

윤석찬 | 유튜브나 비메오 등이 수용한 건 HTML5의 일부다. ‘video’ 태그를 이용해 플러그인 도움 없이도 웹브라우저 만으로도 동영상을 서비스할 수 있다. 지금까지는 윈도우 미디어 플레이어나 플래시 플러그인을 깔아야만 가능했다. 문제는 동영상 코덱에 있다. 파이어폭스와 오페라는 오픈소스 기반 OGG 테오라(OGG Theora)를 지지해왔다. 하지만 크롬과 사파리는 특허료를 내야하는 H.264 MPEG 포맷을 지원한다. 유튜브와 비메오도 H.264 코덱을 지원하기 시작했다. 이 때문에 파이어폭스도 H.264 코덱을 지원해야 한다는 여론이 일었다. 이에 대해 모질라 제품담당 마이크 셰이버는 거부 의사를 분명히 했다.

파이어폭스가 H.264 코덱을 이용하는 데 1년에 500만 달러 정도의 특허료를 지불해야 하다. 모질라 입장에서 그리 큰 돈은 아니다. 하지만 문제는 이를 통해 서비스 개발자 및 업체 모두 2011년부터 특허료를 내야 한다. 이는 선택 가능한 대안을 중요시하는 모질라의 미션과 배치되는 것이다. 코덱은 물론 웹의 영역은 아니다. 하지만 플러그인들이 오픈웹에 큰 걸림돌이 되듯, 폐쇄형 코덱은 오픈 비디오 환경에 도움이 되지 않는다고 판단한다.

이희욱 | 그럼 유튜브 HTML5 비디오 태그와 파이어폭스의 연동은 영영 안 되는 건가?

윤석찬 | 가능성은 있다. 구글이 지난해 8월, 동영상 코덱 업체 ‘온투(On2) 테크놀로지’를 인수했다. 구글이 온투 코덱을 오픈소스와 특허 무료로 공개하는 거다. 온투 코덱은 플래시와 호환된다. 이러한 계획은 이미 구글도 밝힌 바 있다. 테오라 역시 온투의 과거 버전이 오픈소스화 된 것이다. 오픈 비디오 환경은 이래저래 구글의 결정에 큰 영향을 받게 될 것이다.

주민영 | 그럼 국제적으로 HTML5가 널리 퍼지고 있는가?

윤석찬 | 사람들이 잘 모르는 게 있다. 구글 첫 화면에서 소스코드를 열어보라. HTML5 독타입이다. 예전 HTML 4.01 독타입을 쓰다가 지난해 하반기에 바뀌었다. 그렇다고 밑에 코드들이 마크업 유효성에 다 통과된 것은 아니다. 하지만 한 발걸음이 중요하다.

2005년쯤 다음이 첫 화면을 W3C 인증을 통과한 웹표준으로 바꾼 적이 있는데, 당시 많은 사람들이 첫 화면만 웹표준을 적용하면 뭐하냐는 반응들을 보였다. 회사 내부에서 선언적으로 첫화면을 바꿈으로서 모든 웹서비스에 영향을 줘, 많은 것이 바뀌었다. 구글 내부에서도 이러한 움직임이 계속될 것으로 보인다. 그런 리더십이 업계 전반에 영향을 준다.

도안구 | 국내 웹사이트들의 HTML5 도입 현황은 어떤가?

윤석찬 | 아직까지 국내에서는 HTML5에 대한 웹 개발자들의 관심이 높지는 않다. HTML5 독타입을 쓰면 표준 모드로 동작하므로 사용해도 지장은 없다. 우선 HTML5에 대한 문서자료와 HTML5갤러리나 HTML5닥터 웹사이트에서 다양한 예제를 살펴보고, 가능한 것부터 해보는 것이 좋겠다.

HTML4와 HTML5의 차이점 : http://channy.creation.net/project/html5/html4-differences/

HTML5 Design Principals(영문) : http://dev.w3.org/html5/html-design-principles/

HTML5 Reference (영문) : http://dev.w3.org/html5/html-author/

이희욱 | 그럼 XHTML은 더 이상 개발 되지 않는 것인가?

윤석찬 | 그렇지 않다. 물론 XHTML 2.0 표준 개발은 완전히 멈췄다. 지난해에 그룹이 해체됐다. 하지만 XHTML의 유용성은 그대로 있기에, HTML5 문서를 XHTML로도 표현할 수 있고 이를 위한 독타입을 선언하면 그대로 XHTML 문서로 유효하다. 이를 ‘XHTML5′라고 부른다. XHTML은 여전히 HTML5 안에서 유효하다.

주민영 | HTML5가 산업에 미치는 영향은 어떨 것으로 예상하나?

윤석찬 | 가장 큰 수혜자는 기존 웹 개발자다. 요즘 모바일 애플리케이션 개발자는 중고 매킨토시를 산 뒤 코코아 개발환경을 익혀 앱스토어에 애플리케이션을 올리고, 안드로이드 애플리케이션 개발자는 자바를 배워야 한다고들 말한다. 하지만 자신이 가진 웹 기술에 조금만 더 보태면 감탄할 만 한 리치 애플리케이션을 만들 수 있다. 예컨대 ‘R그래프‘란 서비스를 보면 HTML5를 기반한 각종 비주얼 차트를 서비스 안에 넣을 수 있다.

그러니 웹 프론트엔드 개발자가 더 많은 생각을 갖고 HTML5를 적용하는 노력을 기울여야 한다. 그게 결국은 자기에게 보답으로 돌아온다. 전세계에 제공되는 범용 웹브라우저 기반으로 웹애플리케이션을 만들면 모든 개발자가 수혜를 받는다. 결국 이게 정석이다.

웹 산업에서 대형 주자가 폐쇄된 개발 환경과 플랫폼에서 비즈니스하는 것은 당연하다. 좋은 이용자경험(UX)을 주는 것은 칭찬할 만 하다. 중요한 것은, 선택 가능하고 범용적인 웹 기반 플랫폼도 제공돼야 한다. 표준은 죽기도 하고 산업에 밀리기도 한다. 100% 올바르지도 않다. 하지만 없는 것 보다는 낫다.

이희욱 | HTML5 확산을 위한 과제가 있다면?

윤석찬 | 국내에서는 일단 HTML5가 대형 포털이 적용할 만큼 매력이 있느냐의 문제가 있다. 국내에서 이용하는 대다수 웹브라우저가 아직 지원하지 않는 부분이 있기 때문이다. 파일럿 서비스나 모바일 웹 서비스를 준비하는 사람은 HTML5를 적용해보면 좋겠다. 아이폰용 웹 페이지를 만들 때 ‘video’나 ‘canvas’ 태그 혹은 오프라인 스토리지 기능을 이용하는 아이디어를 내야 한다. 천편일률적인 모바일 페이지는 식상하다. 기왕이면 모바일 웹페이지를 만들 때 ‘엣지있게’ 만들면 좋잖나.

만약 누군가 ‘canvas’ 태그를 이용해 그림을 그리고 이를 공유하는 서비스를 모바일 웹서비스로 만들었다 치자. 그는 회사에서 인정받는 사람이 될 수 있다. 그런 점들에 개발자가 좀 더 신경쓰면 좋겠다. 스스로 찾고 배워서 도전해 봤으면 한다.

이희욱 | 새롭고 흥미로운 얘기들을 많이 들었다. 아직은 어렵고 낯선 면이 많다. 리치 웹을 플러그인 없이 구현할 수 있는 기술을 내장했다는 얘기가 기억에 오래 남는다. 웹 개발자분들이 좋은 기회로 활용했으면 하는 생각이 든다. 새로운 정보들도 자주 알려주시길 기대한다.

2010. 02. 02

블로터포럼

Dale magazine

2010-01-29T16:57:59+09:00

revista Dale.
Revista cultural de 72 páginas, desarrollada como último trabajo para la facultad. Incluye notas de contenidos varios, una agenda de actividades, y un dossier de artista.

Dale magazine.
A 72 pages cultural magazine, developed as a final project for college. It features several types of articles, a cultural activity agenda, and an artist dossier.

출처: 북커버디자인

조수용 NHN UX 총괄 이사 인터뷰

2010-01-22T11:13:40+09:00

왜 아이폰 UX에 놀라는가?
조수용 NHN 이사, 주관적이고 일관된 UX전략이 핵심 경쟁력

"애플 UX가 좋다고 하는데, UX는 무조건 좋다 나쁘다할 수 없어요. 아이팟을 선물하면 처음에는 어렵다는 말도 많습니다. 어떻게 켜는거냐고 물어올때도 있어요. 그러나 아이팟은 한번 배우면 그렇게 편할 수가 없습니다. UX에 있어 애플은 자기만의 스타일을 일관성있게 제공합니다. 그러면서 주관적이죠. 다른 기업들과는 뭔가 다릅니다.

국내 최대 인터넷 업체 NHN에서 사용자 경험(UX) 업무를 총괄하는 조수용 이사의 말이다. UX 경쟁력은 이른바 '베스트 프랙티스' 모델로는 가늠하기 어렵다는 얘기다. 남을 따라하기 보다는 자기만의 주관을 갖고 일관되게 밀어부칠 수 있어야, 제대로된 UX 파워를 누릴 수 있다는 것이다. 남을 벤치마킹만하는 미투(me too) 전략은 먹혀들기 어렵다는 얘기로 들린다.

그의 얘기는 계속된다.

"UX관점에서 아이폰을 바라보면 저는 즉시 응답성을 높게 평가해요. 애플이 다른 것을 포기하면서까지 놓지 않았던게 바로 이거에요. 터치하는 순간 반응하는 것을 구현한 겁니다. 아이폰 첫화면이 단순하잖아요? 켜자마자 보여줘야 하니까. 이걸 위해 애플은 나머지는 포기했습니다. 결과적으로는 성공한 UX 전략이죠."

조수용 이사의 UX철학은 '일관성'과 '주관'이라는 두가지 키워드로 요약된다.

그는 "UX는 어느 부분까지는 보편 타당함을 지향하지만 경쟁력을 가지려면 네이버스럽다처럼 자기만의 것이 있어야 한다"면서 "기업이 UX를 통해 브랜드 파워를 높이려면 주관을 갖고 일관성있게 추진할 수 있어야 한다"고 거듭 강조했다.

그런데 이게 말처럼 쉽지 않다. 회사 차원에서 밀어주지 않으면 기업 UX 담당자들은 주변에서 나오는 '이래라 저래라'에 왔다갔다할 수 밖에 없다.

CEO가 한마디하면 바꾸고, 고객들이 불만을 제기하면 또 바꾸고... 이래서는 주관이나 일관성이 생길리 없다. 이것도 저것도 아닌 무색무취형 UX가 될 가능성이 높다.

조수용 이사도 기업이 UX로 경쟁력을 가지려면 담당자들이 주관을 갖고 일관성있게 이끌어갈 수 있는 문화는 기본이라고 강조한다.

그러려면 경영진의 지원은 필수. 그는 "UX담당자들이 주관을 갖고 일관성있게 일을 할 수 있느냐는 그 기업의 UX 품질과 비례한다"면서 "애플은 UX는 일관성있게 제어하고 있다"고 말했다. 좋고 나쁨을 떠나 자기만의 것으로 호소력을 발휘할 수 있으니 우수한 것이라는 얘기였다.

NHN의 경우 UX 전담팀을 가동한지, 벌써 6년째다. 조수용은 이사는 NHN 최상위 임원진으로 활동중이다. 회사차원의 지원을 이끌어낼 수 있는 위치. 그래서인지 NHN은 국내 UX 전문가들 사이에서 비교적 UX에 많은 투자를 하는 회사로 꼽힌다.

NHN에는 좋은 UI라는 말은 통하지 않는다. 어떤 UX가 어울리는지가 핵심이다. 그게 브랜드고 마케팅이며 디자인이다. 자기만의 색깔은 NHN UX 전략에 있어 알파요 오메가인 셈이다.

이제 NHN이 추구하는 UX를 말할때가 된 것 같다. 조수용 이사에 따르면 NHN이 주관을 갖고 일관성있게 추진하는 UX전략의 핵심은 신뢰감있고, 빠른 사용자 인터페이스(UI)다. 그는 이렇게 말한다.

"디자인은 예쁘게 보이는게 아니라 신뢰감을 표현하는 겁니다. 웹도 마찬가지에요. NHN 웹페이지를 보고 있는데, 인쇄물을 보고 있는것 같다는 느낌이 들때가 있습니다. 의도한 겁니다. 이런 디자인이 중요하다고 생각해요. 최근 네이버 메일이나 캘린더를 새로 디자인했는데 좀 썰렁합니다. 버튼도 윈도에 기본으로 제공되는 것을 써요. 못해서가 아닙니다. 빨라보이도록 하기 위한 거에요."

디자인은 예쁜게 아니라 신뢰감을 주는 것이라는 말은 다소 애매모호하게 들린다.

"디자인의 개념이 변화하고 있는거죠. 기능을 만족시키지 못하면 디자인은 좋아질 수 없습니다. 이미 디자인학과에서는 우리가 알고 있던 디자인을 하지 않아요. 심리학만 잘해도 디자인할 수 있습니다. 실제로 그림 못그려도 디자인학과 들어갈 수 있어요. 기능과 경험에 대한 통찰력이 있으면 디자인학과 나와서 디자이너로 활약할 수 있습니다. UX에 다루는 디자인은 논리적이면서 프로세스를 인간중심적으로 만드는 겁니다."

결국 UX 디자이너들은 예쁘게 만드는 것보다는 사용자 경험을 어떻게 구성할지를 논리적인 기반으로 삼고 있다는 설명이다.

조수용 이사는 "디자이너들은 사용자들이 의도한 대로 행동할 수 있도록 하는 프로세스를 설계해주는 역할을 하고 있다"면서 "국내 대기업들에서도 논리적인 디자이너들을 많이 채용하고 있다"고 전했다.

황치규 기자 delight@zdnet.co.kr

2010.01.18 / PM 07:13

BUT 1st EXHIBITION CLOSING

2010-01-21T02:25:00+09:00

부산 시민회관에서- 1월 11일부터 15일까지 있었던 BUT의 첫전시가 막을 내렸습니다.

전시실은 리모델링한지 얼마되지 않은 좋은 공간이라 구경오신분들은

깔끔함과 아늑함을 느끼셨을 껍니다.

오픈식에 참석해주신분들을 위해 약간의 다과를 차려놓고

회장 박진욱군이 오픈멘트와 함께

팀 디자이너들이 둘러서서 관객분들께 인사를건넸습니다.

오픈식을 함께 해 주신분들 정말 감사합니다!

간략한 전시장 풍경사진만 올립니다.

더 디테일한 작품 사진들은 BUT 디자이너들의 BUT블로그에서

곧, 확인 하실 수 있습니다.

저희의 첫 전시가 이렇게 마무리 되었습니다.

어떤 곳 에서는 흔한일일지도 모르겠습니다만.

BUT와같은 팀과 이러한 전시가

우리동네 부산에서는 뜸한 일인것이 사실입니다.

하지만 BUT의 활동은특별한 필요성이나

그런 상황의식에 기반하지 않습니다.

우리지역 내에서 창조적이고 미적분야를 공부하는 사람들의

활동과 전시가 단지 지역문화의 일부로 함께 할 수 있길 바라면서

전시 타이틀 그대로 -인사를 건넸습니다.

저희팀은 이번 전시를 통해 좋은 에너지를 많이 얻었고

앞으로도 계속해서 BUT의 뭔가를 만들어 나갈 계획입니다.

BUT와 함께 하고 싶다거나 BUT가 지향하는 바나 활동사항이 궁금한 분들은

부담없이, BUT오피셜블로그나 BUT대표전화 혹은 BUT멤버 누구를 통해서든 접속해주시면

정말 반가울것 같습니다!

저희 BUT 에 관심 보내주신분들,

그리고

전시장을 찾아주신 모든 분들께 진심으로 감사드립니다!

Photography- 손영진(BUT) / 이수진(BUT) / H-SL(supporter)

Script-VK