Re
thinking
UX

Introduction

Qu’est-ce que Twitter ?

Ma définition :

Les réseaux sociaux sont des outils de communication absolument incroyables et pratiques quand ils sont bien utilisés. Twitter permet de poster de courts messages et en utilisant des hashtags afin de mieux référencer ses propos.

Notre définition :

Un réseau social permettant de s’informer, communiquer, partager et promouvoir rapidement des idées entre utilisateurs au moyen de messages dit Tweet, composés de 280 caractères.

Qu’est-ce qu’une fonctionnalité ?

Fonctionnalité : Une procédure permettant à un utilisateur d’effectuer une action déterminée sur une interface.

Listing des fonctionnalités :

  • Abonement ;
  • Connexion ;
  • Éditer son profil ;
  • Inscription ;
  • Listes ;
  • Messagerie ;
  • Mode nuit ;
  • Moments ;
  • Paramètres ;
  • Recherche ;
  • Tendances ;
  • Tweeter.

Notre utilisation de Twittter :

  • Actualité ;
  • Contacter des marques (DM) ;
  • Création d’une communauté ;
  • Inspiration (art, design et web) ;
  • Partage et mise en avant de proposition de jobs (freelance) ;
  • Promotion et visibilité ;
  • Suivre des personnes de domaine qui nous intéresse.

Qu’est-ce qui peut être améliorer chez Twitter ?

Étant un utilisateur de Twitter depuis 2014, j’ai pu expérimenter chaque recoin de celui-ci autant sur Desktop que sur Mobile. Lors de mon utilisation, j’ai pu remarquer une différence entre les deux versions. La présence de la fonctionnalité « Signet » sur la version mobile qui fait défaut sur la version desktop.

User Testing

Voici comment on utilise la fonction sur la version mobile. C’est assez simple et efficace.

Cependant la fonction n’étant pas présente sur desktop, c’est la fonctionnalité messagerie que nous devrons employer.

Étude comparative

Cette fonctionnalité existe sur d’autres réseaux sociaux comme Facebook, Instagram, Youtube et Pinterest.

Facebook

Screenshot Facebook
  • Sous menu ,
  • Liste chronologique.

Instagram

Screenshot Instagram
  • Bouton ,
  • Possibilité de classer.

Pinterest

Screenshot Pinterest
  • Bouton sur miniature ,
  • Possibilité de classer.

Youtube

Screenshot Youtube
  • Bouton sur miniature ,
  • Liste chronologique.

Sachant qu’un tweet ne possède pas toujours un contenu visuel, le cas de Pinterest et Youtube ne sont pas entièrement pertinents.

Problèmatique

Le problème est la façon de présenter la fonction, dans un sous-menu ou en buton.

Prototype Menu
  • + Discret
  • + Pas de place
  • - Action supplémentaire
  • - Contre instinctif
Prototype Bouton
  • + Parlant
  • + Rapide
  • - Élément visuel supplémentaire

En se réfèrant à l’étude comparative, la solution du bouton est utilisée dans 75% et présente moins de désavantages.

AB Testing

Maintenant que nous avons le principe, testons l’emplacement le plus optimal.

Prototype de position

Le bouton est placé à la suite des boutons principaux d’un tweet et garde l’effet de proximité. Cette position est logique et ne demande pas d’effort pour trouver visuellement. Cependant, cela une légère surcharge visuel et crée un désiquilibre.

Protoype de position

Cette position est inspirée d’Instagram. Celle-ci est envisageable, elle ne surcharge pas l’interface. Dans cette position l’élément est discret et représente bien l’importance de sa fonction qui est secondaire.

Intégration


Tester l'intégration

Le groupe et leurs travaux