Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive design - College Hogeschool Utrecht

457 views

Published on

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

Published in: Design
  • Be the first to comment

Responsive design - College Hogeschool Utrecht

  1. 1. Responsive design Floor van Riet, 28 april 2015, Hogeschool Utrecht
  2. 2. 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
  3. 3. Onderzoek Strategie Concept Creatie
  4. 4. 21 april 2015
  5. 5. bradfrostweb.com
  6. 6. bradfrostweb.com
  7. 7. bradfrostweb.com
  8. 8. bradfrostweb.com
  9. 9. Wat is de context? User Behoeften Omgeving Aandachtsniveau Vaardigheden Device Schermresolutie Kenmerken apparaat Snelheid Inputmogelijkheden
  10. 10. Media queries Fluid grids Flexible images
  11. 11. Adaptive Responsive Desktop Mobile Tablet Site
  12. 12. bradfrostweb.com
  13. 13. Tips Bij het maken van responsive sites
  14. 14. 1. Maak persona’s Google: User-centered design, persona’s, customer journeys, service design
  15. 15. 2. Ontwikkel in stapjes, waarbij je elke stap volledig afrond Google: Lean UX, MVP
  16. 16. 3. Mobile first!
  17. 17. 4. Test! Met echte gebruikers Met echte devices Google: Usability testing
  18. 18. 5. Gebruik frameworks Google: Foundation, Bootstrap
  19. 19. 6. Werk samen
  20. 20. 7. Houd het simpel
  21. 21. 8. Gebruik standaarden en tools
  22. 22. 9. Design tijdens development
  23. 23. Succes!

×