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

Vergelijkbare documenten
Down the rabbit hole. Marianne ter Braake studentnummer: Datum: Informatiearchitectuur

Ontwerpdocument. Lowlands 365 Door: Rowan Zomerdijk Klas: Oranje Stud.nummer:

Down. the Rabbit Hole Ontwerpdocumentatie Down the Rabbit Hole Mara Polak Jade Informatiearchitectuur

Informatiearchitectuur P14-15 Ontwerpspecificaties Rabb-it avonden mobiele applicatie

Down The Rabbit Hole. Door: Mark van Dijken ( ) Klas: Koraal Datum: Vak: Informatie Architectuur Docent: Harm van Vugt

LL365. Informatie architectuur Docent: Gertrude Lok. Dennis Prins P11 Blauw. 12 juni 2014 Ontwerp 1.0

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

Down The Rabbit Hole door: Maria Barmentlo Klas: Paars Versie: 31 mei 2015

Interactie ontwerp Oor website en Lowlands App. Sitemaps, Lo-fi s en Detail wireframes door Ilse Peetsma. Oktober 2013

Down The Rabbit Hole. Samantha van Heusden Informatie Architectuur Peter Boogaards Blok 4 7 juni 2017

Informatiearchitectuur P1415 eindoplevering

Ontwerpdocument BVA app Ontwerpdocument BVA app

Tevin Stuurland ( ) Maart 2016 Koraal DOWN THE RABBIT HOLE

rabb-it applicatie Ontwerpdocument avv5 Eindopdracht

"WE ZIJN HIER, GETUIMELD DOOR DE SCHACHT, BIJ DE BRON, IN HET GEZONKEN BOS, ALLES LOS! WAAR JE BENT WIE JE BENT, WANNEER NIEMAND JE KAN ZIEN.

Interactie Ontwerp Lowlands & OOR

INHOUDSOPGAVE. voorwoord

Oor website en Lowlands Applicatie. Versie 1.0 / Laura Mentink / V-104 / / 31 Oktober 2013 / Gertrude Lok

Informatie architectuur

Student: Ilayda Kucukosmanoglu Klas: V1-07 Docent: Koop Reynders Models & Processes Datum: Versie: 30 januari o

MILLEDONI.NL OP MOBIEL. Door: Sijmen Vos, , klas v1-05 Docent: Koop Reynders Datum: 17 februari 2014

Ontwerpdocument Down the rabbit hole app. Jesse van Thijn Paars Eindopdracht Informatie architectuur Down the rabbit hole

Alexander Zeh Models & Processes september 2014 Oscar Trapman V1-06

OOR & Lowlands Informatie Architectuur. Juliske Hummel Klas V Versie 1

Informatie Architectuur Sanne Schouten Studentnummer: Klas: V1-07 Datum:

Redesign RTL XL Gemist

Designbijlage. Ontwerp van de structuur en user interface van de website voor

4.4 Voeg ruimtes toe Hoe ga jij te werk? 1. Over LEVIY. 4.5 Aanwezigen Zijn er aanwezigen bij de DKS-controle? 2. Algemene definities. 3.

Handleiding DB Alerts app

Ontwerptechnieken. MyTV

Dennis Wagenaar v 1.0

SportCTM 2.0 Sporter

1. Over LEVIY. 5. Meldingen Wat zijn meldingen? 5.1 Technische melding toevoegen Hoe voeg ik een melding toe?

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

SchoolMaster BV 25 september van 20

Models & Processes Ontwerpdocument Milledoni.nl op mobiel. Laura Mentink V

Bestandsbeheer weergaven (Media) MEDIA heeft een 4-tal weergave

Handleiding huurdersportaal 2019

Handleiding OV Portal

Het twee of meer planningssysteem ziet er als volgt uit wanneer de gebruiker is ingelogged.

Gosnowboarding.nl Wireflow 1: Beheer accommodatie - Amber Haccou - Versie 1.0

5. Documenten Wat kan ik met Documenten? 1. Over LEVIY. 5.1 Documenten terugvinden Uitleg over vinden van documenten.

Let op: Wij behandelen hier de agenda van een groep. De werking voor een client is nagenoeg identiek.

Uitlegdocument Schoudercom. Hierin vindt u alle standaard informatie voor het mailen van documenten.

Aan de slag met Twitter

HANDLEIDING DOIT BEHEER SYSTEEM

Lowlands App & OOR Website. Final document Version 1 Published 5 november 2013 Created by Rosa Groot V1-03

