The Social Web | Placemat Naam Randy Huls | Sofie van Rooij Docent Alexander Zeh Inleverdatum 20-‐01-‐15 Klas V1-‐01
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15
Conceptmodel
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15
Belangrijkste schermen Reader
Contributor
Gerechtenoverzicht (home) Dit is het overzicht waar de reader op start. Hier vindt hij populaire gerechten onder zijn vrienden.
Nieuw gerecht aanmaken Hier maakt de contributor een nieuw gerecht aan door details in te vullen zoals; een omschrijving, het recept, de keuken en foto’s.
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15 Gerechtprofiel Op het gerechtsprofiel kan de reader meer informatie vinden over het desbetreffende gerecht, zoals een gedetailleerde omschrijving, het recept, foto’s en reacties van anderen.
Menu-‐overzicht Vanuit het menu-‐overzicht kan de contributor zijn weg vinden naar zijn gerechten, vrienden en favorieten.
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15 Gerecht aangemaakt (feedback) Nadat de contributor een gerecht heeft aangemaakt krijgt hij duidelijke feedback over de te vervolgen handen
Favorieten Hier heeft de contributor een overzicht van de gerechten die hij toegevoegd heeft aan zijn favorieten.
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15
Welke patterns zijn gebruikt en waarom? Navigatie Alle navigatiemethoden staan consistent bovenaan zodat de learning curve laag is en de app aansluit met het mentale model dat de gebruiker heeft opgebouwd door het gebruik van andere apps.
Favorieten Bij het toevoegen van ingrediënten van het recept wilde we voorkomen dat de gebruiker veel moest typen. Het aantal kan de gebruiker gemakkelijk optellen of aftellen met een tap. Alternatieven zoals een dropdown hadden minder goed gewerkt bij grote aantallen. Voor de eenheid was dat wel geschikt. Je kunt gemakkelijk uit het lijstje kiezen of je gram, liters, theelepels of theelepels als eenheid wil. De naam is de enige keer dat de gebruiker gevraagd wordt om het toetsenbord te gebruiken.
Swipe Native apps van zowel iOS als Android gebruiken een swipepattern voor het navigeren door foto’s. Dit is voor de meeste gebruikers dus vertrouwd. Wij hebben aansluitend een indicator gemaakt zodat je weet welke foto bij welke fase van het kookproces hoort.
Keukenkeuze We wilde dat de keuze uit keukens visueel zou zijn, zodat de gebruiker een goed idee krijgt bij welke keuken zijn gerecht hoort. Wanneer de gebruiker drukt op een ‘Kies en keuken’, verschijnen de verschillende opties met ondersteunende afbeelding.
The Social Web | Randy Huls & Sofie van Rooij | V1-‐01 | Ontwerpdocumentatie ‘Placemat’ | 20-‐01-‐15 Hoe heb je social objects gebruikt om interactie op te wekken? • Favorieten De social objects in Placemat zijn de gerechten. Contributors kunnen deze toevoegen aan hun favorieten; deze favorieten zijn vervolgens weer zichtbaar door readers in het gerechtoverzicht. De favorieten zijn in de vorm van een hartje met het aantal toevoegingen ernaast. Je kunt dus concluderen dat hoe meer contributors een gerecht toevoegen aan hun favorieten, hoe populairder het gerecht is. Readers worden hierdoor dus geprikkeld om deze ‘populaire’ gerechten te bekijken. • Reacties Daarnaast vertonen we op het gerechtoverzicht ook het aantal reacties dat bij een gerecht is geplaatst. Ook het aantal mensen dat praat over een gerecht is een goede graadmeter voor de populariteit van dat gerecht. • Volgers Je hebt als contributor de mogelijkheid om anderen te volgen. Het aantal volgers van een contributor staat gemeld op zowel zijn profiel als bij de gerechten die hij plaatst. Wanneer de reader op het gerechtoverzicht kijkt ziet hij het aantal volgers van elke contributor bij het gerecht staan, wat de reader zal prikkelen om ook het profiel te bekijken van deze contributor en wellicht zelfs om deze te volgen. Bronnen http://www.pinterest.com/sofievanrooij/the-‐social-‐web-‐eten/