Rethinking-UX

Medium

Malsagova Sélima

workshop

Un groupe, un projet

Nous sommes un groupe de quatre étudiants, et nous allons vous montrer les étapes par lesquelles nous sommes passés pour améliorer une des fonctionnalités du site Medium. Dans le cadre de notre workshop, nous voulons améliorer l’expérience utilisateur ! Étudiants à la Haute Ecole Albert Jacquard, nous utilisons Medium dans le cadre de nos études. Le but de ce workshop ? Mettre nos compétences à l’épreuve.

Photo du groupe

Médium, c’est quoi ?

Nous avons tenté de faire une définition à partir de nos quatre expériences avec Médium : c’est une plateforme qui permet aux utilisateurs, comme vous et moi, d’écrire et lire des articles, de les publier afin de partager des connaissances ou des idées.

Regarde tout ce qu'on peut faire !

Avantages

  • Enregistrement automatique
  • Outils de traitement de texte
  • Interface simple et efficace
  • Accessibilité par tous
  • Diversité des auteurs
  • Système de commentaires
  • Diversité des catégories

Inconvénients

  • Difficulté d’accès
  • Call-to-Action peu voyant
  • double menu peu clairs
  • Pas ergonomique
  • Options mise en page limitées
  • Fonctionnalités évasives

Listing

Après avoir relevé les différentes fonctionnalités, on a remarqué que certaines d’entre elles pouvaient être grandement améliorées afin de faciliter l’expérience utilisateur. Notamment dans la publication de textes et dans l’outil «highlight» qui nous ont le plus interpellé. Afin de pouvoir mieux approfondir notre réfléxion, nous nous sommes divisé les tâches en desktop et mobile.

Services similaires

Il existe plusieurs applications qui offrent les mêmes services ou des services similaires à Médium, découvrez-les en cliquant sur le bouton ci-dessous.

voir tableau

fonctionnalité

Fonctionnalité choisie

J’ai choisi la fonctionnalité des highlights permettant à l’utilisateur de surligner les éléments importants dans le texte et d’ensuite les répertorier dans une partie dédiée sur le profil de l’utilisateur.

highlight

User journey

C’est bien beau de pouvoir surligner dans le texte mais l’accès à nos surlignages manque d’ergonomie ! Quand on clique sur l’option « highlights » qui apparait une fois le curseur placé sur l’extrait surligné, on nous renvoie vers notre profil et seulement là, peut-on accéder aux surlignages.

Page d'accueil

Sur la page d'accueil, je recherche un article à lire. Je vois qu'il y a des tags
au-dessus dans la barre. Je clique sur design

Slide
Recherche d'article

Je suis tentée par l'un des articles les plus populaires en design.

Slide
Surlignage

Dans l'article, un extrait en particulier m'intéresse et je le surligne grâce à l'outil highlight. Je remarque un cadenat qui ne sert à rien dans les outils.

Slide
Plus d'options

Une fois avoir surligné mon extrait, une petite fenêtre apparait. Pas très mis en évidence mais on comprend qu'elle sert à mener vers mes autres extraits.

Slide
Surprise

En cliquant dessus, je suis surprise par une autre fenêtre, je pensais que c'était un accès direct à mes extraits. Bon tant pis, je clique encore dessus.

Slide
Déception

En cliquant dessus, de nouveau aucun extrait en vue, je me retrouve sur mon profile. MAIS OÙ SONT DONT MES EXTRAITS  ? !

Slide
Trouvé !

Après multes clics, je tombe enfin sur mes archives d'extraits surlignés, je crus ne jamais y arriver..

Slide
Et après ?

On ne peut donc qu'annuler notre highlight ou retourner dans le texte où on l'a trouvé. Assez limité comme fonctionnalité.

Slide

Réfléxions

L’option highlights dans le menu déroulant

Photo comparative
Photo comparative

Un page dédiée aux highlights indépendamment du profil

Photo comparative
Photo comparative

Une option de partage sur les réseaux sociaux

Photo comparative
Photo comparative

Améliorations

Page entièrement dédiée

En cliquant sur l’option highlights, on serait directement redirigé vers nos archives regroupant tous nos surlignages.

Option de partage

De là on pourrait décider de partager un extrait sur twitter, Facebook ou de simplement le copier.

Cocher plusieurs extraits

Il serait possible de choisir plusieurs extraits en cochant le petit carré à gauche du texte, et les partager sur nos réseaux sociaux.

Menu déroulant

On pourrait également parvenir à nos archives facilement par le biais du menu déroulant dans lequel il serait affiché.

l’équipe

Alexiane

Alexiane

20 ans, étudiante en infographie option webdesign à la Haute Ecole Albert Jacquard. Passionnée par le design visuel et par le côté technique proposé par le code.

Maxence

Maxence

21 ans, étudiant en infographie option webdesign à la Haute Ecole Albert Jacquard. Passionnée par le monde du jeux vidéo et le game art, j’adore le style flat design et le pixel art.

Aline

Aline

21 ans, étudiante en infographie option WebDesign à la Haute École Albert Jacquard. Passionnée par la création de nouvelles choses, accros au boulot et surtout perfectionniste.

Sélima

Sélima

22 ans, étudiante en infographie option webdesign à la Haute Ecole Albert Jacquard, passionnée d’écriture et d’arts.