Milledoni.nl Ontwerpdocument herontwerp zoekfunctie. Models & Processes Sanne Schouten Klas: V1-07 Docent: Koop Reynders

Uitleg CMS Utrecht Your Way Button 1. Inloggen

1. Over LEVIY 5. Openen van de activiteit 2. Algemene definities 6. Inloggen op het LEVIY dashboard 3. Inloggen 6.1 Overzichtspagina 3.

Inhoud. Ontwerpdocument 18 juni 2007

Point2Share handleiding eindgebruikers Window 8

HANDLEIDING PROFIELPAGINA WEBSITE ONE

HANDLEIDING BEHEER WEBSITE. Vrouwen van Nu

Casus 1 iqueen app Principles and designframeworks

INTERACTIE. In de Appendix vindt u de wireframes.

OZO Handleiding 1. Voor gebruikers/deelnemers

Wordpress website beheren

Web Presence Builder. Inhoud

P5 Ontwerpdocument WIE IS DE MOL? Karlijn van Egmond P4 2015/2016 V1-07

Handleiding Hootsuite

Handleiding Website beheersysteem

Handleiding Cubigo Verenigingen en Organisaties

Website maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.

Handleiding Proles Software OuderApp


Inhoud van de website invoeren met de ContentPublisher

Handleiding De Sociale Monitor

Dokeos Gebruik van de Agenda. Dokeos Gebruik van de agendafunctie

ISY2CONNECT. Handleiding HET BESTE VOOR UW ORGANISATIE

Handleiding wordpress

Digitaal Aanvraag Formulier Tijdelijke Verkeersmaatregelen

Handleiding. Social Media Management Software

SportCTM 2.0 Startscherm trainer

Mach3Framework 5.0 / Website

Tips en Trucs voor gebruik website

HANDLEIDING GEBRUIKERSBEHEER. Onderwijs en Vorming

Handleiding Weebly. Maken van een nieuwe website. Klik op de + en kies voor Site toevoegen.

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook?

Zakelijke facebook pagina aanmaken in 7 stappen

Handleiding ZeelandPas voor acceptanten

Welkom bij onze gratis cursus Door hoemaakjeeenblog.nl

Handleiding voor ondernemers. De directe invoer van content in de database van visitbrabant.com


1 1: Algemene informatie

ActiveBuilder Handleiding

Handleiding NarrowCasting

Lesgever: pc / laptop met internetverbinding, beamer en projectiescherm Cursisten: pc / laptop met internetverbinding

DB Alerts vernieuwde app voor Android gebruikers

De uitleg is van toepassing voor de Instagram app op jouw mobiele telefoon of tablet. 1. Wie mag jouw Instagram foto en video profielpagina zien?

Aanmaken afspraken in Newbase & de agenda

Docnet handleiding 1

15 Interactie Ontwerpen

The Social Web Placemat

Handleiding Basecamp

Transcriptie:

Lowlands 365 Ontwerpdocument het ontwerp van de LL365 app Lowlands 365 door: Jan roedersz studentnummer: 500685974 klas: Oranje versie: 1.0 datum: 11 juni 2014 LL365

Inhoudsopgave Inleiding 3 De Sitemap 4 De Sitemap 5 Evenementen vinden 6 eginscherm 1.0 7 Events 2.0 - gendaoverzicht 8 Events 2.0 - genda per locatie 9 Event 2.1 - Het evenement 10 rtiesten beoordelen en aandragen 11 rtiest/ and/ DJ 2.4 - rtiest beoordelen 12 andragen 2.5 - rtiest aandragen 13 Jan roedersz - Oranje - 11 juni 2014 Pagina 2 van 13

Inleiding Inleiding De organisatie van Lowlands merkt op dat het aantal muziekliefhebbers op het evenement aan het dalen is. Daarom wil Lowlands thema-avonden organiseren om mensen beter te laten verdiepen in de muziek. Op deze manier kunnen mensen bewust meedoen met de verschillende avonden door zelf artiesten aan te dragen en te beoordelen. Lowlands noemt deze thema-avonden: Lowlands365. an mij is de taak gegeven om een passende app te ontwerpen voor Lowlands365. De app moet het mogelijk maken om passende avondjes te vinden. Het tippen van nieuwe artiesten is niet het hoofddoel van de app. In dit document kunt u mijn ontwerpen zien en lezen welke keuzes ik heb gemaakt en hoe ik hier aan gekomen ben. De gebruikers en hun doelen De gebruikers voor deze app hebben een aantal doelen. De belangrijkste doelen, wat ze graag willen bereiken, is het vinden van LL365 avondjes op tentnaam, artiest, tijd, aantal tips en locatie. Ook willen ze de artiesten die mogelijk op een LL365 avond komen per locatie, tijd, aantal tip en tentnaam vinden. Het bekijken van aanbevolen artiesten/ avonden (op basis van klikgedrag, vrienden) is ook belangrijk. ls laatste willen ze de mogelijkheid tot het beoordelen van een artiest achteraf, maar ook nieuwe artiesten aandragen (tippen). Jan roedersz - Oranje - 11 juni 2014 Pagina 3 van 13

