Usability - 4 richtlijnen en start FO

• Informatica
• Middelbare school
• vwo
• Leerjaar 5

Usability

• Je kan de 4 usability richtlijnen toepassen op voorbeelden uit het dagelijks leven
• Je kan 3 onderwerpen noemen die in een functioneel ontwerp horen

Agenda

• Aan de slag - hoofdstukken van vorige les lezen en maken ~25 min.
• Geleerde stof toepassen m.b.v. oefeningen ~10min.
• Uitleg/start PO ~10min.

Aan de slag

• Lezen en maken F 2 t/m 5
• Lezen F6 en F7
• ~25 min de tijd
• Klaar? Laat het even weten lees dan alvast de opdracht voor het functioneel ontwerp

Waarom is dit een goed of slecht ontwerp?

Bespreek in twee/driee-tallen. Gebruik de richtlijnen uit fundament

Bijvoorbeeld:

1. Eenvoud en orde (een kaart met alle bochten e.d. wordt al snel rommelig(er))

2. Zichtbaarheid: duidelijke kleuren, goed leesbaar

3. Aansluiting: herkenbaar

Waarom is dit een goed/slecht ontwerp?

Bijvoorbeeld:

1. Eenvoud en orde (een kaart met alle bochten e.d. wordt al snel rommelig(er))

2. Zichtbaarheid: duidelijke kleuren, goed leesbaar

3. Aansluiting: herkenbaar

Ohnee! Een 404! Noem twee dingen die op een 404 pagina kunnen staan om de gebruiker verder te helpen

Bijvoorbeeld

1. Een duidelijke foutmelding
2. Een suggestie: "bedoelde u .."
3. Een herkenbaar menu/zoekbalk

Wanneer maak je gebruik van een prototype?

Functioneel ontwerp

Gaan jullie een functioneel ontwerp maken. Dat is een document waar in staat hoe een applicatie/website moet gaan werken. En waarom. Het is over het algemeen één van de eerste stappen die je doet als je voor een klant een project gaat beginnen.

Opdracht

Je maakt een functioneel ontwerp voor een website in opdracht van één van de onderstaande klanten. Je kan kiezen uit:

• een bioscoop
• theater
  
• festivalterrein
  

 De opdracht staat in ook classroom en we maken gebruik van hoofdstuk 8 in fundament

Algemeen - 15 pnt.

Je document bevat een titelblad en een inhoudsopgave. De namen van de hoofdstukken bevatten bijbehorende namen uit Fundament (doelgroep, structuur, user stories, etc..) Ook schrijf je een inleiding zodat mensen die het document lezen zonder bekend te zijn met de opdracht weten wat ze gaan lezen.

De opdrachtgever - 5 pnt.

Je hebt de eisen.wensen van de opdrachtgever helder beschreven in een paragraaf of twee. Daarin zit een lijst van wensen/eisen

Doelgroepanalyse - 5 pnt.

Duidelijke doelgroep beschrijving. Geen one-liners; een mooie profielschets. Minimaal 5 zinnen (per doelgroep indien van toepassing). De profielen moeten overeenkomen met de “Als ..” in je user stories.

User stories - 25 pnt.

Alle doelen zijn gedekt in user stories. De user stories zijn duidelijk en specifiek. Geen “ik wil overzicht zodat het overzichtelijk is”. Een profiel van de user van je user story is terug te vinden in het hoofdstuk “Doelgroep”

 Puntenverdeling

Structuur - 15 pnt.

Duidelijke structuur op basis van user stories. Aftrek voor user stories die niet in de structuur zitten en andersom. Zorg voor een duidelijke uitleg.

Logo en kleur - 5 pnt.

Je hebt kleuren en een logo die passen bij de opdracht. Je hebt een duidelijke motivatie waarom je voor dit logo en deze kleuren gekozen hebt.

Bonus - 5 pnt.

Door welke voorbeelden heb je je laten inspireren?

 Puntenverdeling

Ontwerp - 25 pnt.

In je ontwerp hou je rekening met de structuur en de user stories. Je geeft bij elk schermontwerp een duidelijke motivering van waarom het er zo uit ziet. Gebruik hierbij per scherm alle user stories die van toepassing zijn. Minimaal:

• Homepage
  
• Overzichtsscherm (of zoekresultaten)
  
• Detailscherm (festival/voorstelling/film details)
  
• Gebruik van een mooie grote afbeelding op b.v. de homepage of het detailscherm (of een goede motivatie waarom je dat niet gedaan hebt)
  
• Geen “lorem ipsum” of wat voor “ipsum” dan ook. Zelfs niet “bacon ipsum”. Echte teksten gebruiken.

Richtlijnen - 10

Voor elk van de vier richtlijnen verantwoord je hoe deze op een goede manier terug te zien zijn in je ontwerp.

Bonus - 5 pnt.

Door welke voorbeelden heb je je laten inspireren?

 Puntenverdeling

Aan de slag met je FO. Maar... wel in deze volgorde

1. Lees eerst de hele opdracht voor het maken van een functioneel ontwerp

2. Zoek een partner

3. Aan de slag

 Nog tijd?

lgg usability

Wat kon er beter aan deze les?