Menu

ixDesign ontwerpt

  • Applicaties
  • voor web
  • voor mobiel

design
voor web en mobiel

Prachtige applicaties voor start-ups en grote merken.

ixDesign ontwerpt en ontwikkelt slimme, gebruiksvriendelijke en prachtige applicaties voor web, mobiel en tablet. Centraal staat het vergroten van conversie voor de opdrachtgever door te werken vanuit de eindgebruiker. Wat heeft de eindgebruiker nodig en hoe kan dat als beste ontworpen worden?

klanten

Expertise

Het ontwikkelen van een complex interactief product vereist veel inspanning van een ontwerper. Het valt te vergelijken met het werk van een architect. Bij het ontwerpen van een gebouw om in te wonen of te werken zal een architect een ontwerp maken dat aansluit bij de eindgebruiker door te ontdekken en begrijpen hoe het bouwwerk gebruikt zal gaan worden.

In het geval van een digitaal product zal er een plan gemaakt worden om te begrijpen hoe een eindgebruiker het product zal gebuiken om zo een product te ontwerpen dat voldoet aan het gedrag, de wensen en eisen van de gebruiker. Dit wordt interaction design genoemd. Interaction design is niet puur de esthetiek van een product, maar veel meer het begrijpen van een gebruiker en de cognitieve principes. Zo kan er door goed onderzoek en testen een product gelever worden dat goed aansluit bij de wensen van de doelgroep.

  • Online Strategie
  • Branding
  • Content Marketing
  • Email Marketing
  • Responsive Webdesign
  • CMS Implementatie
  • Landingpage Design
  • SEO
  • Android Apps
  • iOS Apps
  • Social Apps
  • Ads Design

Design technieken

Voor het ontwerpen van een applicatie of website zijn verschillende technieken en methodes te gebruiken. Per project kan dit variëren om het beste resultaat te behalen. Hieronder staan enkele methodes en technieken waarin wij geloven en waar de eisen, wensen en het gedrag van de eindgebruiker centraal staan:

User Experience Design | Usability Testing | Stakeholder Onderzoek | Etnografisch Onderzoek | Responsive Design | Ontwerp Workhops | Information Architecture | Heuristische Evaluatie | Cardsorting | Visuele Vormgeving | Front-end Development | Prototype | Wireframing | Flowchart

  • cardsorting
  • wireframing
  • user-centered-design
  • work
  • ontwerp-workshop
  • responsive-design
  • information-architecture
  • etnografisch-onderzoek
  • stakeholders-analyse
  • front-end-development
  • usability-testing
  • prototype
  • heuristische-evaluatie
  • visuele-vormgeving

Cardsorting

Om op een makkelijke manier een structuur te krijgen van de functionaliteiten van een applicatie of website is Cardsorting een betrouwbare manier om snel inzicht te krijgen. Alle menu-items en submenu-items worden op kaartjes geschreven en een testpersonen deelt de kaartjes vervolgens in verschillende groepen in. Zo komt er een overzicht uit die voor de testpersoon logisch is.

Wireframing

slide

Wireframes, of draadmodellen, zijn de eerste gestructureerde opzetten voor applicatie en web design en kunnen het best met de hand gemaakt worden. Zonder veel details wordt een interface gevormd. Geen uitbundig kleurgebruik, prachtige afbeeldingen en andere visuele elementen, het gaat puur om de essentie, de vorm en noodzakelijke content die nodig zijn op een specifieke pagina.

De geschetste wireframes kunnen gebruikt worden voor een prototype.

User Experience Design

User Experience Design (UXD) is een brede term die gebruikt wordt om het ontwerpen van hoe een persoon gebruik maakt van een website of applicatie te omvatten. Hieronder valt het onderzoeken en ontwerpen van de reis die een bezoeker aflegt op de website of binnen een mobiele applicatie; hoe worden de functionaliteiten benut en is de structuur logisch voor de bezoeker om het doel te bereiken? Doeltreffend UXD komt voort door de eindgebruiker centraal zetten in het ontwerp en ontwikkel proces.

Usability Testing

Usability testing, of gebruikerstest, is het observeren van gebruikers om de applicatie of website te verbeteren op gebied van gebruiksvriendelijkheid. Gebruikers van een applicatie of website kunnen de vreemdste dingen doen. Daarom is het belangrijk om de website of applicatie te testen met echte personen.

In een gebruikerstest krijgt een testpersoon een prototype, website, applicatie of schets te zien om 1) te achterhalen wat het is, of 2) om een specifieke taak uit te voeren. Zo kan er bekeken worden hoe een persoon een deel van een applicatie beleeft en of deze ervaring overeen komt met de verwachting van de ontwerper. Daarbij kunnen specifieke vragen gesteld worden over de inhoud, functionaliteiten, gebruiksvriendelijkheid, structuur, grafische elementen e.d.

