13
nteractive Solutions Ontwerpen van interactieve systemen Tijmen Amsing Leon à Campo Frank Nijmeijer

Interactive Solutions

Embed Size (px)

DESCRIPTION

Final presentation of one of the wining teams of the Utrecht University course on Designing Interactive Systems 2012

Citation preview

Page 1: Interactive Solutions

Interactive Solutions

Ontwerpen van interactieve systemen

Tijmen AmsingLeon à CampoFrank Nijmeijer

Page 2: Interactive Solutions

Inhoud• Probleemstelling• Huidige gang van zaken• Eisen ticketsysteem• Design• Processtappen• Rooster• Mijn programma• Bezorging• Betaling• Bevestiging• Demo prototype

Page 3: Interactive Solutions

Probleemstelling• Snel groeiend festival

• Grote geografische spreiding bezoekers

• Reserveringen worden handmatig afgehandeld

• Oplossing vinden voor de verschillende tickets

Page 4: Interactive Solutions

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

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

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

Processtappen• 1. Rooster • 2. Mijn programma• 3. Bezorging• 4. Betaling• 5. Bevestiging

Page 8: Interactive Solutions

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

Uiteindelijke ontwerp• Toevoeg/verwijder/info knop per activiteit• Totaalprijs per ticket is meteen duidelijk• Belangrijkste info zichtbaar

Page 10: Interactive Solutions

Mijn programma• Programma overzicht hele festival• Print optie

Page 11: Interactive Solutions

Bezorging• Verplichte velden aangegeven• Duidelijke foutmeldingen

• Optie om zonder account verder te gaan

Page 12: Interactive Solutions

Bevestiging• Duidelijk de bevestigende stap• Overzicht met belangrijkste informatie

Betaling• Opties aangepast aan nationaliteit• Algemene voorwaarden

Page 13: Interactive Solutions

Demo