Créer un compteSe connecter

Recherches récentes

Aucune recherche récente

Options de recherche

Disponible uniquement lorsque vous êtes connecté.
mastouille.fr est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Mastouille est une instance Mastodon durable, ouverte, et hébergée en France.

Administré par :

Statistiques du serveur :

648
comptes actifs

mastouille.fr: À proposAnnuaire des profilsPolitique de confidentialité

Mastodon: À proposTélécharger l’applicationRaccourcis clavierVoir le code sourcev4.3.4

#UXWriting

0 message0 participant0 message aujourd’hui
zeldman<p>“Language is design. Thoughtful writing makes interfaces more human, more accessible, and ultimately more effective.” –&nbsp;Pablo Honey, co-head of Automattic Design.</p><p><a href="https://automattic.design/2025/05/15/behind-the-scenes-how-we-iterate-on-ui-copy/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">automattic.design/2025/05/15/b</span><span class="invisible">ehind-the-scenes-how-we-iterate-on-ui-copy/</span></a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://front-end.social/tags/WritingDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WritingDesign</span></a> <a href="https://front-end.social/tags/uiux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uiux</span></a> <a href="https://front-end.social/tags/uxWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxWriting</span></a> <a href="https://front-end.social/tags/uiWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uiWriting</span></a></p>
zeldman<p>Web designers, know your history. “Writing for the Web,” January 22, 1999.</p><p><a href="https://alistapart.com/article/writing-for-the-web/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">alistapart.com/article/writing</span><span class="invisible">-for-the-web/</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/copywriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>copywriting</span></a> <a href="https://front-end.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIUX</span></a> <a href="https://front-end.social/tags/UXcopy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXcopy</span></a> <a href="https://front-end.social/tags/UXwriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXwriting</span></a> <a href="https://front-end.social/tags/UIcopy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIcopy</span></a> <a href="https://front-end.social/tags/UIwriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIwriting</span></a></p>
Metadrop<p>We have released a new Drupal module: Content First!</p><p>Our colleague <span class="h-card" translate="no"><a href="https://mastodon.social/@jorgetutor" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jorgetutor</span></a></span> explains why we developed it and how to use it. If your site is evolving and you consider content to be a first-class citizen, this module may be a good addition!</p><p><a href="https://metadrop.net/en/articles/content-first-module-tool-support-ongoing-content-workflows" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">metadrop.net/en/articles/conte</span><span class="invisible">nt-first-module-tool-support-ongoing-content-workflows</span></a> </p><p><a href="https://mastodon.social/tags/contentdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contentdesign</span></a> <a href="https://mastodon.social/tags/contentstrategy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contentstrategy</span></a> <a href="https://mastodon.social/tags/copywriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>copywriting</span></a> <a href="https://mastodon.social/tags/drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>drupal</span></a> <a href="https://mastodon.social/tags/uxwriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxwriting</span></a> <a href="https://mastodon.social/tags/contentfirst" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contentfirst</span></a></p>
annso<p>Nouveau quizz : que veut dire ce petit "Pointe" dans une documentation ?</p><p><a href="https://framapiaf.org/tags/uxFail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxFail</span></a> <a href="https://framapiaf.org/tags/traductionAutomatique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>traductionAutomatique</span></a> <a href="https://framapiaf.org/tags/uxWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxWriting</span></a></p>
Marina<p>Microsoft Fehlermeldungen sind grandios. 😂 What?</p><p><a href="https://toot.community/tags/NoMicrosoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoMicrosoft</span></a> <a href="https://toot.community/tags/DoNotUseMicrosoftTeams" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DoNotUseMicrosoftTeams</span></a> <a href="https://toot.community/tags/IDontUseMicrosoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IDontUseMicrosoft</span></a> <a href="https://toot.community/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <a href="https://toot.community/tags/ErrorMessages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ErrorMessages</span></a> <a href="https://toot.community/tags/InformationWithValue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InformationWithValue</span></a></p>
Amy Hupe<p>Does anyone in my network have any research / advice / useful reading on principles for writing content when a user doesn’t get the outcome they want.</p><p>For example, an unsuccessful loan application, ineligibility for a service etc.</p><p>Shares appreciated</p><p><a href="https://social.design.systems/tags/ContentDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContentDesign</span></a> <a href="https://social.design.systems/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a></p>
Amy Hupe<p>Does anyone have any useful data on using exclamation marks (or rather, not using them) in customer communications that will wield a bit more authority than my current rationale: “it gives me the ick”?</p><p><a href="https://social.design.systems/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <a href="https://social.design.systems/tags/ContentDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContentDesign</span></a></p>
Amy Hupe<p>In today's <a href="https://social.design.systems/tags/NaBloPoMo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NaBloPoMo</span></a> article I wrote about my experience of the misjudged emails I received from AirBnB earlier this year, and the impact that had.</p><p>This experience reaffirmed for me that Sara Wachter-Boettcher and <span class="h-card" translate="no"><a href="https://mastodon.social/@Meyerweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Meyerweb</span></a></span>'s book Design for Real Life is as needed now as it was in 2016.</p><p><a href="https://social.design.systems/tags/ContentDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContentDesign</span></a> <a href="https://social.design.systems/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a></p><p><a href="https://amyhupe.co.uk/articles/its-almost-time-for-your-trip/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">amyhupe.co.uk/articles/its-alm</span><span class="invisible">ost-time-for-your-trip/</span></a></p>
Roger Sheen<p>🤩 I love my clients. Last month I ran a <a href="https://indieweb.social/tags/ContentOperations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContentOperations</span></a> workshop where we focused on <a href="https://indieweb.social/tags/UXwriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXwriting</span></a> and <a href="https://indieweb.social/tags/ContentDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ContentDesign</span></a> processes.</p><p>They made an album cover and put up a disco ball in the office. 🪩</p><p>If you’re still copying and pasting strings, get in touch. <br>Happy to teach your team a few new moves. 🕺</p>
annso<p>« Veillez renseigner votre Adresse, Ville et Fermeture éclair »</p><p><a href="https://framapiaf.org/tags/uxFail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxFail</span></a> <a href="https://framapiaf.org/tags/traductionAutomatique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>traductionAutomatique</span></a> <a href="https://framapiaf.org/tags/uxWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxWriting</span></a></p>
Stef Walter<p>3 common examples of button text that degrades UX and how to rewrite them so they’re clear (3min) nice examples of small ways to improve a little the copy of your buttons (by Adam Silver)<br><a href="https://adamsilver.io/blog/3-common-examples-of-button-text-that-degrades-ux-and-how-to-rewrite-them-so-theyre-clear/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adamsilver.io/blog/3-common-ex</span><span class="invisible">amples-of-button-text-that-degrades-ux-and-how-to-rewrite-them-so-theyre-clear/</span></a><br><a href="https://front-end.social/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <a href="https://front-end.social/tags/Copy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Copy</span></a><br><a href="https://adamsilver.io/blog/3-common-examples-of-button-text-that-degrades-ux-and-how-to-rewrite-them-so-theyre-clear/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adamsilver.io/blog/3-common-ex</span><span class="invisible">amples-of-button-text-that-degrades-ux-and-how-to-rewrite-them-so-theyre-clear/</span></a></p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <br>Et en production, ça donne des contenus qui débordent, qui sont coupés, bref, qui ne sont pas lisibles.</p><p>Ne créez donc pas vos maquettes sans un minimum de contenus réels.</p><p>Un petit rappel que le lorem ipsum était fort utile pour l'imprimerie : <a href="https://www.aims-interactive.com/histoire-lorem-ipsum" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">aims-interactive.com/histoire-</span><span class="invisible">lorem-ipsum</span></a></p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> </p><p>Les faux textes s'adaptent à vos maquettes. C'est super pratique !! Mais risqué.</p><p>Exemple : vous voulez des titres sur deux lignes et des accroches sur 4 ? Vous mettez du lorem qui va bien. </p><p>Ca donne des belles maquettes bien alignées mais en vrai, les titres et accroches de vos contributeurs ne sont pas aussi rigides.</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> du jour : gaffe à vos faux textes.</p><p>Qui n'a pas utilisé du lorem ipsum (à vos souhaits) un jour ?<br>Moi je l'ai fait et je sais que c'est un truc à bannir.<br>Je l'ai dit tantôt : le contenu est l'élément premier de votre produit.<br>Il est donc nécessaire de faire un inventaire du contenu existant et de celui à créer (vous n'aurez pas tout bien sûr, mais faites le point là-dessus très vite). ⬇️</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <br>Concernant la capture écran de Indeed, vous êtes nombreux à me dire que l'interface est prévue pour la langue anglaise.</p><p>Oui c'est vrai, c'est l'explication, mais, Indeed est un poids lourd du marché, un méta moteur de recherche d'emploi présent dans plus de 50 pays (y compris en Antarctique 😲). </p><p>"C'est le seul métamoteur de recherche d'emploi présent sur 7 continents"</p><p>Alors quand on a une telle aura et qu'on souhaite garder sa place de leader, on soigne ses internationalisations.</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <br>Je pourrais en ajouter d'autres 😁 </p><p>Alors, posez-vous la question : si vous faites le choix de tronquer du texte ou de faire des contenants strictes, quels sont vos arguments ? Comment pouvez-vous justifier vos choix ?</p><p>Mon conseil : Pensez à récupérer un maximum de vrais contenus (contexte et métier) pour travailler dessus avant de penser à vos interfaces</p><p>4/4</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <br>Autre exemple : votre template est super chiadé, bien aligné... Mais une partie des contenus prévus pour aller dedans sont plus longs.<br>Vous n'avez pas regardé les contenus réels de manière exhaustive. Résultat, ça déborde.</p><p>3/n</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> <br>Exemple : texte tronqué pour rentrer dans les cases. Et votre contenu n'a plus de sens 😁 </p><p>2/n</p>
Natouille 🍷 🥃 🍾<p><a href="https://mastodon.tetaneutral.net/tags/UXWriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXWriting</span></a> du jour : tronquer les textes ? Mauvaise idée.</p><p>Alors que le numérique offre (contrairement au papier) la possibilité de rendre les contenants élastiques, une tendance a émergé depuis des années, à savoir : faire des contenants visuellement parfaits en premier et tenter de faire rentrer les contenus au chausse-pied.</p><p>Bilan : les textes (ce sont souvent le textes) sont réduits à éléments devant s'adapter à leur environnement mal conçu. <br>Et ça peut donner des trucs... hmmm ⬇️ </p><p>1/n</p>
UX Podcast<p>S02E02 (#312). Torrey Podmajersky, author of Strategic Writing for UX, joined us to help us get the words to work.</p><p>Together with Torrey we highlight the importance of giving our work context as well as establishing a shared vocabulary.</p><p><a href="https://uxpodcast.com/312-words-work-context-torrey-podmajersky/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">uxpodcast.com/312-words-work-c</span><span class="invisible">ontext-torrey-podmajersky/</span></a></p><p><a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/uxwriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxwriting</span></a> <a href="https://mastodon.social/tags/podcast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>podcast</span></a> <a href="https://mastodon.social/tags/uxpodcast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxpodcast</span></a></p>
ExplorerFlux en direct
À propos