Prototype. Rob Duits Klas ROOD

Prototype Rob Duits Klas ROOD

Rob Duits

1

The Future is Mobile

Inhoud What’s new Kernidee Functionaliteit Interactie Grafisch Typografie Copy (tone of voice) Technische architectuur Bijlage1: Planning Bijlage2: Onderzoek Bijlage3: Personae Bijlage4: UI testrapport Bijlage5: Waarnemingen Usability Test

Rob Duits

3 3 3 5 7 10 10 11 12 13 14 15 16

2


What’s new

● Het prototype is ontworpen in het programma Flash met de computertaal ActionScript 2.0. ● De functionaliteit van de applicatie is verder ontwikkeld. Bij bedrijven die het ondersteunen kan een webcam worden neergezet die om de minuut een beeld vastlegt. Dit beeld is vervolgens te zien door de gebruiker via de applicatie. Zo kan de gebruiker zien of het rustig of druk is op de locatie. In het geval van een terras dat vol zit, weet de gebruiker dat het geen zin heeft om daar dan helemaal naartoe te komen. In plaats daarvan kan de gebruiker een terras opzoeken met meer vrije plaatsen (en reserveren). Dit scheelt een hoop tijd en ergernis van de gebruiker. ● De applicatie geeft de gebruiker de mogelijkheid om de menukaart door te nemen. Als de gebruiker op zoek is naar iets specifieks, zoals bijvoorbeeld een broodje gezond, is het handig om te zien of het bedrijf dit wel verkoopt of in voorraad heeft. ● Verder is de doelgroep meer bij het ontwerpproces betrokken om de gebruikersvriendelijkheid te verbeteren. ● Er zijn Schermontwerpen gemaakt die zowel normaal als gekanteld beeld ondersteunen.

Kernidee

Een touchvriendelijke en interactieve gids van bezienswaardigheden voor op de mobiele smartphone.

Functionaliteit

Deze touchvriendelijke en interactieve gids kan allerlij bezienswaardigheden weergeven waaronder een museum, terras, bar of discotheek. De gebruiker kan van tevoren aangeven wat zijn interesses zijn, zo kan de gids hier rekening mee houden. Buiten default waardes om kan de gebruiker vanaf het hoofdmenu een zoekterm opgeven om een specifieker doel te bereiken. De laatst ingevulde waarde blijft in het geheugen. Als de gebruiker nog een keer hetzelfde zoekt, is het niet nodig om dit opnieuw op te geven. Via GPS weet de gids waar de gebruiker zich bevindt en kan de gids vragen of de gebruiker de bezienswaardigheden van het huidige gebied wilt zien. Deze worden dan in een overzicht getoont met als eerste de opties die het dichst bij de gebruiker zijn. De gebruiker kan ook aangeven dat de opties op beoordeling worden gesorteerd of op naam. Van de geboden opties kan de gebruiker een korte omschrijving lezen, de beoordeling zien van andere gebruikers tegenover de bezienswaardigheid. Tevens is er ook een routebeschrijving beschikbaar om met de auto of lopend bij de bestemming te komen. De prioriteit van de functionaliteit voor de ontwikkeling van de applicatie is aangegeven in de MoSCoW prioritering op de volgende pagina. Hier staan de belangrijkste functies van de applicatie omschreven, samen met wat de gebruiker ziet en kan doen bij deze functie.

Rob Duits

3


MoSCoW prioritering Benodigde eis 1 Bezienswaardigheden weergeven

Type Functioneel

Prioriteit Must-have

Wat kan de bezoeker zien en doen Zien: Bezienswaardigheden in de buurt zien. Doen: Een bezienswaardigheid selecteren.

2 Menukaart weergeven

Functioneel

Must-have

Zien: Doen:

De menukaart van een bedrijf in de horeca sector. De menukaart doornemen en een keuze maken.

3 Reserveren/ keuze doorvoeren

Functioneel

Could-have

Zien:

Mogelijkheid om een plaats te reserveren en/ of je menukeuze door te geven aan het horeca bedrijf. Deze mogelijkheden benutten.

Doen: 4 Beoordeling bezienswaardigheid zien

Functioneel

Must-have

Zien: Doen:

De beoordeling van de bezienswaardigheid, samengesteld door andere gebruikers. Op de afbeelding klikken voor meer details.

5 uitgebreide beoordeling

Functioneel

Could-have

Zien: Doen:

Beoordeling per gebruiker met toelichting. Zelf een beoordeling met toelichting toevoegen.

6 Drukte indicator

Functioneel

Must-have

Zien:

