Download to read offline
responsive awareness 2
- 1. responsive awareness part two
- 2. @ onehundred _be web ninja with these days that’s me
- 3.
- 4. • one interfacefits all (website, app...) • all web capable devices • optimized user experience at all times wait, what?
- 5. • it allhappened so fast • there are no standards • differences between layouts too big problems
- 6. • let’s takea look at a live example in action
- 7. DESIGN • sorry tosay 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 likequantum physics • it’s a walk in the park • developers don’t usually bite get this
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. max 1023 px (tablets portrait) numbers don’t lie
- 16. • top tobottom • left to right • do not hide elements plain english
- 17. • consider whetherresponsive is really the best solution what if
- 18. • nothing reallyis • approach problems individually • take out more time to come up with an intelligent solution • ask for a second opinion (im)possible
- 19. • user interfaceshould be people interface • user experience should be people experience • care about people get this
- 20. • in somerare 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 ofour problem • people experience decreases a lot • budget and planning increase a lot not our problem
- 23. • you aren’texpected 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