Responsive Multi-Screen Page Design

Posted on August 16, 2014 by alex

Google Multi-screen guidelines overview

Google Web Fundamentals
- Your First Multi-device Site
  1. Create Your Content and Structure
  2. Make It Responsive
- Google Web Starter Kit
- Multi-Device Tools – Multi-device developer workflow + Web Starter Kit.
- Look and Feel – Make your projects look great and interact beautifully.
  - Animations
- Multi-Device Layouts – Create flexible, not fixed, layouts.
- Principles of Site Design – Principles to ensure a great experience.
  - Site-wide design considerations
  - Home page and navigation
  - Optimizing form entry
  - Site search
  - Commerce and conversion
- Forms and User Input – Touch, tap, click, and submit.
  - Create Amazing Forms
  - Add Touch to Your Site
    1. Stateful Elements Respond to Touch
    2. Implement Custom Gestures
- Images, Audio and Video – Only use media that loads fast and scales.
  - Images
  - Video
- Optimizing Performance – Performance is a feature.
  - Critical Rendering Path
  - Optimizing Content Efficiency
- Monetization – Maximize your revenue potential on any device.
  - Key Principles
  - Ads
- Device Access – Locate, call and snap

This entry was posted in Dev. Bookmark the permalink.

Leave a Reply Cancel reply

You must be logged in to post a comment.