PORTFOLIO MEDIA PROFTAAK INTERACTIEF DESIGN PAPER PROTOTYPING PROTOTYPING HTML5/CSS3 BRANDING CLICKABLE PROTOTYPE

Vergelijkbare documenten
handleiding Sparen met de scan r app

Onderzoek Native/Web app

Handleiding HBO GO V.2

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

INTAKEOPDRACHT COMMUNICATIE FONTYS ECONOMISCHE HOGESCHOOL TILBURG CONCEPT GUIDE

Onderzoek naar Date Apps. Ahmed Muhsin

CREATIEF MERKORIENTATIEDOCUMENT VAN MOOF

Snuffelstage Exact. Kjell Ouwendijk Klas 2D. Stagebegeleiders : Dhr. Michael Vermeulen Dhr. Deyar Aljabbary Dhr. Olivier Deleye

Smartphone app ONZO. Korte uitleg en functieverklaring van de app. Lighthouse Productions 17-Jan-12

Interactieontwerp Groepsopdracht Week 2, Opdracht 16

Pagina 1 van 13. Screen design. Justin koopmans

Personaliseren MyLearning (2)

Testplan. Bram Adriaensen Martijn Wiendels Jonique Raemakers Mathieu Maas M62

LL365. Lowlands 365! Ontwerpdocument! het ontwerp van de LL365 app

Museumbezoek onder Studenten

graficsh vormgever plan van aanpak 2018

AAN DE SLAG MET DIGITALE VAARDIGHEDEN TRAINING: APPS EN INSTELLINGEN APP STORE

1. Management samenvatting

Informatiearchitectuur P1415 eindoplevering

Ontwerpen van een niet-web beleving

CREATIEF MERKDESIGNDOCUMENT VAN MOOF

INHOUDSOPGAVE. INTRODUCTIE pagina CONCLUSIE CONCEPTING STYLEGUIDE APP. pagina pagina pagina pagina ONDERWERP AUTOFUEL

Functional Description Mobile App (iphone)

vliegtickets boekinsformulier voor 15 FEBRUARI 2015 groepsopdracht 2 rex hordijk alissa muffels luca verhees marek van der hoeven

CMDIAD2Q4 INTERACTION DESIGN. Corine Vuijk CMD4b

Inhoudsopgave. Hoofdstuk 1 Toestel uit de verpakking. Hoofdstuk 2 Dagelijks gebruik. Hoofdstuk 3 Toestel persoonlijk maken. widget Hoofdstuk 4

Handleiding inloggen Webwerken en installeren van de App Google Authenticator

Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie

Handleiding online tickets boeken Rederij Doeksen Eilanders zonder machtiging

dit stappenplan samengesteld waarin wordt uitgelegd hoe je via je telefoon verbinding maakt met de Nikon Keymission 360.

Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht. Analyse. Inleiding. Doelstellingen

Nemo5Android. Menu s, knoppen en de werking

Vanwege het belang van een goede positionering in de zoekmachines maakt dit standaard onderdeel uit van alle door Webstijl ontwikkelde websites.

ABAX WORKER Gebruikershandleiding mobiele app

Succesvol dankzij internet

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Screen Design Puntgave Pixels

Informatie over het mdwf

Handleiding Glashart Media Android applicatie

Welkom bij onze presentatie. Internet Marketing + Webteksten. door: Daisy Leenders en Susan Hermens

Testrapport IpMEDT3 project

Skatespots app Door Kwabena Appiah-nti en Sanne Schouten. In opdracht van Communication and Multimedia Design te HvA,

RSG DE BORGEN. Een mobiel bankieren applicatie voor jongeren van 12 tot 16 jaar. Informatie voor de leerlingen. Inhoud

Gebruikershandleiding

WESTPOINTDIGITAL MOBILE APPS DEVELOPMENT

1. ONTWIKKEL EEN MOBIELE VERSIE

Stap 2: Klik op Mijn boekingen bovenin het scherm zoals op onderstaande printscreen wordt getoond:

3M SCIENCE CHALLENGE VOOR DE LEERLINGEN

AutoTransport App. Auteur: G. J. kleyn Winkel Telefoon: Datum: juni 2018 Versie: 1.0. Klwinkel.com pagina 1 van 12

Basisinformatie. Versie Type document Uitvoerder Uitvoerdatum 1.0 handleiding MM 01 oktober Contact informatie

Renault R & Go. Praktische en slimme applicatie om het rijden nog aangenamer te maken

