Your SlideShare is downloading. ×
0
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Designing natural user interface
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designing natural user interface

2,546

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,546
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
23
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  1. NUI : Interaction Design 2013.01.12 User Experience Designer, Sungwook Baek
  2. Definition 아이디어 인터렉션 알고리즘 사용성 평가 ConclusionWhat is the Natural User Interface?It’s as simple as nature herself Bill BuxtonA natural user interface is a user interface designed to use naturalhuman behaviors for interacting directly with content. NUIs are designed NUIs reuse existing skills NUIs have direct interaction with content Joshua BlakeNotNATURAL USER INTERFACE,butNATURAL USER INTERFACE Daniel Wigdor, Dennis Wixon
  3. Definition 아이디어 인터렉션 알고리즘 사용성 평가 Conclusion
  4. Definition History 인터렉션 알고리즘 사용성 평가 결론Brief history of WIMP technology 1965, Engelbart 1966, Engelbarts Workstation 1974, Xerox Smalltalk 1981, Xerox Star 1982, Apple Lisa 1984, Apple Machintosh
  5. Definition History 인터렉션 알고리즘 사용성 평가 결론Brief history of NUI technologyIvan Sutherland, Sketchpad in 1962 Donald Bitzer’s PLATO in 1967 Alan Kay, Dynabook in 1972Bolt’s Put That There in 1979 Myron Kruger’s Video Place in 1986
  6. Definition History Now Design Conclusion Q&AIvan Sutherland, Sketchpad in 1962
  7. Definition History Now Design Conclusion Q&ADonald Bitzer’s PLATO in 1967
  8. Definition History Now Design Conclusion Q&AAlan Kay, Dynabook in 1972 What you see is what you get(WYSIWYG)
  9. Definition History Now Design Conclusion Q&ABolt’s Put That There in 1979
  10. Definition History Now Design Conclusion Q&AMyron Kruger’s Video Place in 1986
  11. Definition History Now Design Conclusion Q&AApple, Knowledge Navigator in 1987
  12. Definition History Now Design Conclusion Q&A
  13. Definition History Now Design Conclusion Q&A
  14. Definition History Now Design Conclusion Q&A 사람들은 기술에 대한 기대치가 상당히 높다
  15. Definition History Now Design Conclusion Q&A
  16. Definition History Now Design Conclusion Q&A
  17. Definition History Now Design Conclusion Q&AMicrosoft illumiroom
  18. Definition History Now Design Conclusion Q&A
  19. Definition History Now Design Conclusion Q&A Emotiv
  20. Definition History Now Design Conclusion Q&ANewton vs Palm
  21. Definition History Now Design Conclusion Q&ANUI 정의 : 특별한 노력과 연습 없이도 기술을 습득하고 NUI Interaction의 3가지 고려요소이뤄내야 한다. - 재미 - 기술 향상을 이끌어냄 - 문맥에 적절함NUI를 표현하기 위한 새로운 형태의 GUI를 작업해야 된다.
  22. Definition History Now Design Conclusion Q&A3D Interface
  23. Definition History Now Design Conclusion Q&ASeamlessSuspension of disbelief-> Interaction 과정을 방해하는 모든 요소들을 제거, 기술적으로 해결해야 될 문제Self Monitoring-> 액션을 수행하기 위해 필요한 패턴 또는 템플릿과 유저의 행동을 비교하지 않고 수행 행동과 오브젝트 간의 연관성을 고려 상태와 전이 변화 : 애니메이션, 질량, 가속, 마찰, 중력을 활용한 표현
  24. Definition History Now Design Conclusion Q&A
  25. Definition History Now Design Conclusion Q&A
  26. Definition History Now Design Conclusion Q&A
  27. Definition History Now Design Conclusion Q&A 유저 인터페이스 컨트롤을 통하지 않고 직접 콘텐트를 조작하도록 하자. 사용자가 상호작용 하지 않는 동안에도 동작 중이라는 사인을 주자. 초보자에서 전문가로 이동할 수 있는 자연스러운 과정을 제공할 메커니즘 을 만들자.  전문가용 사용패턴을 별도로 두어 전문가용에서 좀 더 효과적 으로 Interaction 할 수 있도록 하자.
  28. Definition History Now Design Conclusion Q&AScaffolding Instruction: 학습과 수행의 통합.커다란 문제를 잘게 나누어 해결하게 하는 교수법이다.잘게 나눈 뒤 특정 프롬프트 힌트 유도질문과 같은 방식으로 설명해라.EX)커다란 문제점어떻게 전체 시스템이 작동하는가?시스템이 가지고 있는 가능성에는 어떤 것이 있는가?작은 문제점이 액션을 어떻게 초기화할 것인가?다음으로 무엇을 해야 하는가?참조정보에 대한 사용을 삼가고 즉각적이고 간단한 큐를 통해 사용자의 다음 행동을 알려주도록 한다.모든 콘텐트를 터치 가능하도록 만들어 사용자가 스크린 어디를 터치하더라도 피드백을 주자.피드백 정말로 중요함
  29. Definition History Now Design Conclusion Q&AState Transition Diagram Action Movement Lift Gesture Gesture Gesture OOR Registration Continuation Termination Movement Movement
  30. Definition History Now Design Conclusion Q&A Fat finger problem -> Contact Visualization -> 모든 UI 구성요소를 크게 만들자 -> iceberg target -> Ridgedpad
  31. Definition History Now Design Conclusion Q&ADesigner가 반드시 알아야 될 것!  NUI Technology를 이해하자 사용자가 총을 겨눌 수 있는 영역을 넓히고 적에 적중하도록 하 자. 총이 적이 있는 방향을 겨누고 있으면 움직임 속도를 약간 줄여 사용자로 하여금 여전히 상대편을 겨눈 상태로 조이스틱을 놓을 수 있는 시간을 만들어 준다. <헤일로 : 레전드>는 전 시리즈에 걸쳐 밀리언 셀러(100만개)를 달성했 을 뿐만 아니라, 타임즈에서 뽑은 100개의 히트 상품 중 하나로 선정되 고, 1,2,3편 모두 모든 매체에서 90점 이상의 호평을 받은 명작. 헤일로 의 세계를 펼쳐나간 작품.
  32. Definition History Now Design Conclusion Q&ANUI에서 커서는 어떻게 해야 될까? 커서의 존재와 사용자의 입력에 대한 반응을 통해 활성화 상태 혹은 추적 혹은 명령을 받을 준비 가 되었는지에 대해 피드백을 얻는다. 시스템상에서 사용자의 입력을 이해하고 있음을 표현하는 방식의 필요성은 매우 분명하다
  33. Definition History Now Design Conclusion Q&ABeyon constraint원거리에 있는 물체에 대한 터치물리조작의 제한, 거리가 있는 컨트롤과의 상호작용
  34. Definition History Now Design Conclusion Q&Afalse negative and false positive errors Action 시스템에서 사용할 제스쳐 Action. Clutch 제스쳐 인식을 시작하거나 멈추는 것을 알려주는 역할  제스쳐인지 비제스처인지를 구분할 수 있도록 정확도를 높여준다.
  35. Definition History Now Design Conclusion Q&AChassis Gesture가속기, 자기계, 자이로스코프
  36. Definition History Now Design Conclusion Q&AMDA Framework: 게임을 개선하고 디자인하는 데 검증된 도구이다.: Microsoft Studio의 User Research 팀에서도 검증된 방법 Object Action Conclusion
  37. Definition History Now Design Conclusion Q&ARITE(Rapid iterative test evaluation methodology): NUI의 메타포 디자인 방법론RITE의 목표는 최고의 메타포어를 찾는 것.시스템 디자인 요소가 사용자에의 메타포어와 상호작용 하는가?그 메타포어가 사용자로 하여금 납득할 수 있는 것이며 시스템을 학습 할 수 있도록도와주고 있는가?대표적인 NUI MetaphorMAGNET, SHEPER,E UNFOD디자인 팀은 다양하고 실현 가능한 메타포어와 디자인을 만들어야 한다.팀은 가장 독특한 메타포어를 선택해야 한다. 그래야 더 좋은 피드백을 받을 수 있다.메타포어를 정제하는 데 목표를 두어야 한다. 정제의 목적은 상호소통의 장애물을 제거하고메타포어를 더 분명히 묘사하는 것이다.긍정오류와 부정오류를 인식하는 것을 빠르게 반복하여 언어를 향상시키는 RITE 방식이 중요하다.
  38. Definition History Now Design Conclusion Q&ARight now is the time to create a practice of ubiquitous computinguser experience design.The Technology is ready.Consumers are ready.Manufacturers are ready.The world is ready.Now it is up to designers to define what that practice will mean.
  39. Definition History Now Design Conclusion Q&A Q&A

×