DDMA Social Maturity Test Schermen

Transcriptie

1 DDMA Social Maturity Test Schermen

2 Inleiding Zoals DDMA zou hebben aangegeven, gaat het om een test voor de social media marketeers hoe zij hun social media beleid naar een hoger niveau kunnen tillen. Door middel van 32 vragen wordt er aan het einde van de test per fase verteld welke acties zij moeten ondernemen. De 32 vragen zijn verdeeld in 7 verschillende fases. Het is een grote multiple choise test waarbij elke vraag 4 mogelijke antwoord heeft. Alle antwoorden zullen een verschillende waarde hebben. Per fase wordt er gerekend, neem als voorbeeld het thema Verantwoordelijkheid. Daar zijn 7 vragen voor. De antwoorden bij een vraag kunnen 1, 2, 3 of 4 punten opleveren. Na het maken van de test wordt er gekeken hoeveel puntende gebruiker bij Verantwoordelijkheid en de andere thema s heeft gescoord en hier wordt het advies opgebasseerd. Door middel van een spinnenweb wordt er ook visueel weergeven wat het eindresultaat van de gebruiker is. Deze is aan het begin van de test leeg en aan het eind van de test kan de gebruiker snel in 1 oogopslag zien hij of zij ervoor staat Door middel van de visuals wordt dit verhaal iets duidelijker, bij elke pagina wordt er verteld wat de bedoeling is, wat de interactie is en wat de mogelijkheden zijn. Mochten er onduidelijkheden zijn, dan kunnen vragen gesteld worden aan DDMA en zij kunnen deze eventueel doorkoppelen aan ons, de designers van deze web-app. Met vriendelijke groet, Jan Jongeneel, Mark Tol en Joep de Wildt Studenten Communicatie & Multimedia Design // Hogeschool Utrecht Specialisaties User Experience Design & Visual Design

3 Landing page Wanneer een gebruiker de link invoert van de test komt hij of zij op deze pagina terecht. Een simpele pagina waar er kort geïnformeerd wordt waar deze test voor dient. In de header van deze pagina staat de naam gecentreerd in het midden. Als de gebruiker op Naar de Social Maturity Test klikt wordt deze meegenomen naar de volgende pagina Informatie scherm (zie volgende pagina)

4 Informatie scherm Aangekomen op deze pagina is deze content te zien. Er wordt verteld wat de gebruiker kan verwachten. Vanaf hier kan de gebruiker ook terug naar het vorige scherm door links bovenin op Terug te klikken. Ook hier staat de naam van de test nog in het midden. Als de gebruiker op Start de test klikt wordt hij of zij meegenomen naar de eerste vraag van deze test. (Zie Voorbeeld vraag 1 zonder keuze)

5 Voorbeeld vraag 1 z. keuze Dit is een voorbeeld van 1 vraag. Elke vraag heeft een identieke vormgeving. Hier wordt de naam van de test iets naar boven gezet en wordt er ruimte gemaakt om daaronder in het klein aan te geven binnen welk thema de gebruiker zich vind. Er zijn in totaal 7 thema s en 32 vragen. Deze worden geleverd door DDMA. Onder de header wordt met een smalle oranje progressbar weergeven hoe ver de gebruiker is. Naarmate er meer vragen zijn ingevuld hoe verder het balkje groeit. Ook wordt er weergeven in getallen bij welke vraag de gebruiker is. In dit geval vraag 1 van 32. Onder deze 2 punten wordt de vraag gesteld die de gebruiker moet beantwoorden. Er is ruimte voor maximaal 3 regels. Onder de vraag staan de 4 mogelijke antwoorden, a, b, c of d.

6 Voorbeeld vraag 1 met keuze Als de gebruiker een vraag selecteerd veranderd deze van kleur. Zo wordt er feedback gegeven welke gekozen is. De gebruiker wordt niet automatisch meegenomen naar de volgende vraag. Hij of zij moet via de footer Volgende vraag door. Zo kan de gebruiker nog snel van antwoord wisselen mocht deze verkeerd ingevuld zijn. De gebruiker kan ook pas naar de volgende vraag wanneer deze eerst is ingevuld. Wel kan de gebruiker ten alle tijden terug in de test naar een vorige vraag. Als een gebruiker naar een vorige vraag gaat blijft het eerder ingevoerde resultaat staan. De gebruiker moet het antwoord wel kunnen aanpassen en kan weer terug naar de vraag waar hij of zij gebleven was door op Volgende vraag te klikken Volgende vraag

