영화 마이너리티 리포트에서 손으로 공간에 떠 있는 디스플레이를 조작하는 인상적인 장면은 최근 아바타에서도 그렇고 많은 영화에서 채용되는 단골 소재입니다.  이런 조작이 증강현실(Augmented Reality) 화면에서 가능하도록 하는 인터페이스를 Flash 와 FLAR toolkit 를 이용해서 구현한 유튜브 영상과 블로그 포스트가 올라와서 소개할까 합니다.

이 기술은 공간에서 네트워킹을 하거나, 자료의 공유 또는 프리젠테이션 등을 할 때 독특한 경험을 선사합니다.  특히 멀티터치 제스처를 인식해서 조작하는 모습이 인상적입니다.  이 기술은 프로토타입 소스 코드가 공개되어 있습니다.  달리 말하면 증강현실과 네비게이션, 그리고 사용자 인터페이스 디자인을 하나로 묶어서 새로운 방법을 제시한 창조적인 작업이라 말하고 싶습니다.  아래에 프로젝트 관련한 블로그 포스트 링크와 유튜브 동영상 임베딩합니다.





저작자 표시 비영리
신고

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

트랙백  3 ,


최근 3차원 디스플레이와 관련한 연구가 한참인 가운데, 터치와 관련한 인터페이스도 3차원으로 진화하기 위한 연구와 개발 노력들이 한창인 것 같습니다.  그런데, 이제 실제로 그런 연구개발 노력의 실체가 하나씩 드러나고 있는 것 같습니다.  위의 그림은 3차원 터치스크린 기술인 Impress의 일부 화면입니다.  아래의 동영상을 보시면 그 실체를 더욱 정확히 파악하실 수 있습니다.

애플의 아이폰에 이어 바야흐로 인간과 컴퓨터의 인터페이스를 얼마나 혁신적으로 개선하는가에 대한 전쟁에 들어가고 있다는 느낌입니다.




Impress에 대한 더욱 자세한 기술 설명을 원하시는 분은 아래 링크를 참고하시기 바랍니다.

차세대 3차원 터치스크린 기술 Impress


신고

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

받은 트랙백이 없고 ,


컴퓨터 소프트웨어를 개발하는 사람에게 있어 가장 중요한 고려요소는 무엇일까요?  수년 전까지만 하더라도 가장 중요한 것으로 간주되던 것은 좋은 알고리즘이나, 데이터베이스 디자인, 소프트웨어 아키텍처, 소프트웨어 공학과 같이 실제로는 눈에 잘 안보이는 것들이 주를 이루었습니다.

물론 이렇게 눈에 잘 보이지 않는 요소들의 중요성은 현재에도 동일합니다만, 최근에는 사용자 인터페이스와 관련된 기술의 중요성이 날이 갈수록 높아만 가고 있습니다.  웹 2.0의 성공은 이미 인터넷이라는 곳이 단순히 정보를 일방적으로 가져오는 곳이 아닌, 양방향성과 커뮤니케이션이 중요하다는 것에 대한 인식을 불러일으켰고, 이러한 양방형성은 웹과 서버, 그리고 작고 다양한 클라이언트에 모두 맞출 수 있는 형태의 새로운 사용자 인터페이스(User Interface, 이하 UI)를 요구하기 시작합니다. 

불과 몇 년전만 해도, 아니 아직도 대부분의 소프트웨어는 모두 윈도우가 지배하는 UI의 세상에서 살아왔습니다.  윈도우에서 제공하는 메뉴, 탭, 콤보박스, 테이블 들과 같은 표준 인터페이스 요소들은 우리가 사용하는 모든 소프트웨어를 지배했고, 동시에 소프트웨어 세계 전체를 그들의 조합이라는 울타리에 가두었습니다.  이러한 환경에서는 UI라는 분야에서 소위말하는 혁신(Innovation)이라는 것은 일어날 수가 없었고, 그 결과 UI 분야에서의 발전은 그 내재한 가치에 비해 훨씬 뒤쳐진 상태에 있게 되었습니다. 만약에 이러한 표준 인터페이스를 벗어난 형태의 파격적인 UI를 선 보이는 곳이 있으면, 대부분의 사람들이 이를 위험하거나 정통적이지 않은 것으로 치부하고 과소평가하였으며, 심지어는 이를 어리석은 일로 치부하기도 하였습니다. 

이제는 상황이 많이 달라졌습니다.  주어지는 UI를 수동적으로 받아들이기 보다는, 사용자들의 요구에 의한 동적이고도 창조적인 UI가 성공의 핵심요소가 되고 있습니다.  최근 UI의 새로운 트렌드로 가장 각광받고 있는 것이 CUI(Contextual User Interface)입니다.  핵심은 사용자의 상호작용에 의해 대부분의 요소들이 변경이 되고, 단순하며 직관적인 것으로 애플이 주도하고 있는 모바일 혁명의 중요한 성공요인으로 꼽히고 있습니다.

