dinsdag 7 maart 2017

Design Choice and Text Usability


Design Choice and Text Usability


Determine if you need user- or activity centered design. Explain your choice.

Activity centered ,omdat de site zijn target audience erg breed is. Dit zorgt ervoor dat het erg lastig is om in de design van de website met iedereen rekening te houden. Daarom hebben wij gekozen voor activity centered design .

Make a list of the activities or tasks your users can perform with your application. Determine why each task is of benefit to your users in reaching their goals. Of course you only can describe WHAT they can do, not yet HOW they have to do it.

Kaartjes kopen: Hierdoor hoeven de gebruikers niet in de rij te staan bij de kassa en kan het niet zijn dat de film is uitverkocht als ze daar aankomen en dus niet naar binnen kunnen.
  1. Bestellen kaarten: Online kaarten bestellen, zodat ze bij aankomst geen kaarten meer hoeven te kopen.
  2. Kaarten uitprinten: Nadat de kaarten zijn gekocht moet de koper een bewijs hebben dat hij kaarten heeft besteld.
  3. Kijken welke films er draaien: Als mensen kaarten willen kopen moeten ze kunnen kijken welke films er draaien en wanneer.
Bezoek Plannen
  1. Kijken welke films er draaien: Als mensen naar de bioscoop willen gaan kunnen ze op de website zien wat er draait en een film uitkiezen.
  2. Kijken hoe laat een film draait: Wanneer mensen een bepaalde film willen zien kunnen deze met andere mensen bespreken om op bepaalde momenten af te spreken.
  3. Kijken naar films die nog uit gaan komen in de bioscoop :zodat de gebruikers kunnen plannen wanneer ze tickets willen kopen .
  4. Kijken waar de bioscoop staat: Als je naar de bioscoop gaat is het handig om te weten waar deze staat.



Application


Wij gaan een website maken voor de bioscoop c-cinema, deze website moet zowel op desktop als op mobile goed werken. Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films draaien. Het bestellen van kaartjes moet makkelijk en snel gebeuren.

Text usability

Om te zorgen dat ons verhaal goed overgebracht wordt hebben wij een aantal dingen toegepast, een hiervan is het gebruik van koppen die duidelijk weergeven waar de tekst over gaat. Andere punten die we gebruiken is een goed leesbaar lettertype, alinea’s, witregels en gebruiken we geen afkortingen. We gebruiken geen afkortingen, omdat we er zo voor zorgen dat iedereen ons verhaal kan volgen ongeacht kennis van de begrippen rond user interfaces. Een punt dat we gaan verbeteren bij de volgende weken is het gebruik van afbeeldingen om de tekst te verduidelijken.

Kloze test 

Op onze stuk beschrijving van onze applicatie hebben wij een Kloze test uitgevoerd. De tekst die gebruikt is staat hieronder.

Wij gaan een website maken voor de bioscoop c-cinema, deze website moet zowel op desktop als op mobile goed werken. Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films draaien. Het bestellen van kaartjes moet makkelijk en snel gebeuren.

Resultaten


Wij gaan een website maken voor de bioscoop c-cinema-, deze website moet zowel op desktop als op een mobiel goed werken. Gebruikers moeten snel de informatie kunnen vinden welke films er draaien en hoe laat de films draaien. het bestellen van kaartjes moet makkelijk en snel gebeuren.


Wij gaan een website maken voor de bioscoop c-cinema, deze website moet zowel op desktop als op mobile goed werken. Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films draaien. Het bestellen van kaartjes moet makkelijk en snel gebeuren.


Cloze test
Wij gaan een website maken ____ de bioscoop c-cinema-, deze website ____ zowel op desktop als op ______ goed werken. Gebruikers moeten snel ______ vinden welke films er draaien __ hoe laat de films draaien. ___ bestellen van kaartjes moet makkelijk __ snel gebeuren.



Persoon nr 1(Jongeman 20 jaar):
Wij gaan een website maken voor de bioscoop c-cinema-, deze website is zowel op desktop als op mobiel goed werken. Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films draaien. het bestellen van kaartjes moet makkelijk en snel gebeuren.


Persoon nr 2(Jongeman 20 jaar):


