Introductie

Informatie architectuur

Introductie

Hoe begin je aan een design?

Tesla vraagt een fantastisch goed ontworpen app of website voor hun Tesla powerwall-product

Introductie

Als informatie architecten gaan we eigenlijk belangrijke vragen gaan stellen:

 - Wie is ons doelpubliek?

 - Wat komen ze doen op onze site/app?

Stel dat de klant al een website heeft hierover

Wat kan er beter op de volgende slide?

• tekst

Wat gaat er mis?

De navigatie bestaat uit hetgeen Tesla zich zelf mee bezig gehouden heeft.

NIET hetgeen hun uiteindelijke klanten zich in interesseren.

De doelgroep is hier dus NIET de focus

Stel dat de doelgroep is: Bedrijven & particulieren

Hoe zou het menu er dan uit moeten zien?

Stel dat ze batterijen maken voor bedrijven en particulieren.

Stel dat hun doelgroep enkel particulieren zijn?

Hoe zou het menu er dan uit moeten zien?

Stel dat ze enkel batterijen maken voor particulieren.

Introductie

Informatie architecten organiseren en structureren inhoud en voorzien op die manier logische stappen voor de eindgebruiker.

Die zorgen op hun beurt voor onder andere een navigatie en een bepaalde gebruikerservaring.

Workflow

Er komt hier heel veel bij kijken, daarom delen we dit proces op in enkele stapjes.

Iteraties!

Briefing
(& bedrijfsdoelstellingen)

Informatie architectuur

Briefing

• Belangrijk om zoveel mogelijk te absorberen!
  • Hoe zit het bedrijf in elkaar?
  • Luisteren!
  • Stel de juiste vragen
  • Durf iets niet te begrijpen
  • Houding van "niet weten"

Briefing

Voorbeeldvragen:

• Bedrijf beschrijven in 1 zin?
• Heb je al een website/applicatie, wat werkt er en wat niet?
  • Hoe meten jullie wat er werkt?
• Wat is het doel van dit project?
  • Wanneer is dit project succesvol?

Briefing

Voorbeeldvragen:

• Wie is jullie doelgroep?
  • Demografisch? Lifestyle? Koopgedrag? Nieuwe doelgroep?
• Welke functionaliteit wil je?
• Is er al een stijlgids?
• Welke fouten kunnen we voorkomen?
  • Voorbeelden tonen aan klant

Briefing

Voorbeeldvragen:

• Wie zijn de concurrenten?
  • Hoe bieden jullie een meerwaarde tov de concurrenten?
• Hoe zit dit project praktisch in elkaar?
  • Scope? Budget? Deadlines? Milestones? Wie voorziet wat?

Herhaling

Gebruikers doelstellingen

Informatie architectuur

Gebruikers doelstellingen

Content driven design

• Wie zal de website gebruiken
• Waarom?

=> De antwoorden hierop zullen sterk uiteen lopen.

Gebruikers doelstellingen

We bundelen deze in verhaaltjes in User Stories:

Als [iemand-van-een-doelgroep]

Wil ik [iets]

Zodat ik [mijn-doel-kan-bereiken]

DOELGROEP

MOTIVATIE

INTENTIE

Gebruikers doelstellingen

Bijvoorbeeld:

Als een huiseigenaar met zonnepanelen

Wil ik weten als de Tesla powerwall mij geld kan uitsparen op lange termijn

Zodat ik kan overwegen om me er eentje aan te schaffen

Gebruikers doelstellingen

Bijvoorbeeld:

Als CEO van een ziekenhuis

Wil ik weten hoelang een Tesla powerwall een deel van mijn ziekenhuis van stroom kan voorzien in noodgevallen.

Zodat ik kan overwegen om me er eentje aan te schaffen

wooclap.com/UIX

Ga naar:

Gebruikers doelstellingen

Human centered design: Het verhaal rond de gebruiker laten gaan.

Als Information Architect ga je eigenlijk keuzes maken op basis van empathie.

Gebruikers doelstellingen

Hoe beter je je gebruikers verstaat, hoe beter we het design gaan kunnen opbouwen.

Het laat je toe om te anticiperen!

Gebruikers doelstellingen