SEO search engine optimalisatie

Test-Report 2. Groep. Namen en functies Erik de Beurs - Recruiter / Test Monitor / Tech Operator Channah Bosse - Recruiter / Data logger

Piotr Tekien. Grafische Vormgeving Revisie portfoliostijl GAR1-B. 3 december 2014 PIOTR TEKIEN HKU GAME ART GAR-1B

Klik op, De menubalk wordt toegevoegd aan het venster. U kunt nu een reservekopie maken:

Aan de slag met Mijn Stolp+KAB Online

Programmeren. Inhoudsopgave

Versie: 2.18 Versiedatum: Startershandleiding

Instructie handleiding LobBook (docent)

Handleiding app Sportlinked

slashdotfox Toelichting functioneel ontwerp

SportCTM 2.0 Sporter

Geen dikke map, stuur uw klanten op reis met een APP!

Handleiding FOOX App. Handleiding FOOX App versie 1.1

INTERACTIE. In de Appendix vindt u de wireframes.

L o w l a n d s 365. Naam: Tycho Hofstede Datum: Docente: Gertrude Lok Nummer:

B2B App Handleiding HANDLEIDING

SAP Mobile Documents SP 05 Hoe het werken met de nieuwste versie nog makkelijker is geworden.

utravel Quick Start Guide

Met Travel Builders naar een betere klantreis. Geen dikke map. Stuur uw klanten op reis met een App! Nieuwe kansen

Handleiding downloaden bankafschriften MT940 Rabobank

Handleiding Glashart Media ipad applicatie

Stedelijk Museum. Ontwerpspecificatie. VMBO leerlingen interactieve rondleiding. Meesterproef Minor UXD V Jasper Bunschoten

Cameleon. Tips & tricks

Stap 2: Wat krijgt iemand, die óp Facebook zit, te zien wanneer ze specifiek naar u zoeken?

Haal meer uit je website

Begeleidend Schrijven

Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof

Instructieblad. 6.1 PDF-bestand downloaden

** Deze functies zijn alleen beschikbaar voor klanten die beschikken over een digitale ontvanger met harddisk recorder.

Les 6 VID V2. Branding, metaforen & sfeer. You never get a second chance to make a first impression

V 2.0. Handleiding Glashart Media Android applicatie

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer

Nedap Ons App NEDAP ONS APP. Nedap Ons App Pagina 1

Stappenplan App maken

Testen van website. Gertjan Slappendel

Ontwerp & Schetsen. Experience Design - Opdracht 02. Chantal van Iwaarden CMD2B

HANDLEIDING App voor ouders. Gastouderopvang

Handleiding ProActive app. Installatie en account koppelen

GoTalk Now voor ipad. Korte Nederlandstalige handleiding. aangeboden door

Hoe was het? Het is weer tijd voor uw jaarverslag! Uw jaarlijkse visi- Tastbare weggever tekaartje is een belangrijk communicatiemiddel dat alle

SENIOR REGIONAL OPERATIONS MANAGER

Handleiding One Payroll Portal App

Onderzoek naar product en concurrentie. 10 Concurrenten van webshop Sportieve E-bike. Websites links:

Voorwoord. AHA! De Grafisch Vormgever Voor Communicatie en Multimedia Design studenten.

Handleiding webshop Horesca Smulders

het assessment plan van aanpak Sophia Thelen Interactieve vormgeving (90414) Stagebedrijf & opdrachtgever: C&F Report design

Transcriptie:

SB PORTFOLIO MEDIA PROFTAAK INTERACTIEF DESIGN PAPER PROTOTYPING PROTOTYPING HTML5/CSS3 BRANDING CLICKABLE PROTOTYPE STUDENTGEGEVENS UITWERKING PT-CONCEPT MEDIA 396160 Sam van den Biggelaar PBM2 FHICT Fontys Hogescholen Eindhoven WAT IS HET CONCEPT? Het proces optimaliseren voor passagiers op verschillende luchthavens, dit door middel met een pas die het inchecken versneld. Door middel van deze pas is er meer data op te slaan van de passagiers, deze data kan gebruikt worden om gericht naar de klant te communiceren. WAT IS DE DOELGROEP? Als doelgroep hebben we passagiers die frequent gebruik maken van het vliegtuig. Deze doelgroep wil niet iedere keer lang moeten wachten op de luchthaven voor de simpele handelingen. Doordat de passagiers de pas regelmatig gebruiken, zal vervolgens deze data gebruikt kunnen worden om specifiek de klant te contacteren over verschillende reizen. DE INTERACTIE MET DE DOELGROEP? De interactie van het product is dat de klant gebruik gaat maken van de pas om te kunnen reizen. Het voordeel van de klant is dat de pas het ticket bevat. Verder is het ticket persoonlijk gekoppeld aan de pas. BINNEN WELKE BRANCHE? Binnen de luchtvaart moet het concept gebruikt worden. De doelgroep hierin is vooral passagiers die vaak gebruik maken van het vliegveld. PER WANNEER? Het prototype moet binnen 10 weken ontwikkeld worden met volledige implementatie van een mediaproduct en business documenten.

