Dossier Persoonlijke Ontwikkeling

UX/UI DESIGNER – QUEENCY SMETS – 1714675 – GROEP 2  - FYSIO OPDRACHT
 

Inleiding

UX en UI is iets waar je als CMD-er veel mee te maken hebt. Het herkennen van goed of slecht UX design is daarom een goede skill om te beheersen. UX is niet alleen voor designers van belang, maar eigenlijk voor iedereen. Slecht UX design zorgt voor de dagelijkse irritaties en goed UX design merk je eigenlijk niet op. Want goed UX design begrijpt de gebruiker en niet andersom. Maar hoe zorg je ervoor dat wat je maakt ook begrepen wordt en prettig in gebruik is? Daar probeerde ik dit blok achter te komen.

Dit heb ik gedaan door mij te verdiepen in wat het beroep van UX designer inhoudt, te leren van UX designers online en in het echt, te lezen over UX design en natuurlijk door een UX gerelateerd product te ontwikkelen.

Tot slot wil ik deze vaardigheid graag ontwikkelen, om als brandID designer ook UX/UI designs te kunnen aanleveren.

 

Wat is UX design?

Letterlijke betekenis: User experience design/ gebruiker ervaringsdesign.

Definitie voor UX is volgens Nielsen Norman Group als volgt:

"User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.” (Don Norman, sd)

Volgens een artikel op Career foundry, door Caroline White, focust UX design zich op de interactie tussen menselijke gebruikers en dagelijkse producten en services, zoals websites, apps en zelfs koffiezetapparaten. Het is een zeer variΓ«rende discipline, waarin aspecten van psychologie, bedrijfskunde, marktonderzoek, ontwerp en technologie worden gecombineerd (White, 2021).

(White, 2021).

(White, 2021).

 

Wat houdt goed UX design in?

Volgens een video van Career Foundry, zijn binnen UX Design vier verschillende factoren:

  • Het moet de wensen van de gebruiker vervullen;

    • Dus dat de gebruiker hetgeen kan uitvoeren, wat het product of  de dienst beloofd. Omdat dit hetgeen is wat de gebruiker hierheen trok.

  • het moet makkelijk te gebruiken en te leren zijn;

    • Het moet net zo makkelijk te gebruiken zijn voor nieuwe als oude gebruikers.

  • het moet de gebruiker controle en vrijheid geven;

    • Men moet veranderingen kunnen maken als zij dat willen. Bijvoorbeeld, bij en maaltijdbezorgingsapp, moeten de gebruikers de adresgegevens of het aantal producten kunnen wijzigen wanneer zij dat willen.

  • en als bonus moet het ook een vorm van verrassing hebben of personalisatie.

    • Denk hierbij aan het gepersonaliseerd bedankje van een bezorger of een kortingscode als cadeau bij de bestelling. Zodat men wordt gemotiveerd om het product nogmaals te gebruiken. (Foundry, 2021)

Vacatures

Om beter zich te krijgen op de rol, heb ik meerdere vacatures doorgespit. Hieruit heb ik punten over kennis en kunde verzameld, die zich over meerdere vacatures herhaalde.

 

Kennis

  • Goede communicatieve vaardigheden

  • Werkervaring in UX design

  • Werkervaring met UI, HTTML & CSS

  • Werkervaring met prototyping

  • Kennis over onderzoeksmethodiek en testmethodiek (A/B-testing, Best practice etc.)

  • Ervaring in het werken met verschillende stakeholders en teams

Kunnen

  • Ervaring met agile/SCRUM

  • Zelfstandig kunnen werken

  • Op zowel de details kunnen letten, als  het grotere plaatje in acht houden

  • Goed kunnen werken met een backend team

  • Beheersing van alle Adobe Creative programma’s

  • Kunnen werken met wireframe tools (Illustrator, Adobe XD)

  • Grafisch sterk ontwikkeld zijn

Houding

  • Positieve β€“β€œik kan dit”- houding

  • Denken in oplossingen

  • Vindingrijk en niet bang om nieuwe ideeΓ«n op tafel te gooien

  • No excuses mindset

  • Kritisch

  • Pragmatisch

  • Besluitvaardig

 

Start niveau

 

