가상의 공간에서 가상의 인터페이스를 가지고 현실과 동일한 3D 월드를 창조해낸다. 30년쯤후에는 대부분의 제품디자이너들이 이런방식으로 3D 모델링과 렌더링을 하고 있을수도... 한때 스타워즈 비주얼 이펙트팀 소속이었던 Bruce Branit의 작품 World builder...  





Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. Gabriel
    2009.03.06 09:25
    댓글 주소 수정/삭제 댓글
    항상 렌더링이나 프린트 걸고나면 빠진게 보인다능..ㅡㅡ;;
  2. 2009.03.07 15:06 신고
    댓글 주소 수정/삭제 댓글
    오랜만에 들렀습니다, 잘 지내고 계시는지요 ?, 여전히 좋은블로그 !! 운영중이시네요 ^_^
  3. 2009.03.09 16:09
    댓글 주소 수정/삭제 댓글
    멋진영상이네요, 실제로 이렇게 될지 궁금해집니다. 제 블로그로 포스팅해갑니다^^
  4. 드쟈너쏭
    2009.03.17 20:39
    댓글 주소 수정/삭제 댓글
    와... 문득 영화AI가 생각나면서.. 맘이 스잔해집니다.. 우리들의 미래는 어떤모습일까요? 멋진영상 담아갑니다 :D
  5. 진진진
    2009.04.13 11:27
    댓글 주소 수정/삭제 댓글
    ㅠㅜ끝에 완젼 눈물...
    혼수상태의 여자를 볼수있는 방법인가봅니다..
    사진에 키스하는 표정보고 짠해지네요ㅠㅜㅠ
    멋진영상..
  6. 거부기
    2009.04.29 14:35
    댓글 주소 수정/삭제 댓글
    요즘 3D 프로그램을 배우고 있는지라 완전히 공감하는 영상이었습니다.
    멋진 영상과 함께 잔잔한 스토리.... 멋집니다.....
    카페로 모셔갑니다.

스웨덴 UI디자인 전문회사 TAT의 휴대폰 UI 데모 몇가지... UI 컨셉으로 이목을 끌고 있긴 하지만, 이 회사가 진짜로 팔고자 하는 제품은 tat cascades (UI 엔진)와 tat mobion lab (모션툴), tat kastor (렌더링 엔진), tat design (디자인툴)이다... 홈페이지는 http://www.tat.se/


Eyetracking을 통해 실제 깊이감이 느껴지는 Top menu를 보여주는 데모


팝업북처럼 앞으로 당기면 폴더가 열리는 Foldout Physics 3D UI 데모

상하좌우 네방향으로 Lock screen을 밀면, 4가지의 핵심기능에 빠르게 접근이 가능하다



원하는 음악앨범을 연대별로 빠르게 검색할수 있는 History lane UI 데모


Print UI : Image를 위주로 구성된 독특한 폰북리스트 + LBS 관련 데모 + mp3 데모

사진 썸네일들이 계속 흘러가는 이미지앨범의 또다른 구성 - Photo river

모든 텍스트와 옵션, 리스트등이 20도 기울어져있는 독특한 UI 데모 - Minus 20 degrees


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. Enzo
    2009.02.27 00:58
    댓글 주소 수정/삭제 댓글
    상당히 재미있네요
    저런 회사는 앞으로 대박칠듯

사용자 삽입 이미지

http://www.pranavmistry.com/projects/sixthsense/

손동작과 음성인식으로 콘트롤되는 Wearable Gestural Interface 프로젝트가 MIT 학생들 (MIT 미디어랩에서 Fluid Interface를 연구하는 Pranav Mistry, Liyan Chang, Pattie Maes (지도 교수))에 의해 개발중이고, TED에서 최근 데모가 공개되었다. 프로토타입의 구성품은 3M의 피코 프로젝터, 휴대폰, 로지텍 퀵캠, 손가락끝에 장착된 4가지 칼라의 매직마커 등이고, 등에는 노트북을 메고 있다. 맨 아래 PDF 링크를 클릭하면, 상세 논문 내용을 볼 수 있다.  




※ 아래는 TED에 공개된 또하나의 Sixth sense 프로젝트 강연 비디오... 이번에는 교수가 나와서 직접 설명한다.

Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2009.02.11 04:33
    댓글 주소 수정/삭제 댓글
    놀라운 기술이군요
    향후 몇년안에 상용화 될듯도 한데요^^
    자주 들어와서 글 잘보고 있습니다
    감사합니다


