screens & touch, mobile convention amsterdam 2012

29
SCREENS & TOUCH Mobile Convention Amsterdam 2012

Upload: fabrique-merken-design-interactie

Post on 27-Jan-2015

108 views

Category:

Design


3 download

DESCRIPTION

presentation by Paul Stork at Mobile Convention Amsterdam 2012 about screens & touch & responsive design

TRANSCRIPT

Page 1: Screens & Touch, Mobile Convention Amsterdam 2012

SCREENS & TOUCH Mobile Convention Amsterdam 2012

Page 2: Screens & Touch, Mobile Convention Amsterdam 2012

MOBILE USED TO BE MOBILE

MOBILE CONVENTION AMSTERDAM 2012 2

Page 3: Screens & Touch, Mobile Convention Amsterdam 2012

NOW IT IS EVERYWHERE

MOBILE CONVENTION AMSTERDAM 2012 3

Page 4: Screens & Touch, Mobile Convention Amsterdam 2012

SO: SIZE DOES MATTER

MOBILE CONVENTION AMSTERDAM 2012 4

Page 5: Screens & Touch, Mobile Convention Amsterdam 2012

BUT TOUCH MATTERS MORE

MOBILE CONVENTION AMSTERDAM 2012 5

Page 6: Screens & Touch, Mobile Convention Amsterdam 2012

WHY BOTHER?

6 MOBILE CONVENTION AMSTERDAM 2012

Page 7: Screens & Touch, Mobile Convention Amsterdam 2012

WHY BOTHER? tablet 10% mobile

10%

fixed 80%

MOBILE CONVENTION AMSTERDAM 2012 7

Page 8: Screens & Touch, Mobile Convention Amsterdam 2012

HOW?

8 MOBILE CONVENTION AMSTERDAM 2012

Page 9: Screens & Touch, Mobile Convention Amsterdam 2012

SIMPLE HYGIENE

MOBILE CONVENTION AMSTERDAM 2012 9

Page 10: Screens & Touch, Mobile Convention Amsterdam 2012

STRATEGIES Or tactics

10 MOBILE CONVENTION AMSTERDAM 2012

Page 11: Screens & Touch, Mobile Convention Amsterdam 2012

SEPARATE WEBSITES

MOBILE CONVENTION AMSTERDAM 2012 11

Page 12: Screens & Touch, Mobile Convention Amsterdam 2012

SEPARATE WEBSITES

MOBILE CONVENTION AMSTERDAM 2012 12

Page 13: Screens & Touch, Mobile Convention Amsterdam 2012

SEPARATE WEBSITES

13 MOBILE CONVENTION AMSTERDAM 2012

Page 14: Screens & Touch, Mobile Convention Amsterdam 2012

RESPONSIVE WEBSITE

MOBILE CONVENTION AMSTERDAM 2012 14

Page 15: Screens & Touch, Mobile Convention Amsterdam 2012

RESPONSIVE WEBSITE

MOBILE CONVENTION AMSTERDAM 2012 15

Page 16: Screens & Touch, Mobile Convention Amsterdam 2012

TOUCH FIRST (BIG BUTTONS)

MOBILE CONVENTION AMSTERDAM 2012 16

Page 17: Screens & Touch, Mobile Convention Amsterdam 2012

STEP BY STEP Focus on big steps

17 MOBILE CONVENTION AMSTERDAM 2012

Page 18: Screens & Touch, Mobile Convention Amsterdam 2012

PROTOTYPE AND ITERATE

18 MOBILE CONVENTION AMSTERDAM 2012

Page 19: Screens & Touch, Mobile Convention Amsterdam 2012

DESIGN CHALLENGE NOT TECH

MOBILE CONVENTION AMSTERDAM 2012 19

Page 20: Screens & Touch, Mobile Convention Amsterdam 2012

SCREEN SIZE

20 MOBILE CONVENTION AMSTERDAM 2012

Page 21: Screens & Touch, Mobile Convention Amsterdam 2012

SCREEN ORIENTATIE

21 MOBILE CONVENTION AMSTERDAM 2012

Page 22: Screens & Touch, Mobile Convention Amsterdam 2012

DEVICE HOLDING/TOUCHING

22 MOBILE CONVENTION AMSTERDAM 2012

Page 23: Screens & Touch, Mobile Convention Amsterdam 2012

CONTEXT

MOBILE CONVENTION AMSTERDAM 2012 23

Page 24: Screens & Touch, Mobile Convention Amsterdam 2012

INTEGRATION

MOBILE CONVENTION AMSTERDAM 2012 24

Page 25: Screens & Touch, Mobile Convention Amsterdam 2012

APP OR WEB? Or webapp?

25 MOBILE CONVENTION AMSTERDAM 2012

Page 26: Screens & Touch, Mobile Convention Amsterdam 2012

APP?

MOBILE CONVENTION AMSTERDAM 2012 26

Page 27: Screens & Touch, Mobile Convention Amsterdam 2012

APP?

MOBILE CONVENTION AMSTERDAM 2012 27

Page 28: Screens & Touch, Mobile Convention Amsterdam 2012

QUESTIONS? And answers!

28 MOBILE CONVENTION AMSTERDAM 2012

Page 29: Screens & Touch, Mobile Convention Amsterdam 2012