아이폰과 아이패드의 성공에서 보듯이, 언제나 새로운 인터페이스 기술과 UX는 혁신에 있어 가장 중요한 기술입니다.  GUI, UX 혁신과 관련한 유튜브 동영상들 중에서 눈에 띄는 것들을 모아 보았습니다.  근미래에 실현이 가능한 것들 위주입니다.

이렇게 멋진 기술들이 우리들 곁에 와서 쉽게 이용될 수 있게 되는 때를 기다려 봅니다.


마이크로소프트 Surface

역사도 오래되었고, 근미래에 등장할수도 있는 기술입니다.  그런데, 생각보다 늦어지네요.  개인적으로도 기대하고 있습니다.




Perceptive pixel

이 기술은 주요한 아이디어를 비교하고 대조하는데 편한 인터페이스 기술로, 과거 인지와 관련한 글에서도 소개한바 있는 기술입니다.  CNN에서 Magic Wall 이라는 것을 구성할 때에도 이 기술을 활용하였습니다.  저렴해져서 쉽게 이용할 수 있게 되면 할 수 있는 것들이 무척 많아지지 않을까요?  만질 수 있는 콘텐츠 기술의 극단이라고 할까요?

연관글:



GNU/LINUX UBUNTU 7.04 Feisty Fawn

우분투 Feisty Fawn 에 구현된 UI 기술도 매력적입니다.  멋진 3D 효과와 움직임, 변형, 투명한 효과 등이 멋지게 느껴지지요?




인텔의 터치 스크린과 디스플레이 기술

2009년 CES 에 데모를 했던 기술입니다.  마이너리티 리포트가 생각난다는 ... 하드웨어가 상당히 좋아야 하겠지만 말이죠.




10핑거 멀티터치

삼성전자에서 광고로 만들었던 영상입니다.  10핑거 멀티터치가 구현되면 이런 것들이 가능하겠지요?  그리고 다음 영상은 10핑거 멀티터치 기술에 대한 좀더 자세한 설명입니다.






미래의 오피스?

그런데, 영화 속에서 많이 이야기되는 형태로 자신이 가상세계에 들어간 듯한 인터페이스 환경과 오피스는 어떨까요?  풍자적으로 재미있게 그려낸 영상하나 소개합니다.



저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

WRITTEN BY
하이컨셉
미래는 하이컨셉, 하이터치의 세계라고 합니다. 너무 메마르고 딱딱한 이야기보다는 글로벌 시대에 어울리는 세계 각국의 이야기, 그리고 의학과 과학을 포함한 미래에 대한 이야기의 세계로 여러분을 초대합니다.

트랙백이 하나이고 ,


컴퓨터 과학 분야의 세계 최고의 명문대학인 카네기 멜론 대학의 박사 3년차 학생이 개발한 3차원 터치 스크린 기술을 소개할까 합니다.  크리스 해리슨이라는 학생이 개발한 이 기술은 물리적인 버튼이 터치 스크린에서 올록볼록하게 동적으로 튀어나올 수 있도록 한 것으로 다양한 입체적인 효과 및 촉감 효과를 얻을 수 있어 현재의 터치 스크린 기술의 유용성을 한단계 끌어올릴 수 있을 것으로 기대하고 있습니다.

비주얼 디스플레이에 다양한 변형을 가하도록 한 것이 핵심입니다.  이를 통해 실제로 다양한 형태의 물리적인 버튼이 쉽게 만들어지고, 없어지게 만들 수 있습니다.  

더 자세한 정보를 원하시는 분은 아래 크리스 해리슨의 논문 내용을 참고하시기 바라며, 이렇게 3차원 반부조 터치 스크린이 등장하면 얼마나 인터페이스가 달라질 것인가?에 대한 문제는 아래 임베딩한 비디오를 보시면 느끼실 수 있을 것입니다.  앞으로 수년 내에 상용화가 되면 어떤 곳에서 어떻게 응용이 될지 무척 기대가 됩니다.





저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

WRITTEN BY
하이컨셉
미래는 하이컨셉, 하이터치의 세계라고 합니다. 너무 메마르고 딱딱한 이야기보다는 글로벌 시대에 어울리는 세계 각국의 이야기, 그리고 의학과 과학을 포함한 미래에 대한 이야기의 세계로 여러분을 초대합니다.

받은 트랙백이 없고 ,



