Mise en place du contenu et de son arborescence

Sébastien Seghers
Mar 12, 2018 · 5 min read

Je vous invite à lire mon dernier rapport de TFE afin de mieux comprendre la suite de mes idées.

Résumé de mon TFE

Problématique: Permettre d’investir, acheter, vendre et s’échanger des cryptos-devises le plus simplement possible de manière intuitive.

Solution: Création d’une application de trading social qui permette aux gens d’investir/vendre/acheter/s’échanger et parler des crypto-devises.

User Story: En tant que trader amateur, j’aimerai pouvoir investir mon argent facilement et communiquer avec d’autres traders afin de faire des placements intelligents.

MVP (minimum viable product): Effectuer une opération de trading (acheter une crypto-devise)

Who: Toute personne voulant investir son argent dans les crypto-devises. What: Un outil (sous forme de web application) qui sera capable d’effectuer du trading sur les cryptos et de réunir les communautés de traders
Where: Lorsqu’une personne veut investir son argent dans les crypto-devises
When: N’importe quand, on ne peut le prédire
Why: Pour éviter de se tromper et de se perdre dans l’inconnu


Résumé de mon contenu pour ma landing/app/alpha

Liste potentiel de mon contenu

Résumé de mes fonctionnalités


Arborescence de contenu/fonctionnalité

Maintenant que mon contenu et mes fonctionnalités sont énumérées, il est temps de procéder à un Card Shorting.

Card Shorting

Le Card Shorting permet de lister mon contenu et mes fonctionnalités et de le regrouper pour avoir une idée plus claire de ma futur arborescence de contenu.

Phase n°1: Listing du contenu et des fonctionnalités

Listing de tout mon contenu et mes fonctionnalités

Phase n°2: Grouper l’information

Regroupements des informations entres-elles

Une fois ceci fait, j’ai donc eu une idée plus claire sur l’architecture de mon futur contenu pour ma web application. Il est temps maintenant de rentre tout ceci plus claire et de construire une arborescence finale.

Arborescence de la landing page

Arborescence de la landing page

Arborescence de la web application (Format mobile)

J’ai listé mes fonctionnalités et mes éléments de mon interface ainsi que l’objectif principal de ma web application c’est à dire l’acte de conversion et le tunnel de conversion.

Acte de conversion : L’objectif principal du produit/service (dans mon cas c’est acheter de la crypto-monnaie pour ensuite faire du trading)

Tunnel de conversion : Le chemin par lequel l’utilisateur va passer pour arriver à réaliser l’acte de conversion

Arborescence de la web application (Format tablette/desktop)

Pour le format tablette/desktop, c’est quasiment la même arborescence à quelques détails prêts. J’ai modifier l’emplacement des notifications vers le profil et j’ai ajouté la fonctionnalité “ACHAT/VENTE” afin de faciliter l’acte de conversion sur format desktop puisque d’après les analyses de résultats utilisateurs, il se trouverait que ceux-ci tradent majoritairement sur desktop.

Inventaire de contenu

J’ai également créer mon inventaire de contenu afin de définir +/- ce que j’allais dire dans ma landing page, ma web app et lors de ma présentation Alpha. Voici un aperçu des spreadsheets.

Landing page

Inventaire de contenu de la landing page

Web application (écrans principaux)

Inventaire de contenu des écrans de la web app

Présentation Alpha

Inventaire de contenu présentation Alpha

Je vais encore modifier le contenu au cours du temps de part mes recherches supplémentaires. Néanmoins ceci est déjà un aperçu de ce qui est susceptible de se retrouver lors de mon projet final.

Voici le lien vers le spreadhseet

https://docs.google.com/spreadsheets/d/1eW7RG56WBMuHmoE_76IJne59HSfTk0LdXatDKUE34Zo/edit?usp=sharing

Je présenterai dans mon prochain médium de mes débuts de wireframing et de user-testing. Maintenant que mon contenu et mes fonctionnalités sont listées et triées, je peux commencer à dessiner des prototypes de ma futur web application et de les faire tester à divers types de traders (débutant, intermédiaire et pro) afin de comprendre ce qui va/ne va pas.

Roadmap

Pour me suivre sur les réseaux sociaux c’est par ici ↓

Sébastien Seghers

Written by

UX/UI Design Student at @dwmHEAJ #DWM. Talking about digital stuff to create beautiful crafting experiences. Science thinker. Twitter : @S_Seghers

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade