planning your responsive website
Post on 12-Apr-2017
207 Views
Preview:
TRANSCRIPT
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
top related