ICA Re-design Lammert Postma [email_address] Re-design

Opdracht Maak een magazine over het merk- ik. Maak een website ontwerp om je magazine te promoten

Maak een magazine over het merk- ik.

Maak een website ontwerp om je magazine te promoten

Ontwerp een website Ontwerp de homepage en een pagina waar men jouw magazine kan bestellen .

Ontwerpen van een website Hoe ontwerp je een website?

Hoe ontwerp ik een website Jesse James Garrett

Hoe ontwerp ik een website

AJAX?

Ajax! AJAX Asynchronous JavaScript and XHTML

The Elements of UX-Design

The Elements of UX-Design

Ontwikkeling van het web Web 1.0 Get noise Web 2.0 Make noise Web 3.0 Filter the noise Web 4.0 …

Ontwikkeling van het web De interactie op het web is steeds rijker

Ontwikkeling van het web Niet meer gebonden aan een computer

Ontwikkeling van het web Locatie onafhankelijk

The Elements of UX-Design

Strategie Bepaal de strategie

Strategie Wat is het doel Wat zijn de succesfactoren Wat zijn de gebruikersbehoeften

Wat is het doel

Wat zijn de succesfactoren

Wat zijn de gebruikersbehoeften

Strategie Wat is het doel Het verhogen van de conversie van onze producten Bezoekers informeren over onze nieuwe diensten

Het verhogen van de conversie van onze producten

Bezoekers informeren over onze nieuwe diensten

Strategie Bepaal de succesfactoren Verhoging van de conversie met 2% Bij een steekproef onder onze bezoekers is 25% op de hoogte van onze nieuwe dienst

Verhoging van de conversie met 2%

Bij een steekproef onder onze bezoekers is 25% op de hoogte van onze nieuwe dienst

Strategie Wat wil de gebruiker Doel afstemmen op de behoefte van je doelgroep / gebruiker

Strategie Persona Deze persoon staat representatief voor een gebruikersgroep

Scope Bepaal de scope

Scope “ The work that needs to be accomplished to deliver a product service or result with the specified features and functions."

Waarom een scope Zodat je weet wat je wel bouwt maar ook wat je niet bouwt

Scope Definieer de functionaliteiten

Scope Definieer de content elementen

Structuur Bepaal de structuur

Structuur Interactie model Informatie architectuur Team structuur en rollen

Interactie model

Informatie architectuur

Team structuur en rollen

Structuur Interactie model Hoe reageert het systeem op de gebruiker.

Structuur

Structuur Informatie architectuur Het rangschikken van de content in het ‘informatie domein’

Structuur Team structuur en rollen Bepaal wie welke rol heeft binnen het project.

Structuur

Skeleton Bepaal het raamwerk

Skeleton Information Design Interface Design Navigation Design

Information Design

Interface Design

Navigation Design

Skeleton Information Design Presenteren van informatie zodat het de gebruiker ondersteund bij het begrijpen de informatie/systeem.

Skeleton Information Design

Skeleton Information Design

Skeleton Interface Design Het rangschikken van interface elementen zodat de gebruiker met het systeem kan interacteren.

Skeleton Interface Design

Skeleton Interface Design

Skeleton Navigation Design Ontwerp van de navigatie over meerdere schermen binnen de informatie architectuur

Skeleton

Skeleton Bepaal het design

Design Eye tracking Contrast en uniformiteit Consistentie Kleur en Typografie Styleguides

Eye tracking

Contrast en uniformiteit

Consistentie

Kleur en Typografie

Styleguides

Design

Design

Design

Design