현재 터치스크린은 현재 은행 입출금기 등 제한된 용도로 사용되고 있고, 위치 이동과 클릭 같이 마우스와 동일한 기능을 하고 있다. 그런데 멀티 터치 스크린이 가능하다면 아주 놀라운 새롭고 직관적인 인터페이스가 가능해진다.

언젠가 이러한 인터페이스가 널리 쓰이게 될 것 같다. [각주:1]

우리가 지금 익숙하게 쓰고 있는 마우스가 1968년 제록스에서 만들어졌고, 16년 뒤인 1984년 발표된 매킨토시에서 처음 대중화되었음을 생각할 때 멀티 터치 스크린도 10여년 뒤에나 대중화될지도 모르겠다. 하지만 그 파급력은 마우스만큼 굉장할 수 있다. 아마도 그 때쯤이면, 많은게 달라져 있을 것이다. 10년이면, 긴 것 같지만 그렇게 길지 않을 수도 있다. 특히, 포털 업계는 새로운 UX혁명을 예의 주시해야 할 것이다.

실제 서비스에서 멀티 터치 스크린 인터페이스를 제공하지는 않지만 네이버 블로그 시즌2가 광고에서 이 같은 컨셉을 볼 수 있다.

SIGRAPH2006에서 발표되었던 Multi Touch Screen 데모.

더 상세한 자료는 http://multi-touchscreen.com/ 에 있습니다.
  1. 2009.3.8 덧붙임 : 이 글을 썼을 때가 2007년 초. 불과 몇개월 뒤에 아이폰에 멀티터치가 전격적으로 채택됐으니 되돌아보면 널리 쓰이기 직전의 상황이었네요:-) [본문으로]
Posted by drawnote
:
2006년 12월 13일, 홍대 Club M2에서 열린 d2:Mix Seoul 2006 The Next Web Now에 다녀왔습니다. 이 행사는 "디자이너와 개발자들을 모시고 새로운 UX(User Experience)에 대한 비전을 제시"하겠다는 슬로건으로 마이크로소프트가 주최한 행사였습니다.

실제 취지는 마이크로소프트가 출시를 앞두고 있는 Expression 계열의 제작툴들과 Flash의 대항마로 내세우는 WPF/E를 소개하고자 하는 것이었지만, 몇가지 점에서 흥미로운 행사였습니다. 행사 장소를 홍대 클럽으로 선정한 점, 국내 UX관련자들을 초빙해서 토론회를 주최한 점, 재능있는 Media Artist들을 초대하여 퍼포먼스를 한 것이 새로왔습니다.

'The Age of UX'라는 슬로건처럼 마이크로소프트가 UX를 앞으로의 마케팅 이슈로서 얼마나 중요하게 생각하는지를 알 수 있는 행사였습니다.

13:00-14:00_RECEPTION
Live Music Mix by DJ SUNGWOO
Live Visual Mix by VJ THE MAZE
홍대 클럽 중 가장 큰 편에 속한다는 Club M2가 가득 찼습니다. 어림잡아 300~500명 정도가 참석한 것 같네요. 본 행사 시작 전에 음악과 비주얼한 공연이 있었습니다. 음료수는 바에서 자유롭게 가져다 마실 수가 있었습니다. 낮시간 동안은 알코올은 제공하지 않더군요.
한국 마이크로소프트의 젊은 진행자가 나서서 오프닝을 알립니다. 클럽 문화에 약간의 경험이 있으신듯, 무난하게 잘 이끌었습니다.
행사 오프닝

The Age of UX
Leon Brown, 마이크로소프트 본사 UX 담당
그리 인상적인 발표는 아니었습니다. 강사는 '내가 Adobe에서 Microsoft로 옮긴지 얼마 안되었습니다. 왜 내가 Microsoft로 옮겼을까요?' 라는 질문으로 발표를 시작하더군요. 강사는 Microsoft의 Word 1.0부터 Word 2007까지의 변천사에 대해 설명하더군요. 기능 추가로 메뉴 개수가 늘면서 한계에 봉착했을 때 adaptive menu 기능을 넣어 더 많은 기능을 넣게 된 이야기, Office  Assistant에 대해 칭찬을 하더군요. (Office에서 가끔씩 나타나 우리를 약올리는 멍멍이 말입니다.) 그리고 Word 2007에 새로 등장하는 Ribbon 이라 불리는 새로운 툴바 UI에 대해서 설명하면서 Microsoft가 얼마나 UX를 중요시하는지를 강조했습니다.
Microsoft Word에 대한 자랑이 끝나고, UX에 대한 개념들을 설명하였습니다. UX is Usability, UX is Usefulness, UX is Adaptability, UX is Reliability... 등등.
그리고선, UX를 가능하게 하는 것이 Microsoft의 Expression이라는 툴이라는 결론을 내립니다. Expression의 장점으로 XAML을 통한 디자이너와 개발자간의 업무 분리, 그를 통한 협력의 스트림라인화를 이야기하였습니다.
그리고, 맨마지막 슬라이드는...,

                    the experience is the product

