Origarti

21/11/2024

🎯 Pro Tips n°05 : RTL & LTR : Pensez l’interface dans tous les sens ! Pour ce cinquième épisode, on continue à voyager à travers le monde. On va s'intéresser aujourd'hui au sens et à la façon dont les internautes lisent sur Internet.

🐔 En réalité "lire" est un bien grand mot. Le terme de "picorer" serait sans doute plus adapté.

👁️ 1°] Grâce au eye-tracking, nous savons que l'œil a tendance un lire un contenu suivant un motif en "F". Votre œil va généralement lire la première ligne pour se faire une idée puis il va longer le bord gauche de l'écran jusqu'à ce qu'il soit attiré par quelque chose de croustillant pour reprendre la lecture.

On est donc loin d'une lecture linéaire mais plutôt en zigzags chaotiques.

J. Nielsen préconise d'améliorer la "scannabilité" en le ponctuant de :
- Titrages & sous-titrages
- Mettre en emphase les mots importants
- Une seule idée par paragraphe en commençant par la conclusion plutôt que par son début (pour ne pas perdre l'intérêt du lecteur en conjectures).

🌍 2°] Ce lecture en "F" s'inverse dès lors que votre interface est traduite dans une des 12 langues se lisant de droite à gauche ("RTL"). Cela représente près de 8% de la population.

Il ne suffit pas juste d'aligner le texte à droite. La majorité du temps, il faudra imaginer votre interface pensée de "gauche à droite" (LTR) en miroir horizontal pour qu'elle soit correctement adaptée en RTL.

Mais il y a des exceptions à cette règle de la symétrie horizontale qui concerne le sens de certains composants UI :
- Certains icônes, selon s'ils connotent le passage du temps
- Les lecteurs de vidéos / musique

Renversant non ?
___

___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je te prépare actuellement une en ligne en UI & UX Design / d'une quarantaine d'heures que j'espère sortir au premier trimestre 2025. Dans ce but, je mène donc une enquête pour que son programme soit le plus adapté à tes objectifs.

🔥 Si tu as 15 minutes, aide-moi à créer cette formation pour les designers de demain 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 C’est par ici que ça se passe : https://buff.ly/3O9e3lb

12/11/2024

🎯 Pro Tips n°04 : Pourquoi voyager fera de vous de meilleurs designers ?
On a souvent le réflexe de penser que le design "universel" est le nôtre, celui des GAFAM, du Bento Design et du design minimaliste, etc. mais si on creuse un peu, la réalité est toute autre.

✨ Senongo Akpem, designer et auteur de "Cross-Cultural Design" aux éditions , résume bien le problème : beaucoup de créateurs imaginent que leurs utilisateurs viennent tous (et uniformément) d'une culture "WEIRD" (Western - Educated - Industrialised - Rich - Developed). Et ça se voit ! Résultat : des designs pensés pour des contextes occidentaux, qui oublient une partie non-négligeable du monde.

🌎 En Occident - notre esthétique moderne prend racine dans des courants comme le Bauhaus, qui structure et hiérarchise l'information et préconise une certaine forme de minimaliste et de rigueur dans la construction. Après tout, un design élégant est souvent synonyme d'un design minimale (cf. Apple).

