Design for Glass - MobX Conference Berlin

This talk was presented at the MobX Conference in Berlin Germany. It broke down the importance to sticking to the guidelines and best practices needed to build great glassware

Transcript

1. +Noble Ackerson
   @nobleackerson
   Wednesday, September 18, 13
   

   View Slide

2. Why Google Glass?™
   Wednesday, September 18, 13
   

   View Slide

3. Why Google Glass?™
   just now
   Wednesday, September 18, 13
   

   View Slide

4. Designing for Google Glass™
   just now
   “ok glass”
   Wednesday, September 18, 13
   

   View Slide

5. Re-imagine the medium
   Wednesday, September 18, 13
   

   View Slide

6. Audio: XFit
   Wednesday, September 18, 13
   

   View Slide

7. Visual: XFit
   Wednesday, September 18, 13
   

   View Slide

8. Touch: GlassFit
   Wednesday, September 18, 13
   

   View Slide

9. Design for Glass
   Wednesday, September 18, 13
   

   View Slide

10. Avoid the unexpected
    Wednesday, September 18, 13
    

    View Slide

11. Don’t Get in the way
    Wednesday, September 18, 13
    

    View Slide

12. Keep it timely
    Wednesday, September 18, 13
    

    View Slide

13. Timeline cards
    Wednesday, September 18, 13
    

    View Slide

14. Wednesday, September 18, 13
    

    View Slide

15. Wednesday, September 18, 13
    

    View Slide

16. Wednesday, September 18, 13
    

    View Slide

17. Details to Remember
    • Screen aspect ratio: 16x9
    • Screen resolution: 640 x 360 pixels
    • Share contact icon size: 640 x 360
    pixels
    • Menu option icon size: 50 x 50
    pixels
    • Support media format:
    > Container: MP4
    > Video: H.264 baseline and H.263
    baseline
    > Audio: AAC & MP3
    Wednesday, September 18, 13
    

    View Slide

18. Be Creatively Mindful
    • Storyboard. Illustrate your
    vision.
    • Test concepts with Mirror API
    Sandbox.
    • Play in the sandbox but be
    creative
    • Google’s templates are a great
    place to start
    Wednesday, September 18, 13
    

    View Slide

19. Make Good Glassware
    • Design for Glass
    It’s not VR or 3D out of the box
    • Keep it timely
    Aim for realtime, optimize for
    speed
    • Don’t get in the way
    Be careful not to distract
    • Avoid the unexpected
    Intuitive IO. Voice, visual, touch
    Wednesday, September 18, 13
    

    View Slide

20. Resources
    • User Interface Guidelines
    https://developers.google.com/glass/ui-guidelines
    • Developer docs
    https://developers.google.com/glass
    • Google Mirror API Playground
    https://developers.google.com/glass/playground/
    Wednesday, September 18, 13
    

    View Slide

21. Thank You
    Wednesday, September 18, 13
    

    View Slide