MOODBOARD S 2

INSPIRATIE RABOBANK BANKIEREN APP De Rabobank Bankieren App wordt door vele gebruikt, onder anderen door mij. Wat deze userinterface zo goed maakt is dat het heel makkelijk is om snel je saldo te checken en/of een overboeking te doen. Tops: - Door middel van 3 klikken heb je een overboeking gedaan. - Saldo checken kan al door het alleen openen van de app. Tips: - Na het inloggen zijn de rest van de instellingen binnen de app lastig te vinden. - Er is dus te veel gefocused op de key features. 3

TINDER Tinder wordt over de gehele wereld gebruikt, een app die wereldwijd bekend is moet dan ook een goede userinterface hebben. De app wordt gebruikt door mensen die opzoek zijn naar nieuwe contacten, dit kan door middel van iemand naar links of rechts te vegen. Wanneer beide personen elkaar naar rechts hebben geveegd, word het een match en kan er een gesprek gestart worden. Tops: - Duidelijke knoppen - Plaatjes op de knoppen - Instellingen op een logische plek Tips: - Maak het mogelijk om op eerste blik gelijk te scrollen door foto s. - Nergens duidelijke uitleg te vinden over de onbekende blauwe en gele knop. 4

SNAPCHAT Snapchat is een veel gebruikte app onder jongeren. Dankzij de app is het mogelijk om momenten in je leven vast te leggen door middel van een foto/video. Deze foto/video is voor een bepaalde tijd te bekijken. Tops: - Bij het openen van de app is het gelijk mogelijk een foto/video te maken. - Duidelijke optie knoppen voor de camera. - Makkelijk een fotot/video te versturen. Tips: - Niet duidelijk waar het instellingen scherm is. - Geen uitleg over de verschillende pictogrammen binnen de app. GOOGLE SEARCH Google Search is de bekendste zoekmachine ter wereld. Zoals het woord zoekmachine al zegt wordt het gebruikt om dingen te zoeken op het internet. Door middel van een woord/zin in het tekst vak te typen en vervolgens op de knop zoeken te drukken, gaat de applicatie op zoek naar alles als inhoud wat er in het tekst vak staat. 5

Tops: Tips: - Duidelijk tekst vak wat bedoeld is voor het trefwoord. Tekst op de knoppen geven duidelijk weer wat er gaat gebeuren. Geen tips GOOGLE MAPS Google Maps wordt voor vele gebruikt als navigatie/routeplanner. Met Google Maps kan er gezocht worden naar een bepaalde plek op de wereld, na het zoeken hiervan kan er gelijk overgeschakeld worden tot en navigatie naar deze bestemming. Tops: Tips: - Plek voor het trefwoord is duidelijk zichtbaar. Nadat de plek gevonden is, kan men makkelijk overschakelen op navigatie. De mogelijkheid om te kiezen voor vervoer is makkelijk. Duidelijk kleurgebruik. Sommige knoppen hebben wat meer uitleg nodig (bijv. Street View ) 6

MERKDOCUMENT 1. WELKE ORGANISATIE GA JE ANALYSEREN? Ik ga het concept Smart-Fly analyseren. 2. WELKE MERKEN ZIJN EEN BRON VAN INSPIRATIE VOOR JE GEKOZEN MERK? Inspiratie merken: - Apple - OnePlus - Uber DEZE MERKEN ZIJN INSPIREREND OMDAT: De bovenstaande merken zijn 3 verschillende merken, de eerste zorgt altijd voor een premium gevoel bij hun producten. De klant wil altijd dat je product veel kwaliteit bevat. Het daaropvolgende merk, wil het product bereikbaar houden voor iedereen en luistert heel goed naar de klant, wat zij willen in hun product. Het laatste merk loopt ver voor op concurrenten op het gebied van transport, daarnaast sluit hun product precies aan op de klant zijn behoeftes. 3. BESCHRIJF DE MERK ESSENTIE. - Innovation brand - Evolution brand 4. ERVAAR HET MERK MET AL JE ZINTUIGEN - Het merk ziet eruit als: - Het merk voelt als: - Het merk ruikt als: - Het merk smaakt als: - Het merk klinkt als: 5. PROEF DE PASSIE Wij willen graag de klant helpen met hun irritaties, dat is onze passie die wij dan ook in het product leggen. Men de klant vrolijk ontvangen op de luchthaven. Dit willen wij dan ook graag doen met het product Smart-Fly. 6. ZIE HET MERK ALS EEN PERSOON 7