결국, Microsoft 제품군을 사라는 얘기네요.

   
                      The age of UX


14:00-15:30_패널 토론 "UX NOW AND TOMORROW"
이지현, NHN BXD센터 UX Lab장
배동훈, 모토로라코리아 CXD 모바일사업부 차장
최은석, d'strict 대표이사
(진행자) 이정하, 월간 w.e.b 편집자
자기소개와 한 말씀

월간 w.e.b. 이정하 편집장의 진행으로 토론이 시작되었습니다. 각자 자기소개와 UX에 대해서 하고 있는 일과 생각을 이야기하고, 방청객에서 질문을 받아 답변을 하는 형태로 진행되었습니다.

NHN 이지현 Lab장은 자신의 업무가 Usability Testing, UX Modeling, UX Insight의 세가지 부문으로 나누어진다고 합니다.
슬라이드 중 Web2.0 Usability Guideline이라는 표가 눈에 띄더군요. Drag & Drop, Layer Popup, Progress Indicators, Scrolling 등에 대한 가이드라인을 제시한다는 것입니다.
UX Modeling을 한 사례로는 자세한 내용은 설명되지 않았습니다만, 네이버 지식쇼핑에서의 이용자 경험을 모델링한 사례를 들었습니다.
UX Insight는 NHN 경영진에게 UX에 대한 식견을 제시하는 것이라고 하네요. 슬라이드를 보니, 정기적으로 브리핑을 하는 것 같습니다. 사례로는 "고화질 해상도 모니터가 인터페이스에 미칠 영향"과 같은 것이 있었습니다.

모토로라 배동훈 차장은 레이져와 크레이져 제품의 UX를 담당했다고 합니다.  휴대폰도 Rich Experience가 중요하다고 합니다. 일례로 크레이져에는 점치는 기능만도 8개가 들어있다고 하네요. 휴대폰의 UX 예로는 화상통화폰을 들었습니다. 화상통화폰에 엄청난 돈이 들어갔지만 이용자에게 외면당했지요. 이용자가 오랜시간 팔을 뻗고 있어야 한다는 점, 얼짱각도가 잘 안나온다는 점, 음성 통화를 위해 이어폰을 끼고 있으면 폼이 안난다는 점 등의 이유로 긍정적 사용자 경험을 주는데 실패했다고 합니다.
자신의 역할이 이용자와 고객을 대변하는 일이다보니, 온갖 부서와 경영진의 일에 끼어들어도 됩니다. UX에 있어서 가장 중요하게 생각하는 것은 최대한 이용자를 많이 만나고 많이 귀기울이는 것이라고 합니다.
이 행사가 마이크로소프트가 주최한 행사지만 자신은 실은 OS X 유저랍니다. 회사에서는 어쩔 수 없이 윈도즈를 쓰고 있지만 말이죠. 윈도즈 비스타에 대해서는 기대를 다소 가지고 있다고 합니다.

d'strict 최은석 대표는 최근의 UX가 디자이너의 업무 경계를 허무는 쪽으로 가고 있다고 합니다. 웹디자이너, 제품 디자이너, 광고 디자이너 등의 구분이 사라지는 것이죠. XAML, XUL 등의 등장이 경계 허물기에 일조하고 있다고 합니다. 이번 행사에서 인상적인 것은 UX에 관해 이런 행사가 열리는 것 자체, 파티를 한다는 것은 이미 UX가 시장의 mainstream이 된 것이 아닌가, 마케팅 포인트화된 것이 아닌가 하는 이야기를 했습니다.

사용자 삽입 이미지
사용자 삽입 이미지


질문과 답

모토로라 배동훈 차장이 NHN 이지현 랩장에게 포털에서의 UX가 반영되는 이야기를 자세히 듣고 싶어 질문을 했지만, NHN 이지현 랩장은 답을 다소 비껴가더군요. 이지현 랩장이 방청객에게 질문을 받자고 제안했습니다. 방청객에서 UX의 딜레마에 대해 질문을 했습니다.

"현재의 user를 만족시키는 것과, user를 새로운 경험으로 깨어나게 하는 것 사이의 딜레마를 어떻게 생각하는가?"

모토로라 배동훈 차장 : "일단 만들고 얼리어답터들에게 쓰게 한다. 많은 제품이 나오고 많은 제품이 사라진다. 아마 포털 서비스도 마찬가지일 것이다. 나는 두어달에 한번씩 Naver의 새로운 기능들을 보고 놀라곤 한다. (물론 이 자리가 구글 행사였다면 구글을 예로 들었을 것이다.) 포털 서비스들간의 경쟁으로 우리나라 이용자들은 다소 웃자라있는 듯한 느낌이 들때도 있다."