Een indicator die aangeeft of het druk, rustig of vol is bij de locatie.

7 Interesses instellen

Functioneel

Must-have

Zien:

Een scherm met keuzes uit beschikbare interesses, zoals discotheek, musea, café enz… Keuzes aan- of afvinken.

Doen: 8 Simpele gebruikersinterface

Niet-functioneel (Usability)

Must-have

Zien:

In één oogopslag duidelijk zien wat de bedoeling is van de applicatie.

9 Favorieten instellen

Functioneel

Should-have

Zien:

Een simpele knop om een bezienswaardigheid op te slaan onder favorieten. Op deze knop klikken om de optie op te slaan als favoriet.

Doen:

10 Favorieten weergeven

Functioneel

Should-have

Zien:

Alle favoriete bezienswaardigheden in een zelf samengestelde lijst.

11 Favoriet(en) aanpassen/ verwijderen

Functioneel

Should-have

Zien:

Een mogelijkheid om de rangschikvolgorde van de favoriet aan te passen en een mogelijkheid om deze te verwijderen. Op een knop drukken om deze aanpassingen mogelijk te maken.

Doen: 12 Zoeken naar een specifieke locatie

Functioneel

Could-have

Zien: Doen:

Een dialoog om (gedetaileerd) te zoeken naar een specifieke locatie (informatie via Google maps). Informatie opgeven over de locatie.

13 De applicatie afsluiten

Functioneel

Must-have

Zien: Doen:

Een simpele mogelijkheid om de applicatie te sluiten. Op een knop drukken om de applicatie te sluiten.

14 Zien of er GPS verbinding aanwezig is

Niet-functioneel (Usability)

Wont-have

Zien:

De status van GPS verbinding, de reden van een defect is zo makkelijker te achterhalen.

15 Routebeschrijving

Functioneel

Must-have

Zien:

Een routebeschrijving van huidige locatie naar bestemming (Werkt met informatie uit Google Maps). Zelfde als bij Google Maps.

Doen:

Rob Duits

4


Interactie gebruiker start de applicatie

applicatie sluit

afsluiten

nog een keer proberen

GPS?

geen GPS notificatie

nee

ja

hoofdscherm instellingen

instellingen

favorieten

zoeken

zoeken op de kaart

toon interest binnen radius

opgeslagen favorieten?

nee

lege pagina

overzicht

instellen interesses

ja

interesses instellen keuze keuze

overzicht favorieten

detail pagina openingstijden

route

menukaart live cam beeld

openingstijden

Beschikbare menukaart

bekijken met live cam beeld

routeplanner open externe app (Google Maps)

Item bestellen

Item bestellen

Rob Duits

5


Hoofdscherm

• • • • •

Waar ben jij naar op zoek? (specifiek zoeken met invoerveld) Ga op zoek naar je interesses (alle interesses binnen ingestelde radius op een Google Maps kaart) Favorieten Instellingen Applicatie afsluiten

Instellingen

• • • • •

Instellen interesses Instellen radius voor weergave bezienswaardigheden in de buurt Intstellen font en corpsgrootte Terug naar hoofdscherm Applicatie afsluiten

Zoeken op de kaart

• Dialoog van Google Maps binnen het programma Overzicht locaties/ overzicht favorieten

• • • • •

Naam van het bedrijf of de bezienswaardigheid Beoordeling (gemiddelde van alle gebruikers) Volgorde van weergave (alfabetisch, beoordeling, afstand van de gebruiker – dichterbij eerst) Terug naar hoofdscherm Applicatie afsluiten

Geselecteerde locatie (detail pagina)

• • • • • • •

Menukaart weergeven (alleen horeca) Bekijken met live cam beeld (drukte indicator om te zien of het druk, rustig of vol is bij de locatie) route openingstijden Terug naar overzicht Terug naar hoofdscherm Applicatie afsluiten

Rob Duits

6


Grafisch

Op de hoofdpagina hoort niet veel informatie te staan. De hoofdfuncties zijn snel te herkennen en zijn overzichtelijk geplaatst. De gebruiker hoort overigens een optie te kunnen kiezen zonder daarbij met zijn vinger de verkeerde knop aan te raken.

Bij het klikken op de zoeken knop komt er een keypad naar voren waarmee de gebruiker zijn zoekopdracht kan invoeren. Ieder scherm van de applicatie ondersteunt gedraaid scherm

Rob Duits

7


Error handling

