<?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>Infonomada. Diseño, desarrollo y tecnología móvil &#187; Diseño</title>
	<atom:link href="http://www.infonomada.com/category/diseno/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.infonomada.com</link>
	<description>Blog sobre programación, diseño y tecnología móvil</description>
	<lastBuildDate>Wed, 08 Feb 2012 21:58:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Diseñando para dispositivos móviles: Responsive Web Design y Hand per Device</title>
		<link>http://www.infonomada.com/2011/10/disenando-para-dispositivos-moviles-responsive-web-design-y-hand-per-device/</link>
		<comments>http://www.infonomada.com/2011/10/disenando-para-dispositivos-moviles-responsive-web-design-y-hand-per-device/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 10:53:14 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[programacion]]></category>
		<category><![CDATA[Tablets Pc]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=2727</guid>
		<description><![CDATA[Una de las tendencias en el diseño web para dispositivos móviles (smartphones, tablets, etc&#8230;) es el &#8220;Responsive Design&#8221; o &#8220;Diseños webs sensibles&#8221;, que no es más que la respuesta a la gran fragmentación de dispositivos, cada uno con una resolución y características de pantalla propias. Como indican el artículo de genbetadev, el &#8220;Responsive Design&#8221; es [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="hand-per-device" src="http://www.infonomada.com/wp-content/uploads/hand-per-device.jpg" alt="" width="550" height="299" /></p>
<p>Una de las tendencias en el diseño web para dispositivos móviles (smartphones, tablets, etc&#8230;) es el <a href="http://www.alistapart.com/articles/responsive-web-design/">&#8220;Responsive Design&#8221; o &#8220;Diseños webs sensibles&#8221;</a>, que no es más que la respuesta a la gran fragmentación de dispositivos, cada uno con una resolución y características de pantalla propias.</p>
<p>Como indican el artículo de <a href="http://www.genbetadev.com/desarrollo-web/disenos-web-sensibles-responsive-web-design" target="_blank">genbetadev</a>, el <strong>&#8220;Responsive Design&#8221;</strong> es una forma de diseñar las webs usando diseños flexibles que se adaptan a los dispostivos, incluso cambiando la distribución de los elementos usando técnicas de <strong>diseños fluidos</strong> <em>(tamaños de los objetos proporcionales)</em>, <strong>mediaquerys</strong> (carga de css según característica del dispositivo) y <strong>adaptación del tamaño de las imágenes</strong>. Se busca realizar diseños que se adapten tanto a una <em>pantalla de escritorio, portatil, smartphone y tablets.</em> Una labor que me antoja casi imposible. Como con muchos diseños fluidos te das cuenta de que para que se vea &#8220;decente&#8221; a todos los tamaños, no se a ver bien en ninguno.</p>
<p>Usar <strong>&#8220;Responsive Web Design&#8221;</strong> en una horquilla tan grande de dispositivos es demasiado complicado y olvidamos que no se trata solamente de un cambio de diseño por dispositivo sino que cada uno de ellos se usa de forma diferente y se le da usos diferentes. Ahí dónde nos va a ayudar un concepto tan sencillo como el &#8220;Hand por Device&#8221; o &#8220;Manos por dispositivo&#8221;, haciendo subgrupos en os que si podremos aplicar técnicas de &#8220;Responsive design&#8221;.</p>
<p><a href="http://www.hugomanila.com/" target="_blank">Hugo Manilla</a> habla del concepto <strong>&#8220;Hand per Device&#8221;</strong> en su presentación: <a href="http://noteandpoint.com/2011/10/hands-per-device-hpd/?%2BPoint%29" target="_blank">HANDS PER DEVICE. An Alternative approach to optimizing web content delivery and interaction for multiple plataforms</a> (descarga en PDF)</p>
<p><a href="http://noteandpoint.com/2011/10/hands-per-device-hpd/?%2BPoint%29" target="_blank"><img class="size-full wp-image-2728 aligncenter" title="hands-per-device-full" src="http://www.infonomada.com/wp-content/uploads/hands-per-device-full.jpg" alt="" width="500" height="375" /></a></p>
<p>El concepto es sencillo: <em>segmentar los tipos de dispositivos por &#8220;manos necesarias para controlarlo&#8221;</em>, por lo que al final nos quedaría  <strong>4 grandes grupos:</strong></p>
<ul>
<li><strong>Ordenadores Personales:</strong> de sobremesa, portátiles, netbooks, etc&#8230;</li>
<li><strong>Tablets:</strong> iPads, tablets androids, etc&#8230;</li>
<li><strong>Smartphones:</strong> Androids, iPhones, etc&#8230;</li>
<li><strong>Set Top boxes:</strong> televisores con conexión a internet, apples Tv, etc&#8230;</li>
</ul>
<p>Cada uno de los grupos tiene en común la forma en que controlamos el dispositivo: <em>teclado y ratón</em> en el caso de los ordenadores de sobremesa, <em>pantallas táctiles</em> en tablets y smartphones pero con <em>distinto tipo de pantallas</em> y <em>mando a distancia</em> y pantallas grandes, usando mínimo scroll.</p>
<p>Son 4 grupos muy diferenciados en los que varía mucho el tipo de tecnología que podemos utilizar, por lo que una adaptación solamente basada en CSS y diseño fluido se queda corta, siendo necesarios desarrollos un poco más complejos pero en los que podemos aprovechar el tipo de uso y navegación de cada dispositivo y así crear experiencias de usuario más ricas para cada uno de ellos.</p>
<p>Enlaces:</p>
<ul>
<li><a href="http://www.alistapart.com/articles/responsive-web-design/" target="_blank">A list Apart: Responsive Web Design </a></li>
<li><a href="http://www.genbetadev.com/desarrollo-web/disenos-web-sensibles-responsive-web-design" target="_blank">Genbetadev: Diseños web sensibles (Responsive Web Design)</a></li>
<li><a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/" target="_blank">Smashingmagazine: Responsive Web Design: What It Is and How To Use It</a></li>
<li><a href="http://noteandpoint.com/2011/10/hands-per-device-hpd/?%2BPoint%29" target="_blank">Hugo Manila. Presentación de Hugo Manila &#8220;Hand per device&#8221; en noteandpoit.com</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2011/10/disenando-para-dispositivos-moviles-responsive-web-design-y-hand-per-device/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Serifalaris 2011. Encuentro de diseñadores en Getxo</title>
		<link>http://www.infonomada.com/2011/05/serifalaris-2011-encuentro-de-disenadores-en-getxo/</link>
		<comments>http://www.infonomada.com/2011/05/serifalaris-2011-encuentro-de-disenadores-en-getxo/#comments</comments>
		<pubDate>Wed, 11 May 2011 21:34:38 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[eventos]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=2566</guid>
		<description><![CDATA[Me ha pasado mi amigo y ex-jefe @kamatiko (Javier Gonzalez para los amigos) información sobre un encuentro de diseñadores que se va a celebrar el 3 de junio en Getxo (Bizkaia) Serifalaris es el nuevo encuentro de diseñadores que se celebrará en Getxo (Bizkaia) el próximo 3 de junio. Un espacio para compartir, aprender y [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.serifalaris.com" target="_blank"><img class="alignnone size-full wp-image-2567" title="Encuentro de diseñadores en Getxo" src="http://www.infonomada.com/wp-content/uploads/Captura-de-pantalla-2011-05-12-a-las-00.21.01.jpg" alt="" width="450" height="283" /></a></p>
<p>Me ha pasado mi amigo y ex-jefe <a href="http://www.twitter.com/kamatiko" target="_blank">@kamatiko</a> (Javier Gonzalez para los amigos) información sobre un encuentro de diseñadores que se va a celebrar el 3 de junio en Getxo (Bizkaia)</p>
<blockquote><p>Serifalaris es el nuevo encuentro de diseñadores que se celebrará en Getxo (Bizkaia) el próximo 3 de junio. Un espacio para compartir, aprender y relacionarnos. Un día especial para salir de nuestra rutina y disfrutar de nuestra profesión y pasión.</p>
<p>Serifalari, “palabra bilingüe” (del inglés serif + del euskari -lari). Dícese de aquellas personas a?cionadas a las serifas, pero, ¿qué son las serifas? esas terminaciones de algunos tipos de letras. Serifalaris es un buen atributo para de?nir a los diseñadores grá?cos. Por eso, lo hemos elegido para dar nombre a este encuentro.</p></blockquote>
<p><a href="http://www.serifalaris.com/programa.html" target="_blank">Ver el programa de Serifalaris</a></p>
<p>Una lástima que Getxo me quede a la otra parte de la península :(</p>
<p>Javi, haz fotos y un buén resumen. AGUR!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2011/05/serifalaris-2011-encuentro-de-disenadores-en-getxo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dos artículos interesantes sobre desarrollo web</title>
		<link>http://www.infonomada.com/2011/04/dos-articulos-interesantes-sobre-desarrollo-web/</link>
		<comments>http://www.infonomada.com/2011/04/dos-articulos-interesantes-sobre-desarrollo-web/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 22:58:20 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[programacion]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=2476</guid>
		<description><![CDATA[En el desarrollo web se tocan varias tecnologías y el proceso de creación pasa por muchas fases. Con estas combinaciones de técnicas y  conocimientos se pueden hacer artículos desde todos los ángulos: teoría del color, estructura, usabilidad, accesibilidad, programación front-end, optimización, adaptación a distintos dispositivos, etc&#8230; y eso hablando de una web sencilla. Si el [...]]]></description>
			<content:encoded><![CDATA[<p>En el desarrollo web se tocan varias tecnologías y el proceso de creación pasa por muchas fases. Con estas combinaciones de técnicas y  conocimientos se pueden hacer artículos desde todos los ángulos: teoría del color, estructura, usabilidad, accesibilidad, programación front-end, optimización, adaptación a distintos dispositivos, etc&#8230; y eso hablando de una web sencilla. Si el usuario tiene que interactuar con ella (redes sociales, publicar contenidos, realizar reservas, etc&#8230;) el tema se va complicando. Cada nueva acción añade su granito de complejidad al conjunto.</p>
<p>Me gustaría compartir con vosotros dos intersantes artículos sobre desarrollo web: <a href="http://paulstamatiou.com/startup-web-design-ux-crash-course" target="_blank"> Course: Design for Startups</a>, de Paul Stamatiou y <a href="http://www.paper-leaf.com/blog/2011/04/are-your-development-skills-hindering-your-design-work/" target="_blank">Are Your Development Skills Hindering Your Design Work?</a></p>
<p><a href="http://paulstamatiou.com/startup-web-design-ux-crash-course" target="_blank"><img class="alignnone size-full wp-image-2487" title="design_for_startup" src="http://www.infonomada.com/wp-content/uploads/design_for_startup.jpg" alt="" width="634" height="147" /></a></p>
<p>En <a href="http://paulstamatiou.com/startup-web-design-ux-crash-course" target="_blank">Crash Course: Design for Startups</a>, <strong><a href="http://paulstamatiou.com/about" target="_blank">Paul Stamatiou</a></strong> (desarrollador web de San Francisco), nos cuenta todo el proceso que sigue a la hora de crear una web y por el camino nos va dando consejos: (es una traducción libre para que os  leais el artículo)</p>
<ul>
<li>Lo primero a tener en cuenta es tu audiencia: Quién, Qué, Dónde, Cuando y Por Qué</li>
<li>Toma un pantallazo de tu web o diseño y hazlo 3 veces más pequeño. ¿Puedes ver el titular principal o los botones de llamada a la acción? No?. ¡Pues hazlos más grandes!</li>
<li>Utiliza algún programa para organizar tus capturas de interfaces que te gustan o detalles gráficos que quieres tener a mano. Sé organizado.</li>
<li>Examina sitios con distinta estructura y valora que es lo que quieres destacar de tu web</li>
<li>Empieza a bocetar los esquemas de tu web ya sea a boli, lápiz, un programa de mockups o directamente con photoshop (o gimp, no vamos a pelearnos)</li>
<li>Haz 2 o 3 estructuras simples, no más de 20 minutos y empieza el diseño.</li>
<li>Empieza el diseño en escala de grises para ver la distribución sin que interfiera el color.</li>
<li>No dejes de experimentar con colores y tipografía hasta el final.</li>
<li>Empieza a aplicar una sencilla guía de estilo y patrones para usar en todo el sitio: botoneras secundarias, elementos comunes, páginas de formularios, contacto, login, etc&#8230;</li>
<li>Testéala con gente de tu entorno y aplica los cambios.</li>
</ul>
<p>Esta claro que <em>&#8220;cada maestrillo tiene su librillo&#8221;</em>, pero aparte de mostrarnos su forma de trabajar, nos regala un completo listado de lecturas y recursos relacionados con el diseño.</p>
<p>Ahora, a leer <a href="http://paulstamatiou.com/startup-web-design-ux-crash-course" target="_blank">Crash Course: Design for Startups</a> en su página personal <a href="http://paulstamatiou.com/" target="_blank">paulstamatiou.com</a></p>
<p><a href="http://www.paper-leaf.com/blog/2011/04/are-your-development-skills-hindering-your-design-work/" target="_blank"><img class="alignnone size-full wp-image-2488" title="skillshindering" src="http://www.infonomada.com/wp-content/uploads/skillshindering.jpg" alt="" width="634" height="147" /></a></p>
<p><a href="http://paulstamatiou.com/" target="_blank"></a>El segundo artículo es <a href="http://www.paper-leaf.com/blog/2011/04/are-your-development-skills-hindering-your-design-work/" target="_blank">Are Your Development Skills Hindering Your Design Work?</a> (¿Tus conocimientos como desarrollador está dificultando tus diseños?)</p>
<p>En un mundo ideal, el diseñador diseñaría, el programador programaría y el cliente pagaría :) En una empresa &#8220;pequeña&#8221;, uno tiene que hacer de todo un poco y como freelance, ni os cuento: html, css, javascript, php, wordpress, drupal.. y lo que venga.</p>
<p>En el artículo, Jeff da un repaso a distintas situaciones en las que los conocimientos técnicos son una ventaja y otras en las que no, con apartados como: <strong>¿Cu</strong><strong>anto &#8220;controlas&#8221; de CSS&amp;HTML?</strong> o <strong>Diseñar para gestores de contenido</strong></p>
<p>Saber que posibilidades nos ofrece CSS3&amp;HTML es imprescindible, y en el desarrollo para móviles aún más. La mayoría de smartphones soporta css3, con lo que podemos ahorrarnos bastante photoshop y utilizar degradados, bordes redondeados, sombras, transparencias, diseñar textos con &#8220;golpe&#8221;, giros, etc.. En el caso de los navegadores de escritorio, seguimos tiendo la limitación de nuestro amigo IE, por lo que nos podemos ir olvidandonos de estas propiedades :(</p>
<p>En algunos casos esta falta de conocimientos técnicos limita a lo que puedes &#8220;atreverte&#8221; (lo he visto en muchos diseñadores de papel que han empezado a hacer webs) o en caso contrario, el conocimiento técnico te hace caer en una espiral de &#8220;perfeccionismo&#8221; o adaptación que te podrías ahorrar si no lo supieras hacer :)</p>
<p>No recuerdo cómo he llegado a estos artículos, pero han pasado a engordar mi listado rss de blogs y clasificados como &#8220;imprescindibles&#8221;</p>
<p>Enlaces:</p>
<ul>
<li><a href="http://paulstamatiou.com/startup-web-design-ux-crash-course">Crash Course: Design for Startups</a></li>
<li><a href="http://www.paper-leaf.com/blog/2011/04/are-your-development-skills-hindering-your-design-work/">Are Your Development Skills Hindering Your Design Work?</a></li>
<li><a href="http://www.paper-leaf.com/blog/2010/04/5-photoshop-css-tricks-for-killer-web-designs/" target="_blank">5 Photoshop &amp; CSS Tricks for Killer Web Designs</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2011/04/dos-articulos-interesantes-sobre-desarrollo-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>15 herramientas para hacer wireframes</title>
		<link>http://www.infonomada.com/2010/04/15-herramientas-para-hacer-wireframes/</link>
		<comments>http://www.infonomada.com/2010/04/15-herramientas-para-hacer-wireframes/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 10:30:41 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[programacion]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1796</guid>
		<description><![CDATA[Completo artículo en tripwiremagazine sobre herramientas para hacer  wireframes: 15 Best Wireframing Tools for Designers &#124; tripwire magazine. Si esto de los wireframes os suena a chino, os recomiendo el artículo de Olga Carrera en Usable&#38;Accesible: wireframes y para ver como trabajan los demás, la web I Love Wireframes y su grupo en Flickr Foto de The [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/cmh/4409231600/in/pool-ilovewireframes"><img class="alignnone" src="http://farm5.static.flickr.com/4021/4409231600_709d514a46_d.jpg" alt="" width="500" height="334" /></a></p>
<p>Completo artículo en <a href="http://www.tripwiremagazine.com/">tripwiremagazine</a> sobre herramientas para hacer  wireframes:</p>
<p><a href="http://www.tripwiremagazine.com/2010/04/15-best-wireframing-tools-for-designers.html?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+tripwiremagazine+%28tripwire+magazine%29&amp;utm_content=Google+Reader">15 Best Wireframing Tools for Designers | tripwire magazine</a>.</p>
<p>Si esto de los wireframes os suena a chino, os recomiendo el artículo de <a href="http://olgacarreras.blogspot.com/2007/02/wireframes.html">Olga Carrera en Usable&amp;Accesible: wireframes</a> y para ver como trabajan los demás, la web <a href="http://wireframes.tumblr.com/">I Love Wireframes </a>y su <a href="http://olgacarreras.blogspot.com/2007/02/wireframes.html"></a><a href="http://www.flickr.com/groups/ilovewireframes/">grupo en Flickr</a></p>
<p>Foto de <a href="http://www.flickr.com/photos/cmh/4409231600/in/pool-ilovewireframes">The Octothorpe</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2010/04/15-herramientas-para-hacer-wireframes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creando nuestra primera aplicación en Facebook: Mascletà Fallera</title>
		<link>http://www.infonomada.com/2010/03/creando-nuestra-primera-aplicacion-en-facebook-mascleta-fallera/</link>
		<comments>http://www.infonomada.com/2010/03/creando-nuestra-primera-aplicacion-en-facebook-mascleta-fallera/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 09:36:35 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[programacion]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[juegos]]></category>
		<category><![CDATA[socialmedia]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1744</guid>
		<description><![CDATA[Todo empezó con el tarea de pensar una aplicación/juego en Facebook para la Comunitat Valenciana. Se barajaron varios juegos (quedan en la recámara) y de las dos propuestas más fuertes, el cliente eligió la &#8220;Mascletà Fallera&#8221;: Mascletá Fallera es un sencillo juego en el que puedes crear tu propia Mascetà Fallera, colocando distintos petardos hasta [...]]]></description>
			<content:encoded><![CDATA[<p>Todo empezó con el tarea de pensar una aplicación/juego en Facebook para la <a href="http://www.comunitatvalenciana.com/" target="_blank" >Comunitat Valenciana</a>. Se barajaron varios juegos (quedan en la recámara) y de las dos propuestas más fuertes, el cliente eligió la <a href="http://apps.facebook.com/mascleta">&#8220;Mascletà Fallera&#8221;</a>:</p>
<p><a href="http://www.facebook.com/apps/application.php?id=314790547566">Mascletá Fallera</a> es un sencillo juego en el que puedes crear tu propia <a href="http://apps.facebook.com/mascleta/">Mascetà Fallera</a>, colocando distintos petardos hasta conseguir una mini mascletá a la que se asignará una puntuación que puedes publicar en tu muro de <a href="http://www.facebook.com">Facebook</a>.</p>
<p>Este proyecto es el primero que hacemos desde <a href="http://www.grupo-skala.com/">Grupo Skala</a> en Facebook. Mi compañero <a href="http://gabrielcuesta.com/">Gabriel Cuesta</a> ha publicado varios <a href="http://gabrielcuesta.com/aplicaciones-facebook">juegos y aplicaciones en Facebook</a>, por lo que toda la dinámica de obtener datos y publicar en el muro lo teníamos controlado. Podeis ver su charla sobre <a href="http://www.tucamon.es/contenido/desarrollo-aplicaciones-facebook">creación de aplicaciones en Facebook en Tucamon.</a></p>
<p>El proyecto empezó con una limitación: el tiempo. Las fiestas se nos echaban encima y había que apretar, asi que toda la fase de concepto artístico nos lo pasamos por el forro.</p>
<p>Al tener claro como iba a ser el juego, Gabriel Cuesta empezó la programación en flash mientras yo trabajaba la parte visual y Oscar creaba los petardos en 3d, los animaba y editaba los sonidos.<div id="attachment_1745" class="wp-caption aligncenter" style="width: 410px"><img src="http://www.infonomada.com/wp-content/uploads/mascleta1.jpg" alt="Version preliminar para programar la interacción" title="Version preliminar para programar la interacción" width="400" height="266" class="size-full wp-image-1745" /><p class="wp-caption-text">Version preliminar para programar la interacción</p></div><br />
Como somos unos ansiosos, enseguida engarzamos las 3 partes para ver si los avances iban por el camino correcto.</p>
<p><img src="http://www.infonomada.com/wp-content/uploads/mascleta1-2.jpg" alt="Integrando los gráficos en el juego" title="Integrando los gráficos en el juego" width="350" height="231" class="aligncenter size-full wp-image-1746" /></p>
<p><img src="http://www.infonomada.com/wp-content/uploads/mascleta_petardos.jpg" alt="Los petardos sueltos" title="Los petardos sueltos" width="300" height="174" class="aligncenter size-full wp-image-1747" /></p>
<p><strong></strong></p>
<p>Viendo que la cosa no chirriaba, aplicamos la técnica de programación PPY!: PásameloPeroYa! </p>
<p>A los pocos días ya teníamos un prototipo bastante funcional que había que ir limando. En ese momento <strong>nos atacó la proporción 80/20: el 20% final del trabajo ocupa el 80% del tiempo.</strong> Cualquier persona que ha visto una obra lo conoce: &#8220;pero si está terminado el edificio!, ya han levantado la estructura&#8221;. No amigo no, el alicatado se come casi todo el tiempo. Y nos quedaba el alicatado.</p>
<div id="attachment_1751" class="wp-caption aligncenter" style="width: 360px"><a href="http://apps.facebook.com/mascleta/"><img src="http://www.infonomada.com/wp-content/uploads/mascleta2.jpg" alt="Elementos finales en la aplicación" title="Elementos finales en la aplicación" width="350" height="237" class="size-full wp-image-1751" /></a><p class="wp-caption-text">Elementos finales en la aplicación</p></div>
<p><img src="http://www.infonomada.com/wp-content/uploads/mascleta3.jpg" alt="Definiendo los elementos de interfaz" title="Definiendo los elementos de interfaz" width="350" height="234" class="aligncenter size-full wp-image-1748" /></p>
<p>Cuando la aplicación era más o menos funcional se empezó la parte de integración en Facebook: publicación en el muro, grabar datos de cada mascetà, botones para ver de nuevo la mascletà, crear  pantallas especiales para ver las mascetàs publicadas, rankings, etc&#8230; Y engranar todo para que no falle.</p>
<p><div id="attachment_1749" class="wp-caption aligncenter" style="width: 360px"><img src="http://www.infonomada.com/wp-content/uploads/mascleta4.jpg" alt="Integrandola con el muro de Facebook" title="Integrandola con el muro de Facebook" width="350" height="225" class="size-full wp-image-1749" /><p class="wp-caption-text">Integrandola con el muro de Facebook</p></div><div id="attachment_1750" class="wp-caption aligncenter" style="width: 360px"><a href="http://www.infonomada.com/wp-content/uploads/mascleta5.jpg"><img src="http://www.infonomada.com/wp-content/uploads/mascleta5.jpg" alt="Compartiendo la aplicación en Twitter" title="Compartiendo la aplicación en Twitter" width="350" height="233" class="size-full wp-image-1750" /></a><p class="wp-caption-text">Compartiendo la aplicación en Twitter</p></div></p>
<p>La verdad es que nos hemos divertido bastante en el todo el proceso, con encendidas discusiones sobre el sonido de los petardos, usabilidad, procesos, etc&#8230;</p>
<p>Como homenaje, los créditos de los que hemos participado en crear la nuestra pequeña Mascletà Virtual :)</p>
<ul>
<li><a href="http://www.faceblog.es/aplicaciones/aplicaciones-mascleta-fallera/">Gabriel Cuesta: Programación Flash y Facebook (su post sobre la mascletà)</a></li>
<li>Pablo Angeletti: Interfaz y grafismo (este de aquí soy yo mismo)</li>
<li><a href="http://chaxx.blogspot.com/">Óscar Navarro: Sonido y gráficos 3D y animaciones</a></li>
<li><a href="http://carlospro.blogspot.com/">Carlos Pro: Ilustración del Señor Pirotécnic</a></li>
<li><a href="http://bandarabas.wordpress.com/">Gustavo Valbuena: Concepto y dirección</a></li>
<li>
<a href="http://www.raulabad.com/">Raúl Abad: Marketing Online</a></li>
<li>
<a href="http://baloncestosanblas.wordpress.com/">Laura Hernández: Testeo</a></li>
</ul>
<div id="attachment_1760" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.infonomada.com/wp-content/uploads/p01.jpg"><img src="http://www.infonomada.com/wp-content/uploads/p01.jpg" alt="El equipo de nuevas tecnologías de Grupo skala" title="El equipo de nuevas tecnologías de Grupo skala" width="400" height="300" class="size-full wp-image-1760" /></a><p class="wp-caption-text">El equipo de nuevas tecnologías de Grupo skala</p></div>
<p>Como guinda, la persona que habla en las instrucciones soy yo. Voy a tener que ponerme las pilas en hablar para los tutoriales por no quedó muy fino :)</p>
<p>Ahora, a <a href="http://apps.facebook.com/mascleta/">jugar unas partiditas a la Mascletà Fallera</a>, a ver cuantos punticos haceis</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2010/03/creando-nuestra-primera-aplicacion-en-facebook-mascleta-fallera/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Pasado y futuro del diseño web</title>
		<link>http://www.infonomada.com/2009/12/pasad-y-futuro-del-diseno-web/</link>
		<comments>http://www.infonomada.com/2009/12/pasad-y-futuro-del-diseno-web/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 13:10:42 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[MiniPost]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[programacion]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1615</guid>
		<description><![CDATA[Presente y futuro del diseño web en el artículo &#8220;Web design is dead&#8221;: It&#8217;s time to reinvent the discipline of web design. Web designers are faced with a challenge: to be professional web site architects, or to seek work as decorators Algo así como.. &#8220;es hora de reinventar el diseño web. Los diseñadores se enfrentan [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webdesignfromscratch.com//blog/web-design-is-dead.php">Presente y futuro del diseño web</a> en el artículo &#8220;Web design is dead&#8221;:</p>
<blockquote><p><a href="http://www.webdesignfromscratch.com//blog/web-design-is-dead.php">It&#8217;s time to reinvent the discipline of web design. Web designers are faced with a challenge: to be professional web site architects, or to seek work as decorators</a></p></blockquote>
<p>Algo así como.. &#8220;es hora de reinventar el diseño web. Los diseñadores se enfrentan a un cambio: convertirse en Profesionales de la Arquitectura web o buscar trabajo como decoradores&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/12/pasad-y-futuro-del-diseno-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Concurso de Carteles para el V Festival de Cine de Alicante</title>
		<link>http://www.infonomada.com/2009/10/concurso-de-carteles-para-el-v-festival-de-cine-de-alicante/</link>
		<comments>http://www.infonomada.com/2009/10/concurso-de-carteles-para-el-v-festival-de-cine-de-alicante/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 18:32:07 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Agenda]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[cine]]></category>
		<category><![CDATA[concursos]]></category>
		<category><![CDATA[eventos]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1538</guid>
		<description><![CDATA[Se que hay mucho culebra que no anuncia estos concursos para tener menos competencia, pero como yo no me voy a presentar aquí os dejo el enlace a la web del festival para que leais las bases y os animeis a participar. El cartel ganador se llevará 1.500€, que no está nada mal. Las bases [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.festivaldecinealicante.es/"><img class="alignnone size-full wp-image-1539" title="festivalcinealicante" src="http://www.infonomada.com/wp-content/uploads/festivalcinealicante.jpg" alt="festivalcinealicante" width="400" height="350" /></a></p>
<p>Se que hay mucho culebra que no anuncia estos concursos para tener menos competencia, pero como yo no me voy a presentar aquí os dejo el enlace a la <a href="http://www.festivaldecinealicante.es/">web del festival</a> para que leais las bases y os animeis a participar. El cartel ganador se llevará <strong>1.500€</strong>, que no está nada mal.</p>
<p>Las <a href="http://www.festivaldecinealicante.es/img/banner_concurso.jpg">bases están disponibles en PDF</a></p>
<p>Fuente: <a href="http://intermundocomunicacion.com/">Intermundo Comunicación. Relaciones Públicas y organización de eventos</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/10/concurso-de-carteles-para-el-v-festival-de-cine-de-alicante/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Conferencia de Jesus Encinar en el Iniciador de Barcelona</title>
		<link>http://www.infonomada.com/2009/09/conferencia-de-jesus-encinar-en-el-iniciador-de-barcelona/</link>
		<comments>http://www.infonomada.com/2009/09/conferencia-de-jesus-encinar-en-el-iniciador-de-barcelona/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 22:00:46 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[videos]]></category>
		<category><![CDATA[charlas]]></category>
		<category><![CDATA[empresa]]></category>
		<category><![CDATA[eventos]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1490</guid>
		<description><![CDATA[Via el twitter de Jordi Bufi he podido disfrutar de la charla que dió Jesus Encinar (ceo de idealista) en el Iniciador de Junio en Barcelona. Mucho sentido común y experiencia, algo que se agradece entre todo el humo de los &#8220;socialmedia gurus&#8221; y demás  iluminados que pululan ultimamente por internet (¿que hacían antes de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://jordi.bufi.es/video-de-iniciador-barcelona-junio-2009-con-jesus-encinar">Via el twitter de Jordi Bufi </a>he podido disfrutar de la charla que dió <a href="http://www.jesusencinar.com/">Jesus Encinar</a> (ceo de <a href="http://www.idealista.com">idealista</a>) en el Iniciador de Junio en Barcelona.</p>
<p>Mucho <strong>sentido común y experiencia</strong>, algo que se agradece entre todo el humo de los &#8220;socialmedia gurus&#8221; y demás  iluminados que pululan ultimamente por internet (¿que hacían antes de facebook y twitter?).. En fín serafín..a lo nuestro.</p>
<p>Una parte muy interesante para los que se dedican al diseño web es cuando habla sobre del diseño de idealista. Respondiendo a un asistente dice algo que da en la diana a la hora de explicar la diferencia entre el diseño gráfico tradicional y el acercamiento al usuario a través de un interfaz gráfico, que no es ni más ni menos que el diseño web:</p>
<blockquote><p>&#8220;&#8230;hay un aspecto critico en la formación de los diseñadores. Los diseñadores gráficos, muchas veces por formación, están acostumbrados a hacer cosas únicas, originales, creativas, que sean una experiencia distinta y distinta a todo lo que hay. El diseño web es justo lo contrario: es hacer algo que sea exactamente igual que lo que usuario esta acostumbrado utilizar en cualquier otra página.. si el usuario está acostumbrado a usar un tipo de calendario.. no hagas un calendario distinto que el usuario tenga que aprender a usar en tu página. Utiliza lo que es estandar y genérico, pero utilizalo bien.. y eso para algunos diseñadores choca&#8230; hace falta tener mucha experiencia y seguridad en ti mismo para saber utilizar como revolucionario una solución estandar&#8230;&#8221;</p></blockquote>
<p><strong>Esta cita es del el minuto 58&#8217;15</strong>. Como vimeo no permite ir al minuto exacto, tendreis que dejar que el video llegue a ese punto. De todas formas, os aconsejo ver entera la charla y la sesión de preguntas por que com he dicho al inicio, está muy bien:</p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=5487367&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=de6000&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5487367&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=de6000&amp;fullscreen=1" /></object></p>
<p><a href="http://vimeo.com/5487367">Iniciador &#8211; Jesús Encinar &#8211; idealista.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/09/conferencia-de-jesus-encinar-en-el-iniciador-de-barcelona/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Empieza las webs con buen pie. Haz un buen esquema</title>
		<link>http://www.infonomada.com/2009/07/empieza-la-webs-con-buen-pie-haz-un-buen-esquema/</link>
		<comments>http://www.infonomada.com/2009/07/empieza-la-webs-con-buen-pie-haz-un-buen-esquema/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 23:09:14 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[tutoriales]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1386</guid>
		<description><![CDATA[Lo primero que hago cuando empiezo un proyecto, antes siquiera de pensar en el diseño, es hacerme un esquema de la web. No hace falta un esquema muy detallado, pero si lo suficientemente claro para visualizar el proyecto al completo y tener definidos todos los bloques que va a tener la web. Aunque he probado [...]]]></description>
			<content:encoded><![CDATA[<p>Lo primero que hago cuando empiezo un proyecto, antes siquiera de pensar en el diseño, es hacerme un esquema de la web. No hace falta un esquema muy detallado, pero si lo suficientemente claro para visualizar el proyecto al completo y tener definidos todos los bloques que va a tener la web.</p>
<p>Aunque he probado muchas soluciones( a mano, con freehand, con plantillas wireframe en html )&#8230; al final las dos herramientas que encuentro más prácticas son estas dos:</p>
<ul>
<li><strong>Freemind</strong></li>
<li><strong>Balsmik Mockups</strong></li>
</ul>
<p><a href="http://freemind.sourceforge.net/wiki/index.php/Main_Page">Freemind.</a> es una herramienta de<a href="http://en.wikipedia.org/wiki/Mind_map"> mind maping</a> ( <a href="http://es.wikipedia.org/wiki/Mapa_mental">Mapas mentales en castellano</a>)  Opensource en Java. No es tan bonita como <a href="http://www.mindmapper.com/">Mind mapper</a> o <a href="http://www.mindmeister.com/">Mindmeister (servicio online)</a>, pero chico, Freemind es gratis y hace lo que necesito. Si quereis ver más aplicaciones de <a href="http://en.wikipedia.org/wiki/List_of_mind_mapping_software">mind maping, en la wikipedia hay un listado muy completo.</a></p>
<p>En este ejemplo he creado dos árboles, uno para la web anterior y otro para la nueva. En los rediseños me gusta hacerlo asi para ver las secciones enfrentadas y tener claro cuales son nuevas, cual se elmina, etc&#8230;</p>
<p><a href="http://www.infonomada.com/wp-content/uploads/freemind.jpg"></a></p>
<div id="attachment_1397" class="wp-caption alignnone" style="width: 610px"><a href="http://www.infonomada.com/wp-content/uploads/freemind.jpg"><img class="size-full wp-image-1397" title="freemind1" src="http://www.infonomada.com/wp-content/uploads/freemind1.jpg" alt="Estructurando contenidos con Freemind" width="600" height="469" /></a><p class="wp-caption-text">Estructurando contenidos con Freemind</p></div>
<p><strong>Cuando ya tengo claro el esquema, paso a <a href="http://www.balsamiq.com/">Balsamiq Mockups</a>.</strong> Esta aplicación en AIR me la recomendó Andres Karp y desde que la usé me enamoró. Tiene muchos elementos de interfaz web ya definidos para que en un momento puedas montar un esquema decente (<a href="http://www.balsamiq.com/products/mockups">video de la aplicación</a>). La ventaja de trabajar primero con un <strong>diseño en wireframe </strong>con el cliente es que se puede centrar en los elmentos y bloques de información, eliminando la variable &#8220;diseño&#8221; en el primer acercamiento.</p>
<div id="attachment_1396" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-1396" title="balsamiq_mockups1" src="http://www.infonomada.com/wp-content/uploads/balsamiq_mockups1.jpg" alt="Esquema web hecho con Balsamiq Mockup" width="600" height="463" /><p class="wp-caption-text">Esquema web hecho con Balsamiq Mockup</p></div>
<p>El mundo no es de algodón y azucar por lo que al final esta estructura inicial evolucionará y crecerá. Este paso sirve para ahorrarte horas y horas de modificaciones sobre diseños ya avanzados.</p>
<p>Cuando ya tengas clara la estructura y el esquema, empieza a diseñar. Verás que es mucho más fácil a partir de un esquema que con una hoja en blanco de photoshop.</p>
<p>En <a href="http://www.webdesignerdepot.com/">webdesignerdepo</a>t han publicado un post muy bueno sobre las ventajas de empezar por diseño en wireframes: <strong><a href="http://www.webdesignerdepot.com/2009/07/using-wireframes-to-streamline-your-development-process/">Using Wireframes to Streamline Your Development Process</a></strong></p>
<p><strong>Enlaces:</strong></p>
<ul>
<li><a href="http://freemind.sourceforge.net/wiki/index.php/Main_Page">Freemind</a></li>
<li><a href="http://www.balsamiq.com/">Balsamic Mockup</a></li>
<li><a href="http://en.wikipedia.org/wiki/Mind_map">Mind Maping </a>y <a href="http://es.wikipedia.org/wiki/Mapa_mental">mapas mentales (es)</a></li>
<li>webdesignerdeopot: <strong><a href="http://www.webdesignerdepot.com/2009/07/using-wireframes-to-streamline-your-development-process/">Using Wireframes to Streamline Your Development Process</a></strong></li>
<li><a href="http://el50.com/2007/08/14/mapas-mentales-una-forma-de-organizar-y-estimular-las-ideas/">Mapas menales. Una forma de organizar y estimular ideas</a><strong><br />
</strong></li>
</ul>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/07/empieza-la-webs-con-buen-pie-haz-un-buen-esquema/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Recorta tu propio Twitter gracias a ataquemutante.com</title>
		<link>http://www.infonomada.com/2009/06/recorta-tu-propio-twitter-gracias-a-ataquemutantecom/</link>
		<comments>http://www.infonomada.com/2009/06/recorta-tu-propio-twitter-gracias-a-ataquemutantecom/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 07:08:23 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1331</guid>
		<description><![CDATA[Vía Faloco me ha llegado este recortable para que hagais vuestro propio pajarito de twitter: En el blog de Nereski ataquemutante.com y en su Flickr encontrareis más recortables para adornar vuestro escritorio :)]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.faloco.com/">Vía Faloco</a> me ha llegado <a href="http://www.flickr.com/photos/nereski/collections/72157607562338035/">este recortable</a> para que hagais vuestro propio pajarito de twitter:</p>
<p><a href="http://www.flickr.com/photos/nereski/sets/72157607562358543/"><img class="alignnone" src="http://farm4.static.flickr.com/3125/2889120351_92f593c5bf_d.jpg" alt="" width="500" height="375" /></a></p>
<p>En el blog de<a href="http://www.flickr.com/photos/nereski/"> </a><a href="http://www.ataquemutante.com/">Nereski ataquemutante.com</a> y en su <a href="http://www.flickr.com/photos/nereski/">Flickr</a> encontrareis más <a href="http://www.flickr.com/photos/nereski/collections/72157607562338035/">recortables para adornar vuestro escritorio</a> :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/06/recorta-tu-propio-twitter-gracias-a-ataquemutantecom/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Impresiones sobre el desarrollo web en España en el blog Sentido Web</title>
		<link>http://www.infonomada.com/2009/04/impresiones-sobre-el-desarrollo-web-en-espana-en-el-blog-sentido-web/</link>
		<comments>http://www.infonomada.com/2009/04/impresiones-sobre-el-desarrollo-web-en-espana-en-el-blog-sentido-web/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 11:08:59 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[programacion]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=1172</guid>
		<description><![CDATA[Algunas joyitas en el blog sentidoweb: &#8220;&#8230;Lo que para algunos es un entretenimiento, una pasión o un vicio, para la gran mayoría es sólo un trabajo&#8230;&#8221; &#8220;&#8230;los desarrolladores se encuentran con que tienen poco tiempo para mucho trabajo, y las prisas no son amigas de las florituras, algo de lo que la web2.0 está llena&#8230;&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.inkcinct.com.au/Web/Australian-Cartoons-List/AUST-Economic-business-IR.htm"><img class="alignnone size-full wp-image-1174" title="2007-502-galley-slave-workchoices" src="http://www.infonomada.com/wp-content/uploads/2007-502-galley-slave-workchoices.jpg" alt="" width="411" height="322" /></a></p>
<p>Algunas joyitas en el <a href="http://sentidoweb.com/2009/04/30/impresiones-sobre-el-desarrollo-web-en-espana.php">blog sentidoweb</a>:</p>
<blockquote><p>&#8220;&#8230;Lo que para algunos es un entretenimiento, una pasión o un vicio, para la gran mayoría es sólo un trabajo&#8230;&#8221;</p></blockquote>
<blockquote><p>&#8220;&#8230;los desarrolladores se encuentran con que tienen poco tiempo para mucho trabajo, y las prisas no son amigas de las florituras, algo de lo que la web2.0 está llena&#8230;&#8221;</p></blockquote>
<blockquote><p>&#8220;&#8230;Si nos ponemos a pensar, casi todos los proyectos web que se realizan son muy parecidos: hacer consulta a la BD y mostrar datos. Esto provoca que la creación de páginas web sea algo muy monótono y mecanizado, donde la novedad suele escasear, por lo que la necesidad de aprender algo nuevo no abunda, ya que con los conocimientos básicos que se tienen, se puede hacer cualquier aplicación&#8230;.&#8221;</p></blockquote>
<p><a href="http://sentidoweb.com/2009/04/30/impresiones-sobre-el-desarrollo-web-en-espana.php">Impresiones sobre el desarrollo web en España » Sentido Web</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/04/impresiones-sobre-el-desarrollo-web-en-espana-en-el-blog-sentido-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>El falso lujo y personalización de los portátiles</title>
		<link>http://www.infonomada.com/2009/01/el-falso-lujo-y-personalizacion-de-los-portatiles/</link>
		<comments>http://www.infonomada.com/2009/01/el-falso-lujo-y-personalizacion-de-los-portatiles/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 17:12:01 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[eeepc]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Portatiles]]></category>
		<category><![CDATA[Tablets Pc]]></category>
		<category><![CDATA[asus]]></category>
		<category><![CDATA[netbooks]]></category>
		<category><![CDATA[ultraportatiles]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=894</guid>
		<description><![CDATA[Me sorprende el superficial acercamiento de las marcas de lujo a los portatiles o teléfonos móviles. La mayoría solucionan este tema añadiendole simplemente su marca o cubriendo de cuero ciertas zonas de portatiles de gama alta. Si necesitas un producto mucho más caro y exclusivo, el tema es sencillo: cúbrelo de diamantes. En el caso [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ego-lifestyle.com/"><img class="alignnone size-full wp-image-903" title="Portatiles EGO" src="http://www.infonomada.com/wp-content/uploads/scaled-image-13.jpg" alt="" width="420" height="216" /></a></p>
<p>Me sorprende el superficial acercamiento de las marcas de lujo a los portatiles o <a href="http://www.vertu.com/en/?">teléfonos móviles</a>. La mayoría solucionan este tema añadiendole simplemente su marca o <a href="http://www.ego-lifestyle.com/">cubriendo de cuero ciertas zonas de portatiles de gama alta.</a> Si necesitas un producto mucho más caro y exclusivo, el tema es sencillo: cúbrelo de diamantes.</p>
<p>En el caso de los móviles no hay tanto tema donde innovar (¿<a href="http://www.gizmodo.es/2008/01/19/funda_de_oro_y_diamantes_apadrina_un_iphone.html">un iphone de diamantes</a>?), pero en los portatiles o netbooks tienen las puertas abiertas para mejorar los productos de forma casi infinita.</p>
<p>Comprarte un portatil superexclusivo para que al arrancar te muestre el mismo logotipo de windows, OS X o Linux es como tunear un panda. Piensa lo que quieras, pero sigues teniendo el mismo coche. Son Ferraris con salpicadero y motor de utilitario. (podeis ver como <a href="http://www.infonomada.com/noticias/anadiendole-cuero-al-asus-eeepc-701/">he cubierto la panatalla de mi eeepc de cuero</a>)</p>
<p>¿Y la experiencia de usuario?. ¿Por que no se lanzan las marcas a mejorar estos temas?. ¿Por que no extender la imagen y filosofía de la marca con el uso de interfaces desarrollados en exclusiva para la marca?.</p>
<p>Si el <a href="http://www.fayerwayer.com/2009/01/jolicloud-el-sistema-operativo-para-sub-portatiles/">creador de netvibes</a> está creando una distribución de <a href="http://www.jolicloud.com/">linux optimizada para netbooks (Jolicloud)</a>, ¿por que no hacer algo parecido unido a un portatil o netbook de lujo?.</p>
<div id="attachment_895" class="wp-caption alignnone" style="width: 428px"><a href="http://www.jolicloud.com/"><img class="size-full wp-image-895" title="jolicloud" src="http://www.infonomada.com/wp-content/uploads/jolicloud.jpg" alt="" width="418" height="244" /></a><p class="wp-caption-text">Jolicloud, sistema linux para Netbooks</p></div>
<p>Hay mucho donde mejorar: creación de interfaces según el tipo de clientes, simplificar la sincronización entre varios dispositivos (movil, portatil, mp3, etc&#8230;), sistemas de backups automaticos y seguros, asistencia online, entornos optimizados para el uso de redes sociales, creación de redes sociales asociadas a la marca de uso exclusivo por sus clientes, sistemas de autentificación biometrica unificada de todos tus dispositivos (portatil, móvil, etc&#8230;)</p>
<p>Todas esas piezas las tenemos por separado, pero unirlas y darles forma asociandolas a una marca de lujo creo que va a ser algo que veremos en los próximos años.</p>
<p>Dejar los cristalitos de <a href="http://www.xataka.com/2008/11/09-medion-akoya-mini-de-swarovski-hello-kitty-y-de-colores">swarovski y dibujos de &#8220;ositos&#8221;</a> (y no hablo de Hello Kitty) en las pantallas para los &#8220;<a href="http://es.wikipedia.org/wiki/Esnobismo">snobs</a>&#8220;, y para los quieran y puedan pagarlo, el cielo.</p>
<p>Enlaces:</p>
<ul>
<li><a href="http://www.fayerwayer.com/2009/01/jolicloud-el-sistema-operativo-para-sub-portatiles/">Jolicloud, el sisetma operativo para subportatiles en Fayerwayer</a></li>
<li><a href="http://www.xataka.com/2008/11/09-medion-akoya-mini-de-swarovski-hello-kitty-y-de-colores">Medio Akoya mini en versión swaroovsky y hello kitty en Xataka</a></li>
<li><a href="http://www.ego-lifestyle.com/">Portatil EGO</a></li>
<li><a href="http://www.infonomada.com/noticias/anadiendole-cuero-al-asus-eeepc-701/">Añadiendole cuero al Asus Eeepc 701</a></li>
<li><a href="http://www.jolicloud.com/">jolicloud.com</a></li>
</ul>
<p><a href="http://www.infonomada.com/wp-content/uploads/jolicloud.jpg"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2009/01/el-falso-lujo-y-personalizacion-de-los-portatiles/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Entrevista a Rafael Guillén, ganador del cartel de Hogueras de San Joan 2009</title>
		<link>http://www.infonomada.com/2008/11/entrevista-a-rafael-guillen-ganador-del-cartel-de-hogueras-de-san-joan-2009/</link>
		<comments>http://www.infonomada.com/2008/11/entrevista-a-rafael-guillen-ganador-del-cartel-de-hogueras-de-san-joan-2009/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 21:13:33 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[concurso]]></category>
		<category><![CDATA[entrevista]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=593</guid>
		<description><![CDATA[Hace unas semanas me enteré de cual había sido el cartel ganador de las hogueras de San Juan 2009 a través del blog alicantevivo.org, un blog imprescindible si te interesa Alicante y su historia. El diseño del cartel me pareció muy alejado de esas lineas sintéticas que acaban por aburrir. Parecí un cartel antiguo, un [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.infonomada.com/wp-content/uploads/fogueres-estampa-festera.jpg"><img class="size-medium wp-image-594 aligncenter" title="fogueres-estampa-festera" src="http://www.infonomada.com/wp-content/uploads/fogueres-estampa-festera-214x300.jpg" alt="" width="214" height="300" /></a></p>
<p>Hace unas semanas me enteré de cual había sido el <a href="http://www.alicantevivo.org/2008/10/cartel-oficial-fogueres-2009.html">cartel ganador de las hogueras de San Juan 2009</a> a través del blog <a href="http://www.alicantevivo.org/">alicantevivo.org</a>, un blog imprescindible si te interesa Alicante y su historia.</p>
<p>El diseño del cartel me pareció muy alejado de esas lineas sintéticas que acaban por aburrir. Parecí un cartel antiguo, un collage. Me gustó mucho. Pero la mayor sorpresa vino al darme cuenta de que conocía al diseñador del cartel: Rafael Guillén.</p>
<p>Hace un tiempo tuve la suerte de coincidir con Rafa en <a href="http://www.grupoimco.com">Grupo Imco</a>. Rafa es de esos profesionales inquietos y apasionados por su trabajo que da gusto tener a tu lado.</p>
<p>Como Alicante es un pañuelo y en este sector somos cuatro gatos, mi compañero de <a href="http://carlospro.blogspot.com">Carlos Pro</a> (trabajamos juntos en <a href="http://www.grupo-skala.com">Grupo-Skala</a>) también lo conocía y sus impresiones son igual de buenas :) Recuerdo nuestras conversaciones sobre las lí­neas adecuadas para los carteles de hogueras, si estilo vintage, si más abstracto o más electrónico&#8230; Al final Rafa dio en la diana.</p>
<p>Así­ que, tirando de amistad, le envie unas cuantas preguntitas para que nos hablara un poco de su cartel y podamos conocer quién esta detrás de esta obra.</p>
<p>Entrevista a Rafael Guillén, ganador del concurso de carteles para las Hogueras de San Joan 2009:</p>
<p><span id="more-593"></span></p>
<h3>¿Como se te ocurrió ese estilo &#8220;tradicional&#8221; para el cartel?</h3>
<p>Desde el 2002 estoy presentándome a este concurso. He hecho cosas arriesgadas (que no han sido ni seleccionadas para la exposición) y otras típicas (que sí han sido seleccionadas). Esto a veces es como la lotería, no hay un criterio por el que puedas ir buscando alguna idea, ya sea innovadora o continuista, depende mucho del jurado que haya en ese momento, por lo que es muy difícil.</p>
<p>Harto de presentar y de ver que ganaban siempre carteles con fondos negros y alegorías de llamas, intenté hacer algo distinto, recuperé elementos que no aparecían útimamente por ningún cartel de fogueres, como la dolçaina, el saraguei y su indumentaria e intenté crear de una forma vistosa, alegre y dinámica, un cartel que recopilara todo esto sin caer en el estilo del cartel clásico de los años 50 y 60, darle un enfoque más geométrico, mezclado con ilustración y fotografías de las telas del traje para el pañuelo, el chaleco o la manta (gracias a mi compañero Luis Amat por ofrecerse a facilitarme las imágenes de las telas).</p>
<p>También la composición se refuerza por el contexto, formado por un recuadro blanco con los bordes irregulares que hace de tarjetón o estampa sobre fondo negro con las llamas, esto hace que le de mayor dinamismo a los elementos del primer plano y los destaca aun más.</p>
<h3>¿Piensas que se esta dejando de lado la fase de estética electrónica y se esta pasando a un estilo mas manual, mas tipo collage?</h3>
<p>La verdad que últimamente la gráfica está generando movimientos en cuanto estilos de una forma muy rápida. Hace poco nos gustaba llenar los diseñs con circulitos y chorretes, luego al poco tiempo pasamos a ponerle diseñs floreados con espirales, formas orgánicas (siluetas de flores&#8230;.) y ahora estamos buscando algo más manual, collages de estilo vintage formados con dibujos escaneados hechos a mano o ilustraciones antiguas y mezclados con texturas, ya sean naturales como pintadas, etc&#8230;</p>
<p>De todas formas siempre volveremos a un diseñ al diseñ más simplificado y minimalista, por su eficacia en la mayoría de veces y por lo directo que es. Añadir también que lo barroco llega un momento que aburre y tendemos a simplificar. Es un círculo de tendencias, que no cesa.</p>
<p>Aunque me gustan los diseñs simples y eficaces, intento experimentar y buscar otras soluciones, huyo de las modas y no me gusta encorsetarme en un estilo propio.</p>
<p>Me defino como un diseñador adaptable, aunque también depende mucho del cliente. Por eso me gusta presentarme a concursos, intento escapar de la monotonía para hacer y experimentar cosas distintas.</p>
<h3>Â¿En que otros concursos has participado o ganado?</h3>
<p>Creo que con este son 15 primeros premios en carteles. He ganado también concursos de marcas.</p>
<h3>Â¿Que concurso te gustaría ganar?</h3>
<p>Me gustaría ganar el de San Fermín pero la verdad es que siempre he tenido un interés especial, creo que por ser alicantino, en ganar el cartel de les Fogueres de Sant Joan.</p>
<p>Para mí ha sido muy importante haber sido elegido ganador del cartel de fogueres para el 2009, por la importancia que tiene, la popularidad y porque era un reto que tenía desde que empecé en 2002 ha participar en concursos.</p>
<p>Hay otro que también voy detrás de él, el de Fallas de Valencia.</p>
<h3>Â¿Como ves a los estudios y diseñadores de Alicante?</h3>
<p>En Alicante como en Madrid o Barcelona hay buenos diseñadores, sólo falta que los clientes apuesten más por Alicante y no se vayan tanto a Madrid o Barcelona, que aquí se hace lo mismo e incluso puedo arriesgarme a decir que mejores gráficas.</p>
<p>Aquí el cliente no arriesga pero si es una agencia de Madrid, ya es otra cosa, le dan demasiado bombo y no es para tanto.</p>
<h3>Â¿En que vas a gastar el dinero del premio?</h3>
<p>Aún no lo sé, pero será algo que tanto a mi mujer como a mí nos hace mucha ilusión. Este premio lo comparto con ella porque me ha apoyado mucho en todo lo que hago y seguro que tendrá un buen fin.</p>
<h3>De los otros trabajos los presentados al concurso, Â¿destacarías alguno?</h3>
<p>No se pueden ver todos los que se han presentado, en la exposición, han seleccionado 9 de cada modalidad o fiesta por lo que es difícil sacar una conclusión. Yo creo que deberían hacer una exposición aunque sea virtual con todos los carteles que se han presentado.</p>
<h3>Muchos dicen que estos concursos estan amañados. Creo que son un pequeñ porcentaje, pero Â¿tu que opinas?</h3>
<p>Yo tampoco lo creo, pero hay ciertos pueblos en los que ha sido un poco sospechoso el fallo del jurado&#8230;</p>
<h3>Â¿En que cartel estas trabajando ahora?</h3>
<p>En el de <strong>fallas de Valencia 2009</strong> y <strong>Carnestoltes</strong> de Terrassa.</p>
<p>Muchas gracias Rafael por la entrevista</p>
<p>Si quereis ampliar información sobre el cartel, en el <a href="http://www.diarioinformacion.com/secciones/noticia.jsp?pRef=2008101500_12_808177__Alicante-cartel-Hogueras-2009-recupera-imagenes-tradicion-festera">diario Información</a> también publicaron un artículo sobre el concurso.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2008/11/entrevista-a-rafael-guillen-ganador-del-cartel-de-hogueras-de-san-joan-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Mill. Si un anuncio te ha sorprendido, lo han hecho ellos</title>
		<link>http://www.infonomada.com/2008/11/the-mill-si-un-anuncio-te-ha-sorprendido-lo-han-hecho-ellos/</link>
		<comments>http://www.infonomada.com/2008/11/the-mill-si-un-anuncio-te-ha-sorprendido-lo-han-hecho-ellos/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 22:07:28 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[videos]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=563</guid>
		<description><![CDATA[Bucear en los ShowReels de The Mill es ver uno tras otro anuncios que te han dejado con la boca abierta. Efectos especiales, cortos, anuncios, intros de series, efectos para TV, clientazos&#8230;buff Para el que no lo sepa, los Showreels son resumenes de lo trabajos en video que las agencias suelen publicar en sus webs [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.infonomada.com/wp-content/uploads/scaled-image3.jpg"><img class="alignnone size-full wp-image-564" title="scaled-image3" src="http://www.infonomada.com/wp-content/uploads/scaled-image3.jpg" alt="" width="470" height="263" /></a></p>
<p>Bucear en los <a href="http://www.beam.tv/beamreel/themill">ShowReels</a> de <a href="http://www.the-mill.com/">The Mill</a> es ver uno tras otro anuncios que te han dejado con la boca abierta. Efectos especiales, cortos, anuncios, intros de series, efectos para TV, clientazos&#8230;buff</p>
<p>Para el que no lo sepa, los Showreels son resumenes de lo trabajos en video que las agencias suelen publicar en sus webs o distribuir en DVD.</p>
<p><a href="http://www.the-mill.com/">The Mill</a> tiene publicados la mayoría de trabajos como videopodcast en la plataforma <a href="http://www.beam.tv">beamtv</a>. Solo teneis que ir al apartado <a href="http://www.beam.tv/beamreel/themill/">The mill de beamtv</a></p>
<p>Para empezar, podeis empezar con <a href="http://www.beam.tv/beamreel/themill/file/ccZtpqRnkQ/page/1">The Mill LA &amp; New York Showreel 2008</a>:el anuncio del jugador en primera persona de Nike, el de Xbos, coca cola, honda&#8230;</p>
<p>Después el <a href="http://www.beam.tv/beamreel/themill/file/CwjyvzxCGc/page/1">cómo se hizo</a> de los anuncios de xbox, o el del <a href="http://www.beam.tv/beamreel/themill/file/zFXtyvzwCf/page/3">C4 patinado en hielo</a>..Â O mejor, echadle un ojo a todos los videos. Lo que más sorprende son los &#8220;makinh-off&#8221; de los anuncios, en los que despiezan las tomas con la distintas tomas, las grabaciones en chroma, etc..</p>
<p>Cuando termineis de babear por la calidad de los trabajos y los clientazos que tienen, podeis pegaros un paseo por los <a href="http://www.videocopilot.net/tutorials/">videotutoriales de AfterEffects</a> de la web <a href="http://www.videocopilot.net/">videocopilot.net.</a></p>
<p>Tutoriales de AfterEffect y motion graphics muy bien explicados, por si os pica el gusanillo :)</p>
<p>Fuente:Â <a href="http://www.criteriondg.info/wordpress/the-mill-la-y-new-york-showreel-2008/">The Mill LA &amp; New York Showreel 2008 en Criterion</a>Â </p>
<p>Â </p>
<p>Pd: Por cierto, Â¿alguien sabe de que anuncio son los payasos peleando en plan matrix?</p>
<p><a href="http://www.infonomada.com/wp-content/uploads/scaled-image-11.jpg"><img class="alignnone size-full wp-image-565" title="scaled-image-11" src="http://www.infonomada.com/wp-content/uploads/scaled-image-11.jpg" alt="" width="300" height="129" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2008/11/the-mill-si-un-anuncio-te-ha-sorprendido-lo-han-hecho-ellos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>99 Comentarios &#8211; Blogs de Alicante I</title>
		<link>http://www.infonomada.com/2008/11/99-comentarios-blogs-de-alicante-i/</link>
		<comments>http://www.infonomada.com/2008/11/99-comentarios-blogs-de-alicante-i/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 20:12:39 +0000</pubDate>
		<dc:creator>infonomada</dc:creator>
				<category><![CDATA[Blogs de Alicante]]></category>
		<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.infonomada.com/?p=543</guid>
		<description><![CDATA[Para que veais que en Alicante también se mueve el temita blog (por si alguien lo dudaba), voy a ir compartiendo blogs que lo escribe gente de aqui o que hablen sobre Alicante. Aparte de publicar los post los iré añadiendo los enlaces de la columna derecha para tenerlos siempre localizados. El blog que inaugura [...]]]></description>
			<content:encoded><![CDATA[<p>Para que veais que en Alicante también se mueve el temita blog (por si alguien lo dudaba), voy a ir compartiendo blogs que lo escribe gente de aqui o que hablen sobre Alicante. Aparte de publicar los post los iré añadiendo los enlaces de la columna derecha para tenerlos siempre localizados.</p>
<p>El blog que inaugura <a href="http://www.infonomada.com/category/blogs-de-alicante/">Blogs de Alicante</a> es:</p>
<h3><a href="http://www.99comentarios.com/">www.99comentarios.com</a></h3>
<p>El primer blog de la serie &#8220;Blogs de Alicante&#8221; me lo paso <a href="http://www.davidsp.com/">David</a> a través de Facebook (para los que piensen que las redes social <strong>&#8220;no sirven pa&#8217;na&#8221;).</strong> David es programador flash en<a href="http://www.grupoenfoca.com/"> Grupo Enfoca</a>, agencia de Alicante con un portfolio de trabajos finos finos. Para el que piense que flash no aporta nada, os recomiendo la web que han hecho para <a href="http://www.tapelia.es/">Tapelia</a>. Da gusto conocer a gente que ha tenido relación con ellos y que todos hablen bien de la agencia, sobre todo con lo <strong>canallesco</strong> que es el sector de publicidad.</p>
<p>En el blog van a hablarnos de ..<em>&#8220;todo lo referente al marketing online, con los post más actuales de campañas virales, blogs, web 2.0, diseñ gráfico, redes sociales, etc..Â &#8221;. </em></p>
<p><a href="http://www.99comentarios.com/"><img class="alignnone size-full wp-image-542" title="99comentarios" src="http://www.infonomada.com/wp-content/uploads/99comentarios.jpg" alt="" width="430" height="222" /></a></p>
<p>La página de &#8220;quienes sómos&#8221; tiene un &#8220;diseñ pixelado&#8221; con información de los que participan en el blog:</p>
<p style="text-align: center;"><a href="http://www.99comentarios.com/about/"><img class="size-full wp-image-544 aligncenter" title="99comentarios2" src="http://www.infonomada.com/wp-content/uploads/99comentarios2.jpg" alt="" width="231" height="408" /></a></p>
<p style="text-align: left;">Otro blog para vuestro lector de feeds</p>
]]></content:encoded>
			<wfw:commentRss>http://www.infonomada.com/2008/11/99-comentarios-blogs-de-alicante-i/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: www.infonomada.com @ 2012-02-09 04:39:07 by W3 Total Cache -->
