<?xml 
version="1.0" encoding="utf-8"?>


<feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr='http://purl.org/syndication/thread/1.0' >
	<title>#content-first - Seenthis</title>

	<link href="https://seenthis.net/tag/content-first" />
        <id>https://seenthis.net/tag/content-first</id>
        <updated>2026-09-11T22:41:20Z</updated>
        <link rel="self" href="https://seenthis.net/tag/content-first/feed" />







	<entry>
	<id>urn:uuid:5d80ef47-33f8-4a47-b4d3-64a235497491</id>
	<title>Priority Guides : A Content-First Alternative to Wireframes &#8211; A List Apart</title>
	<author>
		<name>RastaPopoulos  (@rastapopoulos)</name>
		<uri>https://seenthis.net/people/rastapopoulos</uri>
		<email>rastapopoulos@seenthis.net</email>
		
	</author>
	<published>2019-09-17T14:35:51Z</published>
	<updated>2019-09-17T14:37:12Z</updated>
	
	 <link href="https://seenthis.net/messages/802267" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/802267"/>
	<summary>Priority Guides: A Content-First Alternative to Wireframes – A List Apart
https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes/

Une manière de commencer l'ergonomie uniquement sur une liste de contenus ordonnés, hiérarchisés. On se focalise sur la hiérarchie du contenu, sans préjuger du placement (je ne parle même pas des styles mais bien même pas du placement, layout, maquettes filaires). En plus c'est directement mobile-first, puisque juste en une longue colonne.

Du coup, en allant même plus loin que ce que montre l'article, cela peut se faire *uniquement en texte* amélioré (markdown par ex), et donc dans un pad commun à plusieurs. Cela permet de valider avec les propriétaires du site/clients le "qu'est-ce qu'on décide de mettre dans chaque page", sans du tout passer des heures à discuter de l'affichage.

https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png

#ergonomie #content-first #mobile-first #conception</summary>
	<content type="html"><![CDATA[<div lang="fr" dir="ltr"><p>Priority Guides&nbsp;: A Content-First Alternative to Wireframes – A List Apart<br><span class='lien_lien'><span class='lien_lien_total'><a href='https://seenthis.net/sites/1421143'>►</a></span><a href="https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes/" class='spip_out' title="A Content-First Alternative to Wireframes · An A List Apart Article" hreflang="en"><span class='lien_court'><span class='lien_protocol'>https://</span><span class='lien_racine'><span class='lien_host'>alistapart.com</span>/</span><span class='lien_off'>article/</span><span class='lien_fin'><span class='lien_fin_coupee'>priority-guides-a-content-f</span><span class='lien_fin_cachee'>irst-alternative-to-wireframes</span></span></span></a></span></p><p>Une manière de commencer l’ergonomie uniquement sur une liste de contenus ordonnés, hiérarchisés. On se focalise sur la hiérarchie du contenu, sans préjuger du placement (je ne parle même pas des styles mais bien même pas du placement, layout, maquettes filaires). En plus c’est directement mobile-first, puisque juste en une longue colonne.</p><p>Du coup, en allant même plus loin que ce que montre l’article, cela peut se faire <strong>uniquement en texte</strong> amélioré (markdown par ex), et donc dans un pad commun à plusieurs. Cela permet de valider avec les propriétaires du site/clients le &laquo;&nbsp;qu’est-ce qu’on décide de mettre dans chaque page&nbsp;&raquo;, sans du tout passer des heures à discuter de l’affichage.</p><p><div class='seenthis_pics seenthis_pics_1'><a onclick='return false;' href='https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png' class='display_box'><span class='image' style='padding-bottom:152.58620689655%'><img src='https://seenthis.net/local/cache-vignettes/L459xH700/detailed-digital-af134c4f-9cfb4.png' alt='' data-photo='https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png' data-photo-h='1062' data-photo-w='696' /></span><span class="lien_court"><span class="lien_off"> https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png </span></span></a></div></p><p><span class='lien_tag'>#<a href='https://seenthis.net/tag/ergonomie'>ergonomie</a></span> <span class='lien_tag'>#<a href='https://seenthis.net/tag/content-first'>content-first</a></span> <span class='lien_tag'>#<a href='https://seenthis.net/tag/mobile-first'>mobile-first</a></span> <span class='lien_tag'>#<a href='https://seenthis.net/tag/conception'>conception</a></span></p></div>]]></content>
	
	<link rel="related" href="https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes" title="A Content-First Alternative to Wireframes &#8211; A List Apart" hreflang="en"/>
	
	<link rel="related" href="https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png" hreflang="fr"/>
	
	
	<category term="conception" label="conception" scheme="https://seenthis.net/tag/conception"/>
	<category term="ergonomie" label="ergonomie" scheme="https://seenthis.net/tag/ergonomie"/>
	<category term="content-first" label="content-first" scheme="https://seenthis.net/tag/content-first"/>
	<category term="mobile-first" label="mobile-first" scheme="https://seenthis.net/tag/mobile-first"/>
</entry>

</feed>