Wij gaan een website maken voor de bioscoop c-cinema-, deze website moet zowel op desktop als op mobiel goed werken. Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films draaien. het bestellen van kaartjes moet makkelijk en snel gebeuren.


Persoon nr 3(Jongeman 19 jaar):
Wij gaan een website maken voor de bioscoop c-cinema-, deze website moet zowel op desktop als op een mobiel goed werken. Gebruikers moeten snel de informatie kunnen vinden welke films er draaien en hoe laat de films draaien. het bestellen van kaartjes moet makkelijk en snel gebeuren.


Wij gaan een website ____ voor de bioscoop c-cinema-, ____ website moet zowel op ____ als op mobile goed ___.Gebruikers moeten snel kunnen ___ welke films er draaien ___ hoe laat de films ____. Het bestellen van kaartjes ___ makkelijk en snel gebeuren.


Persoon nr4(Vrouw 52 jaar)
Wij gaan een website maken voor de bioscoop c-cinema-, de website moet zowel op computer als op mobile goed zijn. Gebruikers moeten snel kunnen zien welke films er draaien en hoe laat de films beginnen. Het bestellen van kaartjes moet makkelijk en snel gebeuren.


persoon nr5(Jongeman 22 jaar)
Wij gaan een website bouwen voor de bioscoop c-cinema-, de website moet zowel op computer als op mobile goed werken .Gebruikers moeten snel kunnen kijken welke films er draaien en hoe laat de films beginnen. Het bestellen van kaartjes moet makkelijk en snel gebeuren.


persoon nr5(Vrouw 54 jaar)
Wij gaan een website maken voor de bioscoop c-cinema-, de website moet zowel op websites als op mobile goed werken .Gebruikers moeten snel kunnen vinden welke films er draaien en hoe laat de films starten. Het bestellen van kaartjes kan makkelijk en snel gebeuren.


Feedback

De feedback die wij deze week kregen was om de close testen uit te voeren en om individuele bijdrage toe te voegen, ook moesten wij nog even goed kijken naar onze taken onder de doelen. We hebben een kopje individuele bijdrage toegevoegd, ook hebben we een kloze test uitgevoerd. Verder hebben wij de taken/doelen wat aangepast.

Individuele bijdrage

Jeroen

  • 2 Cloze tests
  • activity entered design
Melvin
  • 2 Cloze tests
  • Inleidende tekst
Sander
  • 1 Close tests
  • Text usability
  • Feedback
  • Blogpost maken





zondag 19 februari 2017

User Research

Inleiding

In dit blog houden wij(Sander van Elderen, Jeroen van Baast en Melvin Boeters) bij hoe wij aan de opdrachten voor user interface engineering hebben gewerkt.


Applicatie

De applicatie die wij hebben gekozen is de website: http://www.c-cinemas.nl/Cinema/
Dit is de website van een bioscoop waarop je verschillende informatie kunt vinden over films draaitijden en de bioscoop zelf.

Gebruikers en hun doelen



Iedereen kan deze website gebruiken om te zien welke films worden afgespeeld.  En tickets te boeken, maar dit wordt vooral gedaan door mensen die ouder zijn dan 16 jaar. Wij kunnen voor onze applicatie een aantal doelgroepen vaststellen, jongeren en vader of moeder van een gezin. Jongeren willen de applicatie vooral gebruiken als ze met een groep vrienden zijn, meestal is dit niet in de buurt van een computer dus moet de applicatie 'mobile friendly' zijn. Voor gezinsleden moet makkelijk gezinskorting zichtbaar zijn. Ook kan het handig zijn om de locatie van de bioscoop te vinden.


Problemen die de gebruikers ondervinden om hun doelen te bereiken



  • Het overzicht van de films is erg lastig te vinden.
  • Onduidelijk hoe je tickets moet kopen.
  • Homepagina werkt onlogisch.


Problemen die wij gaan oplossen

Een duidelijk overzicht van films .
Makkelijk maken om tickets te kopen.
Duidelijkere pagina-indeling.

Applicaties met dezelfde doelgroep



Sterke en zwakke punten



Euroscoop



Sterke punten

  • Duidelijk (gebruiker kan alles snel vinden).
  • Rustig (gebruiker wordt niet overwelmd door informatie).
  • Duidelijk film overzicht (een gebruiker kan makkelijk zien welke films rond bepaalde tijden draaien).