CUI와 관련하여 유명한 IT 관련 블로거의 한 명인 Alex Iskold가 ReadWriteWeb에 기고한 글이 있습니다.  원문은 아래 링크를 따라가시면 되구요.  이글을 참고로 하여 내용을 전개할까 합니다.

http://www.readwriteweb.com/archives/the_rise_of_contextual_user_interfaces.php



윈도우 UI를 둘러보면 .,.

우리에게는 너무나 익숙하지만, 변화가 없었던 윈도우 UI를 뒤돌아 봅시다.  윈도우 UI의 특징은 너무나 많은 작은 인터페이스 요소들이 하나의 창에 가득한 것입니다.  각각의 애플리케이션은 많은 수의 옵션과 설정값을 가지고 있습니다.





모든 선택사항은 결국 사용자가 결정하는데, 일단 익숙하지 않은 사용자들은 제대로 건드려 볼 엄두도 나지 않습니다.  이러한 복잡성을 나름대로 해결해 보겠다고 등장한 것이 탭(tab) 입니다.  한 화면에 등장하는 숫자는 어떻게 줄였습니다만 근본적인 해결책이라고 볼 수는 없을 듯 합니다. 

또 한가지 윈도우 UI의 철학은 사용자가 언제나 모든 정보를 보고싶게 한다는 점입니다.  만약 UI가 사용자가 도구를 실제로 이용할 때에만 정보를 알아도 되었다면 훨씬 단순하고 직관적인 설계로도 충분할텐데, 이렇게 모든 것이 보이는 형태로는 사용자들에 혼란스러움과 복잡하다는 인식을 심어주기가 쉽습니다.  매뉴얼이 없어도 다룰 수 있어야 하는데, 매뉴얼과 도움말이 없으면 안되는 상황에 빠지는 것입니다.

이러한 복잡함을 해결하기 위해 등장한 대안이 그나마 언제나 표준적인 형태로 이용할 수 있는 UI 요소들(콤보박스, 체크박스 등)을 이용해서 사용자들이 너무나 익숙하게 만들어 버리는 전략이었습니다.  그런데, 놀랍게도 이러한 MS의 전략은 꽤나 잘 먹혔습니다.  익숙함이라는 무기는 생각보다 사용자들이 낯설음에 잘 적응하지 못하는 놀라운 마술을 발휘하게 만들었고, 보다 혁신적인 UI를 내놓는 것을 게으르게 만들게 됩니다.  이를 기반으로 윈도우의 기본 UI는 불패라는 묘한 믿음들이 생겨났습니다.

이러한 믿음은 애플이 지속적으로 새로운 UI를 제시하면서 혁신을 지속하고, 최근의 트위터와 같은 웹 기반 소셜 애플리케이션 들이 단순하면서도 직관적인 컨텍스트 기반의 UI를 내놓으면서 서서히 무너지게 됩니다.


애플의 UI 혁신

스티브 잡스가 애플로 귀환한 것은 약 10년 전의 일입니다.  지난 10년 동안 애플에게는 어떤 변화가 있었을까요?  애플은 그 기간동안 소프트웨어 개발에 집중적인 투자를 감행하였습니다.  그 중에서도 특히 UI의 혁신을 위해 다양한 실험적인 시도를 하였습니다.  이러한 애플의 노력은 UI의 지속적인 진화를 불러 일으켰습니다.  새로운 폼과 사용자들의 경험을 최대한 자동으로 반영하는 직관적이면서도 단순한 방법들을 도입하기 시작했으며, 이러한 노우하우는 아이팟과 아이폰에 집약이 되었습니다.  아이튠즈(iTunes)의 경우에는 매우 적은 수의 버튼만 있을 뿐이며, 아이폰도 이와 같아서 누구나 매뉴얼 같은 것에 도움없이 이를 조작할 수 있습니다.

이와 같은 단순함에 덧붙여, 컨텍스트를 충실히 따르는 CUI 철학도 잘 구현되었습니다.  애플 위젯은 사용자의 동작에 훌륭하게 반응을 하여, 모양과 크기를 변경하고 몇 차례의 동작을 취하는 것으로 자연스럽게 변경을 할 수 있게 만들었으며, 이러한 UI 철학의 변화는 새로운 웹 애프리케이션 탄생에도 많은 기여를 하게 됩니다.


웹에서의 CUI 혁명

이러한 디자인과 UI에서의 혁신적인 변화는 인터넷 상에서도 뚜렷이 감지됩니다.  처음 HTML이 소개되었을 때에는 현재와 같은 위젯의 개념이 없었고, 전체적으로 텍스트 기반에 하이퍼링크와 일부 그림들이 믹스&매치된 형식으로 발달을 하였습니다.  현재의 컨텍스트(문맥, 전체적인 사용자의 의도나 행위 등을 반영한다는 정도로 해석)를 따르는 AJAX 기반의 UI는 사용자들에게 모든 선택지를 보여주지 않기 때문에 반응도 빠르고, 단순합니다.  일단 필요한 것만 모여주고, 더 복잡한 것은 사용자의 행위에 따라 더 나오게 하는 것입니다.