뉴욕 타임즈의 David Pogue라는 새로운 gadget 관련 컬럼니스트가 TED 2006에서 20분동안 강연한 동영상...

1) 테크니컬 오버로드 문제가 많아지는 이유 : 사용자는 작은 하드웨어를 원하고, 부품은 작아지고, 기계들은 점점 작지는데, 사용자들의 손크기는 그대로...
2) 단순한 기능의 워드프로세서를 만들어달라는 요청에 MS는 Word에서 기능을 많이 빼고, MS Write를 출시했지만, 망했다. --> 사람들은 필요없는 능력을 갖기를 원한다.
3) UI디자인의 몇가지 원칙 : 일관성, real world 메타포, Labels 등등 --> 그러나 이런 법칙들보다 중요한 것은 Intelligence design이다. 일관되지는 않지만, 영리하고 편리하게... 예) 인터넷 쇼핑시, 나라코드를 입력할때, 가장 인터넷 쇼핑 사용자가 많은 USA를 입력할려면 스크롤바를 한참 내려야 USA를 찾을 수 있다. 그냥 제일 위에 두면 안되나?
4) Tap counter --> PDA 팜의 UI 설계원칙 : 모든 기능은 3번 탭이내로 동작할 수 있어야 한다.
5) 소프트웨어의 기능을 추가하여 새버전을 내지 말고, 기존기능을 좀 더 완벽하게 구현하는 것으로도 새버전은 잘 팔릴 수 있다. 예) 음성인식 소프트웨어
6) SW를 만드는 사람들에게 충고 : 소프트웨어를 쉽게 만들기는 어렵다. 프로토타입을 사용자에게 테스트하라. 탭수를 세어봐라. 어떤 기능을 더할지가 아니라 뭐를 뺄 것인지 생각해라. 단순함이 팔린다.


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

근전도센서 (Myoelectric sensor, 근육의 근섬유를 따라 일어나는 전기적 신호를 검출)를 사용하여, 미세한 근육의 움직임을 소리로 바꾸고, 온몸이 바로 악기가 된다.

개발자 : Daito Manabe + Motoi




Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지



oblong industries사의 제스처 유저 인터페이스 데모 동영상... 1994년부터 MIT 미디어랩에서 개발되어진 프로젝트이고, 2002년 영화 마이너리티 리포트에서 톰 크루즈가 사용했던 제스처 유저 인터페이스가 바로 이 회사의 프로토타입이었다는 사실... 본 시스템은 현재 구입가능하고, SDK는 리눅스와 MAC OS X에서만 구동됨.

http://www.oblong.com/ (홈페이지 바로가기)


Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2010.02.20 12:00 신고
    댓글 주소 수정/삭제 댓글
    http://blog.hankyung.com/kim215/349258 -->
    미래 컴퓨터는 손짓대로 움직인다

사용자 삽입 이미지

Mgestyk에서 개발한 PC용 Hand-gesture 유저 인터페이스... 조그만 PC용 3D 카메라 (하이엔드급 웹캠)를 사용하여, 손의 작은 움직임을 캡쳐하고 그것을 유용한 명령어로 해석하여 대부분의 윈도우용 어플리케이션을 콘트롤할 수 있고, 간단한 게임부터 복잡한 플라이트 시뮬레이터까지 어렵지 않게 콘트롤이 가능하다. 플레이스테이션2 아이토이등과 다른점이라면, 3D카메라를 사용하여, 손움직임의 깊이까지 인식한다는 점이다.

http://www.mgestyk.com

http://www.mgestyk.com/videos.html (--> 더 많은 데모 비디오 보기)




Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

Eye 트래킹이나 마우스 트래킹 분석 신뢰도의 70%에 육박하는 Feng-GUI attention map 서비스... 이미지를 올리면, 사람들의 시선이 그 이미지의 어느곳에 가장 오래 머무르는지, Feng-GUI 맵만의 독특한 알고리즘을 통해 쉽게 알 수 있다. 특히, 광고 포스터나 웹사이트 분석에 유용한 듯... 사이트를 방문해보면, 원리에 대한 설명과 여러가지 제공서비스 종류들도 살펴 볼 수 있다. (비디오도 유사 Eye 트래킹 서비스 해준다는 사실!)

