Wat is het verschil tussen gebruikersinterface en gebruikerservaring? Op het meest eenvoudige niveau is de gebruikersinterface (UI) de reeks schermen, pagina’s en visuele elementen, zoals knoppen en pictogrammen, waarmee een persoon kan communiceren met een product of service. Gebruikerservaring (UX), aan de andere kant, is de interne ervaring die een persoon heeft wanneer deze interactie heeft met elk aspect van de producten en services van een bedrijf.
Het komt vaak voor dat mensen deze termen door elkaar gebruiken, of soms verkeerd. Als je je ooit hebt afgevraagd: “Wat is UI, wat is UX en wat is het verschil?” In de post van vandaag graven we een beetje dieper in UI en UX om de verschillen tussen hen beter te begrijpen.
Wat is UI? Simpel gezegd, gebruikersinterface (UI) is alles wat een gebruiker kan gebruiken om een digitaal product of een digitale dienst te gebruiken. Dit omvat alles van schermen en touchscreens, toetsenborden, geluiden en zelfs lichten. Veel mensen denken dat het werk van een UI designer bestaat uit het visueel aantrekkelijk maken van mockup.
Hier een aantal zaken waar de UI designer zich mee bezighoudt: interface design interface layout, interaction design en het vaststellen van visuele richtlijnen.
Wat is het verschil tussen UI en UX? Op het meest eenvoudige niveau bestaat UI uit alle elementen die iemand in staat stellen om te communiceren met een product of dienst. UX, aan de andere kant, is wat de persoon die met dat product of die dienst in wisselwerking staat, de ervaring wegneemt.
Is UX design belangrijker dan UI design of andersom? Beide designs zijn essentieel voor een goed product (website) en UX en UI designers werken nauw samen, maar de rollen verschillen. UX design bevindt zicht meer op het analytische en technische vlak, UI Design komt in de buurt van het grafisch ontwerpen, alleen meer online.
Cognitieve wetenschapper Don Norman wordt gecrediteerd met het bedenken van de term ‘gebruikerservaring’ in het begin van de jaren negentig, toen hij bij Apple werkte en het als volgt definieerde: ‘Gebruikerservaring’ omvat alle aspecten van de interactie van de eindgebruiker met het bedrijf, zijn diensten en zijn producten.
Dat is een brede definitie die elke mogelijke interactie van een persoon met een product of dienst zou kunnen omvatten, niet alleen een digitale ervaring. Sommige UX-professionals hebben ervoor geopteerd om de klantervaring op het veld te noemen, en anderen zijn een stap verder gegaan om eenvoudigweg te verwijzen naar het vakgebied als ervaringsontwerp. De oorspronkelijke definitie van UX vormt de kern van elk ontwerp van een gedachte-ervaring – het is allesomvattend en altijd gecentreerd rond de mens waarmee het in wisselwerking staat.
Don Norman en Jakob Nielsen vatten het mooi samen toen ze zeiden: Het is belangrijk om de totale gebruikerservaring te onderscheiden van de gebruikersinterface (UI), hoewel de gebruikersinterface overduidelijk een zeer belangrijk onderdeel van het ontwerp is. Denk bijvoorbeeld aan een website met filmrecensies. Zelfs als de UI voor het vinden van een film perfect is, zal de UX slecht zijn voor een gebruiker die informatie wil over een kleine onafhankelijke release als de onderliggende database alleen films van de grote studio’s bevat.
Bestekend letterlijk: ‘minder is meer’, hoe simpeler, des te beter; minder overdadig, des te beter het product; eenvoud is te prefereren boven overdaad. Oorspronkelijk door de Duitse architect Ludwig Mies van der Rohe (1886-1969) gebruikt als uitgangspunt voor het zogeheten minimalistisch design. We speken dan over ‘Modernisme’ of ‘Functionalisme’
‘Modernisme’ of ‘Functionalisme’
Volgens de deze visie moet de vormgeving van een product voortvloeien uit de functie: ‘Form Follows Function’. De opvatting werd in het begin onder andere gepropageerd door het Bauhaus. Het Bauhaus was een Duitse opleiding voor kunstenaars, vormgevers en architecten, die bestond van 1919 tot 1932, eerst gevestigd in Weimar, later verhuisde de opleiding naar Dessau. In 1932 was hij nog een jaar in Berlijn gevestigd.
Hoewel de Bauhaus-ontwerpen bestemd waren voor een breed publiek en het de bedoeling was dat ze in massa zouden worden geproduceerd, waren de producten kostbaar en exclusief. In het begin kon alleen een welgestelde elite ze zich permitteren. Pas veel later werd de stroming een succes. Tegenwoordig zijn de HEMA en IKEA hofleveranciers van het Modernisme.
Hoe is ‘Form Follows Function’ in te passen in onze hedendaagse digitale Design wereld?
Het huidige motto: functie volgt menselijke behoeften, vorm volgt menselijk gedrag.
In dit snel veranderende digitale tijdperk leven we in een kunstmatige wereld met computerproducten. Dit is een nieuwe uitdaging voor ontwerpers: hoe kunnen we mensen helpen bij het hanteren en bedienen van de steeds complexere digitale producten en diensten?
Makkelijker maken
Een goed ontwerp maakt een product eenvoudig in gebruik, dit is in de optiek van Xbase een gouden regel geworden in het ontwerp van vandaag. Het uiterlijk, of de vorm, wordt gecultiveerd door de studie van menselijke cognitie en gedrag. Hoe beter we begrijpen hoe mensen denken, voelen en zich gedragen, des te beter het product dat we kunnen ontwerpen, om het voor mensen in het gebruik meer intuïtief te maken.
De uitspraak is ‘Form Follows Function’ en less is moore, kloppen dus nog steeds maar misschien is een nieuwe uitdrukking die meer in overeenstemming is met het huidige digitale tijdperk: functie volgt op menselijke behoeften, vorm volgt menselijk gedrag.
Het verschil tussen een native-app, web-app of hybride-app of een progressive-app.
Tegenwoordig is een smartphone en/of tablet niet meer weg te denken uit ons dagelijks leven. We swipen heel wat af tegenwoordig. Het gebruik van deze apparaten neemt sterk toe en de behoefte om gebruik te maken van de mogelijkheden van mobile marketing stijgt daarmee ook.
Hieronder leggen we het verschil uit tussen deze opties en maken we een opsomming van de voor- en nadelen.
Native app, webapp of hybride app
Er zijn veel (tussen)vormen qua techniek om mobiele apps te ontwikkelen, maar de drie hoofdgroepen zijn een native app, een webapp en een hybride app. Hieronder staat een korte beschrijving van deze drie.
Webapp Dit is in basis een mobiele versie van een website. Deze website wordt speciaal vormgegeven voor de grootte van het scherm van een mobiele telefoon of tablet. Een Web-app wordt in principe niet aangeboden in een App-store. Per platform (Apple iOS, Android, Windows mobile) kan er gebruik worden gemaakt van specifieke functionaliteit van dat systeem.
Als we het hebben over een webapp, dan praten we in dit geval om een applicatie die ook geoptimaliseerd is voor mobiel en tablet gebruik, oftewel Responsive. Webapps (‘web applications’) zijn doorgaans gebaseerd op HTML, JavaScript of CSS. Omdat ze worden geladen vanaf een webserver en in de webbrowser draaien, hoeven ze niet te worden geïnstalleerd.
Voordelen:
Aanpassingen direct zichtbaar
Makkelijk te onderhouden
Goedkoper in ontwikkeling
Niet afhankelijk van toelatingseisen voor app-stores
Nadelen:
Niet alle functionaliteiten van een mobiele telefoon of tablet kan gebruikt worden
Heeft altijd een internetverbinding nodig
Geen opslag van data op het apparaat zelf
Native app
Een Native-app wordt specifiek ontwikkeld voor een platform (Android, iOS, Windows Phone). Deze applicatie’s worden gedistribueerd via de app-store van Je mobile telefoon of tablet.
Voordelen
• Geen internetverbinding nodig• Maximaal gebruik van alle beschikbare functionaliteiten van het apparaat • Integratie mogelijkheden met andere apps • Toegang tot de smartphone bibliotheek voor gebruik van media • Hogere snelheid op het apparaat
Nadelen
Per platform (Apple iOS, Android, Windows mobile) moet er ontwikkeld worden.
Goedkeuring voor plaatsing in Store nodig
Verandering/update in de software van het platform kan betekenen dat de app aangepast moet worden
De beste oplossing voor uw website is om te kiezen voor een responsive design. Responsive betekent dat de weergave van uw website automatisch aanpast wordt aan het scherm van de bezoeker. Bezoekers krijgen zo de inhoud optimaal aangeboden op hun computer, tablet of smartphone.
Wat is een Hybride-App?
De hybride app combineert het beste van twee werelden. De basis is opgebouwd zoals een native app, daarnaast wordt een deel van de inhoud gevuld door een website. Dit geeft vrijheid en flexibiliteit van een webapp en de kracht en het gemak van de plaatsing in een store.
Voordelen
De gecombineerde mogelijkheden van een native en een webapp
Flexibiliteit in het up-to-date houden van de inhoud
Minimale uitbreidingen zonder een echte release in de store
Lagere ontwikkel kosten
Nadelen
Hybride kan een reden zijn tot afwijzing van het plaatsen in de store
Onderhouden van 2 omgevingen kan meer kosten op de lange duur geven.
Niet aan te raden voor complexe apps
Wat is een Progressive-App?
Een Progressive-app is maakt gebruik van de functionaliteiten in de browser. Deze vorm van app hoeft niet ontsloten te worden via de store van Apple, Google of Microsoft. Een Progressive-app voeg je vanuit de browser toe op je homescreen en kan ook offline gebruikt worden.
Voordelen
Voor iedereen toegangkelijk (niet afhankelijk van een besturingssysteem)
Mogelijkheid om push-notificaties te versturen
Werkt ook offline
Altijd up-to-date: je hoeft geen updates van een website te downloaden
Nadelen
Het blijft een Web-app met een aantal beperkingen.
Met een Progressive-App ben je niet vindbaar in de store.
Grafisch ontwerp maakt gebruik van visuele composities om problemen op te lossen en ideeën te communiceren via typografie, beeldspraak, kleur en vorm. Er is niet 1 manier om dat te doen, dat is de reden er verschillende soorten grafische ontwerpers zijn, elk met hun eigen specialisatie.
Hoewel ze elkaar vaak overlappen, vereist elk type grafisch ontwerp specifieke vaardigheden en ontwerptechnieken. Veel ontwerpers zijn gespecialiseerd in een enkel type; anderen richten zich op een reeks verwante, soortgelijke typen. Maar omdat de industrie voortdurend verandert, moeten ontwerpers flexibel zijn en een leven lang leren, zodat ze tijdens hun loopbaan kunnen veranderen of specialisaties toevoegen.
Of u nu een aspirant-ontwerper bent of op zoek bent naar ontwerpdiensten voor uw bedrijf, het begrijpen van de acht soorten grafische ontwerpen helpt u bij het vinden van de juiste vaardigheden voor uw werk.
1. Visual identity graphic design
Een merk is een relatie tussen een bedrijf of organisatie en zijn publiek. Een merkidentiteit is hoe de organisatie haar persoonlijkheid, toon en essentie communiceert, evenals herinneringen, emoties en ervaringen. Grafische vormgeving van visuele identiteit is dat: de visuele elementen van merkidentiteit die fungeren als het gezicht van een merk om die ontastbare eigenschappen via afbeeldingen, vormen en kleuren te communiceren.
Ontwerpers die zijn gespecialiseerd in grafische vormgeving van visuele identiteit werken samen met marketeers om items zoals logo’s, typografie, kleuren paletten en afbeeldingsbibliotheken te maken die de persoonlijkheid van een merk vertegenwoordigen. Naast de standaard visitekaartjes en zakelijke briefpapier ontwikkelen ontwerpers vaak een set visuele merkrichtlijnen (stijlgidsen) die de beste werkwijzen beschrijven en voorbeelden geven van visuele branding die in verschillende media wordt toegepast. Deze richtlijnen helpen bij het waarborgen van merkconsistentie bij toekomstige toepassingen.
Grafisch ontwerpers van visuele identiteit moeten over een algemene kennis van alle soorten grafische ontwerpen beschikken om ontwerp elementen te creëren die geschikt zijn voor alle visuele media. Ze hebben ook behoefte aan uitstekende communicatie, conceptuele en creatieve vaardigheden en een passie voor het onderzoeken van industrieën, organisaties, trends en concurrenten.
2. Marketing en reclame graphic design
Wanneer de meeste mensen denken aan grafisch ontwerp, denken ze aan ontwerpen die zijn gemaakt voor marketing en reclame.
Bedrijven zijn afhankelijk van succesvolle marketinginspanningen om invloed uit te oefenen op het besluitvormingsproces van hun doelgroep. Geweldige marketing betrekt mensen op basis van de wensen, behoeften, het bewustzijn en de tevredenheid die ze hebben over een product, dienst of merk. Omdat mensen visuele inhoud altijd aantrekkelijker vinden, helpt grafisch ontwerp organisaties om effectiever te promoten en te communiceren.
Marketingontwerpers werken samen met bedrijfseigenaars, directeuren, managers of marketingprofessionals om activa te creëren voor marketingstrategieën. Ze kunnen alleen werken of als onderdeel van een intern of creatief team. Ontwerpers kunnen zich specialiseren in een specifiek type media (voertuig wraps of tijdschrift advertenties bijvoorbeeld) of een breed assortiment van onderpand maken voor print, digitaal en nog veel meer. Hoewel traditioneel gecentreerd, is deze rol gegroeid tot meer digitale assets, vooral voor gebruik in content marketing.
Voorbeelden van marketing grafisch ontwerp
Postkaarten en flyers Tijdschriften- en krantenadvertenties Posters, spandoeken en billboards
infographics
Brochures (print en digitaal)
Voertuig wraps
Bewegwijzering en beursshows
E-mail marketing sjablonen
PowerPoint-presentaties
Social media-advertenties, banners en afbeeldingen
Banner- en retargeting advertenties
Afbeeldingen voor websites en blogs
Marketingontwerpers hebben behoefte aan uitstekende communicatie-, probleemoplossende en tijdmanagement vaardigheden. Behalve vertrouwd te zijn met verschillende grafische ontwerp-, lay-out- en presentatie-apps, moeten ze ook bekend zijn met de productie voor print- en online-omgevingen. Instapposities op dit gebied zijn een geweldige manier voor nieuwe ontwerpers om processen te leren en waardevolle vaardigheden en ervaring op te doen.
3. Graphic design van de gebruikersinterface GUI
Een gebruikersinterface (UI) is de manier waarop een gebruiker communiceert met een apparaat of toepassing. UI-ontwerp is het proces van het ontwerpen van interfaces om ze gebruiksvriendelijk te maken en een gebruikersvriendelijke ervaring te bieden.
Een gebruikersinterface bevat alle dingen waarmee een gebruiker communiceert: scherm, toetsenbord en muis, maar in de context van grafisch ontwerp, richt UI-ontwerp zich op de visuele ervaring van de gebruiker en het ontwerp van grafische elementen op het scherm, zoals knoppen, menu’s, micro -interacties en meer. Het is de taak van een UI-ontwerper om esthetische aantrekkingskracht in balans te brengen met technische functionaliteit.
UI-ontwerpers zijn gespecialiseerd in desktop-apps, mobiele apps, web-apps en games. Ze werken nauw samen met UX (gebruikerservaring) ontwerpers (die bepalen hoe de app werkt) en UI-ontwikkelaars (die code schrijven om het te laten werken).
Voorbeelden van grafische vormgeving van gebruikersinterfaces GUI
Web design
Thema-ontwerp (WordPress, Shopify, etc.)
Spelinterfaces
App ontwerp
UI-ontwerpers moeten teamspelers zijn, ondersteund door zowel serieuze grafische ontwerpvaardigheden als een uitstekend begrip van UI / UX-principes, responsief ontwerp en webontwikkeling. Naast grafische apps hebben ze kennis nodig van programmeertalen zoals HTML, CSS en JavaScript.
4. Publicatie graphic design
Publicaties zijn langwerpige stukken die via openbare distributie met een publiek communiceren. Ze zijn van oudsher een printmedium. Denk aan boeken, kranten, tijdschriften en catalogi. Recent is er echter een aanzienlijke toename in digitaal publiceren. Grafisch ontwerpers die zijn gespecialiseerd in publicaties werken samen met redacteurs en uitgevers om lay-outs te maken met zorgvuldig geselecteerde typografie en bijbehorende illustraties, waaronder fotografie, afbeeldingen en illustraties. Publicatieontwerpers kunnen werken als freelancer, als creatief bureau of intern als onderdeel van een uitgeverij. Voorbeelden van publicatie grafisch ontwerp
Boeken
Kranten
nieuwsbrieven
Mappen
Jaarverslagen
Tijdschriften
catalogi
Publicatieontwerpers moeten over uitstekende communicatie-, lay-out- en organisatorische vaardigheden beschikken. Naast grafische ontwerp-expertise moeten ze inzicht hebben in kleurbeheer, afdrukken en digitaal publiceren.
5. Graphic design van verpakking
De meeste producten vereisen een vorm van verpakking om ze te beschermen en voor te bereiden op opslag, distributie en verkoop. Maar het ontwerp van de verpakking kan ook rechtstreeks communiceren met de consument, waardoor het een uiterst waardevolle marketingtool wordt. Elke doos, fles en tas, elk blikje, elke container of bus is een kans om het verhaal van een merk te vertellen. Verpakkingsontwerpers maken concepten, ontwikkelen mockups en maken de afdrukklare bestanden voor een product. Dit vereist deskundige kennis van print processen en een goed begrip van industrieel ontwerp en productie. Omdat het ontwerp van verpakkingen zoveel disciplines raakt, is het niet ongebruikelijk dat ontwerpers andere troeven vinden voor een product zoals fotografie, illustraties en visuele identiteit. Verpakkingsontwerpers kunnen een manusje-van-alles zijn of zich specialiseren in een specifiek type verpakking (zoals etiketten of drankblikjes) of een specifieke industrie (zoals voedsel of kinderspeelgoed). Hun werk vereist eersteklas conceptuele en probleemoplossende vaardigheden, naast een sterke praktische kennis van gedrukte en industriële ontwerpen. Ze moeten flexibel zijn om te voldoen aan de eisen van klanten, marketeers en fabrikanten en op de hoogte zijn van de huidige trends.
6. Motion graphics design
Simpel gezegd, motion graphics zijn afbeeldingen die in beweging zijn. Dit kan onder meer animatie, audio, typografie, afbeeldingen, video en andere effecten zijn die worden gebruikt in online media, televisie en film. De populariteit van het medium is de laatste jaren enorm gestegen naarmate de technologie verbeterde en de video content king werd.
“Motion Graphics Designer” is een enigszins nieuwe specialiteit voor ontwerpers. Formeel gereserveerd voor tv en film hebben technologische ontwikkelingen de productietijd en -kosten verminderd, waardoor de kunstvorm toegankelijker en betaalbaarder is geworden. Nu is motion graphics te vinden op alle digitale platforms, wat allerlei nieuwe gebieden en kansen heeft gecreëerd.
Voorbeelden van bewegend grafisch ontwerp
Titelreeksen en aftiteling
advertenties
Geanimeerde logo’s
trailers
presentaties
Promotievideo’s
Instructievideo’s
websites
Apps
Videospellen
banners
GIF
Motion Graphics-ontwerpers beginnen met het ontwikkelen van storyboards en brengen vervolgens hun concepten tot leven met animatie, video en traditionele kunst. Afhankelijk van de branche kan een sterke praktische kennis van marketing, codering en 3D-modellering van groot belang zijn.
7. Graphic design van de omgeving
Met grafisch grafisch ontwerp worden mensen visueel verbonden met plaatsen om hun algehele ervaring te verbeteren door ruimtes gedenkwaardiger, interessanter, informatief of gemakkelijker te gebruiken te maken.
Voorbeelden van grafisch grafisch ontwerp
bewegwijzering
Muurschilderingen
Museumtentoonstellingen
Office-branding
Openbaar vervoer navigatie
Winkelinrichting interieurs
Stadion-branding
Evenement- en conferentieruimtes
Wayfinding is een specifiek type milieu grafisch ontwerp dat bestaat uit strategische bewegwijzering, oriëntatiepunten en visuele aanwijzingen die mensen helpen te identificeren waar ze zijn en waar ze naartoe moeten gaan, zodat ze er zonder verwarring kunnen geraken. Environmental graphic design is een multidisciplinaire praktijk waarin grafisch, architecturaal, interieur, landschap en industrieel ontwerp samenkomen. Ontwerpers werken samen met mensen op een aantal van deze gebieden om hun ontwerpen te plannen en implementeren. Daarom hebben ontwerpers meestal opleiding en ervaring in zowel grafisch ontwerp als architectuur. Ze moeten vertrouwd zijn met industriële ontwerp-concepten en architecturale plannen kunnen lezen en schetsen.
8. Kunst en illustratie voor graphic design
Grafische kunst en illustratie worden vaak gezien als hetzelfde als grafisch ontwerp, maar ze zijn allemaal heel verschillend. Ontwerpers maken composities om te communiceren en problemen op te lossen, grafische kunstenaars en illustratoren creëren originele kunstwerken. Hun kunst neemt een aantal vormen aan, van kunst tot decoratie tot verhalende illustraties. Hoewel grafische kunst en illustratie geen technisch soort grafische vormgeving zijn, wordt er zoveel gemaakt voor commercieel gebruik in de context van grafisch ontwerp dat je er niet over kunt praten zonder de anderen.
Design Thinking is een methode die gebruikt wordt om problemen op te lossen. De Design Thinking Methode is bij uitstek geschikt voor het oplossen van zeer complexe problemen. De mens staat centraal binnen de methodiek door problemen steeds vanuit menselijke behoeften te definiëren. Er worden oplossingsrichtingen bepaald met brainstormsessies. Daarna wordt er een prototype gemaakt en getest in de praktijk.
1. Empathy (empathie)
De eerste stap in het design thinking proces heet empathie. Je probeert de psychologie van mensen te begrijpen. En er achter te komen waarom mensen bepaalde beslissingen nemen. Het doel is om empathisch begrip te krijgen voor het menselijk probleem dat je probeert op te lossen. Een van de meeste betrouwbare methodes is observatie. Kijken wat mensen echt doen. Wie als een designer denkt, gaat niet uit van zijn of haar eigen expertise, maar denkt vanuit het gevoel: hoe voelt de gebruiker zich over het product? Daarna volgen er diepte-interviews met gebruikers, of met werknemers. Door zo’n deze benadering leer je zelf meer over het ontworpen product.
2. Define (defineer)
In deze stap wordt de informatie samen gebracht die in de empathie stap zijn gevonden. Dit is waar je de observaties en inzichten samenbrengt. De focus aanbrengt in het probleem dat wilt opgelost moet worden. De probleemdefinitie moet mensgericht zijn.
3. Ideevorming
In deze fase wordt de oplossingen voor een bepaald probleem gezocht. Meestal worden er vijf oplossingen bedacht. Bijvoorbeeld: een uitleg-menu’tje, een simpelere lay-out, minder verborgen opties op de home-page en ga zo maar door. De oplossingen worden besproken met een team, En op gedetailleerd niveau bekeken . Welke ideeën zijn de moeite waard om te implementeren. Dit wordt meestal gedaan in groepsverband, met mensen van verschillende pluimage.
4. Prototype
Prototyping gaat volledig over leren. Het doel is om een simpele versies van het idee te maken die je kunt delen en kunt testen bij echte gebruikers.Er zijn meerdere manieren om te prototypen. Je kunt een waardepropositie op een pagina schrijven. Je kunt een eerste landingspagina maken. Je kunt een snel storyboard schetsen. Dit is een experimentele fase. Het gaat om het maken van een prototype en waarmee je waardevolle feedback kan verzamelen van de gebruikers.
5. Test
Een product is nooit klaar, stellen bedrijven die design thinking toepassen. Blijf daarom altijd testen.
Kort samengevat
Stap 1 is empathie krijgen met de doelgroep: Breng de behoeftes, belevingswereld van de doelgroep en betrokkenen in kaart en handel vanuit dat perspectief.
Definieer het probleem: Hier wordt doelgroep centraal geplaatst bij het definiëren van het probleem. Dit om het perfecte uitgangspunt te hebben voor het innovatie-traject.
Hier worden ideeën gegenereerd en gefilterd: Men ontwikkeld zoveel mogelijk ideeën en deze worden gefilterd op basis van kennis over de doelgroep.
Tijd voor het prototype: Hier worden de ideeën zo snel mogelijk naar een werkend prototype vertaald.
Test de oplossing: Men gaat het veld in om het prototype te testen bij de doelgroep.