Door mijn voormalige opleiding in Applicatie Ontwikkeling (MBO niveau 4), heb ik ervaring in het ontwikkelen van websites, apps en software elementen op technisch niveau. Ik ben coderen enigszins verleerd, maar heb door deze opleiding wel goed inzicht in de technische mogelijkheden van IT. En hoe ik met een applicatie ontwikkelaar moet communiceren. Verder heb ik in de eerste helft van mijn studie een twee apps gemaakt voor de Studio vakken (rollen: deliver en create). Voor werk, (waar ik sinds de afronding van mijn stage parttime tot heden ben gebleven), heb ik op meerdere UX/UI designs ontworpen.Waarin ik bij eerste opdrachten (inschrijfmodules schermen voor een bestaande app), erg beperkt was door het medium en de bestaande UX flow. Bij de latere opdrachten (vacature homepage) kreeg ik gelukkig meer vrijheid en verantwoordelijkheid.

Verder heb ik door schoolopdrachten veel designprincipes geleerd die ook van belang zijn als UX designer (bijv. CMD-methodes Pack (prototyping, CJM, A/B testing etc.). Daarnaast beheers Adobe Illustrator, ben ik thuis in After Effects, Photoshop, Indesign en heb ik gebruik gemaakt van Marvel App, voor prototyping.

Leerdoelen

  • Ik wil de basis principes leren van UX/UI design, zodat ik goed te begrijpen en te leren UX/UI  design kan aanleveren bij een huisstijl.

  • Ik wil goed en slecht UX/UI design kunnen herkennen en kunnen aantonen waarom dat is.

  • Ik wil op grafisch niveau UX/UI designs maken die er betrouwbaar en overzichtelijk uitzien en past bij de zender/huisstijl.

 
 

Leersituaties

  • De klantwebsite ontwikkelen voor Hot Networkz (bijbaan)

  • De app voor Studio Next op UX en UI niveau ontworpen

  • Portfolio website, voor het afstuderen

  • Het boek: Design Of Everyday Things door Don Norman

  • UX onderzoek

  • Het bekijken en lezen van video’s en artikelen die gaan over methodiek en het vakgebied

  • Coaching gesprekken

  • Retrospectives

  • Doelgroep feedback/tests afspraken

  • Aan Luna geregeld advies vragen over de programma’s en workflow van UX designers

  • Contact met de klant

 
 
 

Ontwikkeling vaardigheden

 

De klantwebsite Hot Networkz

Voor mijn bijbaan bij Hot Networkz moest ik een aantal weken voor de cursus begon een nieuwe bedrijfspagina ontwerpen. Binnen deze opdracht was ik beperkt in tijd, waardoor doelgericht en snel te werk moest gaan.

 

Waardevolle punten

  • Ik heb geleerd niet het wiel opnieuw uit te vinden, wanneer je weinig tijd en ervaring hebt in een bepaald vakgebied. Door opzoek te gaan naar bestaande designs, met een soort gelijk doel, leerde ik een logische UX flow te ontwerpen voor Hot Networkz.

  • Gebruik de oude website als lijndraad voor het winnen van informatie. Door samen met mijn leidinggevende, de oude website door te lopen en te bepalen wat weg kan, wat kan blijven en wat kan worden toegevoegd.

  • Maak gebruik van een sitemap voor het uitplannen van alle data/content voor op de website. Bespreek dit ook meteen met de opdrachtgever. Zodat alle drastische veranderingen zo vroeg mogelijk in het proces plaatsvinden.

  • Wanneer je weinig tijd hebt, moet je wat haalbaar is zo goed mogelijk proberen uit te voeren. Probeer dus niet te veel te extra concepten te bedenken, die de site leuker zouden maken. Liever iets wat simpel en goed is uitgevoerd, dan complex en slecht uitgevoerd.

  • Door verschillende iteraties heb ik een beter gevoel gekregen voor webbased UI design.

  • De feedback heeft beter inzicht gegeven in het communiceren van acties in een UX design.

 

Portfolio website, voor het afstuderen

Ik ga in september afstuderen en moet daarom een portfolio website bouwen. Ik ben hier gedurende cursus mee bezig geweest. 

 

Waardevolle punten

  • Er achter proberen te komen wat voor stijl en compositie mij vertegenwoordigd als designer en mijn werk complementeert; 

  • inspiratie opdoen via Behance en andere portfolio websites;

  • portfolio review sessie van een uur bekeken (Academy, 2019), om er zo achter te komen wat een goede portfolio nodig heeft;

  • huisstijl en wireframe maken in Illustrator;

  • leren hoe je een domeinnaam overzet naar een sitebuilder en host;

  • met verschillende sitebuilers en templates experimenteren, om er zo achter te komen of mijn designs mogelijk;

  • maken van mock-ups en daar mee experimenteren;

  • en het schrijven van css code, om de site toch beter bij mijn originele design te laten aansluiten

De app voor Studio Next op UX en UI niveau ontworpen

Voor Studio Next heb ik de rol van UX/UI designer op mij genomen. Binnen deze opdracht kreeg ik alle ruimte de geleerde methodiek over UX design toepassen. 

 

Waardevolle leermomenten

  • Als je nog niet zo goed weet waar je moet beginnen, moet je gewoon schetsen. Ik begon na de briefing meteen met het schetsen van wireframes, omdat ik anders niet wist in welke context ik de functies moest plaatsen. Nu weet ik dat je hiervoor een UX flow hoort te maken. Dit kan je doen met wireframes, maar kost het meer denkkracht om te maken.

  • Leer je doelgroep echt kennen. Door een CJM te schetsen en deze te bespreken met de doelgroep (een fysio), kreeg ik een helder beeld van wat echt nodig was in de app. Een belangrijk inzicht was bijvoorbeeld, dat gemiddeld een afspraak bij de fysio 30 minuten duurt. Wat mijn idee voor cliΓ«nt sessies van 30 minuten in de app, bevestigde.

  • Een app is nooit af. Op het begin het project hoorde we: β€œDie app lukt jullie wel, maar wat kunnen jullie nog meer?”. Ik was het daar mee eens maar wist wel, door mijn eerder app en webbased opdrachten, dat dit meer tijd zou kosten dan men dacht. Begin dus vroeg met itereren, want dan alleen heb je tijd voor tests.

  • Samen kom je verder. In Adobe XD kan je live met elkaar in een bord werken. Ook als de ander er niet is. Waardoor je elkaar op afstand keer op keer kon inspireren met nieuwe iteraties. Het was leuk en verfrissend op XD te openen, omdat ik nieuwsgierig was naar Luna’s nieuwe ideeΓ«n;

Wat heb ik precies gedaan

  • Wireframe grove schets;

  • Wireframes  gedigitaliseerd, doormiddel van Adobe XD;

  • De doelgroep geΓ―nterviewd;

  • Toegankelijkelijk en validiteitsonderzoek van digitale goniometers;

  • Costumer Journey’s (doormiddel van storyboard schetsen) gemaakt, om de doelgroep beter te begrijpen;

  • CJM’s doorlopen met de doelgroep;

  • Designs getest bij de doelgroep;

  • Feedback gevraagd bij de klant en ict-ers;

  • Meerdere iteraties gemaakt van de app/wireframes op basis van doorlopende feedback en onderzoek;

  • Een beta-versie van de Gonio & Balans app ontworpen, die technisch gezien haalbaar was voor de ict-ers

  • Samen met Luna meerdere UI brainstorm sessies gehad en geΓ―tereerd;

  • Samen met Luna de laatste versie van de apps om gezet in de nieuwe huisstijl;

  • Samen met Luna de twee apps prototype ready gemaakt;

  • Het laatste design getest bij de doelgroep;

  • Beta-versie met de doelgroep testen en een advies schrijven over de resultaten;

  • Meerdere keren iteraties presenteren en onderbouwen;

Ontwikkeling kennis

 

Design Of EverydayThings door Don Norman

Dit boek was ontzettend waardevol voor deze periode. Het lezen van dit boek heeft ervoor gezorgd dat ik niet meer normaal naar objecten/producten kan kijken. En met name producten waar ik mij aan irriteer. Ik door dit boek, sneller na waarom het niet werkt en wat er veranderd had kunnen worden.

 

Een paar mooie inzichten uit dit boek waren ( in mijn eigen woorden)

  • Denk niet dat je de mens begrijpt, omdat je zelf een mens bent.

  • Goed UX design valt je eigenlijk nooit op, slechte wel.

  • Het grootste deel van menselijk gedrag is onbewust. Een goede UX designer leert waaruit dit onbewuste gedrag op is gebaseerd.

  • Maak iets wat is gemaakt voor mensen, niet waar mensen zich op moeten aanpassen.

 

UX advies Luna

Omdat Luna tijdens haar stage UX werkzaamheden verrichte, wist zij het een en ander over de workflow van een UX designer.

 

Wat heeft zij mij aangeraden/geleerd

  • Het gebruiken van Adobe XD en hierover een tutorial delen;

    • Ik werkte vanaf dat moment alleen maar in Adobe XD en leerde na een basis tutorial alles gaandeweg.

  • Een wireframe pakket voor het maken van digitale wireframes. Dit zorgde ervoor dat ik mij kon focussen op het plannen van functies, i.p.v. het maken van de schermen.

  • Het leren over gridsystemen, Adobe XD animaties en UX flow;

    • De gridsystemen heb ik onderzocht en toegepast, namelijk een 4-system gridsysteem;

    • Na enige onderzoek over UX flow’s, kwam ik erachter dat op mij voormalige opleiding, ook soort gelijke flowcharts heb gemaakt. Echter hielden wij hier ook rekenen met backend processen. Het was lastig om bij de UX flow niet te veel in detail te treden, doordat ik de technische flowcharts gewend was. Ik besloot het achterwegen te laten en een simpele user flow te maken in Adobe XD.

  • Het maken van animaties,

  • Het gebruiken van de prototype tool in Adobe XD

Desk research

Voor mijn onderzoek heb ik meerdere YouTube video bekeken en verschillende artikelen gelezen. Denk hier aan artikelen over gridsystemen, UX flow tips & tricks, het belang van user-feedback, toegankelijkheid in UX en navigatie tips & tricks. Op YouTube heb meerdere dingen bekeken, maar een video bleef mij echt bij.  

Namelijk een video door The Futur, UX Design Process: Mental Modeling Framework, Deep Dive, How To & Tips (Futur, 2018). Zij nodigde Nicole Johnson uit, een UX designer bij Iconmobile. Een bekroond ontwerpbureau, met vestigingen verspreid over de wereld.

 

Waar zij zelf aan grote project heeft gewerkt, voor onder andere Oral-b en Schwarzkopf. De video duur bijna twee uur en is een soort workshop en masterclass in een. Ze spreekt over methodiek zoals, de double dimond en mental modeling en doet vervolgens een opdracht (met het Futur team) die hier mooi op aansluit. Toen de video werd opgenomen, was er ook een live chat. Waardoor er ook interessante vragen werden gesteld door de kijkers, die mij hielpen de stof beter te begrijpen.

Ontwikkeling houding

Contact met de klant

In de eerste meeting merkte wij op dat wij nog veelte weinig context/informatie hadden voor het oplossen van de probleemstelling van de klant. Wat ervoor zorgde dat we in de eerst week een beetje doelloos waren.

Echter moet je als designer vragen voor informatie, i.p.v. deze af te wachten. Wanneer je een briefing bijwoont, moet je bewust zijn van het feit dat dit slechts het tipje van de ijsberg is (als het gaat om het winnen van informatie). Als designeer moet jij weten wat voor informatie belangrijk en hier meteen om vragen.

 

Het onderzoeken van je klant en zijn behoeftes is eigenlijk het belangrijkste deel van je onderzoek. Door niet te weten wat je klant eigenlijk bedoelt, wilt of aan informatie heeft, kan heel veel verspilde tijd en moeite kosten.

Feedback en testmomenten met de doelgroep

Door de interviews en testen met die doelgroep, heb ik geleerd dat een afspraak altijd langer duurt dan je had verwacht en je niet altijd antwoord krijgt op je vragen. Onderzoek afnemen voelt een beetje als een soort hindernisbaan;

1. waarin de persoon die je interviewt z’n zegje kan doen,

2. je niet te ver afleid van het ontwerp,

3. te globaal of te gedetailleerd gaat;  

4. je binnen de tijd blijft;

5. en vragen improviseert op basis van de gewonnen informatie.

 

Iedere nieuwe afspraak werd ik steeds een beetje beter in het winnen van informatie, door hier rekening mee te houden. Je leert de doelgroep ook steeds een beetje beter kennen, waardoor je ook weet wat je wel en niet moet vragen.

 

Reflectie

Korthagen

Een keer niet de leiding willen nemen

 

Handelen /ervaring

Om tijd te kunnen vrijmaken voor mijn voorbereidingstraject van het afstuderen, wilde ik tijdens Studio Next een keer niet te de leiding nemen. Ik vind leiding geven prettig, omdat het mij grip geeft op hetgeen waar ik aan werk en er zo ook 100% voor kan gaan. De leidinggevende rol wordt mij eigenlijk ook vaak toegereikt. Echter wilde ik dit keer meer passiever zijn, i.p.v. altijd maar zo assertief. Gewoon lekker de UX designer van de groep, die zich bezighoudt met wat voor die taak belangrijk is, niet gaat micro managen en constant alles en iedereen gaat helpen.

Terugblikken

 Als ik terug denk ben ik in dit project passiever geweest, dan in voormalige projecten. Ik vertrouwde erop dat iedereen zijn eigen verantwoordelijkheid nam en dat leek ook goed te gaan. Echter begon aan het einde van het project er toch wat aan mij te kriebelen. Doordat ik niet actief aan het dirigeren was, had ik minder overzicht over het project dan normaal. Waardoor ik op het einde de indruk kreeg dat bepaald werk niet op tijd af was of werd gedaan. Ik werd angstig en nam bepaalde taken over en ik communiceerde slecht over wat de ander eigenlijk moest doen.

Bewustwording

Mijn assertieve persoonlijkheid kan soms heftig zijn voor mensen. Ik vind het daardoor lastig om ook de boeman te zijn, naast mijn intense aanwezigheid. Dit zorgt ervoor dat ik te veel werk op me neem. Als ik merk dat de ander het werk niet wilt of de sfeer slecht is, wordt ik bang en doe ik het zelf.

Alternatieve ontwikkelen

In de toekomst moet ik toch leren helder en op tijd aan te geven wat er nodig is en wat ik voel. Want door op tijd aan te geven dat er werk verricht moet worden, is minder erg dan het helemaal niet zeggen en daardoor in de knoop te komen. Dit is een slechte gewoonte waarin ik mezelf alleen maar benadeel en het project ook.

Uitproberen

Ik heb lang en hard nagedacht over hoe ik dit moet communiceren. Gesprekken gehad met mijn nicht, die ook een feedback cursus heeft gehad, over hoe ik dit moet aanpakken. Echter ben ik nog te bang.

Chaos communiceren

 

Handelen /ervaring

Omdat mijn creativiteit vaak in vlagen van chaotische hyperfocus komt, kan ik mijn werk soms slecht communiceren naar anderen. Doodat er veel informatie in een keer binnenkomt, is het niet in een paar simpele zinnen samen te vatten. Waardoor het vaak is lastig voor anderen om in te springen.

Terugblikken

Dit was goed te merken bij het maken van de laatste versie van die app (met de nieuwe huisstijl, laatste feedback, animaties en prototyping). Luna was erg betrokken in het proces, alleen was ik zelf verantwoordelijk voor het UX gedeelte. Waarin op dat moment nog veel veranderingen in toegepast moest worden. Ik moest dit kort en bondig aan haar zien uit te leggen, zodat zij samen met mij v8 (wireframes) kon afmaken. Echter lukte het mij niet om dit goed te kunnen doen. De volgende dag zag ik een aantal fouten, waardoor ik veel opnieuw moest doen. Dit kwam niet door haar, maar omdat ik het niet goed had uitgelegd. 

Bewustwording

Ik weet dat ik niet zomaar kan stoppen met chaotisch zijn, ik heb hier namelijk al mijn hele leven last van en probeer hier iedere dag aan te werken. Wat ik wel kan doen is het verdraagzaam maken voor anderen.

Alternatieve ontwikkelen

Als ik mijn ideeΓ«n/concepten wil delen met een ander, moet ik hier echt een moment voor inplannen. Niet het snel tussen neus en lippen door vermelden, want dan overval ik mensen. Het zal altijd chaotisch zijn en veel, maar dan zijn ze er op voorbereid en kunnen ze verhelderende vragen stellen.

Daarnaast heb ik deze zomer een ADHD onderzoek gepland staan en kan ik hopelijk geholpen worden.

Uitproberen

Ik schaamde me eerst, dat ik zoveel tijd moest innemen een simpele update. Maar ik merkte meteen dat er wederzijds begrip was. Ook waren er geen fouten in de communicatie, dit was prettig.

Persoonlijke leerdoelen

 

Ik wil goed en slecht UX/UI design kunnen herkennen en kunnen aantonen waarom dat is.

Zoals ik al eerder aangaf, heeft het boek: The Design Of Everyday Things, ervoor gezorgd dat ik anders kijk naar design. Ik kan niet zeggen dat ik een expert ben, maar ik begrijp steeds beter waarom iets niet werkt en hoe je dit kan oplossen. Ook heb ik dit beter ontwikkeld door er zo intensief mee bezig te zijn. Wanneer je een website en app ontwikkeld, ga je toch beter kijken naar de software die je dagelijks gebruikt.

Ik wil de basis principes leren van UX/UI design, zodat ik goed te begrijpen en te leren UX/UI  design kan aanleveren bij een huisstijl.

Ik denk dat ik nu beter begrijp hoe je een UX project aanpakt. Echter weet ik nog niet of ik echt kan aantonen of ik makkelijk te leren/begrijpen UX design heb ontwikkeld. Ik wil gewoon meer kunnen testen en vind dat dit altijd erg beperkt is binnen de tijd die wij krijgen op school. Een kwalitatief concept ontwikkelen, in een nieuw vakgebied (UX) en dit ook nog eens testen op hoog niveau, is iets wat meer tijd kost. Echter ben ik wel blij met het behaalde resultaat, met de huidige kaders in gedachte. Ik denk dat ik na dit blok minder bang  zou zijn om een UX design voor te stellen,  in een brand ID opdracht, mocht ik deze mogelijkheid krijgen tijdens het afstuderen.

Ik wil op grafisch niveau UX/UI designs maken die er betrouwbaar en overzichtelijk uitzien en past bij de zender/huisstijl.

Als ik kijk naar mijn website voor Hot Networkz en de Gonio & Balans app, durf ik te zeggen dat ze er betrouwbaar en overzichtelijk uitziet. Het koste ontzettend veel iteraties en het bekijken van andere designs om op dit punt te komen. Het is zeker niet mijn beste werk, maar voel mij echt een stuk zelfverzekerder in mijn UI design skills.

 

Het behaalde resultaat

 

Positief

Ik ben tevreden over het behaalde resultaat en dan met name de UX flow van de app. Dit komt echt doordat wij veel contact hebben gehad met fysiotherapeuten. Voornamelijk Michael Ton van Uw Fysio in Utrecht. Zijn actieve deelname aan dit project heeft de mogelijkheid geboden om echt in de huid van een fysiotherapeute te kruipen. Daarnaast hielp de verdieping in de goniometrie ook ontzettend mee in het ontwerp proces. Ook ben ik ook blij met de huisstijl, omdat deze fris nog genoeg contrast bied voor leesbaarheid, iets wat de doelgroep ook aangaf. Tot slot ben ik ook blij dat wij ons niet hebben beperkt tot slechts de beta-versie van de app. Het graven in het toekomst perspectief van Richard en de doelgroep, heeft ervoor gezorgd dat ons concept past bij de behoeftes van beiden.

Verbeterpunten

Desondanks ik blij ben met de actieve deelname van de doelgroep, had ik graag ook onderzoek willen doen bij verschillen praktijken. Langduriger testen en daarnaast ook de mogelijkheden van praktijksoftware implementatie onderzoeken, zou echt waardevol zijn. Ook had ik graag wat (meer) tijd besteed aan het ontwikkelen van animaties in de app en het nog verfijnen van de algehele look en feel.

Tot slot had ik ook graag willen bijdragen aan het ontwikkelen van instructies voor alle meting en deze graag willen testen bij de doelgroep (de cliΓ«nten).

 

Project portfolio

Hieronder zijn de highlights van mijn project te zien. Ik heb de procesfoto’s van het maken van deze website en mijn geschreven documentatie niet toegevoegd, om het nog enigszins overzichtelijk te houden. Uiteraard is mijn documentatie terug te vinden in onze groepsproducten. Mocht je nog vragen hebben over het maken van de portfolio website, dan kan dit tijdens het assessment gesprek.

Hot Networkz - Webdesign

Proces portfolio andere versie-01.png

Klik hier om het design te bekijken!

Of scroll rustig verder!

 

Gonio & Balans - App

Proces portfolio andere versie-02.png
 

Final product

Hieronder zie je de prototype video’s van de Gonio & Balans App. De video’s zijn onderverdeeld in verschillende versies/delen van de app. Namelijk: de beta versie voor de ICT-ers, de volledige versie - client kant en fyiso kant.

 
 

ICT

Fysio

Client

 

Advies schermen

Je hebt zojuist de designs bekeken en zie je hieronder ons advies hierop. Dit is op basis van laatste test met de doelgroep. Omdat deze nog vlak voor de deadline was, leek het ons verstandig de laatste schermen niet te verwerken in het prototype (i.v.m. tijd). Om de implementatie van deze feedback te vereenvoudigen, heb ik deze wel in een aantal voorbeeldschermen uitgewerkt (i.p.v. alleen tekst). Uiteraard licht ik deze schermen tijdens de eindpresentatie toe en heb ik dit gedocumenteerd in het gezamenlijke groepsadvies (te vinden in de gezamenlijke inlevermap).

 

Testresultaten kleurenblind

Tijdens het itereren voor de kleurenpaletten hebben we gebruik gemaakt van een tool, genaamd Toptal Color Blind Filter. Hier controleer je de leesbaarheid kleurenblinden. De grootste uitdaging hierbij is: het creΓ«ren van voldoende contrast tussen de non-actieve en active elementen van de app, zonder het design te druk te maken. Om deze rede hebben tijdens het itereerproces de schermen opgemaakt in verschillende kleurpaletten en bij deze beelden de filter tool toegepast. Om zo te testen of alle elementen duidelijk communiceerbaar bleven. Omdat wij deze resultaten niet in ons onderzoek hebben vermeld, leek het mij leuk om een paar resultaten hier te delen.(toptal,zd)

 

Deutanopla

 
 
Deutanopla 3.png

Greyscale

 
Greyscale 1.png
Greyscale 2.png

Protanopla

Greyscale 3.png
 
protanopla 1.png

Trltanopla

 

Portfolio? Klik hier!

P.S. it’s still a work in progress!

Bibliografie

  1. Academy, T. F. (2019, Juli 8). Portfolio Tips – Reviewing YOUR Design Work – Part 1. Opgehaald van Youtube: https://www.youtube.com/watch?v=VFAkgNpAVSo

  2. Don Norman, J. N. (sd). The Definition of User Experience (UX). Opgehaald van NN/g Nielsen Norman Group: https://www.nngroup.com/articles/definition-user-experience/

  3. Foundry, C. (2021, Maart 4). What Is UX Design? - An Introduction (2021). Opgehaald van YouTube: https://www.youtube.com/watch?v=ziQEqGZB8GE

  4. Futur, T. (2018, Mei 31). UX Design Process: Mental Modeling Framework, Deep Dive, How To & Tips. Opgehaald van Youtube: https://www.youtube.com/watch?v=iE39TOuVvWw&list=PL3j7JHNjvsU88CEJsPCb97hKE8j_A7CBP&index=5

  5. Lamprecht, E. (2021, Maart 11). The Difference Between UX And UI Design - A Beginner's Guide. Opgehaald van Career Foundry: https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/

  6. Toptal. (sd). Colorblind Web Page Filter. Opgehaald van Toptal: https://www.toptal.com/designers/colorfilter

  7. Thalion. (2018, September 3). How to Become UX Designer β€” Step by Step Guide. Opgehaald van Prototypr.io: https://blog.prototypr.io/how-to-become-ux-designer-step-by-step-guide-5a49e9e17318

  8. White, C. (2021, Maart 19). What does a UX designer Actually Do? Opgehaald van Career Foundry: https://careerfoundry.com/en/blog/ux-design/what-does-a-ux-designer-actually-do/