Mastering the art of UX & UI: In gesprek met een expert
In de wereld van digitaal ontwerp zijn UX (User Experience) en UI (User Interface) design essentieel om een product niet alleen functioneel, maar ook aantrekkelijk en gebruiksvriendelijk te maken. In deze blogpost duiken we diep in het belang van deze disciplines en hoe ze onlosmakelijk met elkaar verbonden zijn. We bespreken inzichten en ervaringen uit de praktijk, waaronder hoe UX en UI samenwerken om naadloze gebruikerservaringen te creëren. Ontdek welke tools en technieken onze experts gebruiken, en leer over de nieuwste trends die de toekomst van digitaal design vormgeven.
Blogpost geschreven door Sofie Daelemans, interview met Mihai Niculescu
Wat is je functie bij MediaComm
Ondertussen ben ik 3 jaar in dienst bij MediaComm als Graphic designer & Web designer. Ik heb niet alleen ervaring in webdesign (UX en UI) maar ook in het opmaken van gebruikershandleidingen, posters, magazines en motion graphics.
Welke tools en software gebruik je het meest voor UI & UX design en waarom
Als eerste stap maak ik een Miro board aan, hiermee kan een flowchart / structuur van navigatie samengesteld worden waar de klant ook makkelijk feedback of aanpassingen op kan doorgeven.
Dit is bij wijze van spreken het storyboard van de website of applicatie
Bij de tweede stap gebruik ik liefst potlood en papier om op een snelle manier ruwe schetsen te maken van een stramien doorheen de pagina’s.
Indien er nog geen huisstijl van de klant ter beschikking is, ga ik eerst op zoek naar passende voorbeelden van bestaande ontwerpen als inspiratie voor het project.
Na het verzamelen van de verschillende visuele elementen die ik her en der online vind, maak ik enkele collages aan in Photoshop. Deze moodboards stel ik dan voor aan de klant.
Indien er wel al een huisstijl ter beschikking is dan kan ik de voorgaande stap overslaan en ga ik meteen over naar Adobe XD voor de aanmaak van kleurenpaletten en stijlen voor de verschillende elementen.
Al dan niet gebaseerd op bestaande UI design system bibliotheken.
Na goedkeuring van de flowchart/navigatiestructuur en de wireframes begin ik aan het ontwerp. De volgende stap is het ontwikkelen van een interactief prototype.
Wat is jouw benadering bij het maken van wireframes en prototypes
Bij consensus van de navigatiestructuur begin ik aan de wireframes.
De wireframes zijn de funderingen, niet enkel voor de ontwikkeling van het prototype, maar ook voor de laatste stap, namelijk de front-end ontwikkeling van de website of applicatie. Hierbij komt het belang van een onderliggend systeem tot uiting. Niet enkel visueel, maar ook technisch. Vanaf het ogenblik dat ik aan de wireframes begin hou ik al rekening met de website of (web-)app SEO-friendly te maken.
Sinds HTML5 spreekt men van de semantische web structuur.
Hieronder verstaan we dat de HTML-tags een logica volgen die de website leesbaar maakt voor de zoekrobots. Een voorbeeld hiervan is de mate van belangrijkheid van informatie. Voor titels gaat dit van de belangrijkste hoofdtitels (H1) naar tussentitels en ondertitels (H2, H3, H4 etc.) op een pagina. Dit maakt ook deel uit van de job van een UX/UI designer.
Welke methoden gebruik je om gebruikersgedrag te analyseren en de UX te verbeteren
Dat kan een eenvoudige field test zijn door aan collega’s of vrienden en familie te vragen om de applicatie te gebruiken en over hun schouder mee te kijken. Maar je zou ook een gebruikerstevredenheid enquête kunnen opzetten door mensen uit te nodigen om in ruil voor bijvoorbeeld een aankoop- of kortingsbon de applicatie te testen. Door middel van een invulformulier of interview kom je dan te weten welke struikelblokken er nog in de applicatie zitten. Met behulp van deze feedback kan je dan verbeteringen doorvoeren.
Het gebruik van heatmaps en eye trackers behoort ook tot de mogelijkheden, maar dit heb ik tot nu toe nog niet in de praktijk toegepast.
Kun je uitleggen hoe je een consistent design systeem creëert en onderhoudt
Door vanaf het begin van het ontwerpproces gestructureerd te werk te gaan. Dit gaat van het logisch opbouwen van het prototype door gebruik van dynamische componenten en kleurpaletten tot duidelijke benamingen geven aan stijlen van elementen. Enige kennis van front-end ontwikkeling komt hierbij ongetwijfeld van pas.
Wat zijn de belangrijkste trends in UX/UI design die je momenteel ziet
Google Material Design is voor mij nog steeds de voornaamste trendsetter voor interactieve UI elementen. Daarnaast zijn ‘big and bold retro typography’, het gebruik van complexe 3D-graphics, ‘emotional’ hero-banners, typografische experimenten, al dan niet geanimeerd, de hedendaagse trends. Video content en storytelling zien ik ook vaak terugkeren als dé manier om een boodschap over te brengen. UX trends gaan vandaag over meeslepende/immersieve ervaringen met behulp van VR en AR.
Benieuwd hoe je jouw digitale product naar een hoger niveau kunt tillen met effectief UX en UI design
Neem vandaag nog contact met ons op voor een vrijblijvend adviesgesprek en ontdek de impact van een doordacht ontwerp op jouw gebruikerservaring!
