UI design zorgt voor een aantrekkelijke website die bij jouw product en bedrijf past
UI design wordt ook wel visual design genoemd en is de grafische schil van jouw website, webshop, app of digitale product. Er is wel eens wat verwarring met UX design, waarbij de gebruikerservaring (user experience) en niet zozeer het visuele uiterlijk de focus is.
UI design door Nethead
Wat is het doel van UI design?
UI design dient een aantal verschillende doelen;
• Imago van bedrijf, organisatie of merk uitdragen als verlengstuk van de communicatiestijl of brand design
• Aandacht van de doelgroep trekken en vasthouden
• Content in de website ordenen en op aantrekkelijke manier presenteren
• Interactie met gebruikers optimaal ondersteunen
• Als het bovenstaand op desktop, mobiel en tablet ondersteunen
• Opdrachtgever enthousiast maken
Dat laatste punt is meer een doel voor mijzelf, maar een ‘strak’ design met een ‘wow-factor’ is toch vaak iets wat veel designers als belangrijkste doel voor hun designs hebben. Ik snap dat wel, ik ben zelf ook gevoelig voor een mooie digitale verpakking.
Maar als designer, die zowel UI als UX doet, focus ik liever op het optimaal bedienen van de eindgebruiker. En dat kan mij af en toe wat overtuigingskracht vergen bij opdrachtgevers of teamleden, maar uiteindelijk profiteren zowel de eindgebruiker als de opdrachtgever daar het meest van.
UI design door Nethead
Ik kan terugvallen op een lange ervaring in design voor beeldschermen. In 1998 maakte ik mijn eerste website design. En konden in het desktop only tijdperk grafisch vormgevers ook nog wel een website ontwerpen, vanaf de introductie van de eerste iPhone in 2007 volgden de technologische ontwikkelingen elkaar in hoog tempo op. Dit stelt ook veel hogere eisen aan UI designers.
Ik ben al meer dan 2 decennia gespecialiseerd in design voor user interfaces, waarvan de laatste 8 jaar als dedicated freelance UX designer. Tegenwoordig werk ik vaak met een mobile first aanpak omdat het bezoek vanaf een mobiel apparaat de overhand heeft. Mobiele gebruikers zijn vluchtiger, hebben minder focus en willen gebruik maken van functies die op smartphones makkelijk te gebruiken zijn. Ook is er veel minder ruimte beschikbaar op mobiel en moet je als designer keuzes maken en creatief met de ruimte omgaan.
Ik maak mijn UI designs in Figma. Dit opmaakprogramma is inmiddels de standaard voor UX/UI designers. Figma biedt de mogelijkheid om designs meteen in code bij webdevelopers op te leveren. Dit zorgt voor een veel nauwkeurigere en minder foutgevoeligere manier van samenwerken dan voorheen. Ook heeft Figma een goed ontwikkelde prototype functie. Designs kunnen hierdoor meteen in een werkend prototype omgezet worden dat je met gebruikers kunt testen.
Het UI design proces
In mijn UI design werkproces streef ik naar een goede balans tussen een mooi ontwerp en praktisch gebruik, waarbij ik vooral let op hoe gebruikers het ervaren. In de opstartfase werken we nauw samen om een diepgaand inzicht te krijgen in jouw merkidentiteit, doelgroep en bedrijfsdoelstellingen. Dit vormt de kapstok voor ons ontwerpproces, waarbij we de basis leggen voor een visueel aantrekkelijk en functioneel design.
Als UI-designer met aanzienlijke UX-expertise geniet ik ervan om ontwerpen te creëren die de gebruiker blij maken. Gebruikersonderzoek is een optie, maar natuurlijk afhankelijk van het beschikbare budget. Dankzij mijn kennis van user experience kan ik echter van tevoren al tot op zekere hoogte beoordelen wat een gebruiksvriendelijk ontwerp is en wat niet. Ik ben gewend om te denken in interactiepatronen en user flows, iets dat waardevol kan zijn bij het maken van gebruiksvriendelijke UI designs.
Esthetiek speelt ook een belangrijke rol in mijn UI design proces. Kleurenpaletten, typografie, vormentaal en grafische elementen worden zorgvuldig gekozen om een samenhangend en aantrekkelijk design te garanderen. Tijdens deze fase nodig ik jou uit om actief deel te nemen aan het ontwerpproces, waarbij feedback en iteraties worden toegepast om ervoor te zorgen dat het uiteindelijke design perfect aansluit bij jouw visie en doelstellingen.
Na goedkeuring van het definitieve ontwerp begint de ontwikkelingsfase, waarin ik nauw betrokken blijf bij het development team om het design tot leven te brengen. Tijdens deze samenwerking zorgen we ervoor dat het esthetische aspect behouden blijft zonder concessies te doen aan functionaliteit en prestaties.
Design systems
Als ontwerper maak ik handig gebruik van de designsystem mogelijkheden in Figma. Ze helpen me consistent te blijven en zorgen ervoor dat mijn designs goed op elkaar aansluiten. Met een solide design system kan ik efficiënt werken, herbruikbare elementen inzetten en de algehele gebruikerservaring verbeteren. Het is eigenlijk gewoon een praktisch hulpmiddel dat mijn ontwerpproces eenvoudiger maakt en de samenwerking binnen het team soepeler laat verlopen. Kort gezegd, een design system is gewoon onmisbaar voor het neerzetten van doelgerichte, samenhangende ontwerpen.
Showcase UI design
Gall inspirational redesign homepage
BNR Nieuwsradio redesign website