위에 보이는 창에 마우스를 올리시고, 마우스로 드래그를 해 보세요 ...  그리고 휠도 조작해 보시고 ... 편리하지요?  이미지를 로드하는데 시간이 조금 걸릴 수도 있으니 시간을 가지고 하시길.  서울에 대한 해외에서의 이미지 클라우드가 느껴지시나요?

개인적으로 해외의 재미있는 사진이나 동영상을 자주 올리다 보니, 주변 사람들한테 질문을 많이 받습니다.  어디서 그렇게 재미있는 것들을 많이 찾아서 올리느냐고?  오늘 여기에 그 일부 노하우를 공개합니다. 


제가 가장 즐겨쓰는 파이어폭스(Firefox) 플러그-인이 바로 Cooliris 입니다.  Cooliris의 편리함은 바로 위에 있는 임베딩 화면에서 느끼실 수 있지요?  파이어폭스를 설치하시면 추천 플러그-인으로 언제나 가장 1순위로 올라오는 것이기도 합니다.  Cooliris를 쓰면 전세계에서 그림과 동영상을 지원하는 사이트에서, Cooliris가 지원하는 마크업을 쓰기만 하면 자동으로 3차원 인터페이스를 통한 브라우징이 가능합니다.  매일 Cooliris를 가지고 각 분야별로 잠깐씩 3차원 브라우징을 하다보면 멋지고 재미있는 사진과 동영상들을 찾을 수 있습니다.

Cooliris
와 함께 제가 가장 즐겨찾는 사이트가 바로 플리커(Flickr) 입니다.  플리커를 선호하는 이유는, 웹 사이트의 사진과 동영상은 사실 저작권이 걸려 있거나, 저작권에 관련한 표시가 제대로 되어 있어서 마음대로 퍼나르기가 찜찜한 것들이 많기 때문입니다.  플리커의 경우 많은 사진이 올라오지만, 플리커의 약관에 따르면 외부에서 공유하는 것에 동의하지 않는 사진은 올릴 수 없도록 되어 있고, 제한적인 저작권을 걸고 싶으면 그렇게 할 수 있는 도구들을 제공하기 때문에 비교적 마음놓고 퍼갈 수 있기 때문입니다. 

사실 이러한 장점때문에, 개인적으로 플리커의 사진들을 Cooliris로 브라우징할 수 있으면 참 좋겠다고 생각하고 있었는데, 정말로 이 2가지 서비스가 결합된 녀석이 나왔습니다.  바로 CoolFlick 입니다.  더구나 CoolFlick은 브라우저의 플러그-인을 사용하지 않고도 이용할 수 있습니다.  

CoolFlick을 이용해서 사진을 검색하려면, CoolFlick 사이트로 가서 질의를 하거나, 또는 http://www.coolflick.org/index.php?q=seoul과 같이 간단한 URL로 바로 입력하는 방식으로 접근이 가능합니다.  더 매력적인 것은 위와 같이 어느 사이트에나 임베딩할 수 있다는 것입니다.  너무 멋지지 않나요?  

아직까지는 단순한 검색어를 통한 것만 가능하고, 복잡한 검색이 되지를 않으며 정렬순서도 검색의 정확도를 통한 것 밖에 없다는 것이 단점입니다만, 향후에 훨씬 나은 서비스가 될 것으로 기대해 봅니다.  CoolFlick은 Cooliris의 뛰어난 인터페이스를 이미지 데이터베이스를 마음대로 활용할 수 있도록 개방한 Flickr API의 결합을 통해 탄생한 멋진 매쉬업입니다. 지난해 우리는 구글맵 API의 매쉬업이 다양한 변화를 일으키고 있는 것을 목격했고, 올해 다음과 네이버 역시 이러한 움직임에 동참하고 있지요?  올해에는 Flickr API를 이용한 다양한 매쉬업이 탄생할 것 같은 느낌이 드네요.  CoolFlick은 이런 면에서 매우 좋은 예가 될 것 같습니다.  

바야흐로 매쉬업의 시대입니다 ^^.


신고

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

받은 트랙백이 없고 ,

요즘 재미있는 매쉬업(mashup)들이 많이 등장하는군요 ...

최고의 히트 상품이라고 할 수 있는 구글 맵과 이미지 Flickr의 API를 이용한 매쉬업이 등장했습니다.  매쉬업의 이름도 걸작이네요.  What? Where? When? 입니다.  직접 보시고 싶은 분들은 하이퍼링크를 따라가시면 되는데요 ...

우리나라에서는 아무래도 Flickr 이용자가 적기 때문에 큰 반향을 못 일으킬 것 같습니다만, 미국과 유럽에서는 상당히 히트할 것 같습니다.  아이디어는 무척 간단합니다.  매쉬업 사이트에 들어가시면 세계지도가 펼쳐집니다.  여기에서 관심이 있는 지역을 클릭해서 이동하면, 그 주변에서 업로드가된 Flickr의 이미지가 나타납니다.  즉, 해당 지역의 소식을 Flickr에 올린 사람들의 사진과 글을 통해서 알 수 있게 하겠다는 것이죠.

우리나라에서도 DC Inside 같은 곳과 지도 서비스가 결합된 로컬 서비스를 만들어서 런칭하거나 하면 무척 재미있을 것 같은데요?  제가 우리나라에도 접근해 보았는데, 아무래도 영어권 서비스라 그런지 한국과 일본에는 특별한 것이 없더군요 ...  박지성 선수가 뛰고 있는 맨체스터에 들어가보니 153개의 사진이 올라와 있네요.  무슨 패션쇼가 있는지, 패션쇼 사진들이 많아 보입니다.




아직까지는 많이 활성화된 것 같지는 않구요.  아마도 Flickr 이용자들의 지역정보가 완벽하지 않은 것도 영향이 있을 것 같습니다.  어쨌든 태그를 이용하거나 다른 방식의 내용 수집 알고리즘만 만들 수 있다면 국내의 DC Inside 같은 곳과의 연계를 통한 매쉬업 서비스를 충분히 만들어 서비스할 수 있을 것 같은데, 국내 포탈들이 관심이 있을지 모르겠네요.  구글맵 API는 오픈되어 있으니, 사진 부분만 찾으면 되는데요 ^^;


신고

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

받은 트랙백이 없고 ,