Arrête de compliquer

@clea_ux

6.5K followers · usually 2.1K views a post

Views

12.3K

Likes

1.2K

Comments

32

Shares

66

Selling · SaaS › Productivity

Notion

https://expansion-studio.fr/hub ↗

Why it worked

The video provides a practical and actionable UX tip for SaaS products, directly addressing a common pain point for users: unnecessary modal pop-ups. By demonstrating a clear solution ('ghost editing') and explaining its benefits, the content offers high value to developers and product designers, making it shareable and engaging.

Summary

The video explains the concept of 'ghost editing' in SaaS products, where users can edit data directly within the existing interface without opening a separate modal. This approach, used by tools like Notion and Airtable, improves user experience by keeping users in context and reducing interruptions. The creator advises developers to consider if a modal is truly necessary for every data modification, suggesting ghost editing for simpler changes.

Structure

1Introduce the problem of overcomplicating user experience
2Explain 'ghost editing' as a solution
3Demonstrate how ghost editing works in practice
4Highlight the benefits of ghost editing (context, reduced interruptions, data accuracy)
5Discuss limitations and when to use modals
6

Original caption

6 actions pour changer le nom d'un projet. C'est trop. L'édition fantôme c'est le raccourci UX que Notion, Airtable et Linear utilisent pour que leurs utilisateurs adorent travailler dedans. #saas #uxdesign #productdesign

More from @clea_ux

Their other posts in the index, biggest breakout first.

Advise developers to question the necessity of modals for simple edits

Product placement

The video demonstrates the 'ghost editing' feature within a SaaS interface, similar to how Notion, Airtable, and Linear operate. The creator uses a screen recording to show how data can be edited directly without opening a modal.

Call to action

Pose-toi 1 question : Est-ce que mon utilisateur a vraiment besoin de quitter cet écran pour changer ça ? Si la réponse est non, donne-lui l'édition fantôme.

On-screen text

ARRÊTE DE COMPLIQUER TES UTILISATEURS. DONNE 1 RACCOURCI UX QUI S'APPELLE L'ÉDITION FANTÔME. L'UTILISATEUR CLIQUE DIRECTEMENT ELLE DEVIENT ÉDITABLE, IL TAPE, IL APPUIE SUR ENTRÉE ET N'A JAMAIS QUITTÉ SON ÉCRAN. C'EST EXACTEMENT CE QUE FONT NOTION, AIRTABLE, LINEAR. ÇA QUE LEURS UTILISATEURS ADORENT TRAVAILLER DEDANS. DÉJÀ PARCE QU'IL RESTE DANS SON CONTEXTE, DONC IL PERD DE CE QU'IL ÉTAIT EN TRAIN DE FAIRE. ENSUITE PARCE QUE CHAQUE OUVERTURE DE MODALE EST 1 MICRO-INTERRUPTION, ET LES MICRO-INTERRUPTIONS S'ACCUMULENT JUSQU'À CE QUE TON PRODUIT COMMENCE À PESER. QUE PLUS 1 ACTION EST RAPIDE UTILISATEUR LA FAIT. LA FAIT, PLUS SES DONNÉES S'APPLIQUE PAS À TOUT. MODIFIER LE METTRE À JOUR 1 STATUT = MODIFIER 1 FICHE DE CONTACT AVEC 10 CHAMPS LIÉS OU ÉDITER 1 DESCRIPTION LONGUE AVEC GARDE TA MODALE. L'UTILISATEUR A BESOIN DE VOIR L'ENSEMBLE AVANT DE VALIDER. DONC LA RÈGLE C'EST LA COMPLEXITÉ VALEUR SIMPLE ET ÉDITION FANTÔME. VALEUR COMPLEXE AVEC PLUSIEURS MODALE DÉDIÉE. DONC AVANT D'OUVRIR 1 MODALE SUR TA PROCHAINE MODIFICATION, POSE-TOI 1 QUESTION : UTILISATEUR A VRAIMENT BESOIN DE QUITTER CET ÉCRAN POUR CHANGER ÇA ? DONNE-LUI L'ÉDITION FANTÔME.

Transcript

Arrête de compliquer tes utilisateurs. Donne 1 raccourci UX qui s'appelle l'édition fantôme. Chaque fois que ton utilisateur va modifier une valeur dans ton SAS, il clique sur modifier la valeur. Une modale s'ouvre, il cherche le bon champ, il change la valeur, il clique sur entrée et il n'a jamais quitté son écran. C'est exactement ce que font Notion, Airtable, Linear. C'est pour ça que leurs utilisateurs adorent travailler dedans. Déjà parce qu'il reste dans son contexte, donc il perd pas le fil de ce qu'il était en train de faire. Ensuite parce que chaque ouverture de modale est une micro-interruption, et les micro-interruptions s'accumulent jusqu'à ce que ton produit commence à peser. Et enfin parce que plus une action est rapide, plus ton utilisateur la fait. Et plus il la fait, plus ses données sont à jour. Mais attention, l'édition fantôme ne s'applique pas à tout. Modifier le nom d'une tâche, mettre à jour un statut, modifier une fiche de contact avec 10 champs liés ou éditer une description longue avec une modale dédiée. Donc avant d'ouvrir une modale sur ta prochaine modification, pose-toi 1 question : Est-ce que mon utilisateur a vraiment besoin de quitter cet écran pour changer ça ? Si la réponse est non, donne-lui l'édition fantôme.