7 Voorbeeld vraag 2 Naarmate er meer vragen ingevuld zijn wordt de oranje progres bar langer

8 Voorbeeld vraag 3 Bij de laatste vraag is de oranje progres bar gevuld. Vanaf hier kan de gebruiker naar zijn of haar eindresultaten. Wanneer de gebruiker naar de resultatenpagina gaat kan hij of zij niet meer terug de test is, de ingevoerde antwoorden staan vast. Dit omdat er anders waarschijnlijk een conflict op de mobiel onstaat met de resultaten wanneer een gebruiker nog even snel terug gaat om iets aan te passen.

9

10 Resultatenpagina 1 Als de gebruiker de test volledig heeft ingevuld komt hij of zij op deze pagina terecht. Hier worden de antworod gegeven die gegenereerd zijn van de test. Bovenaan staat het spinnenweb gevuld met de resultaten. In het midden wordt de gemiddelde fase van het max. aantal fase weergeven en daar omheen de fase per categorie. Dit spinnenweb is ook interactief zoals vermeld wordt. Als de gebruiker hierop klikt wordt het gemiddelde spinnenweb weergeven. De rest van de pagina blijft gelijk. Als er een stukje naar beneden wordt gescroldl krijgt de gebruiker de mogelijkheid om de resultaten in een dieperverslag te ontvangen per mail door zijn of haar gegevens achter te laten. Ook kan de gebruiker een bestand krijgen met alle mogelijke fases zodat die daar doorheen kan kijken. En ook de follow up kan per mail ontvangen worden. Als de gebruiker dit invult en op verstuur klikt blijft de gebruiker op dezelfde pagina. De content in deze blauwe blok verdwijnt en er komt een auto-message te staan met De aangevraagde bestanden zijn verzonden. Verder naar beneden staat er per categorie beschreven in welke fase per categorie de marketeer en zijn bedrijf zich bevinden en welke stap ze moeten ondenemen om naar de volgende fase te gaan. Deze zijn niet interactief, dit is enkel statische tekst. Onderaan de pagina staat nogmaals de mogelijkheid om de gegevens aan te vragen zodat de gebruiker niet omhoog hoeft te scrollen.

11 Resultatenpagina 2 Zoals verteld op Resultatenpagina 1 kan de gebruiker switchen tussen zijn eigen resultaten en die van de gemiddelde gebruiker. Als de gebruiker klaar is het met het invullen van de test kan de gebruiker niet terug naar de vragen van de test, dit om misbruik te voorkomen.

12 Hamburger menu De gebruiker kan ten alle tijden bij het hamburger menu. Het hamburger menu bestaat uit een dropdown venster met de volgende opties Vanaf hier gaat de gebruiker naar een van die pagina s door daar op te klikken. Als het mogelijk is blijven de ingevulde antwoorden staan. Als een gebruiker naar een van deze pagina s gaat en weer terug komt moet de gebruiker bij de vraag terecht komen waar hij of zij gebleven is en onverstoord door kunnen gaan met de test.

13 Over DDMA Op deze pagina wordt er kort informatie gegeven over DDMA. Afhankelijk van of DDMA het wilt of niet kan een gebruiker op het logo klikken en terecht komen op de website van DDMA. Wat niet mag gebeuren is dat als de gebruiker deze pagina tijdelijk verlaat en weer terug komt hij of zij opnieuw moet beginnen met de test. Anders zal de gebruiker geneigd zijn te stoppen omdat die anders weer opnieuw moet beginnen.

14 Delen Via deze pagina kan de gebruiker de test zelf delen. De gebruiker kan niet zijn eigen resultaten via Social Media delen. Er wordt een bericht gedeeld waarop andere social marketeers worden gevraagd of zij ook deze test zouden willen maken. De test kan gedeeld worden via; - Linked In - Facebook - Twitter - Whatsapp - E/G -mail - SMS

15 Neem contact op met DDMA Als de gebruiker een vraag heeft aan DDMA kan hij of zij het volgende formulier invullen. Het adress is verplicht. Naam en onderwerp niet, dit om annonimiteit te behouden. Als de gebruiker een lang bericht schrijft zal de gebruiker binnenin het vak Bericht kunnen scrollen/swipen van boven naar beneden om door zijn of haar bericht te kunnen kijken. Het veld zelf wordt niet groter zodat de gehele pagina in 1 opslag te zien blijft.