Stakeholderanalyse / Workshop

Met een stakeholderanalyse worden de betrokken partijen (doelgroepen) bepaalt en de manier waarop de stakeholder invloed heeft op het project. De analyse wordt aan het begin van een project uitgevoerd om inzicht te krijgen in de organisatie en doelstellingen.

Onder de stakeholders vallen de besluitvormers, maar ook op wie het project invloed zal hebben, bijvoorbeeld marketing, support, IT, logistiek etc. Voor veel projecten is het belangrijk breed draagvlak te creëren onder de gebruikers, dat betekent ook om hun meningen en inzichten mee te nemen in het ontwerp van een applicatie.

Verder kunnen op een redelijk eenvoudige manier de wensen, eisen en ideeën over een project gevormd worden door middel van een workshop bij de klant. De workshop kan dienen om verschillende meningen en inzichten over de ontwikkeling van een applicatie of website te rangschikken en het gevoel van saamhorigheid te creëren. Om zo uiteindelijk een product te bouwen waar iedereen achter kan staan.

Etnografisch onderzoek

Etnografisch onderzoek is een vorm van gebruikerstest. Door in een natuurlijke setting de interactie van een persoon met het product te observeren kunnen er gedetailleerde inzichten verkregen worden over pijnpunten en voorkeuren van de gebruiker bij het uitvoeren van bepaalde taken. De observatie kan gecombineerd worden met interviews. Zo kan er meer inzicht verkregen door na de observatie door te vragen waarom de gebruiker bepaalde dingen wel of niet deed.

Responsive Design

Responsive Design is het ontwerpen en ontwikkelen voor verschillende grootte schermen. Zo zal een website er op een telefoon of tablet anders uitzien dan op een pc. Layout en inhoud zoals afbeeldingen worden automatisch aangepast en geoptimaliseerd voor het device. Zo krijgt de gebruiker de beste ervaring.

Ontwerp Workhops

Ontwerp workshops of brainstorms zijn leuke inspirerende activiteiten in samenwerking met de opdrachtgever uitgevoerd aan het begin van een project.

Deze workshops helpen om functionaliteiten en prioriteiten op een gestructureerde manier te ontdekken. Doordat er verschillende mensen uit de organisatie van de opdrachtgever betrokken zijn tijdens de workshop komen er vanuit verschillende hoeken interessante oplossingen voor soms lastige problemen. Daarnaast is het een leuke manier om kennis te maken met het creatieve ontwerp proces.

Information Architecture (IA)

Information Architecture verwijst naar de organisatie van de inhoud van een website of applicatie.

Applicaties en websites met een correcte informatie architectuur zijn logisch en consistent gestructureerd waar de inhoud netjes en duidelijk gepresenteerd wordt, zodat alles makkelijk te vinden is voor een bezoeker.

Heuristische Evaluatie

Usability testing, of gebruikerstest, is het observeren van gebruikers om de applicatie of website te verbeteren op gebied van gebruiksvriendelijkheid. Gebruikers van een applicatie of website kunnen de vreemdste dingen doen. Daarom is het belangrijk om de website of applicatie te testen met echte personen.

In een gebruikerstest krijgt een testpersoon een prototype, website, applicatie of schets te zien om 1) te achterhalen wat het is, of 2) om een specifieke taak uit te voeren. Zo kan er bekeken worden hoe een persoon een deel van een applicatie beleeft en of deze ervaring overeen komt met de verwachting van de ontwerper. Daarbij kunnen specifieke vragen gesteld worden over de inhoud, functionaliteiten, gebruiksvriendelijkheid, structuur, grafische elementen e.d.

Visuele Vormgeving

Visueel ontwerp verwijst naar de look ’n feel van een website of mobiele applicatie.

Een goede eerste indruk is bepalend voor het verder gebruik van de applicatie, het veroorzaakt een emotionele reactie bij een bezoeker en daarom is het belangrijk dat een applicatie esthetisch aantrekkelijk is. Bij visuele vormgeving wordt de onderliggende user experience design (UXD) verder uitgewerkt in visuele elementen, zoals kleur, hiërarchie, textuur, vorm, typografie, compositie en animatie. Visueel ontwerp is meer dan leuke kleuren en versiering, het maakt het ontwerp sprekend door een eigen visuele taal.

Front-end Development

Front-end Development is het proces van het bouwen van websites en applicaties met behulp van HTML, CSS, JavaScript, XCode, Android SDK en aanverwante technologieën.

