Presentatie bij Digitale Media en Communicatie van de Hogeschool Utrecht aan eerstejaarsstudenten.

1. Responsive design
Floor van Riet, 28 april 2015, Hogeschool Utrecht

3. Op zoek naar een stage?
UX design, development, usability
Boeken aan de kant en de praktijk in! Een stage bij Sabel
Communicatie is een mooie kans om van de dynamische
communicatiepraktijk te leren. En dat betekent niet: van
een afstandje toezien hoe we dat doen. Nee, je speelt
een actieve rol.
Stuur je cv en motivatie naar
info@sabelcommunicatie.nl of bel 088 227 22 00
www.sabelcommunicatie.nl

4. Onderzoek Strategie Concept Creatie

6. 21 april 2015

9. bradfrostweb.com

10. bradfrostweb.com

11. bradfrostweb.com

16. bradfrostweb.com

17. Wat is de context?
User
Behoeften
Omgeving
Aandachtsniveau
Vaardigheden
Device
Schermresolutie
Kenmerken apparaat
Snelheid
Inputmogelijkheden

18. Media queries
Fluid grids
Flexible
images

19. Adaptive Responsive
Desktop
Mobile Tablet
Site

20. bradfrostweb.com

21. Tips
Bij het maken van
responsive sites

22. 1. Maak persona’s
Google:
User-centered design, persona’s, customer journeys, service design

23. 2. Ontwikkel in stapjes,
waarbij je elke stap volledig afrond
Google:
Lean UX, MVP

24. 3. Mobile first!

25. 4. Test!
Met echte gebruikers
Met echte devices
Google:
Usability testing

26. 5. Gebruik
frameworks
Google:
Foundation, Bootstrap

27. 6. Werk samen

28. 7. Houd het simpel

29. 8. Gebruik standaarden en tools

30. 9. Design tijdens development

31. Succes!