đŸ§© Tips

Listing d’astuces sur divers sujets. Vous en trouverez surement quelques une qui vous plairont

  • |

    SESSION LAB : Librairie d’ateliers UX

    📌 SESSION LAB est un #librairie proposant une aggregation d’un ensemble de #ressources pour #UX / #facilitateurs / #animateur d’atelier.
    Une vĂ©ritable mine d’or tant pour sa section #Library qui dĂ©crit pleins d’atelier, que pour ça section #Template qui vous propose le #timing prĂ©cis de chacun des #ateliers
    Tout simplement génial !
    #Resources #cmondary

  • | | |

    Usability Heuristics : posters

    📌 ARTICLE proposant un petit #toolkit sous forme de poster : les CritĂšres ergonomiques heuristiques d’utilisation pour la conception d’interfaces utilisateur.
    Les 10 principes de Jakob #Nielsen pour la conception d’interactions sont appelĂ©s « heuristiques » parce qu’il s’agit de rĂšgles gĂ©nĂ©rales et non de directives spĂ©cifiques d’utilisation.
    #toolkit #ergonomie #usability #cmondary

  • |

    OVERLOAD : Extension pour vos recherche Google

    📌 OVERLOAD est une #extension #chrome qui vous permettra de faire des recherches avancĂ©s sur #google, mĂȘme si vous ne connaissez pas les #keywords correspondants.
    vous pourrez donc :
    – Exclure certains termes ( – )
    – Rechercher au sein d’un domaine prĂ©cis ( site: )
    – Chercher un type de fichier par son extension ( filetype: )
    etc …
    #Tips #cmondary

  • | |

    UX : Evaluation des compétences

    📌 ARTICLE proposant un toolkit assez sympa d’Ă©valuation des compĂ©tences des membres de vitre Ă©quipe. Le tableau est dĂ©composĂ© en 16 compĂ©tences en 4 catĂ©gories.
    Les scores saisies dans la feuille de travail sont affichĂ©s dans une carte de pointage en lecture seule. La carte de pointage prĂ©sente le score mais Ă©galement le score minimum estimĂ© pour chacun des postes afin que les individus puissent facilement voir le delta entre leur situation actuelle et celle qu’ils devraient atteindre, puis fixer des objectifs spĂ©cifiques pour passer au niveau supĂ©rieur.
    #skill #cmondary

  • |

    19 chose Ă  ne pas dire Ă  un UX researcher

    📌 ARTICLE sympa, sur un ton dĂ©calĂ© des 19 choses Ă  ne pas dire Ă  un UX Researcher : 
    1/ « Nous n’avons pas besoin d’un rapport »
    2/  « Cette méthode est trop coûteuse et trop longue »
    3/ « Utilisons une salle à miroirs sans tain »
    4/ « Avez-vous demandĂ© Ă  l’utilisateur ce qu’il aime dans le produit ? »
    5/ Faisons des NPS (net promotor score)
    6/ « Tout le monde peut lire un script et prendre des notes »
    7/ « Je vous montrerai mon design quand il sera terminé »
    8/ « Utilisons nos propres employés comme participants »
    9/ « On peut juste faire une enquĂȘte »
    10/ « Organisons plutÎt un focus group »
    11/ « Avez-vous demandĂ© Ă  l’utilisateur s’il achĂšterait ce produit / service »
    12/ « Les gens ne scroll pas autant, les résultats de recherche ne peuvent pas aider. Mettons le CTA ailleurs ».
    13/ « Lire les protocoles de recherche aux participants mot pour mot »
    14/ « J’ai pensĂ© que nous pourrions nous rencontrer tous ensemble » – L’utilisateur veut passer l’interview avec ses collĂšgues / amis
    15/ « Faisons juste quelques tests d’utilisabilitĂ©, pas besoin de recherche »
    16/ « Nous ne pouvons rien obtenir de valable en parlant à un si petit nombre de personnes ».
    17/ « Il suffira de le tester auprÚs des utilisateurs à la fin du projet »
    18/ « Nous n’avons pas besoin d’un paneliste pour trouver des utilisateurs »
    19/ « Nous sommes une startup, nous n’avons pas encore besoin de recherche sur les UX… »
    (pour voir l’ensemble des conseils, sur ce qu’il convient dire Ă  la place, je vous invite Ă  lire l’article 😉 )
    #UXResearch #cmondary

  • |

    GUIDE : From Sketch / Figma to After Affect

    📌 ARTICLE trĂšs complet sous forme de guide pas Ă  pas pour crĂ©er de petites animations, et micro-intĂ©ractions sous after effect aprĂšs importation des sources Sketch / Figma.
    L’idĂ©e est simplement d’utiliser les animations sous #AfterEffect pour donner vie Ă  votre interface et montre comment toutes les Ă©lĂ©ments doivent se comporter et interagir.

  • |

    Faster Wireframes

    📌 ARTICLE proposant un petit #tips sympa pour crĂ©er rapidement des #wireframes de #landing pages. L’astuce est bien Ă©videmment rĂ©plicable au delĂ  des landing pages, et je dois avouer m’en ĂȘtre dĂ©jĂ  plusieurs fois servi pour obtenir des proportions nikels blocs / textes / espacement, trĂšs rapidement.
    L’idĂ©e est simple mais efficace :
    1/ Faites une capture d’Ă©cran de vos sites prĂ©fĂ©rĂ©s
    2/ Reproduisez un wireframe de ces pages, par dessus vos screenshots
    #tips #cmondary

  • | |

    Design Critics : Comment mieux recevoir les remarques concernant votre travail

    📌 ARTICLE super intĂ©ressant sur DesignCritics.
    Personnellement je plaide pour la confrontation de ses idées, conceptions auprÚs de ses pairs, tant pour valider / invalider les choix de conception que pour renforcer son argumentaire lors de la présentation de notre travail.
    Je pense que le bon format est le Design Critics, lors de Daily Meetings.
    Ici l’auteurs quelques conseils avec lesquels je suis en parfait accords, et que je vous liste ici : 
    – Demandez un feedback trĂšs tĂŽt et rĂ©guliĂšrement
    – Demandez Ă  ĂȘtre poussĂ© hors de votre zone de confort
    – ConsidĂ©rez vos collĂšgues comme vos clients
    – PrĂ©sentez d’abord vos donnĂ©es, argumentez en partant de votre analyse
    – Clarifier le « pourquoi » d’une critique, chercher Ă  comprendre les raisons qui amĂšne votre interlocuteur Ă  formuler ce type de feedback.
    – Ne prenez rien personnellement (et voyer le gain en qualitĂ© de votre proposition, votre argumentaire, votre expertise) 
    Je reprendrais également la citation de Elon Musk ici : 
    « Rechercher constamment la critique. Une critique bien pensĂ©e de ce que vous faites est aussi prĂ©cieuse que de l’or ».
    – Elon Musk

  • |

    Que signifie ĂȘtre vraiment « Agile » en tant que designer ?

    📌 ARTICLE trĂšs intĂ©ressant sur l’agilitĂ© et l’adaptation du designer au manifeste Agile.
    Fonction de la maturitĂ© du client mais Ă©galement des enjeux de communications, les choses ne sont pas toujours simples. Je partage tout de mĂȘme assez les conseils de l’auteur !
    1/ Etablir un vocabulaire commun entre les diffĂ©rentes parties prenantes (communiquer efficacement niveau 1 😉 )
    2/ Comprendre puis concevoir en gardant Ă  l’esprit les enjeux business et les contraintes techniques
    3/ Concevoir et maintenir des modules réutilisables (voir maintenir un design system)
    4/ Délivrer à court terme, mais conserver toujours une vision à long terme
    5/ Prendre des dĂ©cisions stratĂ©giques au bon moment et Ă©pauler le ProductOwner (communiquer efficacement niveau 2 😉 )
    6/ Éviter d’ĂȘtre (trop) un puriste quant au process
    7/ Soyez un coĂ©quipier efficace, mais aussi et surtout un bon nĂ©gociateur (communiquer efficacement niveau 3 😉 )
    #tips #cmondary

  • |

    Tips : Partager votre écran avec messenger

    📌 TIPS : Saviez vous que vous pouviez dĂ©sormais partager votre Ă©cran mobile (#iOS ou #Android) directement depuis l’application Facebook #Messenger.
    Cela peut ĂȘtre super pratique pour venir en aide Ă  un de vos proches, mais Ă©galement pour Ă©ventuellement recueillir du #feedback de vos utilisateurs !
    1/ démarrer un appel vidéo sur votre smartphone
    2/ sĂ©lectionner l’option « partager votre Ă©cran »
    3/ cliquer sur le bouton « démarrer le partage »
    4/ vous pourrez mettre fin au partage d’Ă©cran en revenant Ă  la conversion et en cliquant sur le bouton « arreter le partage »
    #Tips #cmondary

  • |

    9 Raccourcis clavier utiles pour CHROME

    📌 ARTICLE sur les 9 raccourcis les plus importants sur Google Chrome.
    Personnellement ce sont rĂ©ellement ceux que j’utilise tous les jours.
    Spécialement le combo :
    1/ ⌘ + L  pour sĂ©lĂ©ctionner la barre d’adresse
    2/ ⌘ + C pour copier l’adresse
    3/ ⌘ + Shift + N pour ouvrir une page en mode incognito
    4/ ⌘ + V pour coller l’adresse
    (tout ceci est super pratique si vous souhaitez continuer a lire vos articles medium une fois la limite atteinte 😉 )
    1. Nouvelle fenĂȘtre Incognito Mode
    Windows: Ctrl + Shift + N
    Mac: ⌘ + Shift + N
    2. Ré-ouvrir le dernier onglet fermé
    Windows: Ctrl + Shift + T
    Mac: ⌘ + Shift + T
    3. Fermer l’onglet en cours
    Windows: Ctrl + W
    Mac: ⌘ + W
    4. Passer d’un onglet Ă  l’autre
    Windows: Ctrl + PgDn (onglet suivant) et Ctrl + PgUp (onglet précédent)
    Mac: ⌘ + Option + flĂšche droite (onglet suivant) et ⌘ + Option + flĂšche gauche (onglet prĂ©cĂ©dent)
    5. Minimiser la fenĂȘtre en cours
    Windows: Ctrl + M
    Mac: ⌘ + M
    6. Ouvrir l’onglet « TĂ©lĂ©chargement »
    Windows: Ctrl + J
    Mac: ⌘ + Option + L
    7.  Ouvir l’onglet « Bookmarks Manager »
    Windows: Ctrl + B
    Mac: ⌘ + Option + B
    8. SĂ©lectionner la barre d’adresse
    Windows: Ctrl + L
    Mac: ⌘ + L
    9. Effacer les données de navigation
    Windows: Ctrl + Shift + Delete
    Mac: ⌘ + Shift + Delete
    Pour la liste exhaustive des #shortcuts en français sur la page officielle google, c’est par ici :
    https://support.google.com/chrome/answer/157179?hl=fr
    #Tips #cmondary