View
9.077
Download
0
Category
Preview:
DESCRIPTION
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
Citation preview
A recap for web developers
I/O 2014
Web Fundamentals: Best practices for modern web development.
Google ran a usability study spanning 100 sites and held 119 in-person, one-hour usability
sessions with Android and iOS smartphone users.
This resulted in 22 Principles in 5 categories
Home and navigation
Site search
Form entry
Commerce and conversions
Site wide considerations
Material Design: A visual language for the modern web.
Material design is Google’s new visual language used across all new products going forward.
The principles of material design can be summarised as
Material is the metaphor
The fundamentals of light, surface, and movement are key to conveying how objects move, interact,
and exist in space in relation to each other.
Bold, graphic, intentional
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.
Motion provides meaning
Motion is meaningful and appropriate, serving to focus attention and maintain continuity.
Feedback is subtle yet clear. Transitions are efficient yet coherent
Material Design
Principles
Applied Material Design
How to apply material design to your app
Polymer: A web components library
Web Components
a game changer
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.
Polymer and the Web Components
revolution
The polymer project is a library developed by google to make developing web components
easier
HTTPS Everywhere: Why we should be using HTTPS for everything
www.aestheticio.com
To learn more click the
link below
Recommended