※ 사용방법 : 중앙에 위치한 "찾아보기" 버튼을 눌러 이미지를 로드한다. (화면에 로드한 이미지는 보이지 않음.) 그리고, Heatmap 버튼을 누른다. 30초정도 조금 기다리면, 분석 결과가 나타난다.  

사용자 삽입 이미지

http://www.feng-gui.com/


1) 테스트1 (CYON 비키니폰 포스터)

사용자 삽입 이미지

1-1) 테스트1 이미지 결과 : 1번은 겨드랑이, 2번, 3번은 가슴... (예상대로...) 4번은 비키니폰 (정확하게는 맨 오른쪽 조그만 뒷면... ㅡ,.ㅡ;;), 5번은 얼굴, 6번은 배꼽, 7번은 뒷 바다... ㅡ,.ㅡ;;

사용자 삽입 이미지



2) 테스트2 (몬스터디자인 초기화면) --> 시간이 너무 오래 걸려, 이미지 대폭 축소하여 진행

사용자 삽입 이미지
2-1) 테스트2 결과 : 1번은 중간 첫번째 이미지 우측, 2번은 좌측 하단 CYON Secret 폰 오드리 헵번 얼굴, 3번은 다시 가운데 메인 첫번째 이미지, 4번은 구글 광고...

사용자 삽입 이미지
 
3) 테스트3 (iPhone 초기화면)

사용자 삽입 이미지

3-1) 테스트3 결과 : 1, 2번은 좌측 인디케이터 상단 (조금 이상함... ㅡ,.ㅡ;;) 3번은 SMS 아이콘, 4번은 우측 하단 iPod 아이콘, 5번은 Stock 아이콘...

사용자 삽입 이미지

Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 無異
    2008.08.22 12:50
    댓글 주소 수정/삭제 댓글
    사람처럼 사물이나 매체에 대한 스키마를 가지고 있는것이 아니라서 단순히 시각특성만을 인지심리학 이론에 따라 분석하는것이라 실제 아이트래킹을 대체하기는 어려울것 같습니다.
    위의 비키니폰 광고는 프로그램이 저게 사람인지 뭔지도 모르니까 왼쪽 가슴은 눈길도 안주는것이지요^^
    웹페이지에서도 요즘은 사람들이 학습이 잘되어 있어 배너영역에는 눈길조차 주지 않더라구요.

사용자 삽입 이미지

삼성전자의 하반기 글로벌 전략폰 옴니아(모델명·SGH-i900)가 공개됐다. 물타기의 대가답게, 역시, 애플 iPhone 3G 공개 시점에 맞게 공개해 주시는 센스... 마이크로소프트의 윈도우 모바일 6.1을 OS로 채용한 옴니아는 대만 htc의 스마트폰 씨리즈와 비슷하게, 터치위즈 UI를 대기화면에 탑재하였다.
또한, 오페라 9.5 웹 브라우저를 내장하고 있어 풀 브라우징도 어렵지 않게 구현 가능해 보이는데, 역시나, 해상도는 240x400 (크기는 3.2인치) 이어서, 또한번의 어정쩡한 해상도 논란이 예상된다. 하단에는 근사한(?) 광마우스를 탑재하였는데, 사실, 왜 달아놓은것인지 잘 이해가 되지 않는다. 터치스크린에 광마우스라... ㅡ,.ㅡ;; 

500만화소 카메라는 자동 초점, 손떨림 방지, 파노라마 샷, 스마일 셔터기능등 iPhone보다 훨씬 좋아 보인다. 옴니아의 내장 메모리 용량은 무려 16GB나 되며, 16GB의 마이크로 SDHC 메모리 카드를 추가로 꽂을 수 있다. 블루투스 2.0, USB 2.0, 무선랜(WI-Fi), GPS기능을 지원한다. 블루투스의 경우 스테레오 헤드셋 프로파일(A2DP)도 지원한다.  

크기는 가로 56.9mm, 세로 112mm, 두께 12.5mm

6월 17일 싱가포르에서 열리는 커뮤닉아시아 2008에서 일반에 공개될 예정이며, 국내에는 3분기에 선보일 예정. 가격은 아직 미정이나 400유로에 출시됐던 소울폰보다는 높게 책정될 것으로 예상된다.



Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