차세대 인터페이스에 있어서 가장 큰 화두가 되는 것은 뭐니뭐니해도 멀티터치 입니다.  아이폰/아이팟터치를 통해 세계적인 관심사가 되어버린 멀티터치 기술은 이제 윈도우 7의 정식판이 등장하고 마이크로소프트의 Surface가 일반화가 되면 아주 일상적인 기술이 될 것입니다.  이 블로그에서도 중요한 기술로 몇 차례 심층적인 소개를 한 바 있습니다.


연관글:
2009/06/03 - 멀티터치 웹의 시대는 이런 모습
2009/04/08 - 멀티터치 테이블 PC를 $350 달러에 제작합시다.
2009/02/28 - 터치기술의 미래는 어떻게 발전할까?


그런데, 일상적인 사용이 일어나기 전에 멀티터치 기술을 이용한 테이블을 만들면서 다양한 상업적인 적용 프로젝트를 통해 유명해지고 있는 회사가 등장했습니다.  Tactable 이라는 회사가 그 주인공입니다. 

Tactable의 홈 페이지


이 회사에서는 커다란 디스플레이에 멀티터치 센싱 기술을 접목해서 다양한 형태의 양방향 소통이 가능한 테이블을 만들어 내었습니다.  특히, 동시에 수십 개의 손가락과 물체 들이 상호작용할 수 있도록 한 특허와 기술이 핵심으로 여러가지 프로젝트를 진행하고 있습니다.

이 회사는 멀티터치와 관련하여 최고의 기술력을 자랑하는 MIT 미디어 랩(Media Lab)에서 8년 간의 혁신적인 연구와 양방향 상호작용에 대한 경험을 바탕으로 분사를 한 회사로 이미 미국와 영국 및 유럽에 다양한 형태로 진출을 하고 있습니다.

스프린트나 Accenture와 같은 일반적인 회사들 뿐만 아니라, 세계적인 공연을 기획하고 수행하는 Cirque du Soleil, 뉴욕의 현대미술관(Museum of Modern Art, MoMA),  리버티 과학센터(Liberty Science Center), 디트로이트 미술연구소(Detroit Institute of Art), 조지아 수족관(Georgia Aquarium) 등을 포함한 세계적인 박물관과 과학관 등을 중심으로 많은 프로젝트를 수행하고 있는 등 승승장구하고 있습니다.

미디어 쪽에서도 디즈니와 워너 브라더스, 디스커버리 채널 등과 같은 대표적인 세계적 방송사와 작업을 진행하고 있으며, 브리티쉬 텔레콤과 같은 소매 통신사와도 프로젝트를 진행하고 있습니다. 

첨단기술과 과학, 그리고 예술의 만남, 여기에 더해 기획력이 어우러지는 너무나 멋진 회사가 아닌가요? 


Accenture Welcome Wall, London, England

저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

WRITTEN BY
하이컨셉
미래는 하이컨셉, 하이터치의 세계라고 합니다. 너무 메마르고 딱딱한 이야기보다는 글로벌 시대에 어울리는 세계 각국의 이야기, 그리고 의학과 과학을 포함한 미래에 대한 이야기의 세계로 여러분을 초대합니다.

받은 트랙백이 없고 ,

by JulianBleecker from Flickr


유명한 미래학자인 Ray Kurzweil은 10년 전에 2009년이 되면 대부분의 포터블 컴퓨터에서 키보드가 없어질 것이라고 예언을 한 바 있습니다.  결과적으로 그의 예언은 틀렸습니다.  아직도 노트북 컴퓨터의 키보는 기본이니까요 ...   그렇지만 완전히 틀렸다고 할 수 없는 것이 아이폰의 등장과 함께 나타난 터치기반 스마트 폰의 약진은 실제로 주된 입력의 기반이 키보드에서 동작이나 터치 등과 같은 것으로 주도권이 넘어갈 수 있음을 충분히 보여주고 있습니다.

이미 터치기반 입력 기술은 우리 생활에 너무 익숙해지고 있습니다.  대부분의 ATM 기기나 많이들 쓰시는 네비게이션 기기 등은 터치스크린을 이용해서 내용을 입력하는 것이 기본으로 되었습니다.  이러한 인터페이스들이 기본적으로 단일 터치를 바탕으로 진행이 되었다면, 지난 수년 간 돌풍을 일으킨 아이폰은 향후 나타나게될 멀티터치 인터페이스의 세상을 일찌감치 예고하고 있습니다.

