Informatie architectuur
UX/UI Design 1
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?
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
Briefing
Voorbeeldvragen:
Briefing
Voorbeeldvragen:
Briefing
Voorbeeldvragen:
Herhaling
Gebruikers doelstellingen
Informatie architectuur
Gebruikers doelstellingen
Content driven design
=> 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
Concurrentie analyse
Stap 1: Een lijstje van alle concurrenten dat je wilt onderzoeken.
Concurrentie analyse
Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.
Concurrentie analyse
Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.
Concurrentie analyse
Stap 2: Stel jezelf minimaal 3 "Hoe?", "Wat?" en "Waarom?" vragen.
Concurrentie analyse
Stap 3: Bepaal de sterktes en zwaktes van je concurrent.
Concurrentie analyse
Stap 4: Concurrentie analyse matrix
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
id | Titel | Auteur | Beschrijving | Locatie |
---|---|---|---|---|
1 | Homepage | Bert | Oplijsting van alle producten | www.website.be |
2 | ... | |||
3 | ... | |||
... |
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
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:
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