WTM Google Glass 2014

Transcript

1. GOOGLE GLASS @zezzi ceciliacastillo@elementalgeeks.com
2. Google(x)
3. TECNOLOGíA “VESTIBLE"
4. GOOGLE GLASS
5. PLATAFORMA DISEÑO
6. Google Development Kit PLATAFORMA Mirror API
7. Google Development Kit Mirror API
8. Mirror API
9. Mirror API
10. Timeline Cards
12. GDK
13. GDK
16. DESIGN
17. USER INTERFACE Design for Glass
18. USER INTERFACE Design for Glass Don’t Get in the way
19. USER INTERFACE Design for Glass Don’t Get in the way Keep it timely
20. USER INTERFACE Design for Glass Don’t Get in the way Keep it timely Avoid de Unexpected
21. TYPES TEXT Only sending text • Auto-paginates HTML Rich, flexible design • Text and images Style tag in HTML
 Always test on Glass ! !
22. IMAGES VIDEO 16x9 aspect ratio
 • 640x360
 • Videos should be short • URL Attachment
 • Google handles the rest TYPES
23. CARD REGIONS Main Content The main text content. Glass dynamically resizes the font size based on the amount of content. Roboto Light
24. CARD REGIONS Status bar Current Location of set of cards,Progress ,Animates in a loop while processing
25. CARD REGIONS Full-bleed image Dont Requiered 40px padding
26. CARD REGIONS Footer The footer shows supplementary information about the card, such as the source of the card or a timestamp. Footer text is usually 26 pixels, Roboto Light, white (#ffffff) in color, and centered.
27. CARD REGIONS Left image or column Left image or columns require modifications to padding and text content.