Download as PDF, PPTX
Uploaded byMark Billinghurst
The Glass Class Lecture 6: Interface Guidelines
This document outlines interface guidelines for the Glass Class, emphasizing the importance of creating a comfortable, user-friendly experience through timely and contextual information. It categorizes types of cards (static and live), discusses input methods, and presents best practices for UX design, highlighting the need for clarity and minimal interaction. The class promotes a vision of technology that is personal and intimate, adapting to users' needs while prioritizing meaningful connections.
More Related Content
Similar to The Glass Class Lecture 6: Interface Guidelines
![UiPath Automation Suite Installation (Hands-On) [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/automationsuitecommunitysession2-251015095633-a6d862f1-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
The Glass Class Lecture 6: Interface Guidelines
- 1. The Glass Class: Lecture6 – Interface Guidelines Feb 17th – 21st 2014 Mark Billinghurst, Gun Lee HIT Lab NZ University of Canterbury
- 2. THE GLASS CLASS GlassPhilosophy
- 3. THE GLASS CLASS "Computing shouldjust be more comfortable" "Google should do the hard work, and you should have a chance to live, have a good life, and get on with it."
- 4. THE GLASS CLASS Astechnology becomes more personal and immediate, it can start to disappear. Distant Intimate
- 5. THE GLASS CLASS Lastyear Last week NowForever The Now machine Focus on location, contextual and timely information, and communication.
- 6.
- 7. THE GLASS CLASS TheTimeline Controls most of the User Experience Standard way to present static/live cards System wide voice commands Way to launch Glassware applications
- 8. THE GLASS CLASS Typesof Cards Static Cards Text, HTML, images, video Live Cards Important now, rendered at high frequency Access to low level sensor data, run in timeline Immersion Android activities taking over timeline
- 9.
- 10. THE GLASS CLASS SpecialProperties (Mirror API) Paginated Spread across several cards, Read more Bundled Group together similar content
- 11. THE GLASS CLASS LiveCards Access to low level sensor data Don’t remain on timeline
- 12. THE GLASS CLASS Immersions Take over user experience
- 13. THE GLASS CLASS Whento Use Static Periodic notifications Live Cards Ongoing tasks that user jumps in and out of Immersions Need full control over user experience
- 14. THE GLASS CLASS Menus Way to invoke actions on a card Tap card to show menu
- 15. THE GLASS CLASS Input Voice Main, Contextual, Free form Touch Gestures Tap, swipe left/right Head Gestures Head tracking, look-up, nudge
- 16. THE GLASS CLASS UXDesign Patterns Types of UX Patterns Periodic notifications Ongoing task Immersion
- 17. THE GLASS CLASS Static- Periodic Notifications
- 18. THE GLASS CLASS Sometime later..
- 19. THE GLASS CLASS LiveCard - Ongoing Task Long-running cards that users come back to
- 20. THE GLASS CLASS EgStrava Inserts live card for current run
- 21. THE GLASS CLASS Immersion– take over timeline
- 22.
- 23. THE GLASS CLASS Style– Card Regions
- 24. THE GLASS CLASS ExampleLayouts
- 25.
- 26. THE GLASS CLASS Typography- Roboto
- 27. THE GLASS CLASS TextResizing
- 28.
- 29. THE GLASS CLASS BestPractices Don’t use pinned timeline item as launcher Follow standard card design Don’t use Mirror API for immediate interactivity Follow standard menu design Create content appropriately Bundle and paginate appropriately
- 30. THE GLASS CLASS LessonsLearned from Using Glass
- 31. THE GLASS CLASS Transparent displays are tricky Colors are funny and inconsistent. You can only add light to a scene, not cover anything up. Mo;on can be disorien;ng. Clarity, contrast, brightness, visual field and a>en;on are important.
- 32.
- 33. THE GLASS CLASS Reading Some things don’t work
- 34. THE GLASS CLASS ImmersionSome things don’t work
- 35. THE GLASS CLASS DetailsSome things don’t work
- 36. THE GLASS CLASS The world is the experience Get the interface and interac;ons out of the way.
- 37.
- 38. THE GLASS CLASS Micro Interac;ons The posi;on of the display and limited input ability makes longer interac;ons less comfortable. Using it shouldn’t take longer than taking out your phone.
- 39.
- 40. THE GLASS CLASS It's like a rear view mirror Don't overload the user. S;ck to the absolutely essen;al, avoid long interac;ons. Be explicit.
- 41.
- 42. THE GLASS CLASS Aspersonal as it gets Glass is the most personal device you own. It should recognize and adapt to you… not the other way around.
- 43. THE GLASS CLASS For the closest people and most important moments Glass should be for priori;zing your closest people and crea;ng value for the whole group, not just the wearer.
- 44. THE GLASS CLASS Ourtools are becoming more intimate and immediate. We can craft a future of learning, creative expression and empathy. Distant Intimate