De Sitemap De Sitemap Op de volgende pagina ziet u de sitemap van de LL365 app. Deze sitemap is ervoor bedoelt om de hiërarchie van de gehele app op een snelle manier te laten zien. Hopelijk krijgt u op deze manier een indruk van hoe de app in elkaar steekt. Het belangrijkste gedeelte van de app (wat is aangegeven met een grijs vlak) is waar het meeste focus op ligt bij dit ontwerpdocument. LL365 Jan roedersz - Oranje - 11 juni 2014 Pagina 4 van 13

De Sitemap De structuur Met deze sitemap laat ik zien hoe de hiërarchie in elkaar steekt. Het grijze gedeelte is waar de focus ligt bij dit ontwerpdocument. Gebruikers beginnen bij het eginscherm (1.0) waar, na inloggen (kan via Faceook), aanbevolen evenementen en worden vertoont. Op deze pagina kan er naar Events (2.0), Profiel (3.0) en Zoekresultaten (4.0) geklikt worden. Op Events (2.0) worden de verschillende LL365 evenementen op twee verschillende manieren getoond. Hier kan een Event (2.1) worden gekozen waar de gebruiker vervolgens Tickets (2.2) kunnen kopen of de verschillende rtiesten/ ands/ DJ s (2.3) bekijken. Ook kan de gebruiker bij Event (2.1) een rtiest/ and/ DJ aandragen (2.5). Dit laatste kan ook bij rtiest/ and/ DJ (2.4). De doelen Een groot deel van de gebruikers doelen worden op het eginscherm (1.0) opgelost. Hieronder staan alle gebruikersdoelen beschreven met elk de pagina op de sitemap. - vinden van LL365 avondjes op tentnaam en artiest (1.0) - tijd en plaats (2.0) - aantal tips (1.0) - vinden van artiesten die mogelijk op een LL365 avond komen per thema, tijd en plaats (1.0) - aantal tips (1.0) - bekijken van aanbevolen artiesten/avonden (op basis klikgedrag, vrienden) (1.0) - aandragen van artiesten vooraf (2.5) - beoordelen van artiesten achteraf (2.4) - het aankoopproces van de kaartjes (2.2) - de app als toegangsbewijs gebruiken (3.3) Jan roedersz - Oranje - 11 juni 2014 Pagina 5 van 13

Evenementen vinden Evenementen vinden Op de volgende pagina s kunt u zien welke pagina s gebruikt kunnen worden door de gebruiker om een geschikte LL365 avond te vinden. Dit kan al vanaf het beginscherm, waar er specifiek gezocht kan worden. Maar ook op de Events pagina kan er op datum en locatie worden gezocht. Op deze manier zijn de gebruikersdoelen om op verschillende manieren een evenement te vinden opgelost. LL365 Jan roedersz - Oranje - 11 juni 2014 Pagina 6 van 13

eginscherm 1.0 Detail Op deze beginpagina kan de gebruiker kennis maken met de interface en ziet de gebruiker direct aanbevolen LL365 evenementen. Ook heeft de gebruiker de mogelijkheid om specifiek te zoeken. : Focus op aanbevolen evenementen Toelichting : Zoeken bovenin de pagina D Zoeken op: naam van artiest/ band of dj, genre, evenementen en locaties. Werkt met autocorrectie en geeft automatische suggesties. Naar het desbetreffende event (2.1). Navigatie bar met: egin (huidige pagina), Evenementen (2.0) en Profiel (3.0). Sorteren op evenementen of artiesten (radiobutton). Organisatiesystemen D + Gebruiker ziet direct evenementen op aantal tips + Gebruiker ziet direct aanbevolen events + anbevolen events zijn makkelijk aan te raken + Enthousiaste LL/muziekliefhebbers kunnen vanaf deze pagina specifiek zoeken - Geen specifieke zoek functie - Misschien te veel content (geen focus) - Specifiek zoeken kan alleen vanuit deze Numeriek - Evenementen worden op basis van het klikgedrag van de gebruiker of naar die van hun vrienden gesorteerd. Hoogst bovenaan de lijst. Numeriek - Evenementen/ rtiesten worden gesorteerd op het aantal tips die ze ontvangen van gebruikers. Hoogste bovenaan de lijst. pagina - Het lezen van LL365 nieuws valt buiten de opdracht Keuze Ik heb gekozen voor een combinatie van beide LoFi s sinds de zoek functie van LoFi een groot aantal doelen oplost, namelijk het specifiek kunnen zoeken naar tentnaam/ artiestnaam, Ook wordt er met anbevolen events rekening gehouden met het desbetreffende doel van de gebruiker. Dit geldt ook voor de optie artiesten/ evenementen op antal tips te vinden. Jan roedersz - Oranje - 11 juni 2014 Pagina 7 van 13

