Interactive Solutions
-
Upload
jaap-kabbedijk -
Category
Documents
-
view
344 -
download
0
description
Transcript of Interactive Solutions
![Page 1: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/1.jpg)
Interactive Solutions
Ontwerpen van interactieve systemen
Tijmen AmsingLeon à CampoFrank Nijmeijer
![Page 2: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/2.jpg)
Inhoud• Probleemstelling• Huidige gang van zaken• Eisen ticketsysteem• Design• Processtappen• Rooster• Mijn programma• Bezorging• Betaling• Bevestiging• Demo prototype
![Page 3: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/3.jpg)
Probleemstelling• Snel groeiend festival
• Grote geografische spreiding bezoekers
• Reserveringen worden handmatig afgehandeld
• Oplossing vinden voor de verschillende tickets
![Page 4: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/4.jpg)
Huidige gang van zaken• Er zijn veel verschillen in homepages
• Ticketsysteem meestal extern bedrijf
• Soms verplicht account aanmaken
• Stappen in het proces werden duidelijk weergegeven
• Geen vergelijkbaar festival kunnen vinden met meerdere tickets per dag
![Page 5: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/5.jpg)
Eisen ticketsysteem• Geschikt voor brede doelgroep • Lineair proces• Rooster moet makkelijk te zijn samenstellen • Strak uiterlijk• Processtappen duidelijk aanwezig• Errors goed opvangen• Duidelijke foutmeldingen• Geen account hoeven aanmaken
![Page 6: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/6.jpg)
Design
• Homepage mag drukker en kleurrijk
• Ticketsysteem rustiger en strak• Metaforen erg beperkt gebruikt• Klanten worden zo niet afgeleid
• Kleur gebruikt om aandacht te trekken• Processtappen staan centraal• Gebruiker heeft controle
![Page 7: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/7.jpg)
Processtappen• 1. Rooster • 2. Mijn programma• 3. Bezorging• 4. Betaling• 5. Bevestiging
![Page 8: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/8.jpg)
Idee tickets selecteren• Tijdlijn waarop de activiteiten staan• Dagprogramma is meteen duidelijk
• Simpel te selecteren• Minimale informatie op scherm
• Overzichtelijk• Makkelijk te leren
![Page 9: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/9.jpg)
Uiteindelijke ontwerp• Toevoeg/verwijder/info knop per activiteit• Totaalprijs per ticket is meteen duidelijk• Belangrijkste info zichtbaar
![Page 10: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/10.jpg)
Mijn programma• Programma overzicht hele festival• Print optie
![Page 11: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/11.jpg)
Bezorging• Verplichte velden aangegeven• Duidelijke foutmeldingen
• Optie om zonder account verder te gaan
![Page 12: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/12.jpg)
Bevestiging• Duidelijk de bevestigende stap• Overzicht met belangrijkste informatie
Betaling• Opties aangepast aan nationaliteit• Algemene voorwaarden
![Page 13: Interactive Solutions](https://reader036.fdocument.pub/reader036/viewer/2022062703/5550297fb4c905de2d8b4a2d/html5/thumbnails/13.jpg)
Demo