Hoe kan de gebruikerservaring van Eric worden verbeterd bij het proces van foto-upload en -bewerking, met specifieke aandacht voor het optimaliseren van toegankelijkheid en gebruiksvriendelijkheid?
Het huidige ontwerp van de interfaces van populaire social media-apps, zoals TikTok, Facebook en Instagram, vormt een uitdaging voor gebruikers met een motorische beperking, zoals Eric. Hoewel Eric een actieve gebruiker is van deze apps, ondervindt hij moeilijkheden vanwege zijn beperkte fijne motoriek. Het uploaden en bewerken van foto's in deze apps vereist verschillende handelingen, waardoor de interactie voor Eric niet optimaal is.
Het probleem is tweeledig. Ten eerste zijn de interfaces van deze apps over het algemeen niet specifiek ontworpen om tegemoet te komen aan de behoeften van gebruikers met motorische beperkingen. De knoppen en interactie-elementen zijn mogelijk te klein, onnauwkeurig of moeilijk te bereiken voor iemand met beperkte fijne motoriek, waardoor het moeilijk is om foto's te uploaden en te bewerken. Ten tweede vereisen de huidige stappen voor het uploaden en bewerken van foto's in deze apps meerdere handelingen, wat de interactie voor Eric bemoeilijkt. Hij moet mogelijk inzoomen, een uitsnede maken, de foto draaien en/of in een kader plaatsen, wat extra inspanning en precisie vereist.
Om deze uitdagingen aan te pakken, is er behoefte aan een nieuwe applicatie die specifiek ontworpen is om Eric in staat te stellen eenvoudig foto's te uploaden en bewerken. Deze functionaliteit moet rekening houden met zijn beperkte fijne motoriek en hem de mogelijkheid bieden om taken zoals inzoomen, bijsnijden, draaien en plaatsen in een kader op een intuïtieve en gemakkelijke manier uit te voeren.
Voor Eric heb ik een fotobewerkingsapp ontwikkeld, specifiek ontworpen om zijn gebruikerservaring te verbeteren bij het uploaden en bewerken van foto's. De app biedt Eric een aantal functionaliteiten, waaronder het uploaden van foto's, het aanpassen van de afbeelding ratio, inzoomen, draaien, contrast aanpassen en helderheid aanpassen. Elk van deze functies is zorgvuldig ontworpen met het oog op toegankelijkheid en gebruiksgemak, om Eric in staat te stellen zijn foto's gemakkelijk en intuïtief te bewerken.
Bij het ontwerpen van de gebruikerservaring van de app stond het minimaliseren van het aantal benodigde handelingen centraal. Door de interface zo te ontwerpen dat Eric zich kan focussen op één functie per keer, wordt zijn gebruiksgemak vergroot. Dit wordt bereikt door de functionaliteiten op een overzichtelijke en intuïtieve manier te presenteren, waarbij elke functie duidelijk gemarkeerd en toegankelijk is via een gebruiksvriendelijke gebruikersinterface. Knoppen en range sliders zijn bewust vergroot om tegemoet te komen aan zijn motorische beperkingen, zodat hij ze gemakkelijk kan bedienen. Hierdoor kan Eric nauwkeurige aanpassingen maken aan de foto's zonder onnodige moeilijkheden.
Versie 1: https://maxvl3.github.io/HCDherkansing/versie1/
Versie 2: https://maxvl3.github.io/HCDherkansing/versie2/
- Houd er rekening mee dat de prototypes zijn ontworpen voor mobiele apparaten.
- Wie?
Eric is een 35-jarige man met een motorische beperking. Hij houdt ervan om zijn foto's te delen op sociale media, maar vindt het moeilijk om ze te uploaden en te bewerken vanwege zijn beperkte fijne motoriek.
- Wat?
Eric wil een recente vakantie foto uploaden naar zijn favoriete sociale media-app om te delen met vrienden. Hij wil de foto eerst even bewerken door de afbeelding verhouding aan te passen, in te zoomen en de helderheid te verbeteren.
- Hoe?
Eric opent de speciaal ontworpen fotobewerking app en ziet een eenvoudige startpagina. Met een tik uploadt hij zijn foto en komt in het bewerking gedeelte terecht. Daar kan hij met gemak de afbeelding verhouding aanpassen, inzoomen op details en de helderheid regelen met behulp van knoppen en schuifregelaars. Met intuïtieve interacties kan Eric moeiteloos de gewenste bewerkingen uitvoeren. Na het afronden slaat hij de bewerkte foto op om te delen met vrienden en familie. De app biedt een gebruiksvriendelijke interface en aangepaste bedieningselementen die Eric helpen om zijn foto's te bewerken.
- Waarom?
Eric wil met de fotobewerkingsapp gemakkelijk zijn foto's kunnen uploaden en bewerken, ondanks zijn motorische beperkingen. De app heeft een intuïtieve gebruikersinterface en speciale bedieningselementen waardoor Eric met vertrouwen zijn foto's kan delen. Het gebruik van de app verbetert zijn persoonlijke ervaring en stelt hem in staat om bijzondere momenten met anderen te delen.
Doel van de test:
Mijn doel is om de gebruikerservaring van Eric te testen tijdens het gebruik van de foto-editor app. Ik wil ontdekken of de functionaliteiten van de app intuïtief en toegankelijk zijn voor Eric, en of hij gemakkelijk de gewenste bewerkingen kan uitvoeren.
Algemene vragen:
- Maak je gebruik van foto-editor apps? Zo ja, welke?
- Wat zijn voor jou de belangrijkste tools die je nodig hebt om foto's te bewerken?
Test uitdaging:
Scenario: Je hebt zojuist een aantal leuke vakantiefoto's van een vriend ontvangen. Je besluit de foto waarop je het beste staat te bewerken voordat je deze op sociale media plaatst.
- Upload een foto uit jouw galerij om deze te kunnen bewerken in de foto-editor.
- Zoom de afbeelding een klein stukje in.
- Voeg een blur-effect toe aan de afbeelding.
Vragen na de test:
- Mijn foto editor maakt gebruik van plus- en min knoppen om filters toe te passen. Hoe vind je dit werken?
- Hoe zou je het vinden als er in plaats van knoppen range sliders zouden zijn om de filters aan te passen?
- Extra vragen op basis van observaties tijdens de test
Tijdens mijn gebruikerstest met Eric heb ik verschillende belangrijke bevindingen ontdekt die mijn inzicht hebben vergroot in de gebruikservaring van de door mij ontwikkelde fotobewerkingsapp. Hieronder heb ik alle bevindingen beschreven:
Onbedoelde selectie van video's bij het uploaden: Tijdens het uploaden van een foto heeft Eric per ongeluk een video geselecteerd in plaats van een foto uit zijn galerij. Dit veroorzaakte verwarring, aangezien Eric ervan uitging dat hij alleen foto's kon kiezen in zijn galerij.
Verwarring bij het inzoomen: Bij het inzoomen van een foto probeerde Eric eerst te dubbeltikken op de afbeelding. Dit resulteerde echter in het onbedoeld inzoomen van de volledige webapplicatie, waarbij de toolbar niet meer zichtbaar was. Bovendien selecteerde de browser de afbeelding, wat Eric afleidde en in verwarring bracht over de inzoomfunctie.
Beperkte controle bij het aanpassen van waarden: Eric vond de plus- en min knoppen waarmee hij de hoeveelheid kon aanpassen duidelijk en gemakkelijk te gebruiken. Een nadeel was echter dat de stappen tussen de waarden te groot waren, waardoor hij niet voldoende controle had over de aanpassing. Bovendien kostte het hem vaak meerdere keren drukken op de knoppen om de gewenste waarde te bereiken, wat tijdrovend was. Eric probeerde ook de knoppen lang ingedrukt te houden om dit te voorkomen, maar deze functionaliteit was helaas niet mogelijk.
Gewenste functionaliteit: aanpassen van afbeeldingen ratio: Eric gaf aan dat hij een functie miste waarmee hij de ratio van de afbeelding kon aanpassen. Deze functie is belangrijk voor Eric, omdat hij dit vaak gebruikt.
Deze bevindingen hebben me bewust gemaakt van de uitdagingen waarmee Eric als gebruiker met motorische beperkingen wordt geconfronteerd. Ik zal deze bevindingen meenemen bij het verbeteren van de fotobewerkingsapp, met als doel een toegankelijke en gebruiksvriendelijke ervaring te bieden aan Eric.
- Beperking van het uploaden van alleen foto's:
Om verwarring te voorkomen en ervoor te zorgen dat alleen foto's kunnen worden geüpload, is er een aanpassing gedaan in het uploadproces. Eric kan nu alleen foto's selecteren uit zijn galerij en worden video's automatisch uitgesloten van selectie.
- Voorkomen van onbedoelde element selectie:
Om Eric's ervaring te verbeteren en onbedoelde element selectie te voorkomen, is er een aanpassing doorgevoerd. Nu is het niet meer mogelijk om elementen te selecteren in de fotobewerkings applicatie.
- Gebruiksvriendelijkere waardeaanpassing:
De plus- en min knoppen zijn vervangen door range sliders, waardoor de gebruiker nauwkeuriger en makkelijker waarden kan aanpassen. Door de slider te slepen, kan de gebruiker de gewenste waarde selecteren zonder meerdere keren te hoeven drukken. Hierdoor wordt de controle over de aanpassing vergroot en wordt tijd bespaard.
- Functie voor het aanpassen van de afbeelding ratio:
Een nieuwe functie is toegevoegd waarmee de gebruiker de ratio van de afbeelding kan aanpassen. Hiermee kan Eric nu de afbeelding naar wens bijsnijden en de verhoudingen aanpassen, wat een belangrijke functie voor hem is.
- Download knop voor bewerkte afbeelding:
Er is een download knop toegevoegd waarmee Eric de bewerkte afbeelding rechtstreeks kan downloaden naar zijn apparaat. Dit maakt het delen en opslaan van de bewerkte afbeelding eenvoudiger en handiger.
- Vormgeving en gebruikerservaring (UX) verbeteringen:
Er zijn verschillende verbeteringen aangebracht in de vormgeving en de gebruikerservaring. Er is gezorgd voor betere kleurcontrasten, grotere knoppen en een vereenvoudigde interactie. Dit helpt Eric om de app gemakkelijker te bedienen en verbetert de algemene toegankelijkheid en gebruiksvriendelijkheid van de app.
- Study situation
Het exclusieve ontwerpprincipe "study situation" impliceert dat ontwerpers zich focussen op een bepaalde omgeving of context en grondige kennis hierover vergaren. Deze aanpak stelt ontwerpers in staat om de behoeften en uitdagingen te begrijpen waarmee gebruikers binnen die specifieke situatie worden geconfronteerd. Hierdoor kunnen ontwerpers oplossingen ontwikkelen die op maat zijn gemaakt voor specifieke vereisten. Het resultaat zijn inclusieve en toegankelijke ontwerpen die beter aansluiten bij de behoeften van alle gebruikers. Ik heb dit principe toegepast door me goed te verdiepen in de opdracht en vooral door vragen te stellen aan Eric om zijn situatie beter te begrijpen. Door zijn specifieke behoeften en uitdagingen te onderzoeken, kon ik een beter inzicht krijgen in hoe ik de applicatie kon ontwerpen en aanpassen om aan zijn behoeften te voldoen.
- Ignore conventions
Het exclusieve ontwerpprincipe "ignore conventions" moedigt ontwerpers aan om niet bang te zijn om af te wijken van de bestaande conventies. Door deze conventies te negeren, krijgen ontwerpers de vrijheid om nieuwe en innovatieve oplossingen te bedenken die beter aansluiten bij de behoeften van gebruikers. Dit leidt uiteindelijk tot ontwerpen die meer inclusief en toegankelijk zijn. Ik heb dit principe toegepast door niet simpelweg de bestaande fotobewerkingsapps na te maken met talloze functies en complexe handelingen. In plaats daarvan heb ik ervoor gekozen om de applicatie eenvoudig en gebruiksvriendelijk te houden, specifiek afgestemd op de behoeften van Eric.
- Prioritise identity
Het exclusieve ontwerpprincipe "prioritise identity" benadrukt het belang van het helpen van gebruikers om zich te richten op de essentiële functionaliteiten, kenmerken en inhoud, door deze prioriteit te geven in de lay-out en inhoud. Een andere benadering van dit principe is om te kijken naar de identiteit van de gebruiker, bijvoorbeeld door specifiek te focussen op een bepaalde identiteit. Wat gebeurt er wanneer we ons specifiek richten op een bepaalde identiteit? Ik heb dit principe toegepast door niet alleen voor Eric te ontwerpen, maar ook met hem. Ik heb zijn input en feedback meegenomen tijdens het ontwerpproces. Door zijn perspectief en ideeën te integreren, kon ik de applicatie beter afstemmen op zijn behoeften en voorkeuren, waardoor het een persoonlijke en inclusieve ervaring werd.
- Add nonsense
Het exclusieve ontwerpprincipe "add nonsense" houdt in dat er bewust onzin wordt toegevoegd aan het ontwerp. Voordat dit wordt gedaan, is het belangrijk om onderzoek te doen naar de verschillende manieren waarop deze nonsens kan worden toegevoegd. Dit kan bijvoorbeeld gebeuren door het designteam verschillende ideeën te laten bedenken. Sommige van deze ideeën kunnen vreemd lijken voor sommige mensen, maar voor anderen kunnen ze veel betekenis hebben. Ik heb dit principe toegepast door Eric tijdens de test regelmatig te vragen hoe hij bepaalde functies anders en beter zou willen zien. Hierdoor kreeg ik regelmatig creatieve ideeën en innovatieve oplossingen van Eric die ik eventueel zou kunnen verwerken.
Tijdens dit project heb ik belangrijke lessen geleerd en mijn vaardigheden verbeterd. Ik heb geleerd wat het betekent om exclusieve ontwerpprincipes toe te passen, wat inhoudt dat ik specifiek voor één persoon heb ontworpen in plaats van voor een brede groep mensen. Dit heeft me geholpen om meer gerichte en persoonlijke oplossingen te creëren.
Daarnaast ben ik beter geworden in het maken van een testplan, het uitvoeren van tests en het documenteren van mijn bevindingen. Het opstellen van een gedetailleerd testplan gaf me een duidelijke richting tijdens het testen met Eric. Het uitvoeren van de test gaf me waardevolle inzichten in zijn ervaring en identificeerde gebieden waar ik verbeteringen kon aanbrengen. Het documenteren van de resultaten hielp me om een overzicht te krijgen van wat goed werkte en wat verbeterd kon worden.
Kortom, dit project heeft me geleerd om exclusieve ontwerpprincipes toe te passen en me bewust te zijn van de behoeften van één persoon. Daarnaast heb ik mijn vaardigheden op het gebied van user testing verbeterd. Deze ervaring zal zeker waardevol zijn voor mijn toekomstige ontwerpprojecten.