Wireframing

A/B Testing
Afin de concentrer nos efforts et notre temps, nous avons réalisé un A/B Testing de la phase de sketching avec 2 parcours assez similaires mais présentant 2 types d’affichages différent de l’événement :
Le parcours A : affiche l’événement en plein écran (il n’a pas été apprécié par la plupart des utilisateurs)
Le parcours B : affiche l’événement en format vignette avant de l’afficher en plein écran, permettant de ne pas sortir de la Map.

Mid-Fi
Le Mid-Fi est la création d’un prototype en nuance de gris les écrans sur des outils de conception graphique (Figma pour notre part)

Design System
Dans le but de suivre la charte graphique et le travail déjà effectué par Schlouk Map, nous avons réalisé un design system (bibliothèque d’éléments graphique : typographies, boutons, couleurs, icônes, etc…) de l’application.

Atomic Design
Le concept d’Atomic design a été créé par le webdesigner Brad Frost. L’idée principale est d’organiser chacun des éléments de l’interface pour concevoir des interfaces belles et fonctionnelles dans tous les environnements.
Voici un exemple avec la page « Map » qui présente une vignette cliqué :

Cliquez sur les écrans pour essayer le prototype final
