slidepresenter.com/

Production : 2017 - 2019

Réalisations

• Assistant de création • Outil d'enregistrement • Outil d'édition • Gestion des vidéos • Portail de diffusion • Lecteur vidéo • Application mobile • Composants UI / Graphismes

SlidePresenter

Un logiciel en tant que service destiné aux entreprises pour intégrer l'enregistrement, l'édition et la diffusion de vidéo dans le quotidien des employés. Comment créer un environnement facile d'accès qui s'adapte aux contraintes spécifiques du secteur ?

Assistant de création

Pour guider l'utilisateur tout au long du chemin critique (de la réalisation à la diffusion), une série de boîtes de dialogue suggèrent les étapes à suivre.

(1/2) Vue d'ensemble | Avant

Situation

- Une entrée à 6 options qui noie les nouveaux utilisateurs et crée une forte barrière à l'entrée.
- Des chemins redondants qui mènent au même outil, semant la confusion.
- De manière générale, des choix arbitraires qui ne répondent pas à une logique utilisateur.

(2/2) Vue d'ensemble | Après

Objectifs UX

- Optimisation du nombre d'entrées pour rassurer les nouveaux utilisateurs et réduire la phase d'apprentissage.
- Refonte des parcours en s'appuyant sur des scénarios utilisateurs.
- Réduction des temps morts, déplacement des actions aux positions attendues.
- Clarification générale du processus pour une expérience rationelle et simplifiée.

Exemple de scénario

(1/6) Assistant de création

Notre utilisateur souhaite enregistrer une nouvelle présentation à l'aide de sa webcam. Il s'engage sur le parcours "Record Myself".

Exemple de scénario

(2/6) Outil d'enregistrement

L'utilisateur télécharge son document et enregistre sa présentation. (Plus d'informations à la section Outil d'enregistrement)

Exemple de scénario

(3/6) Description

L'utilisateur indique les informations relatives à sa présentation.

Focus UX :

- Cette étape apparait à ce moment dans le parcours pour combler le temps mort lorsque la vidéo est en cours de téléchargement

Exemple de scénario

(4/6) Description

L'utilisateur définit des règles de confidentialité et de partage avancées.

Focus UX :

- Le nombre d'informations requises accroit progressivement pour ne pas submerger l'utilisateur.

Exemple de scénario

(5/6) Choix multiples

Une fois le téléchargement terminé l'utilisateur peut effectuer des actions optionnelles. Il choisit d'éditer son enregistrement.

Exemple de scénario

(6/6) Édition de l'enregistrement

L'utilisateur peut couper, insérer, ajuster l'image et le son (plus d'informations à la section Outil d'édition)

Outil d'enregistrement

Pour créer une vidéo à partir de rien, l'outil supporte l'emploi d'un microphone et/ou d'une webcam ainsi que l'ajout optionnel d'un fichier de présentation.

Enjeux UX

- Interface positionnée au plus haut de l'écran pour réduire la distance du regard entre l'utilisateur et sa webcam.
- Interface sombre pour réduire la fatigue visuelle, favoriser la concentration et mettre en valeur le sujet.
- Taille des cibles exagérées et mise en avant des raccourcis clavier pour réduire les mouvements parasites lors de l'enregistrement.
- Système de notes pour réduire la charge cognitive de l'utilisateur.

Outil d'édition

Pour créer une vidéo à partir d'enregistrements pré-existants et/ou pour affiner son travail, l'outil permet de couper, insérer et ajuster l'image et le son ainsi que d'ajouter des pistes supplémentaires.

Enjeux UX

- Définition du système de montage vidéo à partir de zéro. Adoption d'un compromis entre une liberté totale (plus complexe) et la restriction de certaines fonctionalités (plus facile d'utilisation) pour répondre aux scénarios utilisateurs typiques.
- Concentration des actions autour de la tête de lecture, point de pivot entre l'utilisateur et l'interface, pour réduire l'effort d'apprentissage.
- Effort d'architecture de l'interface pour réduire la courbe d'apprentissage.

Focus UX | Outil couper

(1/3) Couper une zone

Focus UX | Outil couper

(2/3) Séléction d'une zone

Focus UX | Outil couper

(3/3) Confirmer la sélection

Gestion des vidéos

Un espace personnel pour gérer ses vidéos, modifier leurs informations, leur visibilité, leurs contenus, les partager, ...

Portail de diffusion

Un espace commun optionnel pour diffuser ses vidéos à un groupe ou à l'ensemble de ses collaborateurs.

Lecteur vidéo

Focus UX :

- Optimisation de l'usage du lecteur pour personnes en situation de handicap suivant les recommandations W3C d'accessibilités WCAG 2.0

Application mobile

Une extension de l'application web pour faciliter l'enregistrement et la diffusion de contenu en situations improvisées (réunion, pitch, notes vocales).

Focus UX :

- Fonctionnalités restreintes et remaniées pour une utilisation mobile.

Composant UI / Graphismes

À suivre

Découvrez d'autres projets

Dammann

Un site e-commerce ergonomique et haut de gamme
pour une marque de thé tricentenaire

Bear

Une révision UX complète et une nouvelle identité
pour une application de réalité augmentée

À suivre

Découvrez d'autres projets

D-raw Incident

5 amis s'enfoncent dans la matrice
pour un projet graphique personnel
⤶ Tous les projets