Gebruikersgroepen => User persona's

User persona's zijn gedetailleerde beschrijvingen van een gebruiker van je product.

Leeftijd, demografie, expertise, lifestyle, etc

Gebruikers doelstellingen

Probeer je te beperken tot 3 user persona's voor een procuct.

Herhaling

Concurrentie analyse

Informatie architectuur

Concurrentie analyse

Geeft je een inzicht in de sterktes en zwaktes.

Hoe maak je nu zoiets?

Concurrentie analyse

1. Maak een lijstje van alle concurrenten dat je wilt onderzoeken.
2. Bepaal bij iedere concurrent de hoe, wat en waarom.
3. Bepaal de sterktes en zwaktes van elke concurrent.
4. Matrix van functionaliteiten

Concurrentie analyse

Stap 1: Een lijstje van alle concurrenten dat je wilt onderzoeken.

1. De naam van de concurrent
2. url
3. hoofdfunctionaliteit
4. De kost van een product of service
5. Extra opmerkingen

Concurrentie analyse

Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.

• Hoe werd de concurrent's (website) ontworpen?
• Hoe kreeg de user experience vorm bij de concurrent?
• Hoe worden de producten opgelijst bij de concurrent?

Concurrentie analyse

Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.

• Wat is het probleem dat deze concurrent oplost?
• Wat zijn de opties dat deze concurrent aan biedt?
• Wat zijn de stappen die de klanten van de concurrent moet doorlopen?

Concurrentie analyse

Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.

• Waarom doet mijn concurrent iets op een bepaalde manier?
• Waarom hebben gebruikers vertrouwen in het product of dienst?
• Waarom is dit het meest populaire product of dienst?

Concurrentie analyse

Stap 3: Bepaal de sterktes en zwaktes van je concurrent.

• Gebruik screenshots, ga heel visueel te werk
• Kijk hier op conceptueel maar ook op design vlak

Concurrentie analyse

Stap 4: Concurrentie analyse matrix

• Lijst alle relevante functionaliteiten of oplossingen op die je wilt aftoetsen
• Bekijk per concurrent als de functionaliteit deel uit maakt van hun oplossing
• Maak een score op basis van afgevinkte functionaliteiten

Concurrentie analyse

Stap 4: Concurrentie analyse matrix

Herhaling

Inhoud, labels & categorieën

Informatie architectuur

Inhoud

Wat is inhoud?

Teksten, afbeeldingen, video, audio, documenten, etc...

Let op met auteursrechten!

Inhoud

Maak een inventarisaris van alle inhoud zodat je een overzicht hebt.

De basis van content-driven design.

Inhoud

Bij een bestaande website kan je een oplijsting maken dmv door de site te navigeren.

Nieuwe inhoud? Opletten met auteursrechten, en wie de auteur zal zijn van deze inhoud

Inhoud

Labelen en categoriseren

Vanuit de leefwereld van de doelgroep een logische categorisatie voorzien.

We begeven ons in die leefwereld dmv Card sorting!

Labelen en categoriseren

Wat is card sorting?

Met card sorting zet je de gebruikers aan het werk om de categorieën en labels te bepalen.

Labelen en categoriseren

Labelen en categoriseren

Ofwel digitaal!

Gratis demoversie te gebruiken van optimalworkschop.com

Wat zouden de categorieën zijn voor een brasserie?

Labelen en categoriseren

Klanten van een brasserie

Labelen en categoriseren

Klanten van een winkel

Labelen en categoriseren

Bezoekers van een website over klimaat

Labelen en categoriseren

Hierdoor krijgen we een inzicht van de gebruikers hoe ze denken over de categorieën.

Doe dit niet zelf, en zoek minstens 5 personen uit je doelgroep.

Labelen en categoriseren

3 vormen van card sorting:

• Gesloten: categoriën staan vast
• Open: categoriën worden gesuggereerd
• Hybride: categoriën moeten ingevuld worden

Herhaling

Sitemap

Informatie architectuur

Sitemap

Navigatie strategie

Informatie architectuur

Navigatie strategie

Tree testing

Informatie architectuur

Tree testing

User persona's

Informatie architectuur

User persona's