1) 우리를 놀라게 했던, 아이폰의 손가락 슬라이드를 통한 Touch unlock 아이디어에 이어, 구글 안드로이드는 한걸음 더 나아갔다. 선잇기를 통한 터치언락 기능... 9개 점을 통해, 터치언락뿐만 아니라, 선잇기 패턴을 통한, (숫자 비밀번호를 대체하는...) 보안기능까지 갖게 되어버렸다.

2) Indicator area의 터치 드래그 Drop down을 통해, 최근 Call, Messages, Alarm등의 이벤트 히스토리에 빠르게 접근하는 것도 재미있다.

3) HCI 논문에서나 볼수 있었던, 지자기센서를 활용한, 지도 네비게이션기능... 구글의 Street view 서비스에 딱맞는 기능이다. 사람들의 탄성!!!

현재 데모를 보여주고 있는 단말기는 대만 htc 제품인듯...



Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지

대만의 HTC가 최근 공개한 터치 다이아몬드라는 스마트폰에는, 그동안 일부분씩 소개되어져 온 TouchFLO 3D UI 세트가 완벽하게 담겨있는 것 같다. 동영상을 보면, 생각보다 flicking도 잘 되는 것 같고, 3D GUI 요소들도 꽤나 부드럽고 자연스럽게 동작한다. 간혹, 기발한 아이디어들도 숨어져 있는데, 예를 들면, 날씨 widget에서, 현재 비가 오고 있다면, 윈드쉴드 와이퍼가 작동되는 깜찍한 요소들이 바로 그것이다... OS는 윈도 모바일 6.1 프로페셔널이고, 내장 4기가 메모리, 2.8인치 VGA 디스플레이, 3.2메가픽셀 카메라, GPS, 무선랜, 블루투스가 탑재되어있으며, 3G HSDPA를 지원한다. 베이스밴드는 퀄컴 MSM7201A 528MHz 탑재. 대만에는 이미 출시가 되었고, 6월에 유럽에 출시될 예정... 윈도우모바일을 OS로 사용하는 수많은 스마트폰중에서, 단연 최고의 스펙과 깔끔한 디자인, 흥미로운 UI를 탑재하고 있는 완벽한 모바일 기기다.  

아래 동영상은 Phonemag.com의 핸즈온 비디오 리뷰...





Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

1) iPhone 기능 및 UI 업그레이드 (무료)
사용자 삽입 이미지
- 구글 Maps with location : 현재 iPhone 사용자의 현위치를 GPS없이, WI-FI로만 자동으로
인식하고 지도에 표시해줌. (옵션 설정 인터페이스가 신선한데, 옵션버튼을 누르면, 종이를 들추듯, 현재 페이지를 살짝 들추면, 뒤에 옵션 항목이 숨겨져 있다... 오~)

사용자 삽입 이미지
- Webclips : 원하는 웹페이지를 홈 스크린에 아이콘으로 지정해 둘수 있음. (Zoom 한 페이지 자체를 기억해 둘 수 있음.)

사용자 삽입 이미지
- Customize home screen : 홈스크린의 메뉴 아이콘을 길게 누르고 있으면, 모든 아이콘들이 "지글~지글~" 거리고, 편집모드로 진입함. 원하는 위치에 마음대로 메뉴 아이콘 세팅 가능함.

- SMS multiple people at once : 동시에 여러사람에게, SMS 보낼수 있게 기능 수정 (SMS 다중 전송이 그동안 안되었었나? ㅡ,.ㅡ;;)

사용자 삽입 이미지
- Chapters, subtitles, languages : 비디오 시청시, 기존에는 타임라인 움직이느라 힘들었었는데, 이제는 thumbnail 챕터가 떠서 더 쉽게 원하는 곳으로 이동이 가능하다.



2) iPod 터치 SW 업그레이드 (업그레이드 하는데, 20$... 썪을...)
사용자 삽입 이미지
- Mail, Maps, Weather, Notes, Webclips, Stocks 등의 기존 iPhone 어플리케이션이 탑재됨.

- 2008년 1월 16일부터 판매되는 iPod 터치에는 무료로 인스톨 되어있음.

★ 위 기능들 동영상 보기 : http://gizmodo.com/345179/hands+on-with-iphone-firmware-113



Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

