Date post: | 28-Jan-2015 |
Category: |
Design |
Upload: | ferry-den-dopper |
View: | 104 times |
Download: | 0 times |
Kickoff multidisciplinair
project CMD+INF
Doel module
In deze 2e-jaars module leren studenten Communication and Multimedia Design intensief samen te werken met studenten Informatica aan een interactief product.
Het realiseren van succesvolle interactieve oplossingen is teamwerk. Juist door de kruisbestuiving van interactie, vormgeving en development zul je eerder tot optimale gebruikersbeleving, technisch haalbare interactieoplossingen en maximaal rendement komen.
Je leert werken in een ‘agile’ projectaanpak, wat erop neerkomt dat je het product in 3 korte iteraties (sprints) ontwikkelt en dat ontwerpwerkzaamheden parallel lopen aan het programmeerwerk. Dit vraagt van alle teamleden veel flexibiliteit en een pragmatische manier van werken.
Opdracht:Ontwikkel een (multi)touch applicatie
Platform
WindowsiOS Android Phone
Casus 1: MediaMarkt: koopwijzer
Maak een koopwijzer app gebaseerd op de Saturn (=MediaMarkt) “kaufberater”http://www.saturn.de/mcs/shop/kaufberater.html
Mensen verleiden met / interesseren in het aanbod van MediaMarkt
Mensen goed en duidelijk advies geven
Mensen naar de webshop of fysieke winkel krijgen
Casus 2: RijkZwaan: Love My Salad
Maak een app voor dit ‘social salad network’ dat ‘engagement’ bevordert.
Gebruikers actiever maken: • recepten delen • commentaren • makkelijk laatste nieuws binnenkrijgen
Anderen volgen en notificaties krijgen als er nieuwe recepten zijn, of als er commentaren op jouw recepten zijn.
Dashboard waarop je kunt zien wat er gebeurt
Casus 3: RijkZwaan: Klanten app
Maak een app voor onze klanten. Creëer een persoonlijke ervaring voor de klant, waar hij informatie vindt over demo's, orders, nieuws, ...
Op demo's makkelijk productinfo opzoeken Ingebouwde QR-scanner Push messages (er komt een nieuwe demo
aan, kunt u alvast aangeven of u komt?) Een ras dat u laatst geliked heeft is van
fase 2 naar 3 gegaan en beschikbaar in uw regio, heeft u interesse in een proef op uw bedrijf?
Mijn favorieten van de demo kunnen zien
http://www.rijkzwaan.nl/wps/wcm/connect/RZ+NL/Rijk+Zwaan/Products_and_Services/Services/RZ+Services/Rassendemo
Casus 4: Bouwfonds: Huis zoeken
Maak een concept voor een tablet app waar beleving en interactie centraal staat.
Huis/project in de buurt zoeken. Meer info over dat project vinden: foto,
video, plattegronden (beleving) én contact kunnen opnemen met iemand van Bouwfonds. Bv. chat, socials of formulier
Als ik serieus interesse heb in een project / huis, is interactie rond dat project belangrijk: wie worden de buren? Hoe is de voortgang van de bouw.
Heb jij nog vette ideeën? Focus op beleving en contact tussen
mensen. Integratie van andere platformen als Facebook, Flickr etc. En geo targetting.
nieuwbouw.bouwfonds.nl
Casus 5: Tam Tam: Declaraties
Maak een app waarmee medewerkers simpel via hun smartphone declaraties kunnen indienen.
Maak een foto van een bonnetje, het bonnetje wordt herkend / bewerkt, bij voorkeur wordt bedrag, datum, etc via OCR uitgelezen, de medewerker geeft aanvullende informatie in, en de declaratie is ingediend.
Naast bonnetjes ook overige declaraties zoals gereden kilometers e.d. indienen.
De app moet gaan draaien in de context van de huidige Tam Tam app die reeds in de Apple App Store staat, en waarin authenticatie en security reeds geregeld is.
Must have features: Foto nemen, info toevoegen, bon indienen.
Casus 6: het Juridisch Loket
Maak een app waarmee mensen hun juridische vraag voor 80% zelf kunnen oplossen en waarbij maximaal voor 20% persoonlijk contact met juristen van het Juridisch Loket nodig is.
Veel voorkomende vragen snel kunnen opzoeken
Makkelijk online een vraag kunnen stellen aan een jurist
afspraak kunnen maken (en wijzigen) met een jurist van het Juridisch Loket voor ingewikkelder juridisch probleem.
Teams
Multidisciplinaire teams x teams van 3-4 mensen Per team 1-2 per studierichting
Werken tijdens college en daarbuiten Vragen en coaching tijdens college
Aanpak
3 sprints Demo/presentatie van werkend prototype
(+ontwerp) aan het einde van iedere sprint
6 weken 4 weken 4 weken
Sprint 1 (6 weken)
Casus kiezen Platform kiezen Use cases opstellen Use cases sprint 1 kiezen
Architectuurkeuze Datastructuur Werkende demo
Persona’s en scenario’s
Concept Wireframes
• Schetsen Grafisch ontwerp:
• Concurrentieanalyse• Stijlstudie
Sprint 2 (4 weken)
Use cases sprint 2 kiezen(nieuwe features vs optimalisatie)
Zelfde deliverables als sprint 1 +
XML Testplan Tech.
documentatie Werkende demo
Wireframes• Geannoteerde
wireframes Grafisch ontwerp
• 2 ontwerpvoorstellen Mini usability test
• Testplan (taken)• Rapportage
Sprint 3 (4 weken)
Use cases sprint 3 kiezen(nieuwe features vs optimalisatie)
Denk aan bevindingen usability test
Zelfde deliverables als sprint 1/2 +
Tech. documentatie
Uitgevoerde test Werkende
applicatie
Grafisch ontwerp• Definitief ontwerp
Wat moet je opleveren?
Persona’s en scenario’s (CMD) Concept (CMD) Wireframes (CMD)
• Schetsen• Geannoteerde wireframes
Grafisch ontwerp (CMD)• Concurrentieanalyse en stijlstudie• 2 ontwerpvoorstellen• Definitieve ontwerpkeuze helemaal uitgewerkt
Usability test rapport (CMD)• Testplan (doel, aanpak, respondentprofielen, interviewvragen, taken)• Testrapport (conclusies en wat hebben jullie hiermee vervolgens gedaan, observaties)
Architectuurkeuze (INF) Datastructuur (INF) XML (INF) Broncode: om het programmeerwerk beoordelen (INF) Technische documentatie en testrapport: testplan en uitvoering (INF)
Eigen projectevaluatie Eindpresentatie
Eigen projectevaluatie
Welke use cases hadden jullie per sprint gepland? En gerealiseerd?
Als planning en realisatie niet overeenkwamen: waardoor kwam dat? Hoe hebben jullie als team hierin prioriteiten gesteld?
Per persoon:• Hoe ging de samenwerking in het team?• Wat was jouw verantwoordelijkheid / aandeel?• Wat hebben jullie van elkaar (CMD’ers en
informatici) geleerd? • Wat vonden jullie van het project? • Wat vonden jullie van de projectbegeleiding?
Eindpresentatie
30 min. presentatie 15 min. Q&A Presenteer:
• visie/concept, • ontwerpkeuzes (zowel interactie/grafisch als technisch*)
(* architectuur in hoofdlijnen, welke technieken, omgang met (tijdelijke) data en datalaag)
• resultaat• wat hebben jullie van het project geleerd?
(bv. qua app ontwikkeling, samenwerking, competenties,…)
Opdrachtgever beoordeelt mee
Zorg dat je zo min mogelijk afhankelijk bent van schoolhardware en -internetverbinding. Neem eigen verloopstekkers mee, kijk op tijd op school of alles werkt. Neem bv. van te voren een video op van de demo die je wilt geven voor als de verbinding te traag is voor een goede demo.
Beoordeling
15 Kwaliteit eindproduct (integraal)10 Tussentijdse opleveringen / voortgang (5 per sprint)25 Kwaliteit competenties
CMD5 Usability5 Wireframes5 Vormgeving5 Passend in context (device/mobile/resolutie)3 Usability test2 ROI
25 Samenwerking10 Eindpresentatie10 Professionaliteit (presentatie, taal, op tijd) 5 Projectevaluatie
2 Planning en keuzes maken2 Geleerd van andere discipline1 Samenwerking
INF5 Architectuur5 Data-opslag & -structuur5 Efficiente code5 Overdraagbaarheid code3 Technologiekeuzes2 Testplan / -rapport
100
Planning
Sprint 1: week 8, 9, 10, 11, 12, 13, 14 (pasen)
Demo 1: week 15 (8 april) Sprint 2: week 15, 16, 17, 18, 19Demo 2: week 20 (13 mei) Sprint 3: week 21 (pinksteren), 22 (doc. afwezig), 23, 24Deliverables inleveren: week 25 (17 juni)Einddemo / beoordeling: week 26 (24 juni)
Vandaag
Casus kiezen Platform kiezen Use cases opstellen
“De gebruiker kan … zodat hij…” Use cases sprint 1 kiezen Interview voorbereiden
Volgende week: Interview met opdrachtgever
Mobile Apps: Web-based or Native?Mobile Apps: Web-based or Native? Q&A with Josh ClarkWith mobile quickly emerging as a viable and practical source of web based content, designers need to know how to adapt and keep up. When do you need a mobile website? When should you have an app? What tools and techniques should you employ to address the needs of your users? Josh joins Jared Spool in this podcast for a discussion about making the decision between mobile web and native apps, including the following points: What are the benefits of creating native apps for all the different
platforms? How does a designer keep up with all of the different sizes and form
factors of devices?Listen to the podcast. (31m)