🇯🇵 Japon - Avec leurs trois alphabets qui cohabitent et une approche qui valorise l’efficacité brute (la fameuse densité d'infos !), les interfaces japonaises fonctionnent pour leur public, mais déroutent souvent les Occidentaux. Pourquoi ? Parce que derrière ces choix de design, il y a une Histoire, une Géographie, et même une démographie qui dictent des priorités parfois totalement différentes des nôtres.

🇳🇬 Nigeria - Le choc des cadres de Facebook lorsqu'ils débarquent au Nigéria et se rendent compte que leur application est totalement inutilisable pour la plupart des internautes locaux ( dont 30% étaient pourtant inscrits sur Facebook). Rien ne marche du fait de limitations techniques liées aux infrastructures sur place.

💡 Mon conseil pour devenir un meilleur designer : sortez de votre bulle et soyez conscient des biais - même inconscients - qui sont intrinsèquement liés à votre propre culture. Votre paradigme n'est pas nécessairement celui de vos utilisateurs.

___


___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je te prépare actuellement une en ligne en UI & UX Design / d'une quarantaine d'heures que j'espère sortir au premier trimestre 2025. Dans ce but, je mène donc une enquête de recueil du besoin pour que son programme soit le plus adapté à tes objectifs.

🔥 Si tu as 15 minutes, aide-moi à créer cette formation pour les designers de demain 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 C’est par ici que ça se passe : https://buff.ly/3A4j3UR

18/10/2024

🤡 Relation Designer / Client·e : une relation théâtrale ?!

En quelques années, je suis passé d'un introverti en agences qui faisait relire le moindre de ses emails destiné à un client (oui, tous) à un·e responsable à - quelques années d'année plus t**d - un freelance qui a fini par trouver un certain amusement dans la phase de "négociation commerciale avec ses client·e·s", grâce à une idée simple mais réconfortante : nous sommes tous des acteurs qui jouons une partition. Chacun tente de donner la réplique à l'autre, car il est dans son rôle.

L'avantage d'être UX Designer et d'avoir quelques notions sur les biais cognitifs qui conditionnent régulièrement nos choix et nos comportements, c'est qu'on apprend à s'en servir parfois pour faire avancer les choses dans le bon sens. Je m'explique 👇

Depuis très jeune, j'ai toujours été très mal à l'aise avec les jeux de pouvoir et de domination qui ont tendance à s'immiscer dans les relations interpersonnelles. Les relations commerciales n'y font malheureusement pas exception. Après tout, il serait tentant pour le payeur - de par son statut - de se dire que cela lui octroie le dernier mot et la décision finale, qu'il s'agisse d'un client envers vous ou même d'un employeur envers son salarié.

Pourtant, si vous êtes prestataire créatif ou technique, vous savez que le payeur n'a pas le monopôle des bonnes idées (sinon, il ne ferait pas appel à vous, c'est juste qu'il peut parfois l'oublier). Alors je me sers parfois - quand la situation l'exige - d'un biais que je déteste la plupart du temps mais pourtant fort utile : le biais d'autorité.

Quand je sens que mon client me toise ou a une certaine défiance envers moi (ce que je ne prône absolument pas pour une collaboration saine), je rappelle parfois discrètement que je suis enseignant depuis quelques années, comme ça, l'air de rien.

Ainsi, lorsque ce dernier tente de m'imposer une suggestion dont je sais pertinemment qu'elle va desservir sa réputation, l'expérience de son utilisateur et/ou par ricochet - ma propre réputation ( du fait que mon nom s'inscrit dans les mentions légales des sites que je produis), je décoche ma botte secrète. Une petite phrase anodine mais qui a pourtant tendance à remettre la relation sur un plateau plus "horizontal" : "C'est amusant, je dis justement à mes étudiants de première année qu'il ne faut justement pas [insérer l'idée saugrenue du payeur ici], si on en croit la littérature scientifique en ergonomie et l'ensemble des corpus de bonnes pratiques [insérer ici une source fiable mais inconnue du payeur type Opquast ou Bastien et Scapin]."

Milgram nous prouvait déjà - dès les années 60 - à quel point un interlocuteur peut respecter une posture d'autorité / experte, même artificielle.

Mon but n'est pas de rentrer dans une joute d'égos mais de lui rappeler que s'il fait appel à moi, c'est pour mon expertise, pas lui faire plaisir aveuglément.
___

📺 Expérience de Milgram : https://buff.ly/3Nsx3ec

11/10/2024

🎯 Pro Tips #03 : Gérer l'impatience des utilisateurs

Comme notre capacité d'attention est une denrée rare et convoitée, notre tolérance à l'attente - elle-aussi - est en voie de disparation. La cause ? Notre cerveau n’est tout simplement pas câblé pour gérer l’oisiveté ou quand il ne se passe "rien". Du coup, que faire pour éviter que tes utilisateurs explosent en vol après trois secondes d’attente ? 😤💥

💡 La clé ? Les occuper pour qu'ils oublient qu'ils attendent et de jouer avec leur perception du temps. Voici comment :

1️⃣ Des composants UI graphiques basiques et devenus si standards dans notre quotidien : loader, barre de progression, compte à rebours, feedbacks visuels, etc.