이 블로그에서는 그동안 몇 차례 발전된 멀티터치와 미래형 인터페이스에 대해서 소개한 바 있습니다.  앞으로도 가끔씩 이와 관련한 포스팅을 할 예정입니다.

연관글:
2009/04/22 - 노트북 터치패드가 터치스크린으로 변신
2009/04/08 - 멀티터치 테이블 PC를 $350 달러에 제작합시다.
2009/02/28 - 터치기술의 미래는 어떻게 발전할까?
2009/02/14 - 놀라운 3차원 터치스크린, Impress


멀티터치로 어떤 것을 표현할 수 있는가?

멀티터치에 대해서 이해하기 위해서는 가장 먼저 멀티터치로 표현할 수 있는 것이 무엇인지부터 생각해 보아야 합니다.  싱글터치의 경우 클릭, 누르고 있기, 멀티 클릭, 드래그, 드래그-드롭, 이동 등을 표현할 수 있다는 것은 모두들 잘 아실겁니다.  그렇다면 멀티터치가 되었을 경우에는 어떤 표현이 가능할까요?

멀티터치의 최대 강점은 화면에 나타나는 물체를 조작하는 방법이 다양하다는 것입니다.  무엇인가를 만들고, 편집하고, 지도에서 네비게이션을 한다거나 ..  더 나아가서는 Cooliris에서 제공하는 것과  같은 형태의 가상 인터페이스를 통해 웹을 항해해나가는 것과 같은 형태의 웹 서핑이 가능할 것입니다.   아래 그림은  Cooliris의 인터페이스 입니다.

Cooliris의 웹 서핑 인터페이스

동작의 측면에서 보면, 찝기(Pinch), 펼치기(de-pinch), 튕기기(flick, 아이폰에서 스크롤을 할 때 가볍게 터치를 한 뒤에 튕겨셔 스크롤을 하는), 늘리기(stretch), 압축하기(compress), 뒤틀기, 꺾기 등이 추가로 가능합니다.  이를 적절하 활용하면 특히 가상의 화면에서 어딘 가를 찾아들어가거나, 직접적인 그림을 그리고 변형하는 것이 가능하고 더 나아가서는 동시에 여러 사용자들의 동작을 입력으로 한 다양한 응용이 가능합니다.

화면상에 나타나는 물체들도 3차원으로 표현된다면 쉽게 돌리거나, 줌인/아웃, 당기거나 밀고 뒤집는 등의 다양한 형태의 조작이 가능하기 때문에, 멀티터치 기술은 앞으로 다가올 3차원 인터페이스에 있어서도 가장 중요한 요소라고 하겠습니다.


멀티터치 입력만으로 되는 것이 아니다.

아이폰이 지피기 시작한 멀티터치의 바람이 마이크로소프트 윈도우 7에 채택된 Surface 기술과 TouchSmart TX2 멀티터치 태블릿, N-trig의 DuoSense 디지타이저로 이어지고 있습니다.  현재까지는 컴퓨터에 대한 기존의 입력 방식을 변화시키는 수준의 발전이 이루어지고 있는데요.  향후 인터넷은 어떻게 될까요?  우리들이 현재 보고 있는 웹사이트의 형태나 모양, 그리고 기능성 등이 이러한 입력장치가 대중화된다면 당연히 바뀌어야 할 것입니다.  가장 간단한 예의 하나가 위에서 설명한 Cooliris 입니다.

기본적으로 멀티터치가 되면 자유도가 늘어납니다.  우리가 현재 이용하는 전통적인 사용자 인터페이스는 2D 평면을 기반으로 하고 있기에, 포인팅 장치인 마우스와 키보드가 2자유도(Degree of Freedom)만을 표현하더라도 큰 문제가 없었습니다.  그렇지만 3차원, 더 나아가서 시간의 축이 있는 4차원 인터페이스를 생각한다면 자유도가 더 높은 입력방법이 필요한데, 멀티터치 입력은 4자유도를 표현할 수 있다는 점에서 결국 3차원 인터페이스 및 가상공간과의 연계는 멀티터치의 성공에 필수적이라고 할 수 있겠습니다.

현재 몇 가지 사용자 인터페이스 측면에서의 기술들이 시도되고 있는데, 그중 중요한 것 몇가지를 소개하면,

  • 가상 버튼과 사인 (Virtual buttons and signatures)
  • 사용자가 자신의 사이트에 있는 메뉴 크기나 모양 등을 쉽게 변경할 수 있는 효율적인 GUI (3차원 가상 데스크 탑 등)
  • 다양한 3차원 객체들

