UX/UI Design
Redesign of the Twitch mobile app
Client
Fictitious client
Team
Guillaume Normand Jorge Formoso
Date and duration
2023
2 days
Role
Heuristic analysis Wireframing Visual redesign
The following project is presented to you in French. If you want to browse it in English or if you want to delve deeper, I invite you to read the detailed case study on my Medium page by clicking the button below:
Twitch est une plateforme mobile dédiée à la diffusion de contenu audiovisuel en direct. Initialement centrée sur les joueurs de jeux vidéo, elle s'est progressivement élargie pour inclure une vaste gamme d'activités.
La nouvelle version de la page d'accueil tient compte du visuel de l'application web sur ordinateur pour assurer une plus grande cohérence visuelle entre les différentes versions de l'application. Elle comprend désormais une barre latérale gauche pour facilement accéder aux streamers en direct ou à des recommandations. L'espace a été revisité pour limiter le scrolling vertical infini (notamment grâce à l'introduction de scrolling horizontal). L'aspect visuel des boutons a été repris sur celui de la version ordinateur.
La barre de navigation a été repensée pour satisfaire un besoin de clarification :
la page d'accueil a été renommée comme telle ;
les pages "découvrir" et "parcourir" ont été fusionnées ;
la messagerie y a été ajoutée pour renforcer l'aspect social de l'application.
Enfin, le format paysage a été totalement repensé pour favoriser l'immersion en réduisant tout ce qui pouvait empiéter sur le flux vidéo. En bonus, nous avons introduit des boutons fléchés pour permettre aux utilisateurs de customiser le placement des éléments d'interface (chat et barre d'informations).
Le projet prend place dans le cadre d'un stage intensif de design UX/UI réalisé auprès d'Ironhack, une structure de formation européenne habilitée par le Ministère du Travail à délivrer des certifications de type TP - Concepteur designer UI (cliquez sur le lien pour en savoir plus). La formation avait lieu intégralement en anglais et réunissait des individus issus de toute l'Europe ; c'est la raison pour laquelle certains matériaux / images de cette étude vous seront présentés en anglais.
Si vous souhaitez en apprendre davantage, je vous invite à lire l'étude de cas détaillée en anglais sur Medium (cliquez sur le lien pour en savoir plus).
Page d'accueil sur un téléphone android, avant et après.
La nouvelle page "découverte" qui succède aux pages "découvrir" et "parcourir" (fuisonnées).
Format paysage, avant et après.
La nouvelle vue au format paysage dans ses quatre configurations possibles.