2️⃣ L’effet d’objectif graduel – Un truc sympa, découvert par Clark Hull en 1934 (oui, ça date !), c’est que plus on se rapproche de la fin d’une tâche, plus on est motivé à la terminer.

3️⃣ Aversion à l’oisiveté – Nos utilisateurs détestent attendre sans savoir ce qu'il se passe en coulisses. Ce que Bastien & Scapin appelaient déjà "Feedback Immédiat" dès 1993 dans leurs critères heuristiques et Colombo & Pasch "la transparence ergonomique".

4️⃣ Les "skeletons" et écrans de chargement progressifs – Quand il y a des latences, le mieux est de simuler une apparition progressive de la page attendue.

5️⃣ Bonus : le divertissement reste votre meilleur allié, et ça, le jeu vidéo l'a bien compris.

___



___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je prépare une en ligne en UI & UX Design / d'environ 40h prévue au premier trimestre 2025. Je mène donc une enquête de recueil du besoin pour que son programme soit le plus adapté à tes objectifs.

🔥 Aide-moi à créer cette formation pour les designers de demain 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 https://buff.ly/4eXqY59

10/10/2024

⚔️ L'écran de chargement qui te fait patienter… intelligemment !

Si tu es déjà resté bloqué devant un écran de chargement, tu sais combien c’est frustrant de regarder cette petite roue tourner en espérant que ça finisse vite. Mais, certains ont compris comment transformer cette attente en quelque chose de plus utile.

💡 Assassin’s Creed par exemple, ne laisse jamais ses joueurs inactifs. Pendant le chargement, tu peux encore bouger, t'entraîner, et… recevoir des tips sur le gameplay ! 🔥 Une belle manière de détourner l'attention et surtout de garder l’utilisateur actif. C’est comme si l'interface te disait : "Attends un peu, mais en apprenant quelque chose d’utile au passage."

En tant que designer, tu peux t’inspirer de ce genre de mécanique pour occuper l'esprit de tes utilisateurs durant les temps morts. Que ce soit avec des conseils, des astuces ou une animation engageante, tout est mieux que de les laisser se ronger les ongles ! 😉

🕰️ Tu veux en savoir plus sur la gestion des temps d'attente en UX ?
Reste connecté, l’épisode complet arrive demain matin. 💻


___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je te prépare actuellement une en ligne en UI & UX Design / d'une quarantaine d'heures que j'espère sortir au premier trimestre 2025. Dans ce but, je mène donc une enquête de recueil du besoin pour que son programme soit le plus adapté à tes objectifs.

🔥 Si tu as 15 minutes, aide-moi à créer cette formation pour les designers de demain 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 C’est par ici que ça se passe : https://buff.ly/3A4j3UR

03/10/2024

🎥 Nouveau format ! 🎉

Je me lance enfin dans la vidéo avec une série que j’ai appelée "Pro Tips". Le concept ? Un conseil rapide, mais impactant, pour améliorer tes designs UI/UX en un clin d'œil !

💡 Pro Tips #01 : "La couleur n'est pas le seul moyen de transmettre une information". On parle souvent d'accessibilité, mais sait-on vraiment pourquoi c'est si crucial ? 🤔

📊 Selon certaines études, 7 à 8% des hommes et 0,5% des femmes seraient daltoniens. Alors, si tu relies une info uniquement à une couleur, tu risques de les laisser de côté ! Un exemple ? Les feux tricolores : même sans voir les couleurs, leur position suffit à comprendre le message. Ça s'applique aussi à nos interfaces : assure-toi que chaque info est accessible à tous de plusieurs manières ( icône, label textuel, feedback sensoriel, etc.).

🔎 Pourquoi c’est important ?
L'accessibilité, ce n’est pas une option, c’est une nécessité. 💪 Tes utilisateurs, qu'ils soient daltoniens, malvoyants ou utilisant des aides techniques, doivent toujours pouvoir interagir pleinement avec ton contenu.

👉 Alors, prêt à revoir ta façon de concevoir tes interfaces ? Je compte sur vous pour vos retours et suggestions en commentaires !



___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je te prépare actuellement une en ligne en UI & UX Design / d'une quarantaine d'heures que j'espère sortir au premier trimestre 2025. Dans ce but, je mène donc une enquête de recueil du besoin pour que son programme soit le plus adapté à tes objectifs.

