2.3.4 Onderzoeksdocument UX structuren
Introductie
Voordat de UI wordt ontworpen, wordt er eerst onderzoek gedaan naar verschillende manieren om de UI in te richten en waar rekening mee kan worden gehouden. De resultaten van dit onderzoek kunnen dan worden meegenomen in de wireframes.
Dit onderzoeksdocument is onderdeel van de deelvraag: Hoe kan de user interface worden gestructureerd?
Methode
Library
Design pattern search
Bestaande design structuren die kunnen worden gebruikt in het ontwerp van myInsight Designer
Resultaat
De Gutenberg diagram
De F-patroon is de meest gebruikte vorm om pagina’s te scannen met veel tekst.
De Z-patroon layout wordt toegepast op onder andere startpagina’s, websites met niet heel veel tekst en waarbij het niet nodig is om naar beneden te scrollen. Alle belangrijke informatie moet dus in een oogopslag te zien zijn.
Navigatie structuren
De primaire menu wordt aangeraden aan de linkerkant te plaatsen. Een linkse navigatie makkelijker om te scannen en scheelt al snel 17 seconden (Bakusevych, 2024).
De primaire menu kan beter gescheiden worden gehouden van de tweede laagse en derdelaags menu. Hierdoor wordt er duidelijk onderscheid gemaakt tussen het hoofdmenu.
Een voordeel van het gebruik van een links menu is wanneer er in een information architecture veel “eerste laagse” functionaliteiten / schermen heeft. In een links menu is er veel meer ruimte om deze eerste laagse functionaliteiten te passen. Bij een top menu ben je al snel beperkt aan de grootte van je scherm.
UX Enterprise richtlijnen
Aanpasbare schermweergave: enterprise programma’s worden gebruikt door een grote groep verschillende gebruikers. Het is daarom lastig om een ideale schermweergave te ontwikkelen, omdat per gebruiker of gebruikersgroep mogelijk andere doelen hebben in het programma. Daarnaast spelen er ook persoonlijke voorkeuren mee (Crawshaw, 2023).
Tag patronen: door een tag optie toe te voegen met kleuren is een document makkelijk te onderscheiden van andere. Dit kan handig zijn om specifieke dingen te herkennen, zoals rood voor belangrijk (Crawshaw, 2023).
UX Complexe programma's richtlijnen
Laat de gebruiker leren door te doen
Help gebruikers efficiëntere methoden toe te passen
Bied flexibele workflow aan
Help gebruikers acties en denkprocessen bij te houden
Coördineer de overgang tussen meerdere tools
Beperk rommeligheid zonder de capaciteit te beperken
Verschil tussen eerste- en tweedelaagse informatie
Maak belangrijke informatie visueel opvallend
Conclusie
De patronen van de Gutenberg diagram, navigatiestructuren en de richtlijnen voor enterprise en complexe programma's worden meegenomen in het wireframen van de UI voor myInsight Designer.
Bijlage:
Last updated