Job stories & wireframes - marcoFijan/projectTech GitHub Wiki

Job stories

Hieronder vindt u verschillende job stories waarvan ik er 1 wil uitwerken:

  1. Wanneer ik een account wil maken, wil ik dit gelijk, snel en makkelijk doen zodat ik snel kan beginnen met het zoeken naar een partner (Registreren)
  2. Wanneer ik opzoek ben naar mensen met dezelfde hobby, wil ik dit overzichtelijk zien op de homepage, zodat ik gelijk een overview heb van de verschillende mogelijke partners. (Afbeelding Startscherm na inloggen)
  3. Wanneer ik op een profiel klik, wil ik gelijk de eigenschappen van die persoon zien, zodat ik meteen kan zien of ik de persoon leuk vind. Deze ga ik uitwerken
  4. Wanneer ik een profiel opzoek, wil ik gelijk de optie hebben om te chatten met deze persoon, zodat ik gelijk contact kan nemen met die gebruiker.

Wireflows

Makkelijk en snel registreren (Job Story 1)

wireflow-4x-100.jpg

Inzien van eigenschappen van die persoon (Job Story 3)

wirefloww-copy-4x-100.jpg

Chatten met een nieuwe persoon (Job Story 4)

wirefloww-4x-100.jpg

Wireframe collecties V1.1

Hieronder vindt u de verschillende losse wireframe collecties die ik heb gemaakt en niet heb gebruikt voor de wireflows. Zoals een scherm wanneer er invalide input is geleverd door de gebruiker en de knop disabled is.

Wireframe: Inzichtelijk inzien mensen met dezelfde hobby of interesses (Job Story 2)

Artboard-1-copy-11-4x-100.jpg

Wireframe collectie: Registreren

Startscherm (Na het laden van de pagina)

Artboard-1-copy-9-4x-100.jpg

Startscherm (Na selecteren van een knop)

Artboard-1-4x-100.jpg

Selecteren waar je naar opzoek bent

Artboard-1-copy-4x-100.jpg

Selecteren waar je naar opzoek bent (Na selectie)

Artboard-1-copy-10-4x-100.jpg

Selecteren van interesses

Artboard-1-copy-3-4x-100.jpg

Selecteren van interesses (na selectie)

Artboard-1-copy-8-4x-100.jpg

Foto uploaden

Artboard-1-copy-4-4x-100.jpg

Foto uploaden (na selecteren van afbeelding)

Artboard-1-copy-7-4x-100.jpg

Invullen van overige gegevens

Artboard-1-copy-5-4x-100.jpg

Invullen van overige gegevens (na invullen)

Artboard-1-copy-6-4x-100.jpg

Startscherm na inloggen/registreren

Artboard-1-copy-11-4x-100.jpg

Wireflow: Registreren

wireflow-4x-100.jpg

Wireframe collectie: Chatten met een nieuw persoon

Startscherm (na inloggen)

Artboard-1-copy-11-4x-100.jpg

Profieloverzicht

Artboard-1-copy-3x-100.jpg

Github Pages

Link naar mijn static Webiste