Responsive design - College Hogeschool Utrecht

31
Responsive design Floor van Riet, 28 april 2015, Hogeschool Utrecht

Transcript of Responsive design - College Hogeschool Utrecht

Responsive designFloor van Riet, 28 april 2015, Hogeschool Utrecht

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 [email protected] of bel 088 227 22 00

www.sabelcommunicatie.nl

Onderzoek Strategie Concept Creatie

21 april 2015

bradfrostweb.com

bradfrostweb.com

bradfrostweb.com

bradfrostweb.com

Wat is de context?

User

Behoeften

Omgeving

Aandachtsniveau

Vaardigheden

Device

Schermresolutie

Kenmerken apparaat

Snelheid

Inputmogelijkheden

Media queries

Fluid grids

Flexible

images

Adaptive Responsive

Desktop

Mobile Tablet

Site

bra

dfro

stw

eb.c

om

TipsBij het maken van responsive sites

1. Maak persona’s

Google:

User-centered design, persona’s, customer journeys, service design

2. Ontwikkel in stapjes,

waarbij je elke stap volledig afrond

Google:

Lean UX, MVP

3. Mobile first!

4. Test!

Met echte gebruikers

Met echte devices

Google:

Usability testing

5. Gebruik

frameworks

Google:

Foundation, Bootstrap

6. Werk samen

7. Houd het simpel

8. Gebruik standaarden en tools

9. Design tijdens development

Succes!