Informatie architectuur Afbeelding bron: https://heelhollandbakt.omroepmax.nl/recepten/details/kardinaal-schnitt/ Heel Holland bakt Rick / 5007840 Ivoor 9 maart 08 Versie
Inhoudsopgave Inleiding pag. Usergoals App in een vogelvlucht Sitemap pag. Homepagina HHB pag. 4 Doel van de pagina Onderbouwing ontwerp Workshops HHB pag. 5 Doel van de pagina Onderbouwing ontwerp Filter pag. 6 Micro interacties van de filter insturen HHB pag. 7 Doel van de pagina Onderbouwing ontwerp Recepten pag. 8 Doel van de pagina Onderbouwing ontwerp Inleiding Omroep Max gaat het hele jaar door HHB- kookworkshops door het hele land aanbieden. Om de band tussen fans tijdens het droge seizoen te onderhouden, geeft HHB thuisbakkers de mogelijkheid om hun recept voor te dragen. Daarbij moet een app ontworpen worden die het hele traject ondersteund. Het traject bestaat onder anderen uit een workshop zoeken, zelf recepten indienen en stemmen op recepten van anderen. De meest populaire recepten worden opgenomen als opdracht tijdens de kookworkshops. Usergoals - Een HHB workshop vinden om met vrienden een gezellige dag te hebben, om mensen te ontmoeten met dezelfde hobby en/of om kans te maken op een uitnodiging om deel te nemen aan de Tv-show. - Stressvrij naar de HHB workshop - Trots je lekkerst baksels voordragen als officieel HHB recept en dan de voordracht volgen. - Voorgedragen recepten bekijken om kookinspiratie op te doen (en om als bonus kans te maken op een vrijkaart. - Voorgedragen recepten beoordelen (om vrijkaarten te verdienen). De app in vogelvlucht Home pag. 4 Workshops pag. 5 insturen pag. 7 Mijn baksel WORKSHOPS #,45 likes Filter DELEN (Privé workshop 00,- vanaf p) Individueel (5,-) Naam baksel Korte omschrijving Datum & Tijd TOP 5 BAKSELS Locatie Afbeelding toevoegen Ba Annie & Robert Favorieten INGREDIËNTEN # #,946 likes,899 likes Naar alle baksels RECENT BEKEKEN #,5 8-05-08 Amsterdam KAARTJE KOPEN Ingrediënt Ingrediënt 45 50 Gram Gram #,946 likes 8-05-08 Amsterdam BEREIDINGSWIJZE Leg jouw recept uit is minimaal stappen. Bekijk het onderstaande voorbeeld. Voorbeeld KAARTJE KOPEN STAP WORKSHOPS STAP Filter aan en uit button Workshops en Beoordelen Uploaden in 5 stappen
SITEMAP
Doel: Behoeftes van de gebruiker kunnen allemaal worden voldaan vanaf de homepagina van de app..home LoFi Workshop en baksel uploaden LoFi Workshops en Beoordelen HiFi 6. Workshops.. Top 5 baksels (meeste likes) exploring 7 Mijn baksel #,45 likes DELEN. Wegwijzer naar alle baksels 4 4. Direct baksel insturen TOP 5 BAKSELS Ba 5. Diving into detail uitleg over thema s (niet zichtbaar als gebruiker is ingelogd) 6. Hamburger navigatie structural and utility navigiation #,946 likes Naar alle baksels RECENT BEKEKEN #,899 likes #,5 - Home - Workshops - s - Mijn Tickets - Winnaars - Inbox - Profiel #,946 likes 7. Voortgang van voorgedragen baksel individual en keeping up to date WORKSHOPS 8. Context flavour social omdat je kan delen met je vrienden Keeping up to date - Berichten Time - De gebruiker kan zien welke baksels er op dit moment in de top 5 staan Individual - De gebruiker kan inloggen en bij zijn/ haar inbox en tickets. Gebruiker initieert Gebruiker kan snel naar workshops en uploaden Gebruiker kan top 5 baksels bekijken informatie - Overige navigatie via hamburger - Geen wegwijzer naar alle baksels Gebruiker kan via home naar workshops, alle baksels en baksel voordragen Overzichtelijke verdeling van de belangrijkste elementen - Overige navigatie via hamburger Keuze: Ik heb gekozen voor LoFi omdat vanuit deze LoFi de doelen en behoeftes van de gebruiker het meest worden ondersteund. De belangrijkste elementen staat op de homepage wat de gebruiker als navigatie kan gebruiken. Het openen van het hamburger menu zal hierdoor niet vaak nodig zijn, 4
Doel: Een workshop vinden om met vrienden een onvergetelijke dag te hebben en mensen te ontmoeten met dezelfde hobby..workshops LoFi Filter aan en uit button LoFi Filter drop down, 5 stappen HiFi. Filter aan of uit zetten refinding and narrowing Zie volgende pagina voor Uitleg filter. WORKSHOPS Filter (Privé workshop 00,- vanaf p) Individueel (5,-) Datum & Tijd Locatie Annie & Robert Favorieten 8-05-08 5 Amsterdam KAARTJE KOPEN 4. Workshops zijn standaar gesorteerd op datum van de eerstvolgende workshop chronologisch.. Sla workshop op in favorieten om eventueel later te bekijken refinding. 4. Koop meteen een kaartje voor deze workshop. 5. Diving into detail klik op een workshop om meer te lezen over deze activiteit. Time - Eerst volgende workshops worden weergeven. 8-05-08 Amsterdam KAARTJE KOPEN Gebruiker initieert Filter makkelijk aan en uit te zetten Filter bewaart labels - Filter bar prominent aanwezig Filter neemt geen ruimte in 5 duidelijke stappen onder elkaar - Filter niet gemakkelijk aan of uit te zetten Keuze: Ik heb gekozen voor LoFi omdat de gebruiker goede feedforward krijgt over de mogelijkheid groep of individueel. Ook de optie om de filter aan of uit te zetten zorgt ervoor dat niet alle labels worden verwijdert. 5
.FILTER De thema s zijn alfabetisch gesorteerd. Filter Kalender dagdeel Kalender maakt de keuze overzichterlijk in combinatie met de keuze uit van de dagdelen. (Privé workshop 00,- vanaf p) Individueel (5,-) Datum & Tijd Locatie Annie & Robert Favorieten Geografisch Kaart Raak uitgelichte locatie aan om te selecteren en de naam van de locatie te zien onder de kaart. 6
Doel: De gebruiker moet in enkele eenvoudige stappen een baksel kunnen insturen om daarna de voordracht te kunnen volgen.. BAKSEL INSTUREN LoFi Uploaden in 6 stappen LoFi Uploaden in 5 stappen HiFi. Bij typen verdwijnt de feedforward Naam baksel. Openen van fotobibliotheek gebruikerl.. Insturen van baksel gebruiker. Melding over de procedure om de gebruiker op de hoogte te stellen. Korte omschrijving Afbeelding toevoegen INGREDIËNTEN 5 Ingrediënt Ingrediënt 45 50 Gram Gram Als velden niet zijn ingevuld en het baksel wordt alnsog ingestuurd krijgt de gebruiker de volgende melding: 4 BEREIDINGSWIJZE Leg jouw recept uit is minimaal stappen. Bekijk het onderstaande voorbeeld. Voorbeeld STAP STAP 4. Ingredient toevoegen 5. Scroll menu Gebruiker initieert Overzichtelijke feedforward inputvelden - Straatnaambordje overbodig - Onlogische volgorde Goede feedforward inputvelden Duidelijke volgorde stappen - Niet direct zichtbaar hoeveel stappen Keuze: Ik heb gekozen voor LoFi omdat de gebruiker in 5 eenvoudige stappen een baksel kan insturen om deel te nemen aan de competitie. Het kost de gebruiker niet veel moeite om een baksel in te sturen. 7
. BAKSELS HiFi Specifieke filter mogelijkheden RECEPTEN VERAS ME!. Random/surprise button voor de gebruiker om recepeten te ontdekken exploring en discovering unknown thing. Sorteren op onderwerp Filter. Favorieten finding known items s van winnaars 4. Diving into detail klik op een workshop om meer te lezen over deze activiteit. 6 Bereidingstijd 5. Straatnaambordje van de pagina (op elke pagina) Recent toegevoegd Favorieten Meeste likes 6 6. Organisatie schema nummeriek - recepten worden weergeven vanaf meest gelikede recept. Time - De laatst toegevoegde recepten verschijnen bovenaan Naam baksel Bereidingstijd 0-04-08 Gebruiker initieert MEER LEZEN 4 Naam baksel Bereidingstijd 0-04-08 MEER LEZEN Naam baksel Bereidingstijd 0-04-08 MEER LEZEN 8