아래 임베딩한 유튜브 비디오는 윈도우 7의 3차원 가상 데스크탑 데모입니다.  이러한 3차원 UI 기술의 발전이 멀티터치 기술이 꽃을 피우는데 가장 중요한 요소라고 할 수 있습니다.




멀티터치/멀티유저 웹사이트 디자인

이러한 미래형 웹과 관련해서는 사용자 경험 컨설턴트인 Joel Eden이 좋은 글을 소개한 바 있습니다.  아래 참고자료 섹션에 원문을 링크했으니 관심있는 분들은 한번 씩 둘러보시기 바랍니다.  그 중에서 핵심적인 요소로 제시한 것 몇 가지에 대해서 간단히 설명하면 ...

  • 사용가능성(Affordances): 시각적으로 표현되는 물체가 멀티터치에 적합해야 함 (형태와 모양, 상호작용에 대한 반응성 등이 고려되어야 함)
  • 유저를 끌어들이는 힘(Engagement): 유저가 단순하면서, 빠르고, 자연스러운 상호작용을 할 수 있도록 해야 함
  • 피드백(Feedback): 모든 동시사용자들이 즉각적이고 쉽게 피드백을 받을 수 있어야 함
  • 어려우면 안된다(Don't make us think): 직관적인 인터페이스로 숨겨진 기능이 있거나 하는 방식의 디자인이 되어서는 안됨.  물론, 사용자의 동작과 상호작용에 대한 컨텍스트에 따라 자연스럽게 변화되는 인터페이스는 좋음

앞으로 실제로 멀티터치 기술이 우리들의 컴퓨팅 환경을 어떻게 변화시킬 수 있을지 기대가 됩니다.  본 것을 그대로 이용해서 조작을 하는 것은 인간이 가장 쉽게 할 수 있는 동작이기 때문이지요 ...


참고자료:

Ready For a Multi-Touch Web? from RWW
Multi-Touch Systems that I Have Known and Loved by Bill Buxton
Designing for Multi-Touch, Multi-User and Gesture-Based Systems by Joel Eden

저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

WRITTEN BY
하이컨셉
미래는 하이컨셉, 하이터치의 세계라고 합니다. 너무 메마르고 딱딱한 이야기보다는 글로벌 시대에 어울리는 세계 각국의 이야기, 그리고 의학과 과학을 포함한 미래에 대한 이야기의 세계로 여러분을 초대합니다.

받은 트랙백이 없고 ,
Picture from Gizmodo


Maximum PC라는 곳에서 만든 저렴한 테이블 PC 입니다.  Microsoft Surface를 라이센싱하려면 $12,000 달러를 지불해야 하는데 그렇게 하지 않고 자체 개발을 했네요.

원문:  Maximum PC Builds a Surface-like Multitouch PC for $350 from Gizmodo
         Build Your Own Multitouch Surface Computer from Maximum PC from Maximum PC


일단 적외선 LED을 테이블 주변에 배열로 위치시키고, PS3 아이 카메라와 프로젝터, 그리고 멀티터치 셋업을 위해 아크릴 판을 이용했습니다.  컴퓨터 사양은 Core 2 Duo, 2 GB RAM 정도로 고사양은 아닙니다.  이렇게 만들면 대략 $350 달러 전후로 구성이 가능하다는 군요.

그래도 아래 비디오를 보시면 다양한 형태의 멀티터치 응용이 가능하고 매우 흥미롭습니다.  게임이나 사진에 대한 조작 등 매우 멋진데요, 모든 소프트웨어는 오픈소스 소프트웨어를 기반으로 작성(Touchlib, AMCap, FlashOSC 등)되었습니다.  각종 이론이나 제작과정에 대한 설명이 Maximum PC 홈 페이지에 자세히 기술되어 있기 때문에, 관심있는 분들은 얼마든지 제작이 가능할 것 같습니다.




저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

WRITTEN BY
하이컨셉
미래는 하이컨셉, 하이터치의 세계라고 합니다. 너무 메마르고 딱딱한 이야기보다는 글로벌 시대에 어울리는 세계 각국의 이야기, 그리고 의학과 과학을 포함한 미래에 대한 이야기의 세계로 여러분을 초대합니다.

트랙백이 하나이고 ,