Er is geen GPS indicator die weergeeft of er wel of geen GPS verbinding is. In het geval dat er geen verbinding gemaakt kan worden, krijgt de gebruiker een melding te zien. Als er niks mis is, wordt de gebruiker nergens mee lastig gevallen. Wanneer de gebruiker een zoekresultaat invoert waar geen resultaten voor zijn, of de spelling incorrect is, geeft de applicatie een suggestie aan de gebruiker om de zoekopdracht te verfijnen of te corrigeren.

Rob Duits

8


De pagina’s met favorieten en de resultaten van een zoekopdracht horen overzichtelijk te zijn en makkelijk om door te scrollen.

Rob Duits

9


Typografie

Het font dat in de applicatie wordt gebruikt is Arial. Het corpsgrootte is 11pt en 14pt met binnen Flash een letterspacing van 1.0.

Copy (tone of voice)

Een simpele en wat cartoony sfeer. Geen rechte en strakke lijnen, maar losse en geschetst uiterlijk. Dit geeft de applicatie op gebied van vormgeving een unieke uitstraling.

Rob Duits

10


Technische architectuur

De applicatie is gemaakt in Flash. De gebruikte computertaal is ActionScript 2.0. De grafische elementen zijn opgeslagen in de library. De voorkeur naar ActionSript 2.0 in plaats van de versie 3.0 (die pasgeleden in het vak programmeren is behandeld) is gemaakt op basis van mijn huidige kennis en de tijd om het prototype te realiseren. Gezien mijn vooropleiding heb ik meer kennis van 2.0 en was er geen tijd om mijn tekort aan kennis van ActionScript 3.0 bij te schroeven. De applicatie is bedoeld om op de Omnia i900 van Samsung te draaien, deze heeft een schermresolutie van 240 x 400 pixels.

Het nadeel van ActionScript 2.0 is dat het minder overzichtelijk is dan de nieuwere versie. Voor mij werkt het echter wel wat sneller, dit is de hoofdreden dat ik voor 2.0 heb gekozen.

Rob Duits

11


Bijlage1: Planning Week 1: Briefing

Debriefing

Week 2: Analyse & onderzoeksfase

Onderzoek doelgroep en mobile OS Week 3:

Onderzoek doelgroep en mobile OS Concept Week 4: Ontwerpfase

Concept Deadline onderzoek & concept (13 mei 2009) Week 5:

Eventuele aanpassingen doorvoeren Ontwerpen Week 6: Realisatiefase

Ontwerpen Ontwerp laten zien (27 mei 2009) Week 7:

Ontwerpen Week 8:

Ontwerpen Week 9:

Ontwerpen Week 10: Presentatiefase

Ontwerpen Deadline prototype product & documentatie (22 juni 2009 12:00) Eindpresentatie (24 juni 2009)

Rob Duits

12


Bijlage2: Onderzoek Doelgroep

Jonge toeristen in eigen land. GPS en internetgebruik op de mobiele telefoon kost teveel geld in het buitenland en de kans dat toeristen er gebruik van maken in het buitenland is kleiner. Deze jonge toeristen wonen in een studentenhuis, huurwoning of op kamers. In de meeste gevallen gaan deze jongeren met vrienden op vakantie, hierbij is er minimaal één persoon met een rijbewijs en auto die de bob is en de groep naar bestemming brengt. Waarom de Samsung i900 Omnia?

De samsung Omnia is op dit moment de populairste smartphone op de markt 1. Op deze telefoon draait het besturingssysteem van Windows Mobile 6.1. Daarnaast ben ik zelf ook in het bezit van een Samsung Omnia, dit geeft mij ook de mogelijkheid om het prototype op deze mobiel te testen.

Helaas: niet de iPhone, maar Samsung Omnia is de populairste, internetartikel, 14-11-2008, http://www.iphoneclub.nl/20947/helaas-niet-de-iphone-maar-samsung-omnia-is-de-populairste/ 1

Samsung i900 Omnia 8GB, Reviews & vragen internet artikel, 25-07-2008 t/m 19-04-2009, http://www.kieskeurig.nl/gsm/samsung/i900_omnia/reviews/280613/ Wat verdient een ICTer gemiddeld? (deel 6), webforum, 19-11-2007 t/m 06-03-2008, http://gathering.tweakers.net/forum/list_messages/1259050/

Rob Duits

13


Bijlage3: Personae Tim Dorian