🔥 Si tu as 15 minutes, aide-moi à créer cette formation pour les designers de demain 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 C’est par ici que ça se passe : https://p9plo6p5k5d.typeform.com/to/YXx37tfV

27/09/2024

🎉 Origarti fête ses 6 ans aujourd'hui ! 🎉

Six années, soit 2190 jours (j'ai fais le calcul moi-même !). Six ans de design, de , de transmission, d'enseignements et aussi de remises en question faites d’itérations constantes.

Quand j’ai créé Origarti, je n’avais qu’une hypothèse à valider : est-ce que je dois changer de métier ou bien simplement de façon de l'exercer. Six ans de freelance plus t**d, j'ai ma réponse.

🌱 Quelques enseignements en chemin :

- L'indépendance ne veut - et ne doit - pas signifier solitude.
- J'ai appris plus que je ne saurais l'évaluer sur moi et mon métier durant ces années
- Mon métier mûrit, s'industrialise et parfois tourne en rond. Á moi de contribuer - à ma hauteur - à ce qu'il aille dans le bon sens
- Sans santé mentale, inutile d'espérer avancer correctement et dans le bon sens.
- Je ne suis pas un excellent "vendeur" de moi-même mais je sais m'entourer de camarades incroyables qui me portent

🎯 Et maintenant ?

Le cap pour la fin 2024 et début 2025 est clair : terminer de refondre un site vitrine qui a assez peu bougé graphiquement depuis 2018 et lancer ma formation / en ligne pour continuer de former les designers d'aujourd'hui et demain.

Pour le reste, rester en mouvement, être curieux et… ne pas tourner en rond.

Merci à ceux qui ont fait partie de cette aventure : clients, camarades freelances devenus ami·e·s, et enfin aux esprits curieux qui continuent à remettre en question leur pratique et leurs certitudes.

🌍 Le meilleur est encore à venir. Alors, prêt(e) à voir ce que les 6 prochaines années nous réservent ?

___

Si tu ne me connais pas, je suis Gaëtan RUIZ, UI / UX Designer & Dév. WordPress indépendant à Nantes. Je te prépare actuellement une en ligne en UI & UX Design / d'une quarantaine d'heures que j'espère sortir au premier trimestre 2025. Dans ce but, je mène donc une enquête de recueil du besoin pour que son programme soit le plus adapté à tes objectifs.

🔥 Si tu as 15-20 minutes, aide-moi à créer une formation solide et pertinente 😮 Et en prime, 5% de réduction sur ta première commande de formation si tu laisses ton email à la fin du questionnaire !

👉 C’est par ici que ça se passe : https://p9plo6p5k5d.typeform.com/to/YXx37tfV

26/07/2019

Nouvel article sur Origarti.fr : "Indépendant, bilan après 9 mois" - https://origarti.fr/6839-independant-bilan-apres-9-mois.html

9 mois d'activité. Et si je profitais de la chaleur de l'été pour faire un nouvel article de bilan intermédiaire ? Un troisième trimestre en demi-teinte, fait de hauts et de bas.

10/07/2019

Freelances, et si vous mettiez à profit vos connaissances en transmettant votre métier ? Aujourd'hui sur Bande à Part on s'intéresse à la pédagogie.

24/06/2019

Nouvel article sur Origarti.fr "Workshop HTML / CSS : enseigner les bases du développement Web"

Un retour sur mon expérience d’intervenant lors de l’atelier “HTML / CSS pour débutant(e)s” à l’EMA Vendée, avec les MSA1 en Communication et Digital, promo 2019-2020.

14/06/2019

On a testé pour vous AppBlock, l'application qui vous permet de rester concentrer. Fini les notifications intempestives et les messages à la chaîne !

16/04/2019

Nouvel article : "Indépendant, bilan après 6 mois"
- À lire sur https://origarti.fr | https://origarti.fr/5232-independant-bilan-apres-6-mois.html

Avec le retour des beaux jours se clôture ce second trimestre d’activité en tant qu’indépendant. L’occasion de faire un nouvel article de “bilan intermédiaire” sur ce quotidien professionnel encore jalonné de nombreuses “premières fois”.