Responsive Design

5 April 2014 Discussion: Responsive Design

What is important and different for mobile in terms of responsive design? What do we need in these cases?

• Reading order
• CSS Viewport Size
• on-screen navigation becomes fly-out menus
• Tables may change in complexity or be flipped horizontally or vertically
• Forms can change - labels might disappear and be replaced by placeholder
• navigation mechanisms are diverse and often diferent from desktop

What is no different for mobile?

• Images
• Tables
• Forms

General thoughts

• Responsive design is not the same as delivering custom designs to particular assistive technologies
• Differnet content may be loaded at different breakpoints, things may be switched
• Responsive design could go further by being responsive to user preferences (such as prefer desktop site