Zwakke punten

  • Openingstijden zijn onduidelijk.

PathƩ



Sterke punten

  • Mobiel vriendelijk (gebruikers kunnen meerdere soorten apparaten gebruiken om op de website te komen).
  • Rustig (gebruiker wordt niet overwelmd door informatie).
  • Duidelijk film overzicht (een gebruiker kan makkelijk zien welke films rond bepaalde tijden draaien).
  • Duidelijk film overzicht.

Zwakke punten

  • Geen overzicht van het gehele programma (Bezoekers komen niet alleen naar de site om specifieke films te bekijken).


Gebruikers van de app en hoe het op hen gericht is



Jonge gezinnen targeten ze door leuke dingen voor kinderen te regelen zoals kinderfeestjes.
Jonge dames doormiddel het event lady’s night te promoten op de website.
Maar eigenlijk zijn de targets van de website erg breed sinds iedereen wel is een keer gebruik wilt maken van de bioscoop.


Problemen die de doelgroepen ondervinden



Jongeman 20+(op telefoon)
  • Site niet mobielvriendelijk(niet scalable etc.)
  • Geen duidelijk overzicht van de films per tijd.
  • Drop Down Menu werkt niet goed op mobiel
Man 40+
  • Kon actuele adres niet vinden in contact.
  • Kon filmaanbod niet vinden.
  • Geen optie om film op te zoeken.
  • Alles staat door elkaar heen. (Geen genres)
  • Nieuwe films op homepage bewegen te snel in de scroll bar.
  • Click links doen niet wat de gebruiker verwacht.
  • Kan niet op images clicken van films.
  • Lettertype moeilijk/vervelend te lezen.
  • Veel overbodige tekst bij acties. Het leest niet fijn.
  • Verwachte films staan niet waar je ze verwacht.
  • Links zijn onlogisch geen reden om naar toe te gaan helft laadt niet.


Jonge dame 20+
  • Filmaanbod staat onlogisch.
  • Geen zoekoptie.
  • Geen overzicht per dag.
  • Om te zien wat er wordt afgespeeld moeten alle films worden aangeklikt.
  • Lastig navigeren door de site.
  • Lastig om te lezen door de font.
  • Verkeerde target doelgroep voor de kinderen.
  • Geeft aan dat je kan reserveren maar een reservatie is niet mogelijk.
  • Kon optie om te reserveren eerst niet vinden.
Vrouw 50+
  • Film scroll bar had geen filmtitels.


Gebruikersonderzoek
Wij hebben een aantal gebruikers gevraagd om wat opdrachten op de site uit te voeren zoals:
“Zoek het telefoonnummer van de bioscoop” of “Zoek het aanbod van alle films”. De personen die wij deze opdrachten hebben laten uitvoeren zijn Marja Verhoeven, 58 jaar moeder van twee kinderen werkt in een verzorgingstehuis. Tim van Elderen 19 jaar studeert HBO accountancy.
Een van de dingen die uit dit onderzoek kwam was dat het voor de eerste gebruiker moeilijk was om het drop down menu te gebruiken, Ook was de informatie over de openingstijden van de kassa’s en het overzicht van alle films moeilijk te vinden. Hieronder staan een aantal korte filmpjes van de uitgevoerde opdrachten met daarbij wat de opdracht voor de gebruiker was.
De opdracht voor de gebruiker was "Zoek op welke films er morgen draaien"
De opdracht voor de gebruiker was "Vind de contactgegevens van de bioscoop"


De opdracht voor de gebruiker was "Zoek een overzicht van alle films die er draaien"
De opdracht voor de gebruiker was "Zoek de route naar de bioscoop toe"
De opdracht voor de gebruiker was "Zoek de duur op van de lego Batman in 2d film"


De opdracht voor de gebruiker was "Vind het telefoonnummer van de bioscoop"
De opdracht voor de gebruiker was "Vind de openingstijden van de kassa"


Bruikbaarheids factoren



