The Trends and Future of Responsive Web Design

Slide 1

Slide 1 text

the trends and future of Responsive Web Design Ben MacGowan . @benmacgowan Tuesday, 23 April 13

Slide 2

Slide 2 text

creative-jar.com . benmacgowan.co.uk . breakingborde.rs Tuesday, 23 April 13

Slide 3

Slide 3 text

May 2010 Ethan Marco!e introduces Responsive Web Design “We’re designing for mice and keyboards, for T9 keypads, for handheld game contro"ers, for touch interfaces. In short, we’re faced with a greater number of devices, input modes, and browsers than ever before.” “Responsive web design offers us a way forward, fina"y a"owing us to “design for the ebb and flow of things.” h!p://alistapart.com/article/responsive-web-design Tuesday, 23 April 13

Slide 4

Slide 4 text

Tuesday, 23 April 13

Slide 5

Slide 5 text

Tuesday, 23 April 13

Slide 6

Slide 6 text

Tuesday, 23 April 13

Slide 7

Slide 7 text

page structure Tuesday, 23 April 13

Slide 8

Slide 8 text

Navigation Tuesday, 23 April 13

Slide 9

Slide 9 text

Navigation Tuesday, 23 April 13

Slide 10

Slide 10 text

Navigation Tuesday, 23 April 13

Slide 11

Slide 11 text

forms Tuesday, 23 April 13

Slide 12

Slide 12 text

forms Tuesday, 23 April 13

Slide 13

Slide 13 text

the web is starting to look the same Tuesday, 23 April 13

Slide 14

Slide 14 text

Tuesday, 23 April 13

Slide 15

Slide 15 text

Tuesday, 23 April 13

Slide 16

Slide 16 text

don’t be scared to set new conventions Tuesday, 23 April 13

Slide 17

Slide 17 text

Tuesday, 23 April 13

Slide 18

Slide 18 text

Tuesday, 23 April 13

Slide 19

Slide 19 text

you won’t get it right first time. Tuesday, 23 April 13

Slide 20

Slide 20 text

learn from native apps don’t mimic native apps Tuesday, 23 April 13

Slide 21

Slide 21 text

don’t be scared to have fun Tuesday, 23 April 13

Slide 22

Slide 22 text

Tuesday, 23 April 13

Slide 23

Slide 23 text

think about how touch can be used to enhance your website Tuesday, 23 April 13

Slide 24

Slide 24 text

what can we lessons can we learn from today? Tuesday, 23 April 13

Slide 25

Slide 25 text

content is the same Tuesday, 23 April 13

Slide 26

Slide 26 text

mobile does not mean in a field Tuesday, 23 April 13

Slide 27

Slide 27 text

we cannot be 100% sure the size of future devices Tuesday, 23 April 13

Slide 28

Slide 28 text

http://mediaqueri.es Tuesday, 23 April 13

Slide 29

Slide 29 text

http://awwwards.com Tuesday, 23 April 13

Slide 30

Slide 30 text

http://littlebigdetails.com/ Tuesday, 23 April 13

Slide 31

Slide 31 text

The #1 goal of Responsive Web Design is to create the most accessible and optimised experience. Regardless of platform, device or size. Tuesday, 23 April 13

Slide 32

Slide 32 text

thank you Ben MacGowan . @benmacgowan Tuesday, 23 April 13