ixDesign is een ontwerpbureau, daarom ontwikkelen we zelf niet. Maar we werken graag samen met ontwikkelaars. Het liefst al zo vroeg mogelijk in het proces, zodat de technische haalbaarheid tijdens elke stap getoetst kan worden en de verwachtingen van alle stakeholders overeenkomen.

Flowchart

Een flowchart is een overzicht van een applicatie of website waarin de gewenste weg gevisualiseerd wordt die een gebruiker vanaf binnenkomt op de website of applicatie aflegt totdat het doel behaald is of de gebruiker de website of applicatie weer verlaat.

Prototype

Een prototype is een model van de website of applicatie, gebouwd voor het testen voordat er een definitief ontwerp is en voordat de applicatie daadwerkelijk ontwikkeld wordt. Het doel van een prototype is om een snelle indruk te krijgen hoe een gebruiker met het idee of een concept om gaat. Dit kan heel simpel door een paper prototype waarvoor alleen enkele papieren modellen voor gebruikt kunnen worden met daarom wireframes. De testpersoon kan iets op het papier aanklikken en de onderzoeker laat vervolgens zien wat er gebeurt door bijvoorbeeld een nieuw papier wireframe in te laten schuiven. Een interactief prototype is een werkend model dat vaak opgebouwd is in een webbrowser om een goed gevoel te krijgen van het uiteindelijke product. Zo’n prototype kan gebruikt worden ter validatie en verfijning van ontwerp beslissingen. Daarnaast kan een prototype dienen als structuur voor onze externe ontwikkelaars. Het ontwerp gaat meer leven en daardoor is het efficiënter en effectiever dan een lang rapport met functionaliteiten en specificaties.

Op invisionapp.com of marvelapp.com zijn handige tools te vinden die kunnen helpen bij het opzetten van een interactief prototype.

het proces

ixDesign richt zich met name op het ontwerpen van interactie modellen en de visuele uitwerking van mobiele applicaties of websites. Maar het begint vaak met een (online) marketing strategie - vanuit de strategie wordt een richting uitgezet met duidelijk doelen. Daarbij kunnen mobiele applicaties of websites helpen een bepaald doel te bereiken. ixDesign helpt u graag bij het vertalen van beleid naar gebruiksvriendelijke applicaties.

kickoff

kickoff

Een project begint vaak met een idee of een probleem. Hiermee gaan we aan de gang om een werkbare applicatie te ontwikkelen.

We zullen veel vragen stellen om zo een transparant en overzichtelijk probleemstelling te formuleren om vervolgens naar een oplossing toe te werken.

strategie

Strategie

Vanuit een centraal uitgangspunt worden de kernactiviteiten bepaald die van invloed zijn op het ontwerp en ontwikkeling van de applicatie. Centraal staan de opdrachtgever en de eindgebruiker.

requirements

eisen / wensen

Aan de hand van de strategie wordt er nu meer ingezoomd op wat er ontworpen gaat worden en voor wie met daarbij de randvoorwaarden. De concrete doelen en wensen en hoe aan deze voorwaarden voldaan kan worden.

interaction

interactie

In samenwerking met enkele eindgebruikers en andere stakeholders wordt er invulling gegeven aan de interactie van de applicatie. Hiervoor kunnen technieken als cardsorting, wireframing, brainstorming etc gebruikt worden.

concept en design

user interface

Als de applicatie in grote lijnen gedefinieerd is, is het tijd om de vlakken in te kleuren. Hierbij wordt de applicatie getoetst aan heuristieken en de recente stijl ontwikkelingen. Als een applicatie gebouwd wordt voor een bestaand merk zal de applicatie in lijn zijn met de bestaande branding.

development en beheer

ontwikkeling

Het ontwikkelen van de applicatie zal door een externe partij opgepakt worden. Als de opdrachtgever vaker heeft samengewerkt met een ICT bedrijf kan dit een mogelijkheid zijn. Daarnaast heeft ixDesign genoeg ervaring met externe partijen die de ontwikkeling op kunnen pakken.


Blijven Innoveren

Een applicatie is een dynamisch iets wat altijd verbeterd kan, of zelfs moet, worden. Daarom is het van belang te blijven testen, meten, innoveren en te groeien!

Contact

Mochten er vragen / opmerkingen zijn over wat je hier gelezen hebt? Of zou je het interessant vinden om samen met ixDesign aan een nieuw project te werken? Aarzel dan niet en neem contact op, vul onderstaand contactformulier in, bel of mail! We vinden het erg leuk iets van je te horen!

Contact Gegevens

Paviusstraat 194
2333ZT Leiden

06 45 53 69 31