Events 2.0 - gendaoverzicht Detail Deze pagina laat direct zien op welke datum een evenement plaatsvind. Zo kan de gebruiker een evenement vinden op datum. : Lijst per maand : genda uiterlijk + Overzicht van evenementen per maand + Weinig stappen om een evenement te selecteren + Kan gekoppeld worden met kalender van de gebruiker + genda is herkenbaar - Geen overzicht van het jaar - Evenementen vinden alleen plaats in het Toelichting Events sorteren op agenda (kalender) of locatie (plaats). Navigatie door de maanden doormiddel van de pijlen. Organisatiesystemen hronologisch - Evenementen worden gesorteerd op meest recent bovenaan de lijst per maand. weekend, dus ruimteverspilling - Meer stappen om een evenement te selecteren dan LoFi. Keuze Ik heb gekozen voor LoFi sinds de LL365 evenementen alleen in het weekend plaatsvinden waardoor LoFi minder nuttig is geworden. Ook is het aantal stappen om een evenement te vinden per maand kleiner vergeleken met LoFi. Zo kan de gebruiker een evenement vinden op datum. Jan roedersz - Oranje - 11 juni 2014 Pagina 8 van 13

Events 2.0 - genda per locatie Detail Op deze sorteermogelijkheid kan de gebruiker zoeken op locatie (plaats). Er kan op provincie worden gezocht of op evenementen in de buurt. Zo wordt het desbetreffende doel van de gebruiker opgelost. : Zoeken vanaf provincienaam Toelichting : Zoeken met kaart Evenementen worden gesorteerd onder provincienamen. Wanneer er op een provincie gedrukt wordt, worden de evenementen getoond binnen deze provincie (dropdown). Organisatiesystemen Geografisch - Evenementen gesorteerd op locatie (dichtst in de buurt van de gebruiker staat bovenaan). lfabetisch - Provincies worden op naam gesorteerd. hronologisch - Evenementen zijn gesorteerd op datum (meest recent staat bovenaan). + Overzicht van evenementen per provincie + Scrollen en browsen is consistent met de rest van de app + Gebruiker ziet direct of er een evenement in de buurt is + lle evenementen worden visueel getoond op een kaart evenement in de buurt is - Lijst kan lang worden (onoverzichtelijk) - Kan onoverzichtelijk zijn - Zoeken is niet specifiek - Gebruiker ziet niet direct of er een Keuze Ik heb grotendeels gekozen voor LoFi sinds het het meer ruimte biedt voor evenementen. De gebruiker kan de lijst zelf aanpassen doormiddel van de dropdown knoppen per provincie. De gebruiker ziet niet direct of er een evenement in de buurt is. Daarom heb ik besloten om er een extra knop er aan toe te voegen Evenementen in de buurt. Jan roedersz - Oranje - 11 juni 2014 Pagina 9 van 13

Event 2.1 - Het evenement Detail Hier wordt het desbetreffende evenement getoond. Er kan voor meer informatie worden gevraagd, artiesten bekijken, tickets kopen of een artiest aandragen. Zo worden deze gebruikersdoelen opgelost. : Nadruk op artiesten Toelichting : Event volgen, heengaan Een blok met informatie over het evenement die groter gemaakt kan worden nadat erop gedrukt wordt (dropdown). Opent de lijst met de artiesten op dit evenement (2.3). Opent de pagina s 2.2 en 2.5. + Datum en plaats heeft meer ruimte + Genoeg ruimte voor content - Knoppen te dicht bij navigatie + Navigatie is consistent - Knoppen volgen en heengaan staan niet in de opdracht, extra werk - Datum en plaats passen niet in de header Keuze Ik heb gekozen voor LoFi sinds de header overzichtelijk is. Ook is de knop rtiest aandragen minder opvallend sinds het grootste gedeelte van de gebruikers zich hier niet mee bezig houdt. rtiesten bekijken, Ticket kopen en rtiest aandragen zijn veranderd in buttons om ruimte te besparen en dit is ook gunstig voor de layout. Jan roedersz - Oranje - 11 juni 2014 Pagina 10 van 13

