<?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>algo amarillo &#124; diseño</title>
	<atom:link href="http://algoamarillo.com.ar/feed/" rel="self" type="application/rss+xml" />
	<link>http://algoamarillo.com.ar</link>
	<description>diseño web, gráfico, editorial y multimedia</description>
	<lastBuildDate>Mon, 23 Jan 2012 04:20:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>CZ Revista (toma 2)</title>
		<link>http://algoamarillo.com.ar/contacto-zonal-revista-toma-2/</link>
		<comments>http://algoamarillo.com.ar/contacto-zonal-revista-toma-2/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 03:51:41 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio editorial]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=2252</guid>
		<description><![CDATA[Para comenzar 2012 decidimos, junto al titular de Contacto Zonal, que era el momento ideal para llevar a cabo algunos ajustes que, por diversas razones, se venían posponiendo por los últimos 2 años.]]></description>
			<content:encoded><![CDATA[<p>Con el número de enero de 2010 me hice cargo de la diagramación de la <a title="Contacto Zonal Revista" href="http://algoamarillo.com.ar/contacto-zonal-editorial/">revista de clasificados Contacto Zonal</a>, que es editada en General Villegas y distribuída en una amplia zona. Si bien en aquella oportunidad se procedió a un rediseño profundo, desde la tapa y hasta la última página, se conservaba el mismo esquema estipulado por el anterior equipo de diseño.</p>
<p>Aún cuando se actualizaron los estilos, se alivianaron los auxiliares gráficos usados en los pies y cabeceras de cada página y se reformuló el esquema utilizado en la tapa, se mantuvo la diagramación a 5 columnas y el mismo tamaño de avisos.</p>
<p>Este diagrama, de 5 columnas, resultaba práctico en un principio, pero al aumentar la cantidad de publicidad, acomodar publicidades de 2 columnas de ancho en un esquema de 5, dejaba un espacio que debía ser llenado por auxiliares o por el propio texto de los avisos clasificados, dejando un aspecto desbalanceado en las páginas.</p>
<p>Otro tema resultaba la diferencia de alturas de las publicidades. Si bien acordamos manejarnos con un sistema modular en altura, había publicidades que ocupaban todo el ancho de la revista pero eran un centímetro más baja que el resto. Esto también proporcionaba desbalance y espacios muertos en la parte superior cuando la página debía ser llenada hasta arriba.</p>
<p>Le propuse al titular dividir la página en una grilla de 6 columnas de ancho por 5 filas de alto. De este modo, se podrían acomodar publicidades de 1, 2, 3, 4 y 6 columnas de ancho y 1, 2, 3, 4 o 5 columnas de alto. Al fijar este sistema de grillas, nos asegurábamos que las publicidades se acomodaran más facilmente, como si fuera un gran juego de Tetris.</p>
<p>Aún cuando no resulte la solución más elegante, es la más práctica, pues brinda más flexibilidad para acomodar la mayor variedad de publicidades que, después de todo, son las que hacen posible la edición de una revista de avisos clasificados gratuitos.</p>
<p>Habiendo cumplido con esta gran deuda que planteaba un reto en cada edición, donde se debían mover anuncios de una página a otra para poder acomodar los espacios vacíos, se procedió a reformular los avisos clasificados en sí. Primero que nada, se escogió una nueva fuente tipográfica, más clara aún que Helvetica Neue y que, por sus conjunción de líneas rectas y curvas ocupaba menos ancho en tamaños levemente mayores al texto actual. Esto permitió aumentar el tamaño del texto ocupando el mismo espacio o, incluso, mucho menos.</p>
<p>Esta nueva fuente nos permitió ahorrar, en promedio, una columna de texto por página, algo asombroso que jamás creímos posible. El texto era más fácil de leer y ocupaba menos espacio. Otro pequeño truco que nos permitió ganar centímetros, fue la eliminación de las líneas horizontales que marcaban las columnas. Al prescindir de ellas, no había que dejar doble espacio a una y otro lado, por lo que el medianil (separación entre columnas) se redujo apenas unos milímetros.</p>
<p>También se ajustaron márgenes internos, superiores y externos. Se sustituyó la fuente tipográfica de todo elemento gráfico por la misma que se utilizó en el texto, en diferentes cuerpos y tamaños, para unificar. Se eliminaron fondos, degradés y todo elemento superfluo, dejando lo mínimo indispensable.</p>
<p>La tapa se reestructuró para brindar mayor importancia al texto, enmarcando lo que era más importante pero no podía ocupar mucho espacio, con líneas horizontales muy delgadas. Esto brindó destaque sin recargar. Se utilizó la misma fuente que en el resto de la publicación, en sus versiones light, médium y bold. Además de decidió que todos los elementos estuvieran alineados por una guía externa que delimita el alcance del texto dentro del área de la tapa.</p>
<p>Como se recuperó bastante espacio, se pudieron ajustar algunas secciones que, ahora, incluían una nota relacionada al rubro en el que se incluía. En el primer número del 2012 tuve el agrado de escribir dos de esas notas, las relacionadas a automotores y tecnología y existe la posibilidad de agregar más notas ajustando pequeñas variables.</p>
<p>En definitiva, para la mayoría de la gente el rediseño puede pasar desapercibido, pero a la larga recompensará en mayor facilidad de lectura y más contenido al alcance del lector. Y menor tiempo de diagramación, porqué no decirlo&#8230;</p>
<h3>CZ#58 &#8211; 01/2012</h3>
<div><object id="e876d350-6916-5294-50e7-4d020542dec7" style="width: 420px; height: 294px; margin-left: 40px;" width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="src" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" /><param name="flashvars" value="mode=mini&amp;shareMenuEnabled=false&amp;printButtonEnabled=false&amp;backgroundColor=%23222222&amp;documentId=120123025527-f9b243b4a15c4b4fb1df2ab142fc13d0" /><embed id="e876d350-6916-5294-50e7-4d020542dec7" style="width: 420px; height: 294px; margin-left: 40px;" width="320" height="240" type="application/x-shockwave-flash" src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" allowfullscreen="true" menu="false" wmode="transparent" flashvars="mode=mini&amp;shareMenuEnabled=false&amp;printButtonEnabled=false&amp;backgroundColor=%23222222&amp;documentId=120123025527-f9b243b4a15c4b4fb1df2ab142fc13d0" /></object></p>
<div style="width: 420px; text-align: left;"></div>
</div>
<h3>CZ#57 &#8211; 12/2011</h3>
<div><object id="0b2c8187-eed4-ed6e-f159-a0f7c3ca36fe" style="width: 420px; height: 294px; margin-left: 40px;" width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="src" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" /><param name="flashvars" value="mode=mini&amp;shareMenuEnabled=false&amp;printButtonEnabled=false&amp;backgroundColor=%23222222&amp;documentId=120123031624-ce7ec3a1aa18427198c8f3d01ae86f85" /><embed id="0b2c8187-eed4-ed6e-f159-a0f7c3ca36fe" style="width: 420px; height: 294px; margin-left: 40px;" width="320" height="240" type="application/x-shockwave-flash" src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" allowfullscreen="true" menu="false" wmode="transparent" flashvars="mode=mini&amp;shareMenuEnabled=false&amp;printButtonEnabled=false&amp;backgroundColor=%23222222&amp;documentId=120123031624-ce7ec3a1aa18427198c8f3d01ae86f85" /></object></p>
<div style="width: 420px; text-align: left;"></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/contacto-zonal-revista-toma-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Claras indicaciones de que tu sitio web necesita un rediseño</title>
		<link>http://algoamarillo.com.ar/claras-indicaciones-de-que-tu-sitio-web-necesita-redisenio/</link>
		<comments>http://algoamarillo.com.ar/claras-indicaciones-de-que-tu-sitio-web-necesita-redisenio/#comments</comments>
		<pubDate>Sat, 14 Jan 2012 16:26:01 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=2231</guid>
		<description><![CDATA[Rediseño. La sola palabra puede hacerle dar escalofríos a cualquier desarrollador web, pero es un hecho de la vida útil de cualquier producto.
Aquí cinco indicaciones para que sepas cuándo es tiempo de rediseñar tu sitio web y cuán extensivo necesita ser el rediseño. ]]></description>
			<content:encoded><![CDATA[<h3>Los gráficos decaen</h3>
<p>El primer y más importante indicador de que tu sitio web necesita un replanteamiento, son los gráficos que comienzan a decaer. Claro que podría haber otras razones para este síntoma (como por ejemplo que tu producto o servicio no encuentre su mercado) pero una vez que se eliminaron o mitigaron esos factores, una baja constante de conversiones, ventas, actividades y participación general del usuario indican que la eficacia del diseño actual de tu sitio ha llegado a su punto más bajo. Mucha gente lo llama &#8220;fatiga creativa&#8221; pero lo que realmente indica es una desconexión con tu audiencia. La clave para resolver esto en el rediseño  es descifrar en qué parte de todo el recorrido del sitio el diseño &#8220;se rompe&#8221; y entonces establecer esas áreas como principales prioridades.</p>
<h3>Tus usuarios dicen que ya es tiempo</h3>
<p>Los gráficos analíticos te dicen de inmediato que algo está mal, pero para llegar al corazón de lo que es realmente necesario para resolver en un rediseño, lo que precisas es hablar con tus clientes. Las encuestas funcionan, pero los tests de usabilidad son más efectivos. La fluidez de la conversación cara a cara te permite explorar la dinámica de un ida y vuelta que las encuestas no tienen. Si a lo largo de estas conversaciones lográs vislumbrar un patrón común que arrojen luz sobre lo que está haciendo que los gráficos vayan en caída (y seguramente surja), entonces es tiempo de pensar en un rediseño.</p>
<p>Puede ser que en estas conversaciones también se revelen actitudes prevalentes hacia tu marca, que también pueden ser resueltas en el rediseño. En algunos casos, la percepción negativa sobre una marca debería ser suficiente para disparar un rediseño, pero quizás nunca lo sepas hasta que hables con tus clientes.</p>
<p>El feedback con tus clientes te aportará no solamente qué partes de tu sitio web rediseñar sino a qué debería extenderse. Usualmente, las conversaciones con clientes se focalizan en elementos específicos del recorrido del sitio. Estas áreas son las que el rediseño debería tener más en cuenta. En muchos casos, no es necesario que sea todo el sitio, pero si el feedback es amplio y más allá de lo que específico, quizás repensar la experiencia por completo sea una prioridad.</p>
<h3>La &#8220;deuda&#8221; de una nueva experiencia</h3>
<p>En el transcurso del desarrollo de un producto o sitio web, la organización comienza a acumular deudas en lo referido a tecnología y experiencia de usuario (UX en adelante). Esta deuda está compuesta de todas esas cosas que deberías haber hecho durante el inicio del proyecto pero que no pudiste resolver o tuviste que sacrificar en pos de que el producto fuese entregado a tiempo. Cada iteración subsecuente inevitablemente agrega más deuda a esa lista, hasta que se convierte tan larga que es prácticamente imposible de cumplir. Mientras que hay ciertas formas de abordar esta deuda de tecnología y UX en niveles incrementales, llega un punto en que el sitio web, en esencia, se satura. Como un auto que suma más valor en arreglos por daño que su valor real, tu sitio web llega al punto en que comenzar de nuevo sería más barato que arreglar todos los ítems en tu lista de deudas. Este es el tiempo perfecto para un rediseño.</p>
<p>Cuando la lista de deudas es tan larga, tomar el camino de &#8220;rediseños incrementales&#8221; es fácil, donde se abarcan varios de esos ítems pero no la mayoría. Esto puede ser desastroso, porque a medida que arreglas ítems de esa lista, se comienza a añadir más deuda en torno a otras características del sitio. Si la lista realmente es más larga que tu brazo, entonces replantea el sitio web, si es posible.</p>
<p><span class="mensaje">Con el nuevo sitio de Algo Amarillo quería que el usuario descubra todo de una vez y enfocarme en lo que era realmente necesario. Por ello separé esta sección del blog, con una estética similar pero un funcionamiento diferente y el resto del sitio mantiene una interfaz coherente, más directa. Más parecido a un sitio web y menos a un blog. Eso es lo que quería lograr&#8230;</span></p>
<h3>Simplemente luce viejo</h3>
<p>La estética del sitio web refleja directamente la percepción y confianza de tu marca. Aún si tu diseño era lo más vanguardista cuando recién fue lanzado, la estética evoluciona. Un diseño viejo va en detrimento de tu producto, liderando el factor de declive de los gráficos ya mencionados. ¿Cómo puedes saber si la estética de tu sitio web está desactualizada? Mira a tu competencia. Chequea servicios súper modernos y lanzados recientemente, aunque sea de otro rubro. Compara la estética de tu sitio con esas otras marcas que son exitosas. Estos factores proveen una excelente forma de medir la actualidad de tu diseño.</p>
<p>El desafío es revisar esos otros sitio web objetivamente. Si todos los días, todo el día, estás mirando tu sitio web, esto puede amplificar la idea de que ya no es algo fresco y actual. Para asegurar la eficacia de estas revisiones, asegurate de tomar una muestra de empleados de tu compañía para que hagan sus aportes. O amigos. O parientes. O incluso clientes de confianza.</p>
<p>En este caso el rediseño, básicamente, sería una refrescada, una actualización superficial de la capa de presentación que no se enfoca en mejorar el recorrido del sitio o la navegación, aunque estos aspectos, sin duda, se verán afectados por esta actualización estética.</p>
<h3>Pasaron más de doce meses desde el último retoque</h3>
<p>Incluso si ninguno de los indicadores anteriores se aplican a tu sitio, la vida útil de un diseño estético en la vida actual, altamente interactiva e hiperconectada que es internet, es raramente mayor que doce meses. Si hace más de un año que tu sitio fue rediseñado por última vez, quizás sea tiempo de pensarlo. No sólo refrescará la experiencia de tus clientes más leales, sino que atraerá a los nuevos. Además, reavivará tu marca y mostrará a tus usuarios, la prensa, los inversores y al staff que sigues comprometido por mantener la experiencia fresca y muy presente en la mente de todos.</p>
<p>De nuevo, el foco aquí está en las mejoras estéticas que mantienen a tu marca actual, pero no es necesariamente un replantemiento completo.</p>
<h3>En conclusión</h3>
<p>Estos son cinco sencillos indicadores de que es tiempo de rediseñar tu sitio web, pero la lista no es, ciertamente, tan exhaustiva. Dependiendo de la cantidad de estos ítems que se apliquen a tu situación, determinarán si el rediseño es necesario urgentemente o no. Pero cada indicador de por sí ya es una razón lo suficientemente fuerte para pasar a la siguiente etapa en la vida de tu sitio web. Mantener una cara actual y fresca en el mundo online ayudará a incrementar tus dividendos en adquisición de nuevos usuarios, conversiones y retención de los mismos. También, tu staff estará embebido en las últimas tecnologías, tendencias de diseño y capacidad de presentación de interfaz si saben que pronto, muy pronto, estarán sumergidos en el ejercicio de un rediseño.</p>
<p>¿Qué indicadores has encontrado que se aplican mejor a tu organización para llevar a cabo un rediseño de tu sitio web?</p>
<ul>
<li>Traducción libre del post &#8216;<a href="http://uxdesign.smashingmagazine.com/2011/12/08/clear-indications-time-to-redesign/" target="_blank">Clear Indications That It’s Time To Redesign</a>&#8216; del sitio web <a href="http://www.smashingmagazine.com/" target="_blank">SmashingMagazine</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/claras-indicaciones-de-que-tu-sitio-web-necesita-redisenio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nuevo clip</title>
		<link>http://algoamarillo.com.ar/algo-amarillo-clip/</link>
		<comments>http://algoamarillo.com.ar/algo-amarillo-clip/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 01:45:24 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio multimedia]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=2171</guid>
		<description><![CDATA[Este es el nuevo clip de Algo Amarillo para celebrar esta renovación de imagen, nuestro segundo aniversario y el comienzo de 2012, tan pronto a llegar...]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/32820491?title=0&amp;byline=0&amp;portrait=0&amp;color=fae017" width="610" height="343" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/algo-amarillo-clip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Posta Cultural</title>
		<link>http://algoamarillo.com.ar/posta-cultural/</link>
		<comments>http://algoamarillo.com.ar/posta-cultural/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 15:40:02 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio Web]]></category>
		<category><![CDATA[Algo Amarillo]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[profesional]]></category>
		<category><![CDATA[rediseño]]></category>
		<category><![CDATA[sitio web]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=1978</guid>
		<description><![CDATA[Es la primera Consultora Cultural Profesional de la zona. Se dedica al diseño, ejecución y evaluación de proyectos culturales y a la producción de eventos en el campo artístico-cultural.]]></description>
			<content:encoded><![CDATA[<p>Surgió como proyecto a mediados de 2010 y está a cargo de dos jóvenes villeguenses, Marianela Arfenoni y  Sofia Pontiggia, ambas sumamente preparadas en esta actividad y con muchos eventos a cuestas.</p>
<p>Desde su nacimiento, Posta Cultural se manejó con una comunicación sencilla y clara, basada en un blog gratuito. En 2011 decidieron que debían profesionalizar su sitio web para acompañar el crecimiento que tuvieron a lo largo de su primer año de vida como consultora.</p>
<p>Teniendo la identidad visual resuelta, con colores planos  -dos tonos de naranja y blanco- y una tipografía recta, con aristas curvas y un aire despojado y moderno, se decidió que todo el sitio girara en torno a esos elementos: el color y cajas de colores planos que anidaran los diversos elementos del sitio.</p>
<p>A medida que el proyecto fue madurando, resultó que, en líneas generales, resultaba <em>demasiado</em> plano. Les propuse incorporar elementos dibujados como fondo y decoración del pie de página, que tuvieran un cierto aire infantil, dibujado a mano suelta y que contrastara con las líneas rectas del resto del sitio.</p>
<p>El resultado quedó bastante bien. El dibujo fue realizado por quien escribe, sobre papel y escaneado para poder ser manipulado digitalmente. En el dibujo se incluyen elementos comunes a la cultura popular, como libros, cuadernos, cubiertas de discos, instrumentos musicales, juguetes, pelotas, notas musicales, etc.</p>
<p>Una barra lateral, de color gris claro, contiene algunos de los elementos que se encontraban en el blog, pero de modo más organizado. Allí se pueden leer notificaciones de emergencia o muy importantes, las participaciones de Posta Cultural en eventos o actividades que exceden a las gestionadas, acceso a la página de Facebook y al canal de Youtube. En un futuro se podrán ir agregando mayores funcionalidades.</p>
<p>Debido a la naturaleza libre del blog, en el que se van agregando posts que se organizan en el tiempo, el resultado puede ser bastante caótico. Es por esto que les propuse reducir la cantidad de información disponible apenas uno entra al sitio web.</p>
<p>En la página de inicio se pueden ver los eventos futuros, con una imagen ilustrativa y los datos más importantes. Por debajo, un listado de los 10 eventos más recientes. Haciendo clic en cualquiera de ellos, se abre una ficha del mismo, donde se amplia la información y se complementa con imágenes, audios, etc.</p>
<p>Las típicas secciones de todo sitio &#8211; Acerca de, Contacto, Enlaces, etc.- también se encuentran, anidadas en una barra de menús ubicada en la parte superior. Allí, escondida, se halla también la barra de búsqueda.</p>
<p>Todas las páginas del sitio pueden ser compartidas a través de Twitter, Facebook y Google+, sólo con hacer clic en los íconos adecuados. Una sección llamada Galerías anida, de forma organizada, galerías de fotos, videos, audios y la reseña de eventos que ya acontecieron.</p>
<p>El sitio fue lanzado a mediados de Noviembre y se encuentra en continuo desarrollo y crecimiento, por lo que es posible que esta reseña reciba actualizaciones muy pronto.</p>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/posta-cultural/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jobs busca nuevo trabajo</title>
		<link>http://algoamarillo.com.ar/jobs-busca-nuevo-trabajo/</link>
		<comments>http://algoamarillo.com.ar/jobs-busca-nuevo-trabajo/#comments</comments>
		<pubDate>Wed, 12 Oct 2011 20:34:36 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=2016</guid>
		<description><![CDATA[Steve Jobs, fallecido recientemente, fue el co-fundador y dos veces CEO de Apple. También fundó NeXT y fue socio mayoritario de Pixar Studios en sus comienzos. Incluso fue CEO de Disney durante un período. Visionario, emprendedor, obsesivo, carismático. Negar su legado sería un acto arrogante. Tanto como venerarlo en exceso. Como todo humano, sus defectos quizás sobrepasaron sus virtudes, pero sus aportes serán recordados.]]></description>
			<content:encoded><![CDATA[<p>Por todo internet se han visto miles de homenajes, resúmenes, especiales, notas, entrevistas y pensamientos escritos u orales de Steve Jobs. Hemos visto hasta el hartazgo el famoso video de Stanford en 2005. La misma foto en blanco y negro que figura en la página de inicio de Apple, la de su silueta recortada en la manzana y cientos de fotos de sus presentaciones (Keynotes)</p>
<p>Los medios, como casi siempre que sucede un hecho de esta naturaleza y escala, lograron sobrepasarnos. Y es entendible que a algunas personas, en especial aquellos que no usan productos de la marca o simplemente la odian, se hayan sentido agobiados de tantos homenajes de bajo presupuesto. Incluso se llega a entender los mensajes ofensivos, pretensiosos de cinismo, sarcasmo y brillo mental. Lo entiendo. Es parte del juego. Sobre todo cuando se vive en una sociedad dominada por la teoría del <em>blanco o negro</em>. A veces duele, porque se recurre a la mentira, la falsedad o la crudeza por contraste con tal de darle cierto aire de razón a las expresiones propias. Incluso se entiende el uso del humor negro. Yo mismo lo uso habitualmente. La mayoría de las veces sirve para descomprimir una situación incómoda, pero últimamente se usa para herir, para marcar la diferencia, para demostrar descontento con algo o alguien.</p>
<p>En estos mismos tiempos turbulentos de la Argentina, en la que todo el tiempo se cuestiona el discurso de los medios, políticos, empresas, artistas, dirigente, personas destacadas, incluso del vecino, y en los que se resguarda a la <em>libertad de expresión</em> como si fuese el tesoro sagrado, confiado a una orden reducida de sacerdotes como únicos protectores, se dice cualquier cosa. De cualquiera. Sin temor a equivocarse y sin tiempo a corregirlo. No hay costo. Y sin embargo tampoco hay premio.</p>
<p>Steve Jobs fue una personalidad polémica desde el momento en que comenzó Apple. Su socio fundador, Steve Wozniak, es Ingeniero y fue él quien realmente dio vida a la Apple I. Otro socio puso el capital (enorme para esa época) para hacer despegar el negocio de una vez por toda y salir del garaje de los padres de Jobs. Y entonces, ¿qué aportó el propio Steve Jobs a Apple?</p>
<p>Pues nada más y nada menos su facilidad para convencer al resto que vendían el mejor producto que se podía comprar. El más fácil de usar. El mejor diseñado. El apropiado para sus necesidades.</p>
<p>El carisma de Jobs era tan grande que, aún en sus peores épocas, lograba hipnotizar. Quizás era aquel maravilloso juego de palabras que destacaban los logros de sus productos. La descripción, a veces exagerada, de las posibilidad del software o el hardware que estaba presentando al mundo. Quizás se debía a las diapositivas con increíbles fotos, videos y gráficos que disponía en cada evento. Pero aún en una ocasión como la de la graduación de 2005 en Stanford, donde sólo era él ante los alumnos, Steve logró cautivar a todos.</p>
<p>Claro, en aquella oportunidad contó cuestiones de su vida privada (incluso aquellas que sucedieron antes que él naciera) que muy pocos conocían. También se valió, en esa oportunidad, de un recuento muy somero de los sucesos, pues en realidad no fue echado de Apple sólo porque sí, sino porque el fomento a la rivalidad interna entre equipos dentro de Apple se le estaba yendo de las manos a su CEO. Lo que se hizo, según se sabe, fue quitarle el poder de decisión dentro de Apple, pasando a ser, meramente, un empleado más. Luego de aguantar unos 4 o 5 meses en esa situación, decide renunciar.</p>
<p>Steve nunca nos contó todo lo que sabía de algunos hechos. Mucho menos de sus productos, pues se sabe que toda cosa en el mundo tiene sus pro y tiene sus contra. Pero él era un eximio vendedor, marketinero de la primera escuela. Sabía qué decir, cómo decirlo y sobre todo, sabía elegir muy bien a sus enemigos.</p>
<p>El aporte de Jobs, o de Apple en general, a la industria informática y electrónica es más amplio de que lo que muchos suponen y no quieren reconocer. Si Apple no hubiese <em>portado</em> la idea de la interfaz gráfica y el uso del ratón a una computadora hogareña, el desarrollo de Windows hubiese tomado años en ser lo que hoy es. Y quizás sería muy diferente.</p>
<p>Los reproductores portátil de música serían, quizás, de mala calidad, caros y diseño horrible. Los teléfonos inteligentes seguirían teniendo si o sí teclados QWERTY como tienen sólo algunos modelos de Blackberry y las PC seguirían siendo cajas de color beige. Quizás no. Nunca lo sabremos. Pero Apple ha logrado empujar los límites de la técnica, tecnología, concepto y diseño un poco más allá de los que nadie pensaba.</p>
<p>De ahora en más veremos si sólo Jobs era el impulsor de ese adelanto antológico o era sólo una pieza más del engranaje, reemplazable al fin. No veremos más a ese vendedor que, con palabras mágicas y mucho show nos presentaban esos productos que, a los que usamos Apple, nos sería <em>imprescindible</em> poseer. Pero su legado seguirá.</p>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/jobs-busca-nuevo-trabajo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sociedad Rural  Villegas</title>
		<link>http://algoamarillo.com.ar/sociedad-rural-del-partido-de-gral-villegas-web/</link>
		<comments>http://algoamarillo.com.ar/sociedad-rural-del-partido-de-gral-villegas-web/#comments</comments>
		<pubDate>Mon, 01 Aug 2011 17:21:17 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio Web]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[sitio web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=1691</guid>
		<description><![CDATA[La Sociedad Rural del Partido de General Villegas cuenta con nuevo sitio web. Allí se encuentran noticias gremiales e institucionales, servicios, notas de prensa, galerías de imágenes, etc]]></description>
			<content:encoded><![CDATA[<p>Cuando la Sociedad Rural de General Villegas me contactó para desarrollar el sitio de la ExpoRural General Villegas, comenzamos las charlas preliminares para desarrollar su propio sitio web.</p>
<p>Hasta el momento se manejaban con un blog, que aún sigue en funcionamiento, para comunicar de manera interna y a quienes conocieran dicho blog, de toda la información institucional.</p>
<p>Consideraron que era necesario tener un sitio web con mejor presencia, organizado, que respetara la identidad visual del organismo y que brindara a sus asociados y a cualquier visitante ocasional, una forma fácil y clara de encontrar la información requerida.</p>
<p>La imagen gráfica de la entidad es muy despojada, utilizando un sólo tipo de fuente tipográfica y los colores azul, verde y amarillo. El fondo blanco y el eventual uso de tonos muy claros de gris constituyen los elementos de la comunicación recurrente del organismo.</p>
<p>Teniendo eso como premisa y basándonos en una serie de sitios webs de entidades similares a lo largo de todo el país, decidimos que lo mejor sería dividir la página de inicio en cuatro columnas y desarrollar el contenido en sentido vertical.</p>
<p>Una franja horizontal, que ocupa toda la parte superior de la pantalla, muestra imágenes relacionadas con las actividades que dan sentido a la Sociedad Rural y, sobre estas, se lee el Nombre del sitio y el lema de la entidad.</p>
<p>Sobre la izquierda, apoyadas en una franja vertical de color blanco que se superpone a la cinta de imágenes, el logotipo, bien grande y claro, corona un menú reducido, con botones azules que, al hacer un clic sobre ellos, demuestras las opciones de los submenús. Estas son opciones o secciones de un tema global, de modo de reducir el ruido visual. Esto se llama, en inglés, <em>unclutter</em> (despejar)</p>
<p>Bajo la cinta horizontal de imágenes se cruza una banda amarilla con los logotipos de los sponsors del sitio web. Luego siguen dos columnas centrales, una con noticias generales relacionadas al agro y otra con noticias institucionales de la propia entidad.</p>
<p>Sobre la derecha se encuentra una barra con herramientas: afiches de eventos relacionados o promocionados por la Sociedad Rural, el clima en la zona, registros de lluvias, napias y datos de una estación meteorológica, el valor de divisas extranjeras y accesos a mercados y bolsas. En esta barra también se halla el acceso al aún activo blog de la entidad y banners ocasionales.</p>
<p>El resto del sitio repite los mismos lineamientos, pero en vez de 2 columnas centrales, sólo se encuentra una con el doble de ancho.</p>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/sociedad-rural-del-partido-de-gral-villegas-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Start Diet</title>
		<link>http://algoamarillo.com.ar/start-diet/</link>
		<comments>http://algoamarillo.com.ar/start-diet/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 23:20:40 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio gráfica]]></category>
		<category><![CDATA[cliente]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[isologotipo]]></category>
		<category><![CDATA[marca]]></category>
		<category><![CDATA[vinilo]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=1948</guid>
		<description><![CDATA[Un local de venta de alimentos sueltos y complementos nutricionales, más conocido como "dietética", abre sus puertas en General Villegas. Precisaban un logotipo jugado, fresco y llamativo. Creemos haberlo logrado. El resultado impacta por sus curvas y sencillez]]></description>
			<content:encoded><![CDATA[<p>Como los dueños de este nuevo emprendimiento es un matrimonio joven, se decidió por utilizar un lenguaje joven. El local y el rubro en  el que se circunscribe este tipo de locales limitaban demasiado, tanto por la formalidad del primero y las convenciones del segundo.</p>
<p>De esta forma quisimos dejar de lado todo lo que usualmente se asocia a una dietética, como hojas, flores, cereales, verdes amarillentos, etc. También se decidió no utilizarse un isotipo (símbolo), sino que la marca constaría solo del logotipo (nombre en letras).</p>
<p>Con una estética juvenil, tomada de los grafittis elaborados de la costa oeste de Estados Unidos, se garabateó lo que sería, prácticamente, la versión final del logotipo. Una vez aprobado, se procedió a dibujarlo en un programa de dibujo vectorial, aplicar una prueba de color y borde. A la vez, se planteó la versión negativa, que podrá ser utilizada en objetos oscuros o transparentes.</p>
<p>El cliente solicitó una versión horizontal del logotipo, en una sola línea. Es por ello que se adaptó la marca, con algunos cambios. Además de la dirección y alineación, se debieron eliminar las superposiciones y se corrigieron la perspectiva y volumen visual de las letras mayúsculas, para que conservara la apariencia de volumen aún siendo más largo.</p>
<p>Una vez convencidos de los resultados, se decidió una paleta de colores, que toma el naranja rojizo, casi un color lacre, y el blanco, para el logotipo.</p>
<p>Este color es acompañado de naranjas, amarillos y rojizos en composiciones como la que se planteó para la vidriera, en la que franjas de diversos tonos de naranja y amarillo forman una ola, tanto en el pie como en el encabezado de la vidriera. En el paño principal se aplicó el logotipo horizontal, que ocupa la mayor superficie posible. En la puerta se continúan las ondas de la parte superior, se repiten otras al pie del paño vidriado y se utiliza la versión compacta del logotipo en vinilo esmerilado.</p>
<div id="galeria">
<a title="Boceto original, elegido de entre varios." href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1966" title="Start" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-100x80.jpg" alt="" width="100" height="80" /></a><a title="El boceto se pasa a curvas y se propone un color" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1954" title="Start-Diet" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-100x80.jpg" alt="" width="100" height="80" /></a><a title="También se arma la versión negativa del logotipo" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-2.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1950" title="Start-Diet-2" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-2-100x80.jpg" alt="" width="100" height="80" /></a><a title="A pedido del cliente se desarrolla una versión horizontal y su correspondiente negativo" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-largo.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1953" title="Start-Diet-largo" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-largo-100x80.jpg" alt="" width="100" height="80" /></a><a title="El color es cambiado a un naranja rojizo oscuro" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-final-1.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1959" title="Start-Diet-final-1" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-final-1-100x80.jpg" alt="" width="100" height="80" /></a><a title="Y en la versión horizontal es aplicado el mismo concepto" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-final-2.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1951" title="Start-Diet-final-2" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/Start-Diet-final-2-100x80.jpg" alt="" width="100" height="80" /></a><a title="Propuesta para la vidriera, en proceso de producción" href="http://algoamarillo.com.ar/wp-content/uploads/2011/06/vidriera-StartDiet.jpg" rel="prettyPhoto[StartDiet]"><img class="alignleft size-thumbnail wp-image-1955" title="vidriera-StartDiet" src="http://algoamarillo.com.ar/wp-content/uploads/2011/06/vidriera-StartDiet-100x80.jpg" alt="" width="100" height="80" /></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/start-diet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Contacto Zonal</title>
		<link>http://algoamarillo.com.ar/contacto-zonal-web-rediseno/</link>
		<comments>http://algoamarillo.com.ar/contacto-zonal-web-rediseno/#comments</comments>
		<pubDate>Wed, 06 Apr 2011 03:44:49 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio Web]]></category>
		<category><![CDATA[cliente]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CZ]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[rediseño]]></category>
		<category><![CDATA[sitio web]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=1872</guid>
		<description><![CDATA[En coincidencia con el cuarto aniversario de la revista de avisos clasificados Contacto Zonal, se planteó un rediseño total del sitio con una premisa: facilidad de navegación y minimalismo. Lanzado en abril, el nuevo sitio reúne esos requisitos y nos invita a consultarlo]]></description>
			<content:encoded><![CDATA[<p>Siguiendo la línea estética de la revista tras su <a title="Contacto Zonal Revista (2010)" href="http://algoamarillo.com.ar/contacto-zonal-editorial/">renovación en enero de 2010</a>, a la que se intentó agregar mayor cantidad de espacios &#8220;blancos&#8221;, ligereza de las fuentes tipográficas y despojarla de adornos excesivos que dificultaran la lectura, el <a title="Contacto Zonal (WEB)" href="http://algoamarillo.com.ar/contacto-zonal-web/">sitio web</a> también fue actualizado en esa misma fecha, pero manteniendo la disposición y gran parte de su imagen gráfica.</p>
<p>Esta imagen ya tenía 3 años, desde el lanzamiento de la versión 2.0 del sitio, por lo que acarreaba algunos vicios y &#8220;parches&#8221; surgidos de la necesidad de agregar nuevas funciones a un diseño que había sido pensado para otro tipo de contenido.</p>
<p>El planteamiento del titular de Contacto Zonal fue claro: &#8220;Quiero un sitio despejado, con poco contenido, en el que resalten las publicidades y los avisos clasificados&#8221;.</p>
<p>Siguiendo esta premisa, se plantearon una serie de bosquejos en los que un elemento era el protagonista: el blanco. El blanco suele ser temido por su asimilación con el vacío, con el espacio desperdiciado, pero es sabido que un balance correcto de espacios en blanco hace que el contenido verdaderamente importante resalte y sea apreciado como es debido.</p>
<p>El blanco entonces, al contrario que en los diseños anteriores, sería el protagonista. Se usaron colores más oscuros solamente para el encabezado que, organizado de otra forma, ahora sólo aloja al isologotipo con su slogan, la caja de búsqueda y el menú típico de &#8220;Acerca de..&#8221; y &#8220;Contacto&#8221;. Luego se integrará una sección de ayuda con todas las FAQ&#8217;s que sean necesarias.</p>
<p>El encabezado da lugar a la botonera que, ahora, unifica en un sólo lugar a las secciones fijas y a las categorías de avisos clasificados, escondidas en un menú desplegable. De este modo, con esta economía de espacio y centrando todo el contenido en una sola barra, se deja espacio para lo que debe destacarse: el cuerpo del sitio, que aloja a los avisos individuales, listados, resultados de búsqueda, secciones fijas y por supuesto, los anunciantes publicitarios.</p>
<p>El otro gran reto, además de que los anuncios se destaquen por la simple ausencia de elementos distractorios, era priorizar a las publicidades de los anunciantes. Es por ello que se decidió brindarles un espacio destacado. Se normalizaron los tamaños y opciones, dejando un único tamaño cuadrado, sin animaciones. El nuevo tamaño, que equivale a 3 alturas del tamaño anterior, permite que todo el texto necesario quepa sin necesidad de animar placas que alternen información. La publicidad, ahora, funciona de forma similar a una publicidad impresa, con todo el contenido a la vista, de una sola vez y con un diseño más parecido al editorial que al web.</p>
<p>Estas publicidades, en vez de estar una debajo de la otra, en forma de listado, es presentada en forma de paneles deslizantes que alterna su contenido cada 5 segundos. Esta economía de espacio y un diseño más llamativo, hace que las publicidades se destaquen por sí mismas y no compitan entre sí, a la vez que se reduce el &#8220;ruido&#8221; visual que producen los banners extremadamente animados.</p>
<p>Las publicidades destacadas están vinculadas a un banner desplegable de mayor tamaño, en el que se pueden mostrar ofertas, explicar con más detalle el o los servicios o cualquier otra cuestión que el cliente considere necesario. También puede estar vinculado, en caso que exista, a la página web del comercio o profesional.</p>
<p>Una segunda tanda de publicidades se dará en otra instancia, en la que los anunciantes figuran como un listado en formato texto y que despliegan la misma publicidad que tienen en la revista impresa. Esta opción, más económica, tiene como finalidad que todos los anunciantes aparezcan en la web, aunque funciona como los usuarios destacados de la guía telefónica, en la que se resalta solamente el nombre del local comercial, sin diseño publicitario.</p>
<p>Otra novedad del nuevo diseño radica en la economía de espacio del listado, que muestra más avisos en menor desarrollo del largo de la página. Se eliminó la vista grilla de las categorías para permitir que el contenido sea visto por completo y se adecue en altura al espacio necesario.</p>
<p>También se agregó la posibilidad de compartir el contenido mediante las redes sociales Twitter y Facebook. Con sólo hacer clic en el ícono correspondiente, se abre una nueva ventana con el texto y vínculo listo para publicar (si el usuario ya ingresó). De esta forma, se puede compartir ofertar o avisos interesantes con sus usuarios amigos.</p>
<p>Al buscar un artículo, el título de la búsqueda indica lo que se ingresó en el buscador y la cantidad de resultados. También es destacado en la lista de resultados el criterio de búsqueda, de forma que sea más fácil de ubicar.</p>
<p>La última novedad radica en el rediseño de secciones como &#8220;Cine&#8221;, con un formato más limpio y prolijo. Pronto también se incorporarán las notas publicadas en la revista.</p>
<div id="galeria"><a title="Página de inicio. Se observa un diseño más sencillo, con colores claros y mucho espacio en blanco" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz01.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1879" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz01-100x80.jpg" alt="" width="100" height="80" /></a><a title="La nueva barra de enlaces oculta las categorías de los avisos en un menú desplegable" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz02.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1880" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz02-100x80.jpg" alt="" width="100" height="80" /></a><a title="Los últimos avisos destacados junto a una grilla de íconos de los anunciantes del sitio" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz03.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1881" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz03-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al hacer clic en el ícono (o un banner) del anunciante, se despliega un banner de mayor tamaño" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz04.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1882" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz04-100x80.jpg" alt="" width="100" height="80" /></a><a title="El aviso cuenta con el texto descriptivo, foto (si está disponible) y la opción de compartir en Twitter o Facebook" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz05.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1883" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz05-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al hacer clic en la foto del aviso, también se despliega a un tamaño mayor" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz06.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1884" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz06-100x80.jpg" alt="" width="100" height="80" /></a><a title="La vista listado es la única opción de visualización de las categorías de avisos" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz07.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1885" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz07-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al hacer clic en el ícono de Facebook, por ejemplo, se prepara el mensaje listo para publicar" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz08.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1886" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz08-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al hacer una búsqueda, el criterio de búsqueda figura en el título, junto a la cantidad de avisos encontrados y es resaltado en los avisos" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz09.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1887" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz09-100x80.jpg" alt="" width="100" height="80" /></a><a title="La sección de cine fue rediseñada, a modo de ficha y se podrá consultar ediciones anteriores" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz10.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1888" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz10-100x80.jpg" alt="" width="100" height="80" /></a><a title="Listado de profesionales" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz11.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1889" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz11-100x80.jpg" alt="" width="100" height="80" /></a><a title="Guía de Empresas y Servicios" href="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz12.jpg" rel="prettyPhoto [CZ nueva web]"><img class="alignleft size-thumbnail wp-image-1890" title="macbookpro" src="http://algoamarillo.com.ar/wp-content/uploads/2011/04/cz12-100x80.jpg" alt="" width="100" height="80" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/contacto-zonal-web-rediseno/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La era post-PC</title>
		<link>http://algoamarillo.com.ar/la-era-postpc/</link>
		<comments>http://algoamarillo.com.ar/la-era-postpc/#comments</comments>
		<pubDate>Sun, 13 Mar 2011 00:17:31 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[IPad]]></category>
		<category><![CDATA[Laptop]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[Stylus]]></category>
		<category><![CDATA[Tablet]]></category>
		<category><![CDATA[Tablet PC]]></category>
		<category><![CDATA[Táctil]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/el-mundo-post-pc/</guid>
		<description><![CDATA[Hace tiempo que se viene prediciendo el fin de la era de la PC. Y aunque han surgido varios tipos de pseudo PC's que intentaron destronar a la reina del hogar y oficina modernos, creo que hay una última chance de que la PC sea desterrada de nuestra vida. Y no, no me refiero a las netbooks, que siguen siendo PC's pero más pequeñas y con menos poder, sino de las tablets.]]></description>
			<content:encoded><![CDATA[<p>Hace unos años, quizás ya casi diez o muy cerca a eso, Bill Gates presentaba las Tablet PC&#8217;s, las computadoras del futuro que, desde esa fecha a 5 años, reemplazaría por completo a las computadoras de escritorio.</p>
<p>Por supuesto, la Tablet PC no reemplazó al típico y enorme gabinete escondido bajo la mesa, ni tampoco a las cada vez más populares laptops y netbooks, sino que ni siquiera lograron hacerse masivas. Principalmente por lo costoso del hardware, lo complicado de su desarrollo y el pobre rendimiento y adaptación de un sistema operativo que no estaba preparado ni concebido para ser utilizado completamente con un lápiz o con la mano.</p>
<p>La idea original, en realidad, era buena: unir en un sólo dispositivo una laptop y algo similar a una tableta tipo Palm Pilot. Bajo un uso normal, la Tablet PC se comportaba como una laptop normal, pero con solo girar la bisagra que unía la pantalla a la otra parte de la PC, se podía transformar en una tableta lista para ser usada con un stylus y escribir &#8220;a mano&#8221;.</p>
<p>Y entonces ¿cuál es el problema con este tipo de dispositivo? Pues son varios los factores que no confluyeron. Primero que nada, el diseño de la bisagra giratoria era adaptado por cada marca según su parecer o entendimiento. Este área es el talón de Aquiles, pues por la bisagra debe pasar la información que alimenta el panel LCD, la superficie táctil y el poder que alimentaba la retroiluminación de la pantalla.</p>
<p>Otra desventaja de este tipo de PC era el peso, ya que solían ser mas gruesas y pesadas que una laptop tradicional, pues la pantalla era mas gruesa, ya que ademas del panel LCD (en esa época los paneles LCD no usaban LED&#8217;s sino lámparas de mercurio, que le otorgaban mayor espesor y peso, ademas de mayor consumo eléctrico y calor) el marco de la pantalla incorporaba botones físicos que eran usados al estar en modo tableta.</p>
<p>La tercera pata del fracaso de este tipo de computadoras fue el software. Windows XP no estaba preparado para ser un sistema operativo táctil y la poca implementación se resumía a paneles de ingreso de datos con reconocimiento de la escritura a través del stylus, pero con escasa integración. Lo más usual es que el texto ingresado en ese panel debía ser copiado al portapapeles y pegado en la aplicaron que se estaba usando. Esta limitación, sumada a los fallos de seguridad, baja tasa de actualización de Windows XP (tres actualizaciones grandes en 10 años) y la propensión a ser atacado por virus, malware y gusanos, hicieron de este sistema operativo la peor opción posible.</p>
<p>Una segunda interacción de este tipo de computadoras se dio, años después, con los UMPC (Ultra Mobile PC) que se reducís a una pequeña pantalla con teclado partido, a ambos lados de la pantalla o botones de acceso. Otra vez se eligió Windows XP, pues Vista aún no había sido presentado y el sistema operativo móvil de Microsoft era Windows CE y su variante Windows Phone Edition (ahora llamado Windows Mobile) que no poseían ni la potencia ni el desarrollo que tienen los sistemas operativos móviles de la actualidad.</p>
<p>Hardware inadecuado, caro, aparatoso y otra vez un sistema operativo inadecuado sepultó, nuevamente, el sueño de la verdadera computación móvil.</p>
<p>Con la aparición del iPhone y la inauguración de la movilidad moderna (esos smartphones que son mas inteligentes que lo que eran antes), se vislumbró la movilidad real en cuanto a computación. A pesar de sus pequeña pantallas y sus muchas limitaciones, el iPhone y smartphones similares, habilitaron el consumo y la creación de contenido desde la palma de nuestras manos, a una escala jamás concebida.</p>
<p>El siguiente gran salto a la era post-PC se dio con la introducción del iPad. Si bien existieron intentos anteriores, como ya vimos, ninguno tuvo el éxito, adopción y por qué no decirlo, copia, que tuvo el iPad.</p>
<p>El iPad, presentado en 2010, copiaba lo mejor del iPhone pero a un tamaño mucho mayor. También, hay que decirlo, arrastraba sus defectos o puntos flojos, que son muchos. El sistema operativo que mueve al iPhone, el iPod Touch y el iPad se llama iOS y no es compatible con Flash, así que nada de jugar con aplicaciones web creadas con esa herramienta, ni ver vídeos presentados con ese reproductor.</p>
<p>Tampoco tenía modo de tomar contenido desde una tarjeta de memoria, pen drive o a través de Bluetooth, pues Apple considera que iTunes es la mejor opción para ordenar nuestro mundo multimedia y en iOS es la única forma de introducir contenido en estos dispositivos, aunque también de puede comprar o alquilar directamente desde iTunes Store.</p>
<p>El punto fuerte del iPhone, y por ende del iPad, son las aplicaciones creadas para esta plataforma. Miles de aplicaciones. Cientos de miles. Y muchas de ellas fueron adaptadas para hacer uso de la gran pantalla. Este post, para que tengan en cuenta, fue creado y editado completamente en un iPad. Y la verdad es que no fue ni más difícil ni llevó más tiempo que escribirlo desde una PC.</p>
<p>2011 será el año de las tablets, con nuevos jugadores que se suman a la ronda: HP y su TouchPad con webOS, Blackberry y su Playbook y Android con su versión Honeycomb para darle poder a muchas tablets de diversas marcas, lograrán que el sueño de la computación realmente portátil madure a un ritmo descomunal.</p>
<p>Apple inaugura, otra vez, un nuevo segmento. Innova, crea e inventa, pero es el aporte de muchos otros componentes, lo que logra que la experiencia sea cada vez más rica, más fácil de usar y, esperemos, cada vez más accesible a más y más personas.</p>
<p style="text-align: right;">Lucas Jaymez</p>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/la-era-postpc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>INTA Expone</title>
		<link>http://algoamarillo.com.ar/intaexpone/</link>
		<comments>http://algoamarillo.com.ar/intaexpone/#comments</comments>
		<pubDate>Thu, 10 Feb 2011 22:17:01 +0000</pubDate>
		<dc:creator>Algo Amarillo</dc:creator>
				<category><![CDATA[Portfolio Web]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[INTA]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[sitio web]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://algoamarillo.com.ar/?p=1806</guid>
		<description><![CDATA[Un nuevo proyecto de INTA que plantea nuevos desafíos. La web del INTA Expone 2011 supone el ingreso de muchas fuentes de información y diversos tipos de contenido, (noticias, documentos, videos, audios, imágenes, etc)]]></description>
			<content:encoded><![CDATA[<p>Si bien el sitio es muy complejo en cuanto a su estructura y a la cantidad de información disponible en él, el diseño debía ser sencillo y altamente visual, con una diagramación más bien tradicional, en la que en todo momento se pudiera ver una botonera desde la cual poder acceder a cualquier sección del sitio.</p>
<p>Ya con la gráfica de la muestra establecida y proveída en forma de archivos vectoriales e imágenes, se planteó un boceto que fue evolucionando, adquiriendo varias paletas cromáticas hasta quedar en una definitiva, a tono con los colores del isologotipo: verdes y azules.</p>
<p>La idea, desde un principio, era que la página inicial tenga un diseño propio y distinto al del resto del sitio, pero con elementos en común. De ese planteamiento surgió que el encabezado, en el que se muestra el isologotipo de la muestra, así como lugar y fecha en el que se realizará, una cuenta regresiva y algunas opciones de usuario, junto a la barra lateral y los logos al pie del sitio serían comunes a todas las páginas.</p>
<p>La gran diferencia en la página inicial se da gracias a un panel con noticias destacadas, de gran impacto visual por su tamaño. Estas noticas son mostradas en formato &#8220;slider&#8221; donde al hacer clic en las flechas indicadoras, se retrocede o avanza en la noticia que se muestra en primer plano.</p>
<p>El otro componente que se diferencia del resto es un panel con novedades, multimedia y galería de imágenes. Aquí se muestran sólo las últimas ingresadas. Por debajo de esto, un panel con videos, audios y galerías de imágenes destacadas. Este último se alimenta, no con los últimos ingresados, sino con los más importantes, elegidos &#8220;a mano&#8221;.</p>
<p>Elementos en común a todos los post, pese a su tamaño, categoría o ubicación, son la fecha, título, resumen, categorías a las que pertenecen, etiquetas, imagen y una barra de herramientas que muestra, a través de iconos sumamente gráficos, si el artículo contiene imágenes, audios, videos, adjuntos o comentarios.</p>
<p>Desde la barra lateral se puede acceder no sólo a las secciones fijas del sitio, sino a las categorías que agrupan artículos organizados por tópico. Por su puesto, existe un buscador de palabras acompañado de un filtrador, lo que permite ver artículos que cumplan con los criterios elegidos.</p>
<p>La integración con las redes sociales se da partir de paneles de Twitter y Facebook desde los cuales se muestran las personas que están afiliadas a dichas cuentas y, en el caso de Twitter, todos los twits que incluyan el hashtag #INTAExpone. De ese modo, la participación de los usuarios se entrelaza con los proveedores del contenido.</p>
<p>Una segunda instancia de participación se da con dos botones, ubicados al pie de todo artículo o página, desde el cual se puede actualizar el estado de Facebook con la página actual como enlace o publicar un twit con el título del artículo y el vínculo acortado listo para que cualquiera lo vea. De este modo, con sólo un clic, cualquiera puede mostrar al resto de los integrantes de su red social lo que está leyendo en ese mismo momento.</p>
<p>Artículos repletos de información, audios, videos, imágenes, posibilidad de comentar, participación de las redes sociales, versión para smartphones con navegador webkit (próximamente) y posibilidad de que los profesionales de INTA publiquen contenido desde sus smartphones directamente durante el desarrollo de la muestra, hacen de este sitio una gran experiencia para todos los profesionales relacionados con la agricultura.</p>
<div id="galeria">
<a title="Panel tipo &quot;slider&quot; de artículos destacados" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.00.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1841" title="2011-02-25-11.41.00" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.00-100x80.jpg" alt="" width="100" height="80" /></a><a title="Las últimas noticias, con resumen, etiquetas, categoría e imagen destacada" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.15.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1842" title="2011-02-25-11.41.15" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.15-100x80.jpg" alt="" width="100" height="80" /></a><a title="A la derecha, agenda de eventos con la posibilidad de suscribirse al calendario" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.42.54.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1845" title="2011-02-25-11.42.54" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.42.54-100x80.jpg" alt="" width="100" height="80" /></a><a title="Módulo de audios, videos e imágenes destacados" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.42.33.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1844" title="2011-02-25-11.42.33" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.42.33-100x80.jpg" alt="" width="100" height="80" /></a><a title="Pestaña &quot;Multimedia&quot; con los últimos audios y videos ingresados" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.31.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1843" title="2011-02-25-11.41.31" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.41.31-100x80.jpg" alt="" width="100" height="80" /></a><a title="Artículo. Reproductor de archivos mp3 integrado, resumen, cuerpo, título y barra de iconos indicadores" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.37.09.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1834" title="2011-02-25-11.37.09" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.37.09-100x80.jpg" alt="" width="100" height="80" /></a><a title="En la barra de la derecha, el buscador y filtrador de contenido" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.49.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1837" title="2011-02-25-11.39.49" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.49-100x80.jpg" alt="" width="100" height="80" /></a><a title="También en la barra de la derecha, los módulos de redes sociales Facebook y Twitter" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.36.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1836" title="2011-02-25-11.39.36" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.36-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al desplegar los items de la barra de la derecha, se ven las subcategorías que contienen" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.02.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1838" title="2011-02-25-11.40.02" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.02-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al hacer clic en una fotografía, se expande en una ventana modal, sin necesidad de cargar otra página." href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.23.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1835" title="2011-02-25-11.39.23" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.39.23-100x80.jpg" alt="" width="100" height="80" /></a><a title="Al pie de artículo se encuentran las etiquetas con las que fue marcado, botones para publicar en Twitter y Facebook y el panel de comentarios" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.42.jpg"><img class="alignleft size-thumbnail wp-image-1840" title="2011-02-25-11.40.42" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.42-100x80.jpg" alt="" width="100" height="80" /></a><a title="Las categorías audios y videos tienen un formato de cuadrícula, más acorde al contenido" href="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.19.jpg" rel="prettyPhoto[INTAExpone]"><img class="alignleft size-thumbnail wp-image-1839" title="2011-02-25-11.40.19" src="http://algoamarillo.com.ar/wp-content/uploads/2011/02/2011-02-25-11.40.19-100x80.jpg" alt="" width="100" height="80" /></a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://algoamarillo.com.ar/intaexpone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

