YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: Google I/O 2014 recap for web developers

A recap for web developers

Google

I/O 2014

Page 2: Google I/O 2014 recap for web developers

Web Fundamentals: Best practices for modern web development.

Page 3: Google I/O 2014 recap for web developers

Google ran a usability study spanning 100 sites and held 119 in-person, one-hour usability

sessions with Android and iOS smartphone users.

Page 4: Google I/O 2014 recap for web developers

This resulted in 22 Principles in 5 categories

Page 5: Google I/O 2014 recap for web developers

Home and navigation

Page 6: Google I/O 2014 recap for web developers

Site search

Page 7: Google I/O 2014 recap for web developers

Form entry

Page 8: Google I/O 2014 recap for web developers

Commerce and conversions

Page 9: Google I/O 2014 recap for web developers

Site wide considerations

Page 10: Google I/O 2014 recap for web developers

Material Design: A visual language for the modern web.

Page 11: Google I/O 2014 recap for web developers

Material design is Google’s new visual language used across all new products going forward.

Page 12: Google I/O 2014 recap for web developers

The principles of material design can be summarised as

Page 13: Google I/O 2014 recap for web developers

Material is the metaphor

Page 14: Google I/O 2014 recap for web developers

The fundamentals of light, surface, and movement are key to conveying how objects move, interact,

and exist in space in relation to each other.

Page 15: Google I/O 2014 recap for web developers

Bold, graphic, intentional

Page 16: Google I/O 2014 recap for web developers

Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white

space create a bold and graphic interface that immerses the user in the experience.

Page 17: Google I/O 2014 recap for web developers

Motion provides meaning

Page 18: Google I/O 2014 recap for web developers

Motion is meaningful and appropriate, serving to focus attention and maintain continuity.

Feedback is subtle yet clear. Transitions are efficient yet coherent

Page 19: Google I/O 2014 recap for web developers

Material Design

Principles

Page 20: Google I/O 2014 recap for web developers

Applied Material Design

How to apply material design to your app

Page 21: Google I/O 2014 recap for web developers

Polymer: A web components library

Page 22: Google I/O 2014 recap for web developers

Web Components

a game changer

Page 23: Google I/O 2014 recap for web developers

Web components are a new W3C draft spec that allows developers to develop custom tags and describe how they should act and render

in the browser.

Page 24: Google I/O 2014 recap for web developers

Polymer and the Web Components

revolution

Page 25: Google I/O 2014 recap for web developers

The polymer project is a library developed by google to make developing web components

easier

Page 26: Google I/O 2014 recap for web developers

HTTPS Everywhere: Why we should be using HTTPS for everything


Related Documents