rtiesten beoordelen en aandragen rtiesten beoordelen en aandragen Op deze laatste twee pagina s laat ik zien hoe LL365 gebruikers een artiest, achteraf, kunnen beoordelen. Hierdoor kan de redactie van Lowlands zien of de artiest waardig genoeg is om op Lowlands te komen optreden. Ook nog de optie om nieuwe artiesten aan te dragen aan een LL365 avond. Deze aangedragen artiest wordt, na vele inzendingen, bekeken door de redactie van Lowlands waardoor de desbetreffende artiest ingepland kan worden voor een optreden. LL365 Jan roedersz - Oranje - 11 juni 2014 Pagina 11 van 13

rtiest/ and/ DJ 2.4 - rtiest beoordelen Detail Op deze pagina kan de gebruiker een artiest/ band of DJ beoordelen door het aan te bevelen aan anderen. Dit heeft hetzelfde effect als Likes op Faceook. : anbevelen knop onder info Toelichting : anbevelen knop in afbeelding D Een afbeelding van de desbetreffende artiest, band of DJ. Dit is gunstig voor de herkenbaarheid van de artiest. De anbevelen knop die een numerieke waarde geeft aan de artiest waardoor het hoger op de aanbevolen lijst kan komen te staan bij andere gebruikers. lok met informatie over de desbetreffende artiest, band of DJ (dropdown). Mogelijkheid tot het aandragen van een nieuwe artiest (2.5). Organisatiesystemen hronologisch - Evenementen, waar de desbetreffende artiest, band of DJ speelt, worden op datum gesorteerd (meest recent bovenaan). D + Knop staat naast de knop rtiest aandragen - Knoppen staan dicht bij elkaar wat voor verwarring kan zorgen + Knop staat bij de afbeelding van de artiest waardoor het eerder opvalt + Er is meer ruimte vrijgekomen voor content - Geen mogelijkheid tot het aandragen van de desbetreffende artiest Keuze Ik heb voor het grootste gedeelte LoFi gekozen omdat de knop dichter bij de desbetreffende foto van de artiest staat zodat de gebruiker zich er meteen bewust van is welke functie het heeft. Hierdoor is het gebruikersdoel om een artiest te beoordelen opgelost. Uit LoFi heb ik de knop om een artiest aan te dragen toegevoegd aan de Detail schets. Deze wordt verder uitgewerkt op de volgende pagina. Jan roedersz - Oranje - 11 juni 2014 Pagina 12 van 13

andragen 2.5 - rtiest aandragen Detail Op deze pagina kan de gebruiker een artiest, band of DJ aandragen (Lowlands tippen) aan een zelf opgegeven evenement. Hierdoor kan de gebruiker artiesten vooraf aandragen. : Simpel Toelichting : Meer opties Hier kan de gebruiker de naam van de artiest/ band of DJ invullen. Na het invullen van het veld kan men suggesties krijgen van bandnamen die hier op lijken (dit kan worden gedaan met de zoekmachine van Google). ls de gebruiker al eens eerder een artiest heeft aangedragen kan men het hier terug vinden in een dropdown menu. De artiest naar de redactie van LL365 sturen. De redactie kan hierna de artiest opzoeken nadat het de tip een aantal keer heeft ontvangen. Organisatiesystemen + Er kan direct een artiest worden opgegeven - Minder zoek opties dan LoFi hronologisch - De artiest die als laatste door de gebruiker is toegevoegd staan bovenaan de lijst. Numeriek - De eerst optie in deze dropdown menu is het desbetreffende evenement. Hierna ziet men evenementen waar andere gebruikers hun voorkeur aan geven (hoogst aanbevolen bovenaan). + Mogelijkheid om eerder opgegeven artiesten te selecteren + Meer opties dan LoFi - Minder ruimte voor content Keuze Ik kies voor LoFi sinds deze schets een extra keuze biedt voor de gebruiker, namelijk anbevolen artiesten. Dit heb ik in de detail schets veranderd in Eerder aangedragen. Een intensieve LL/ muziekliefhebber kan hier ook mee overweg. Jan roedersz - Oranje - 11 juni 2014 Pagina 13 van 13