the second responsive awareness presentation. small talk which focuses on ia.

1. responsive awareness
part two

2. @ onehundred _ be
web ninja with these days
that’s me

3. quick recap

4. • one interface fits all (website, app...)
• all web capable devices
• optimized user experience at all times
wait, what?

5. • it all happened so fast
• there are no standards
• differences between layouts too big
problems

6. • let’s take a look at a live example
in action

7. DESIGN
• sorry to say 4 isn’t enough
• max 479 px (smartphones portrait)
• min 480 px and max 767 px (smartphones landscape)
• min 768 px and max 1023 px (tablets portrait)
• min 1024 px and max 1280 px(tablets landscape en other devices)
• min 1281 px and max 1439 px
• min 1440 px and max 1919 px
• min 1920 px

8. responsive awareness
part two
ia

9. • it’s like quantum physics
• it’s a walk in the park
• developers don’t usually bite
get this

10. it’s that simple

11. practical

12. practical

13. practical

14. practical

15. max 1023 px (tablets portrait)
numbers don’t lie

16. • top to bottom
• left to right
• do not hide elements
plain english

17. • consider whether responsive is really the best solution
what if

18. • nothing really is
• approach problems individually
• take out more time to come up with an intelligent solution
• ask for a second opinion
(im)possible

19. • user interface should be people interface
• user experience should be people experience
• care about people
get this

20. • in some rare cases these requirements can’t be met
• very advanced techniques can be applied
• expect lessened people experience
• much more time needed for development
really (im)possible

21. max 767 px (smartphones landscape)
numbers don’t lie

22. • all of our problem
• people experience decreases a lot
• budget and planning increase a lot
not our problem

23. • you aren’t expected to know all of these things
• communications is key
no shame

24. “questions?”
let’s talk

25. “discussion and questions”
let’s talk

26. “thank you”
much obliged