planning your responsive website

Christopher Jones – 31.08.2015

Planning your Responsive Website

Topics

• Why is responsive design important?

• What is a responsive website?

• Three areas to take your next wordpress website to the next level

Why is responsive design important?

2012 Prediction

Accessibility

Which leads to turnover

“Australians spent $17.3 billion on online retail in the 12 months”

03 August 2015NAB Online Retail Sales Index

Link: business.nab.com.au/nab-online-retail-sales-index-june-2015-12306/

What is a Responsive Website?

Devices

Smart PhonesTabletsLaptopsDesktop

Breakpoints

320x480 480x320 768x1024 1024x768 1680x1050

Smart Phones Tablets Laptops Desktops

Example

Three areas to take your next wordpress

website to the next level

1Readability

Text & Buttons

Smart Phones This is my content text on the smart phone, to avoid reader squinting and to make it easier to orientate I use a larger font size.

Bigger Buttons

Desktop My content text on a desktop can be smaller, visitors on desktops are also more comfortable with longer text.

Smaller Buttons

2Content Selection

& Location

Example

Example

Example

3Interactivity

Mouse verses Hand

MenusScrolling

HoverMultimedia

Forms

What’s happening tomorrow?

31.08.2015

Christopher Jonescjones@signale.com

www.signale.com

@signaledesign