Gesture-based       tha
                       t ro
                            cks

web
navigation*
*Navigation web gestu...
Interaction Designers answer 3
questions:
       How do you do?
      How do you feel?
      How do you know?
            ...
Interaction design
How do you do ... ?

            button


            handle
How do you do ... ?
                 Precision
            button

                Express
            handle
            ...
How do you feel ... ?


             cool
             hot

                Marshall McLuhan theory
How do you know ... ?

             maps


             paths
Web      Today
navigation
what about using this ?
Let’s rock !
M a te r i a l s
      Obje c t ive s          C om p u te r
                                                x1
          ...
1
Open
2
write                    YAGBUXpoc.as




        YAGBUXcamera.as YAGBUXbutton.as YAGBUXcursor.as
ept
                          Conc
                Proo f Of
          poc =


YAGBUXpoc.as



    Main file
     you can ...
YAGBUXcamera.as



      sets up a Web cam
      for capturing motion
YAGBUXcursor.as



      sets up a cursor
      that follows the motion in
      YAGBUXcamera
YAGBUXbutton.as




      sets up events for an invisible
      hotspot per YAGBUXcursor
3
write again...
4
say hello to your screen !
That’s it !

      by Lahmam.com - made with love on a mac
Demo time !
YAGBUX yet another gesture based user experience
Publicis & Hal Riney concept
Dontclick.it
YAGBUX project - Yet Another Gesture Based User Experience
Upcoming SlideShare
Loading in …5
×

YAGBUX project - Yet Another Gesture Based User Experience

1,575 views

Published on

YAGBUX is a project I've done at Télécom Saint-Etienne (tse) last year.
It was about creating a gesture based web interface.
Moving a finger (or two) moves a spot on screen that activates a "hover" on some areas or click them.

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

  • Be the first to like this

No Downloads
Views
Total views
1,575
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

YAGBUX project - Yet Another Gesture Based User Experience

  1. 1. Gesture-based tha t ro cks web navigation* *Navigation web gestuelle but at
  2. 2. Interaction Designers answer 3 questions: How do you do? How do you feel? How do you know? Bill Verplank
  3. 3. Interaction design
  4. 4. How do you do ... ? button handle
  5. 5. How do you do ... ? Precision button Express handle ion
  6. 6. How do you feel ... ? cool hot Marshall McLuhan theory
  7. 7. How do you know ... ? maps paths
  8. 8. Web Today navigation
  9. 9. what about using this ?
  10. 10. Let’s rock !
  11. 11. M a te r i a l s Obje c t ive s C om p u te r x1 We b c am Li ve mot io n trac ki ng x1 Ad o b e F l a s h on a fl ash obje ct Ti me x100 ® x1 L o ng iTu ne s h o u rs De te ct ho ve ri ng p l ay l i s t x1 on mul ti ple bu tt on s Cl ic ks !
  12. 12. 1 Open
  13. 13. 2 write YAGBUXpoc.as YAGBUXcamera.as YAGBUXbutton.as YAGBUXcursor.as
  14. 14. ept Conc Proo f Of poc = YAGBUXpoc.as Main file you can create buttons on the fly // cursors // , and specify a region for a cursor
  15. 15. YAGBUXcamera.as sets up a Web cam for capturing motion
  16. 16. YAGBUXcursor.as sets up a cursor that follows the motion in YAGBUXcamera
  17. 17. YAGBUXbutton.as sets up events for an invisible hotspot per YAGBUXcursor
  18. 18. 3 write again...
  19. 19. 4 say hello to your screen !
  20. 20. That’s it ! by Lahmam.com - made with love on a mac
  21. 21. Demo time ! YAGBUX yet another gesture based user experience Publicis & Hal Riney concept Dontclick.it

×