Top Banner
A recap for web developers Google I/O 2014
27

Google I/O 2014 recap for web developers

Sep 08, 2014

Download

Technology

Stephen Young

The Google IO 2014 conference was held on 25th and 26th June.

This year there was quite a lot on offer for web developers. In this deck I collect some videos you that cover research findings on mobile web usability, google’s new unified design philosophy (Material design), a library called Polymer to help make developing web components easier and last but not least why you should be using HTTPS everywhere.

We take a look at:
Design principles for a modern web.
Material design; Google’s new visual language used across all new products going forward.
Why Google thinks web components are the future of the web
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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