Leeftijd: 22 Woonsituatie: Uitwonend (huurwoning) Hobby’s • Tv kijken • Reizen • Op terrassen zitten • Uitgaan • Foto’s maken Doelen • Consumeren met kwaliteit • Zijn kennis uitbreiden • Plezier maken Gedrag • Onderzoekend • Sociaal • Enthousiast Problemen • Kiezen voor een goede eettenten in de buurt. • Niet altijd helder welke bezienswaardigheden er in een stad zijn, waar deze zijn en of deze de moeite waard zijn om te bezichtigen. Needs/wants • Mooie locaties opzoeken om leuke foto’s te maken • Plezier maken • Op vakantie met vrienden • Gezellig bier drinken op een terras Omgeving • Buiten op een terras • Toeristische plaatsen • Steden met uitgaansgelegenheden

Rob Duits

14


Bijlage4: UI testrapport Testaanpak

Het belangrijk testdoel is om erachter te komen of de huidige interface duidelijk is. De gebruiker moet zonder handleiding direct met de applicatie overweg kunnen. Scenario’s

Scenario1 Daphne is met een paar vriendinnen in Beverwijk. Ze krijgen door het warme weer trek in een ijsje. Omdat ze lopend zijn willen ze de snelste weg naar de dichtstbijzijnde ijsboer hebben. Maria, de vriendin van Daphne wil graag een softijsje met meloensmaak, maar niet iedere ijsboer heeft deze. Scenario2 Bart loopt door de Grote Houtweg in Haarlem. De reden van Bart´s aanwezigheid in deze stad is omdat hij nieuwe kleding nodig heeft om de zomer door te komen. De hele dag shoppen is vermoeiend en je krijgt er honger van. Bart heeft trek in een broodje gezond, maar heeft geen idee waar hij deze vandaan kan halen zonder heel Haarlem door te zoeken. Scenario3 Tim is met drie vrienden op vakantie in het oosten van Nederland. Tim en zijn vrienden zitten in een vakantiehuisje op een goedkope en rustige camping. Om de vakantie spannend te houden reizen ze met de auto naar nabije steden en dorpen. Meestal om één specifieke bezienswaardigheid te bezoeken die de vakantiegangers hebben gezien via een advertentie of folder. Het bezoeken van de meeste bezienswaardigheden duurt niet de hele dag, en het zou leuk zijn als er meer te vinden is in het desbetreffende dorp of stad. Tim heeft er niks op tegen om de plaats waar ze zijn verder te verkennen, maar heeft geen zin om te gaan zoeken zonder te weten waar hij naar zoekt. Het zou mooi zijn als er een duidelijk overzicht was van alle bezienswaardigheden en leuke terrassen in de buurt. Wanneer Tim aan het einde van de middag lekker op terras wilt zitten en een hap wilt eten, is er genoeg keuze uit restaurants en barren. Tim hecht echter veel waarde aan beoordelingen van andere mensen tegenover een bar of restaurant. Het gaat meer om de positieve ervaring dan dat het eten en drinken goedkoop is. ’s Avonds reist het viertal weer terug naar de camping of zoeken ze een plaats om uit te gaan. Van tevoren spreken ze af wie de bob is. Instructies

Er zijn geen instructies nodig. De behoeften van de doelgroep op het moment worden het doel van de applicatie.

Rob Duits

15


Bijlage5: Waarnemingen Usability Test Testdoelen

Is de interface van de applicatie werkelijk simpel en intuïtief en is de applicatie in staat om de behoeften van de gebruiker tegemoet te komen. Opdrachten/scenario’s

Daphne is met een paar vriendinnen in Beverwijk. Ze krijgen door het warme weer trek in een ijsje. Omdat ze lopend zijn willen ze de snelste weg naar de dichtstbijzijnde ijsboer hebben. Maria, de vriendin van Daphne wil graag een softijsje met meloensmaak, maar niet iedere ijsboer heeft deze. Met behulp van de applicatie kunnen ze een ijsboer in de buurt vinden die softijs met meloensmaak verkoopt. Bart loopt door de Grote Houtweg in Haarlem. De reden van Bart´s aanwezigheid in deze stad is omdat hij nieuwe kleding nodig heeft om de zomer door te komen. De hele dag shoppen is vermoeiend en je krijgt er honger van. Bart heeft trek in een broodje gezond, maar heeft geen idee waar hij deze vandaan kan halen zonder heel Haarlem door te zoeken. De applicatie kan een zaak in de buurt vinden waar broodjes gezond worden verkocht. Proefpersonen

Verbeterpunten:

- De optie “kijk gewoon wat rond” is wat onduidelijk Punten die goed gingen:

- De interface is niet te druk en de gebruiker weet snel de weg te vinden - In de zon is alles nog redelijk zichtbaar (in hoeverre het scherm dat toelaat) - Rustige en duidelijke vormgeving

Rob Duits

16


Prototype. Rob Duits Klas ROOD

Recommend Documents