Geslacht: Man Relatie status: Relatie Leeftijd: 45 Uiterlijk: Redelijk Opleiding: HBO Hobby s: Reizen en fotografie Land: Nederland Muziek: Top 40 Favoriete tijdschrift: Voetbal International 7. VERBIND DE AMBITIES VAN DE DOELGROEP MET HET MERK 8. WELKE RELATIE HEEFT HET MERK MET DE BELANGRIJKSTE DOELGROEP? De doelgroep voor ons project zijn families, hierbij schaft een van der ouders het product aan. Denk hierbij dus aan de leeftijdscategorie 30 tot 60. Wij willen vrienden worden met deze doelgroep om zo hun irritaties weg te nemen. 9. BENOEM DE KERNWAARDEN. - Efficiënt - Betrouwbaar - Toegankelijk 10. BENUT DE BBT-FORMULE Belofte - Makkelijk en snel in gebruik. Bewijs - Nog één pas nodig. - Een handeling nog nodig. - Geen losse tickets meer Toonzetting 8

- Persoonlijk - Veel foto s met families 11. BEPAAL DE CORPORATE-IDENTITYMIX Persoonlijkheid G Want: Iedereen heeft een andere persoonlijkheid, dit zorgt voor een mix van meerdere meningen. Dit zorgt voor een goede conclusie. Communicatie G Want: Elke week hebben we als groep een vergadering, verder word de voortgang altijd besproken. Symboliek V Want: Het logo staat voldoende als symbool voor het product. Gedrag ZG Want: Iedereen binnen de groep gedraagt zich professioneel en goed. 12 IDENTITY MOODBOARD Zie moodboard 1. 13. WAT VERKOOPT JE MERK? Ons product verkoopt snelheid. 14. FORMULEER DE MERKPROPOSITIE(SLOGAN) Fly with a smart card, fly Smart-Fly! 9

PAPER PROTOTYPE Voor het Paper Prototype was het de bedoeling een zo simpel mogelijk schets te maken van het eindproduct. Hierin moesten alle functionele knoppen in komen. Verder moest er stapsgewijs een vervolg komen in de schermen die je zou zien. Hierin zijn verschillende concepten voorafgegaan zoals hieronder zichtbaar is. CONCEPT 1: Het eerste concept bevatten te weinig detail in wat de klant nu wilde, daarnaast was het onduidelijk hoe de structuur eruitzag. Oftewel: Weg ermee! CONCEPT 2: Concept 2 begon goed met al veel detail, maar ik bedacht na één scherm al een veel beter concept. Dus nog een keer Weg ermee! 10

CONCEPT 3: Nu had ik het in me hoofd. Een simpel concept waarin de klant met enkele knoppen al een bestelling kon doen. Ik miste hierin alleen het belangrijkste, namelijk de koppeling met de pas in de applicatie. Weg ermee! FINAL CONCEPT: Hierbij het final concept, hierin zat een koppeling met de pas en dus een simpele maar efficiënte manier van een ticket kopen en koppelen met de pas. 11

TESTPLAN In de huidige situatie moeten mensen eerst hun kaartje uitprinten of downloaden via een app, om deze vervolgens te laten scannen bij een medewerker van de luchthaven. Wij willen dit gaan verbeteren door middel van alles binnen een applicatie te regelen. Zo kan men een kaartje kopen binnen deze applicatie, maar hem ook gelijk scannen om zo in te checken. Test Uitvoerder Functie Sam van den Biggelaar Student Fontys Taak Taakomschrijving V/ O Visueel Navigatie Overzicht Bestellen De applicatie is duidelijk aft e lezen Het is makkelijk om te navigeren binnen de applicatie. De interface is overzichtelijk Men kan snel een ticket kopen. Opmerkingen Opmerkingen AKKOORD UITVOERDER: 12