Leerbaarheid

  • Click links doen niet wat de gebruiker verwacht.
  • Film scroll bar had geen filmtitels.
  • Nieuwe films op homepage bewegen te snel in de scroll bar.
  • Click links doen niet wat de gebruiker verwacht.
  • Lettertype moeilijk/vervelend te lezen.
  • Verwachte films staan niet waar je ze verwacht.
  • Filmaanbod staat onlogisch.


Efficiƫntie

  • Kon filmaanbod niet vinden.
  • Geen optie om film op te zoeken.
  • Alles staat door elkaar heen. (Geen genres)
  • Nieuwe films op homepage bewegen te snel in de scroll bar.
  • Kan niet op images clicken van films.
  • Lettertype moeilijk/vervelend te lezen.
  • Geen overzicht per dag.
  • Om te zien wat er wordt afgespeeld moeten alle films worden aangeklikt.
  • Geeft aan dat je kan reserveren maar een reservatie is niet mogelijk.
  • Kon optie om te reserveren eerst niet vinden.

Complexiteit

  • Veel overbodige tekst bij acties. Het leest niet fijn.
  • Site niet mobielvriendelijk.(niet scalable etc.)

Verschil in doelen

De belangrijkste doelen waren al beschreven namelijk het kunnen vinden van de films en het reserveren van kaartjes. Uit de interviews kwam het naar voren dat het ook belangrijk was om de contactinformatie te kunnen vinden.

Persona’s

Persona 1
adult-student-e12920888074681.jpgThomas van der Laan is een man van 21, woont in Bergen op Zoom samen met zijn ouders. Hij studeert HBO accountancy in Breda. Hij krijgt studiefinanciering van de overheid en heeft een bijbaan in de bediening bij een restaurant in Bergen op Zoom. Als hij naar de bioscoop wil met zijn vrienden wil hij eerst kijken op de website van c-cinemas welke films er draaien, dit doet hij op zijn mobiel. Hij wil snel kunnen zien welke films er op welk tijdstip draaien. Hij kan redelijk goed omgaan met computers en mobieltjes, omdat hij hier tijdens zijn opleiding gebruik van maakt. De site zal hij vooral gebruiken met zijn mobiel, omdat hij de website wil gebruiken als hij met vrienden bij elkaar is en er geen computer in de buurt is.


Persona 2
anna-pastor.jpgAnna Verkerk is een 56 jaar oude vrouw die samen met haar man en twee kinderen in Roosendaal woont. Ze werkt in Roosendaal als administratief medewerker bij een advocatenkantoor. In haar vrije tijd doet ze graag activiteiten met haar gezin. Een van die activiteiten die graag doet is naar de bioscoop gaan. De manier waarop ze dit doet is door naar de site te gaan en daar kaarten te bestellen voor het gezin, zodat ze geen kaarten hoeft te kopen bij de bioscoop zelf. Ze doet dit op haar laptop. Zelf heeft ze enige kennis van het gebruik van een laptop vanwege haar werk, maar soms heeft ze de hulp nodig van haar kinderen.



Feedback

Deze week hebben we als feedback gekregen dat we de doelen van onze gebruikers beter moeten beschrijven. Onder het kopje gebruikers en hun doelen.


Individuele bijdrage

Sander

  • Persona’s
  • gebruikersonderzoek uitgevoerd
  • gebruikersonderzoek hoofdstuk
  • alles in blog formaat gezet
  • bronvermelding

Jeroen

  • Website uitgekozen
  • gebruikers bepaald met hun goal
  • de problemen van de gebruikers bepaald
  • bekeken welke problemen er opgelost worden
  • vergeleken met 2 andere applicaties en hier de sterke en zwakke punten van bekeken
  • target users bepaald
  • target groep geobserveerd en de problemen vastgesteld
  • goals van de gebruikers vergeleken met zelf bedachte goals.

Melvin

  • Applicatie
  • Gebruikers en hun doelen
  • Problemen die de gebruikers ondervinden om hun doelen te bereiken
  • Problemen die wij gaan oplossen
  • Applicaties met dezelfde doelgroep
  • Sterke en zwakke punten 
  • Gebruikers van de app en hoe het op hun gericht is
  • Problemen die de doelgroepen ondervinden
  • bruikbaarheids factoren


Bronnen

foto persona 1 
foto persona 2
populaire namen per leeftijd(om namen persona's te bepalen)