<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Wirefram &#8211; Clases de Periodismo</title>
	<atom:link href="https://www.clasesdeperiodismo.com/tag/wirefram/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.clasesdeperiodismo.com</link>
	<description>Escuela virtual de periodismo digital para América Latina</description>
	<lastBuildDate>Tue, 25 Sep 2012 21:30:20 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://www.clasesdeperiodismo.com/wp-content/uploads/2025/04/cropped-icono-32x32.jpg</url>
	<title>Wirefram &#8211; Clases de Periodismo</title>
	<link>https://www.clasesdeperiodismo.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Consejos para planificar la construcción de tu página web</title>
		<link>https://www.clasesdeperiodismo.com/consejos-para-planificar-la-construccion-de-tu-pagina-web/</link>
					<comments>https://www.clasesdeperiodismo.com/consejos-para-planificar-la-construccion-de-tu-pagina-web/#respond</comments>
		
		<dc:creator><![CDATA[Alvaro Reyes]]></dc:creator>
		<pubDate>Tue, 25 Sep 2012 21:30:20 +0000</pubDate>
				<category><![CDATA[Claves]]></category>
		<category><![CDATA[páginas web]]></category>
		<category><![CDATA[Wirefram]]></category>
		<guid isPermaLink="false">http://www.clasesdeperiodismo.com/?p=140026</guid>

					<description><![CDATA[El wirefram es un recurso muy útil que ayuda a diseñadores y comunicadores a expresar sus ideas y perspectivas sobre la construcción de un sitio web]]></description>
										<content:encoded><![CDATA[<figure id="attachment_140028" aria-describedby="caption-attachment-140028" style="width: 480px" class="wp-caption aligncenter"><a href="http://www.clasesdeperiodismo.com/wp-content/uploads/2012/09/adobe.png"><img fetchpriority="high" decoding="async" class=" wp-image-140028 " title="adobe" src="http://www.clasesdeperiodismo.com/wp-content/uploads/2012/09/adobe.png" alt="" width="480" height="300" /></a><figcaption id="caption-attachment-140028" class="wp-caption-text">(Foto adobe.com)</figcaption></figure>
<p>El <a href="http://en.wikipedia.org/wiki/Website_wireframe" target="_blank">wirefram</a> es un recurso muy útil que ayuda a diseñadores y comunicadores a expresar sus ideas y perspectivas sobre la <a href="http://www.clasesdeperiodismo.com/2012/02/15/la-importancia-de-la-arquitectura-de-la-informacion/" target="_blank">construcción de un sitio web</a>. Ayuda a prever cómo un producto final tendría impacto sobre el público, ya que proporciona información valiosa sobre lo que funciona y lo que necesita ser mejorado.</p>
<p>Si bien este trabajo aparenta ser especializado, para la periodista y desarrolladora web, Andrea Jezovit, «<strong>no es necesario tener una sólida formación en comunicación visual para ser bueno en wireframing</strong>«. Señala que la importancia de un buen producto radica en cómo se plantea la estructura de una interfaz, y <strong>«asegurarse de que toda la información importante y la funcionalidad esté en ella».</strong></p>
<p><strong>HERRAMIENTAS RECOMENDADAS</strong></p>
<p>En una entrevista para <a href="http://www.poynter.org/how-tos/newsgathering-storytelling/visual-voice/188755/how-wireframing-can-help-journalists-plan-communicate-ideas/" target="_blank">Poynter</a>, Jezovit destacó los programas, que para ella, son los mejores para hacer Wirefram. De esta manera reveló que los software <a href="http://office.microsoft.com/en-us/visio/" target="_blank">Visio</a> y <a href="http://www.omnigroup.com/products/omnigraffle/" target="_blank">OmniGraffle</a> realizan un buen trabajo. Asimismo, resaltó que la herramienta web <a href="https://cacoo.com/lang/es/;jsessionid=43500F57F90DA6CD37CB06D2D85549CE.3" target="_blank">Cacoo</a> también cumple con sus fines profesionales.</p>
<p>«Con estos (los programas), los wireframes resultan más limpios y más fáciles para el desarrollador, y puede hacer la construcción del proyecto a entender. A estas herramientas, además, se han incorporado los íconos <strong>copiar / pegar funcionalidad,</strong> lo<strong> </strong>que hace más fácil crear las páginas con rapidez», precisó.</p>
<p><strong>SUGERENCIAS A TENER EN CUENTA</strong></p>
<p>Antes de comenzar a diseñar una estructura, es bueno pensar en el público y tener claro cuáles son los objetivos del sitio que se quiere crear. Así, para la comunicadora, hay ciertos puntos que no deben pasar desapercibidos.</p>
<p><strong>1. </strong>Asegúrate de obtener distintas opiniones y comentarios cuando estés en la etapa de wireframing. Esto es muy útil, ya que puede ser muy difícil encontrar un buen diseño de interfaces, y que no confunda a los futuros seguidores de tu página.</p>
<p><strong>2. </strong>Si estás trabajando en algo realmente complicado y quieres estar absolutamente seguro de lo que haces antes de que comience la construcción  puedes crear wireframes detallados y luego probarlos en los usuarios que utilizan prototipos de papel.  Hay muchos videos en <a href="http://www.youtube.com/watch?v=GrV2SZuRPv0" target="_blank">YouTube que muestran cómo se puede hacer esto</a>.</p>
<p><strong>3. </strong><strong>Aprender a codificar y construir cosas por ti mismo</strong>. Una vez que empieces a construir cosas, serás más consciente de todos los detalles de la planificación de un sitio web. Busca ejemplos de grandes sitios, blogs, aplicaciones y contenido interactivo para utilizar como inspiración cuando estés planeando tu proyecto.</p>
<p><strong>Fuente: </strong><a href="http://www.poynter.org/how-tos/newsgathering-storytelling/visual-voice/188755/how-wireframing-can-help-journalists-plan-communicate-ideas/" target="_blank">Poynter</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.clasesdeperiodismo.com/consejos-para-planificar-la-construccion-de-tu-pagina-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
