Aller au contenu

Étude de cas UX

Hiive

Application de shopping vidéo et bons plans

hiive screens

à propos de

hiive

projet

Détails du projet

L’application iOS Hiive réunit un réseau social, une boutique en ligne et une plateforme de rémunération : on peut acheter de nombreux produits en regardant des avis, ou tourner un avis vidéo sur un produit et gagner de l’argent.

C’est utile pour les acheteurs, les blogueurs et les marques qui veulent collaborer avec Hiive. Le système reste pertinent et intuitif pour des personnes de tous âges et de toutes aisances numériques. Dans cette étude de cas, je décris le rôle que j’ai joué dans la création de l’application.

Mon rôle

User Experience Designer

Outils

figma

adobe illustrator

midjourney

coggle

Design Thinking

freelancer image

Processus

de design

Empathize Step

1.

Empathie

À cette étape, j’ai étudié en profondeur les produits concurrents, créé des personas et des user stories pour comprendre comment nos utilisateurs perçoivent ces produits au quotidien et à quel point l’application leur est pratique.

Define step

2.

Définition

Ensuite, j’ai réalisé une carte d’empathie et un énoncé du problème. Cela m’a aidé à mieux me mettre à la place de l’utilisateur et à définir ce dont il a besoin pour atteindre ses objectifs.

Ideate step

3.

Idéation

L’exercice Crazy Eights m’a aidé à prioriser les fonctionnalités et les éléments utiles à notre utilisateur potentiel. J’ai ensuite créé des wireframes détaillés.

Visual design

4.

Design visuel

À cette étape, j’ai remis tous les artefacts et supports au chef de projet. Des collègues de la société prestataire ont réalisé les maquettes et sont passés au développement.

Launch step

5.

Lancement

Après les tests et la correction des bugs, le produit a été publié sur l’App Store. J’ai été heureux de rester en contact avec les développeurs tout au long du développement.

La première étape a été l’échange avec le chef de projet et la compréhension du cahier des charges. J’ai ensuite analysé la concurrence pour trouver un créneau à exploiter. J’ai analysé leurs plateformes et fonctionnalités comme ci-dessous.

Audit

concurrentiel

TikTok

Algorithmes de préférences

Visionnage pratique des avis vidéo

Interface intuitive

Instagram

Informations concises

Interaction claire avec la vidéo

Lecture vidéo

YouTube

Style du menu d’interaction

Logiques d’interaction intuitives

Informations principales et complémentaires structurées

Amazon

Caractéristiques produit structurées

Un système de réductions et de bonus efficace

Systèmes de paiement internationaux

Comfy

Intégration publicitaire attrayante

Traitement rapide des commandes

Navigation facile entre les catégories

Competitive table

persona :

helen

Helen est une photographe incroyablement talentueuse qui trouve l’équilibre entre vie de famille et créativité. Ses journées sont remplies de moments en famille, et la nuit elle se plonge dans ses propres projets.

Elle a un mari et un fils à l’école primaire. Au sein de sa famille, elle trouve une vraie joie de vivre et une gratitude infinie de pouvoir partager avec le monde son amour de la photographie.

User Persona

À propos

Âge : 25 ans

Formation : Academy of Art University

Ville : New York, États-Unis

Famille : mari, fils

Métier : mode et style

Objectifs

Cherche de nouvelles tendances et de nouveaux produits de mode

Veut acheter rapidement et facilement via une application mobile

Accorde de l’importance à l’avis des personnes influentes de la mode

Frustrations

Peu de moyens d’acheter rapidement les articles de mode vus dans les avis vidéo.

Choisir des produits lui est pénible : avec son emploi du temps chargé et les tâches ménagères, elle a peu de temps pour regarder des avis vidéo.

Une fois la recherche terminée et les artefacts réunis, je suis passé à l’exercice Crazy Eights. Il m’a beaucoup aidé à trouver les meilleures solutions pour de nombreux écrans, par exemple les fiches produit et le calendrier des réductions.

Crazy

Eights

Wareframe screen
Wareframe screen
Wareframe screen
Wareframe screen
Notebook wireframes

wireframes

Le brainstorming, l’analyse de la concurrence et la création de tous les artefacts nécessaires m’ont beaucoup aidé à comprendre la structure et les fonctionnalités de l’application. Je suis ensuite passé à des wireframes très détaillés.

Accueil et commande

Wireframes

Connexion et onboarding

Wireframes

Profil et produit

Wireframes

calendrier des réductions

Wiferfames
Wireframes

Design

visuel

À cette étape, j’ai documenté tous les résultats de recherche et les artefacts, puis remis les supports au chef de projet. Des collègues de la société prestataire ont réalisé les maquettes et sont passés au développement. Je n’ai pas participé activement aux étapes suivantes, mais je suis resté en contact avec le chef de projet et j’ai suivi le développement et le lancement du produit.

coworking
first visual design hiive

Analytique

et mesure de la performance

Pour Hiive, l’analytique serait essentielle pour comprendre l’engagement des utilisateurs et améliorer l’expérience sociale. Je me concentrerais sur :

Rétention et attrition

Suivre combien d’utilisateurs reviennent après 7, 14 ou 30 jours pour mesurer l’engagement à long terme.

Usage des fonctionnalités

Utiliser Firebase Analytics ou Amplitude pour voir quelles fonctionnalités (publier, commenter, suivre) sont les plus utilisées.

Croissance du réseau et interactions

Mesurer comment les liens se créent dans l’application, dont le nombre moyen de likes et de commentaires par publication et les demandes d’amis envoyées.

Performance des contenus

Suivre quels types de publications génèrent le plus d’interactions et optimiser l’algorithme de recommandation en conséquence.

Analyse du tunnel d’onboarding

Repérer où les utilisateurs abandonnent pendant l’inscription et améliorer l’onboarding grâce à des interactions guidées ou des recommandations personnalisées.

hiive launch

lancement

du produit

Les collègues du studio de développement ont fait un excellent travail sur la partie visuelle et le branding. L’interface a été construite selon les principes de base du HID, en appliquant les Accessibility Guidelines.

Ce projet a réuni des avantages pour des utilisateurs aux besoins et objectifs différents. L’idée de combiner les fonctionnalités des réseaux sociaux modernes et du shopping en ligne a aidé l’entreprise à collaborer avec des marques du monde entier. Mon rôle de User Experience Designer a été un véritable moteur pour le développement et le lancement du produit Hiive « Video Shopping & Deals ».

Lien vers le site de l’entreprise où j’ai réalisé ce projet : www.joinhiive.com.

Merci d’avoir pris le temps de lire mon étude de cas !