아직 발표되지 않은 마이크로소프트의 차세대 모바일 운영체제인 윈도우모바일7의 유저인터페이스가 살짝 공개되었다. 이번 UI 공개는 마이크로소프트의 내부 자료가 뜻하지 않게 유출되는 바람에 생긴 일인데.. 애플의 아이폰이 공전의 히트를 친 상황이라, 마이크로소프트 내에서도 고민이 많은 모양이다.

사용자 삽입 이미지

일단 동작(Gestures)를 통해 음악이나 슬라이드를 탐색하는 것이 가능하다고 한다. 예를 들어 윈도우모바일7이 설치된 모바일 단말을 왼쪽이나 오른쪽으로 흔들면 이전곡 또는 다음곡으로 이동하거나, 슬라이드의 경우 이전 또는 다음 페이지로 이동하는 방식이다. 맨 오른쪽에 있는 그림은 모바일단말을 흔드는(Shaking) 것인데.. 이 경우 Shuffle된다고 한다. 한가지 특이한 점은 윈도우 미디어 플레이어가 이미지뷰어로 활용되고 있다는 점이다. 동작(Gestures)과 관련된 것으로 모바일단말을 앞뒤로 흔드는 기능도 있는데, 이것은 줌인/줌아웃 용도로 사용된다고 한다.

아래는 윈도우모바일7에서 인터넷 익스플로러를 실행했을 때의 화면이다.  여기서도 왼쪽으로 흔들면 이전 페이지, 오른쪽으로 흔들면 다음 페이지로 이동한다. 큰 그림으로 자세히 보면 인터넷 익스플로러를 볼 수 있는데, 위에 주소창만 있어서 상당히 깔끔해 보이고 탭 브라우징도 지원한다고 한다. 애플 아이폰의 사파리 브라우저와 비교해서 별 손색이 없을 것 같다.

사용자 삽입 이미지

아래 그림은 모바일단말이 휴면 상태(asleep)에서 이용가능한 상태(awake)로 전이해가는 과정에 대한 스크린샷이다. 전체 화면이 한꺼번에 나타나는 것이 아니라 서서히 나타나는데 나름대로 신선하다. 마이크로소프트에 의하면 화면을 잠근 상태에서 이용자가 화면에 낙서를 할 수 있게 할 예정이라고 한다(letting users draw doodles on the device lock screen). 아이폰의 잠금 화면에 아이폰의 특징이 고스란히 드러나듯이, 마이크로소프트에서도 이 부분에 자사의 특징을 담을 수 있도록 굉징히 신경을 쓰고 있다는 후문이다.
사용자 삽입 이미지


아래는 윈도우모바일7에서 아웃룩을 실행했을 때의 화면인데, 아이폰과 마찬가지로 손가락을 이용해서 list를 검색하는 flicking이 가능하다.
사용자 삽입 이미지

http://mobilitytoday.com/news/windows_mobile_7_walkthrough.html
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지

2003년 봄 LG전자 GSM사업부 상품기획팀에 입사하고 참여한 첫 제품... 핸드스트랩에 달린 실제 나침반과 소프트웨어로 메카의 방향을 알수 있게 하는 초기단계의 메카인디케이터 폰 (무슬림들을 위한)이다. SW컨셉과 UI설계를 강명주씨와 같이 작업하였고, 놀랍게도, Absoult 보드카 광고에도 출연하는 영광도 얻게 되었다. 이때 당시 LG GSM 칼라 바타입 폰 베스트셀러였던 5300 씨리즈 (LG 최초로 보다폰 납품)의 세련된(?) 디자인을 재활용하였다.
사용자 삽입 이미지



Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절


BLOG main image
mONSTER dESIGN bLOG ♨ 2000-2019 모든 포스트는 마음껏 퍼가고 재가공하셔도 됩니다. by 몬스터디자인

카테고리

분류 전체보기 (1648)
pRODUCT dESIGN (547)
tELECOMMUNICATION (146)
tRANSPORT (160)
LIFESTYLE kONTEXT (242)
tECH fARM (100)
fAIRS and eXHIBITS (38)
sHOPPING cART (6)
cOMIX (51)
bOOKS + mAGAZINES (86)
mOVIES (148)
gAMES (11)
iDLE tALK (113)
Statistics Graph
Total : 5,920,372
Today : 67 Yesterday : 96