CUI를 가장 잘 도입한 예가 최근의 웹 상에서 동작하는 비디오 플레이어 입니다.  사용자가 플레이어를 동작시킬 때까지는 플레이 버튼만 보이다가, 무엇인가 변화를 주고싶은 욕심이 생겨서 마우스를 화면위로 가져가면 몇 가지 메뉴들이 나타납니다.  아직 유튜브는 이런 측면에서 뛰어나다고 할 수는 없고, 최근 CUI 인터페이스가 호평을 받고 있는 Vimeo의 인터페이스를 한 번 구경하시지요 ...



마우스를 화면에 올리지 않으면 전체화면에서 동영상이 플레이 됩니다.  마우스를 화면위로 가져가면 간단한 몇 가지 아이콘이 뜨는데, 여기에서 다른 곳으로 임베딩을 시키고 싶어서, EMBED 버튼을 선택하면 대화박스가 뜹니다.  이 대화박스는 원하는 옵션을 동적으로 적용시키는데 최적화되어 있습니다.  옵션도 CUI의 철학을 그대로 따르고 있는데, EMBED 옵션에 나타나는 것은 단순한 프리뷰와 임베드를 하기 위한 원하는 코드생성을 위한 커스터마이즈 메뉴 2가지 입니다.  이들 중에 하나를 선택하면 후속으로 필요한 선택사양들이 따라나오고, 사용자는 즉각적인 피드백을 줄 수 있습니다.  안타깝게도 이 페이지에 임베드된 플레이어에서는 커스터마이즈를 선택하면 vimeo 사이트로 넘어갑니다만, 한 번 직접 해보시면 CUI의 철학을 느낄 수 있을 것입니다. 

CUI의 또 한가지 중요한 개념은 디자인보다 기능을 중시하는 점입니다.  애플이 언제나 강조하는 모토가 있습니다. "Design is the Function".  이 문장이 CUI를 가장 잘 표현하고 있다고 말할 수도 있겠습니다.  안타깝게도 대부분의 웹 디자인은 이러한 개념에 뒤쳐진 것들이 너무 많습니다.  우리나라 웹 사이트 중에서는 최근 오픈한 네이버의 오픈캐스트의 마우스 휠을 이용한 UI 정도가 좋은 평가를 할 수 있을 것 같습니다 (네이버 별로 안 좋아하지만, 이것만큼은 칭찬해야 될 것 같아요).  CUI 개념에 맞는 새로운 UI는 언제나 단순하고, 사용자가 원하는 기능을 가장 쉽게 접근할 수 있어야 합니다. 

이런 측면에서 현재의 인터넷 서비스 중에서 가장 직관적이면서 좋은 UI를 제공하고 있는 곳이 FlickrDigg 입니다. 


UI 대전은 이제 막 시작되었다.

MS에 의해 군림되던 전통적 UI에, 아이팟과 아이폰의 혁신적 UI를 바탕으로 도전장을 낸 애플, 그리고 인터넷 상의 몇몇 혁신적인 UI를 히트시키고 있는 서비스 들로 말미암아 이제야 비로소 UI라는 것이 중요하다는 점을 인정받기 시작한 것 같습니다.  CUI가 항상 좋은 것만은 아니고, 기존의 윈도우 기반의 UI도 상당한 장점을 가지고 있습니다.  중요한 것은 개발하는 서비스의 성격과 내용을 명확히 파악하고, 사용자들의 액션이나 반응도 면밀히 관찰해서 어떻게하면 보다 정교한 UI를 제공할 것인지 고민하는 것입니다. 

먼저 내놓는다고 성공하던 시절은 지났습니다.  대표적으로 모바일 애플리케이션 중 가장 성공한 것 중의 하나로 꼽히는 음악을 찾아주는 Shazam의 경우도 처음으로 서비스 된 것이 아니었지만, 직관적인 UI로 시장을 선점한 제품을 완전히 제압한 사례로 꼽힙니다.  국내의 메타 블로그 중에서는 믹시가 이런 측면에서 상당히 앞선 컨셉을 선보이고 있지요 ...

마지막으로 CUI에 대한 전체적인 철학이나, 내용을 이해하는데 도움이 되는 책을 하나 소개하겠습니다.  국내에서도 번역본이 나와있는데요, "Inside Steve's Brain : 잡스처럼 일한다는 것"입니다.  너무 애플과 스티브 잡스를 찬양하는 책이라는 비판이 없지 않아 있는 책입니다만, 그들의 성공이 어떻게 이루어진 것인지 잘 알게 만들어주는 책입니다.  동시에 CUI로 대표되는 UI 혁명에 대해서도 잘 언급이 되고 있으니 참고하시기 바랍니다.


신고

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

받은 트랙백이 없고 ,