NHN 이지현 랩장 : "우리 예보다 해외의 예를 들겠다. Amazon은 이용자가 도서에 대해 토론하고 물어보는 과정에서 CRM의 아이디어를 얻었고, 이후 지속적으로 발전시켰다. Flickr는 초기에 간단한 플래쉬 버전이었으나 지속적인 피드백과 튜닝을 통해 현재의 모습이 되었다."

d'strict 최은석 대표 : "usability만으로는 기존의 이용자만을 만족시키게 될 뿐, 혁신이 없다. 그래서 UX가 중요하다."


15:30-16:30_MEDIA ARTIST BATTLE
Glyn Thomas, NHN Flash Game Team, http://thomasglyn.com
최승준, http://epicure.grafitty.net
두 사람이 번갈아가면서 자신이 제작한 Media Art를 선보이는 자리였습니다. Glyn Thomas는 NHN에서 근무하는 외국인이고, 최승준은 엔지니어 출신의 Media Artist입니다. 사용자의 입력을 기반으로 3D와 음향으로 나타나는 작품들이었으며, 상당히 높은 수준의 작품들로 참관객들의 박수갈채를 받았습니다.

최승준의 작품
화면에 2차원으로 얼굴을 그리고 3D화된다.
그리고 이것들이 애니메이션화되면서 점차 복잡한 곡선의 형태를 이루어나갑니다.
다음 것은 사진들로 작업한 것으로, 최승준은 이 화면은 다음파이와
유사한 형태라고 말했습니다.

사용자 삽입 이미지
Glyn Thomas의 작품
우측의 원형들은 음원의 범위이고 3차원 상에서 네비게이션을 하면,
거리에 따라서 음향의 크기가 변형되고 합성되어 들립니다.


15:30-16:30_MEDIA ARTIST BATTLE
조성우 과장, 한국마이크로소프트
시정희 차장, 한국마이크로소프트
마이크로소프트의 Expression 제품군을 이용한 UX Demo가 이어졌습니다. Expression Design으로 디자이너가 디자인을 하면 XAML 파일로 저장되고, Expression Blend를 통해서 액션을 줄 수 있습니다. 데모는 North Face사의 제품 쇼핑몰과 벤츠 자동차 사이트를 보여주었으며, 3D를 많이 사용한 플레이스테이션 게임을 보는 듯 했습니다. WPF를 사용한 NewYork Times 시연사이트도 볼 수 있었습니다. 레이아웃을 다이나믹하게 보여줄 수 있는 것이 장점인 것 같더군요.

그 후 일정표에는 없었던 두가지 데모가 있었습니다. 하나는 데브피아에서 Expression을 이용하여 만든 프로그램 데모였습니다. 2주만에 만들었다고 하는데 그리 훌륭해 보이지는 않았습니다.
또 하나는 마이크로소프트사 직원이 나와서 Expression을 이용하여 페이지를 제작하는 간단한 시연을 하였습니다. 3D로 모델링된 깡통을 XAML 파일로 저장해서 Expression Blend로 액션을 주는 시연이었습니다. 그리 감동적이지는 않았습니다.

자세한 건 Microsoft Expression 사이트를 들어가보시면 될듯합니다.

참관하고 나서...

무엇보다 이번 행사에서 UX에 대해서 업체들이 얼마나 중요하게 생각하는가를 느낄 수 있었습니다. 마이크로소프트사의 제품이 성공적일지의 여부는 잘 모르겠습니다. Adobe가 지금까지 잘 해오고 있고 앞으로 이에 걸맞게 진화해나갈것이기 때문이지요.

하지만, OS X를 선두로 윈도우 비스타가 다이나믹한 UI를 선보이게 되고, 이에 걸맞게 웹이 빠르게 진화해 나가리라는 것은 의심의 여지가 없어 보입니다. 포털들도 이에 걸맞게 나아가려면 그것이 Flash이든, WPF(Windows Presentation Foundation)이든 Ajax이든 다이나믹하고 리치한 UX를 제공하지 않을 수 없겠지요. 어쩌면 세션에서 가장 인상적이었던 Media Art가 이제 접목되기 시작할 지도 모르겠습니다. 창조적이고 장르를 넘나드는 감각, 이용자에게 집중하여 피드백을 받아서 끊임없이 개선해나가기, 개발자와 디자이너간의 유기적인 협력을 위한 틀 만들기... 이런 것들이 숙제겠네요.

Posted by drawnote
:
Posted by drawnote
:

BLOG main image
@drawnote

공지사항

카테고리

분류 전체보기 (16)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

Total :
Today : Yesterday :