<?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>Marcelo Pascual &#187; usabilidad</title>
	<atom:link href="http://www.marcelopascual.com.ar/tag/usabilidad/feed" rel="self" type="application/rss+xml" />
	<link>http://www.marcelopascual.com.ar</link>
	<description>Desarrollo web, marketing, e-commerce...</description>
	<lastBuildDate>Fri, 12 Nov 2010 20:59:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Porqué no deberías usar Flash</title>
		<link>http://www.marcelopascual.com.ar/2010/01/porque-no-deberias-usar-flash</link>
		<comments>http://www.marcelopascual.com.ar/2010/01/porque-no-deberias-usar-flash#comments</comments>
		<pubDate>Fri, 29 Jan 2010 21:03:48 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.marcelopascual.com.ar/?p=105</guid>
		<description><![CDATA[En el mundo del desarrollo web, es muy común que nuestros clientes lleguen con la necesidad (innegociable) de tener su sitio web diseñado en Flash. En ese momento, y si da al caso, nos ponemos a explicarles porqué no conviene diseñarlo con esa tecnología, sus ventajas y desventajas. Es interesante como (casi) todos terminan entiendiendo [...]]]></description>
			<content:encoded><![CDATA[<p>En el mundo del <strong>desarrollo web</strong>, es muy común que nuestros clientes lleguen con la necesidad (innegociable) de tener su sitio web diseñado en <strong>Flash</strong>. En ese momento, y si da al caso, nos ponemos a explicarles porqué no conviene diseñarlo con esa tecnología, sus ventajas y desventajas.</p>
<p>Es interesante como (casi) todos terminan entiendiendo que un sitio Flash no es la solución, y aceptan que desconocían las desventajas de hacerlo de esa manera y las distintas alternativas que existen al momento de desarrollar un sitio web.</p>
<p>Es por ello, a servicio tanto de clientes como de desarrolladores web, creé esta lista de <strong>&#8220;Porqué no se debería utilizar Flash para diseñar un sitio web&#8221;</strong>.</p>
<h3><span id="more-105"></span>Atenta contra usabilidad del sitio.</h3>
<p>Tal vez esta sea una de las mayores contras de utilizar Flash.</p>
<p>Cuando estamos navegando un sitio web realizado en (x)HTML y llegamos a una página que no nos interesa, simplemente pulsamos el botón &#8220;Atrás&#8221; de nuestro navegador y volvemos al contenido anterior. Lo mismo sucede con la dirección URL de la misma: si es de nuestro interés, podemos agregarla a nuestros favoritos o enviarla por mail a un amigo.</p>
<p>En estos casos, <strong>usabilidad</strong> sería poder utilizar las herramientas que nos brinda el explorador para hacer de nuestra de navegación una experiencia agradable.</p>
<p>Bueno, olvídensen de poder realizar esto con Flash, ya que (en la mayoría de los casos) toda la navegación se realiza dentro de un mismo archivo SWF. Entonces, cuando hacemos clic en &#8220;Atrás&#8221;, en realidad no estamos yendo al contenido Flash anterior, sino a la URL anterior. De esta manera, se pierde toda posibildad de poder referenciar a un contenido en particular dentro del sitio.</p>
<h3>No es leído por los robots de los buscadores. La exposición del sitio en buscadores es pobre.</h3>
<p>Si bien es cierto que se han realizado avances en materia de lectura e indexación de archivos SWF por parte de los robots de los buscadores, dichos avances nunca podrán asimilar la capacidad <strong>semántica</strong> que podemos brindar con (x)HTML.</p>
<p>En el código (x)HTML, utilizamos distintos <strong>tags</strong> para indicar (a los buscadores, al navegador y al usuario) qué contenidos son importantes, cuáles relevantes, qué hace referencia a otros sitios, qué es una imagen, qué es un título, etc. Con la próxima llegada del <a href="http://es.wikipedia.org/wiki/HTML_5"><strong>HTML5</strong></a>, esto se potencia aún más.</p>
<p>Bueno, esto no se puede realizar con Flash. Debido a que es un código cerrado y carece de semántica, los robots de los buscadores no pueden interpretar el contenido del sitio con la riqueza que lo harían con los (x)HTML.</p>
<p>Esto se traduce a que el sitio en Flash rankeará (dejando de lado otras variables) peor que su gemelo realizado en HTML, generando un volumen menor de visitas.</p>
<p>Si a esto le sumamos que otros sitios de Internet no podrán referenciar directamente a contenidos que están dentro del archivo SWF (no los podrán linkear, ver punto sobre la usabilidad), la posibilidad del sitio en Flash de lograr un buen posicionamiento es mucho menor.</p>
<h3>Es un software propietario</h3>
<p>Otra desventaja de utilizar Flash es que no es un software de código abierto, tales como (x)HTML, CSS y JavaScript. Para generar un <strong>archivo SWF</strong> (el Flash que finalmente veremos en nuestro navegador) debemos utilizar, en la mayoría de los casos, el software <strong>Adobe Flash</strong>. El archivo SWF generado es inmodificable, para realizar cambios debemos contar con el <strong>archivo FLA</strong> original. Muchas veces, éstos quedan en el poder de los diseñadores, y muchas otras veces se terminan perdiendo (ya que no es necesario subirlos con el sitio, y luego desaparecen con alguna formateada).</p>
<p>En cambio, con <strong>(x)HTML</strong>, <strong>CSS</strong> y <strong>JavaScript</strong> no precisamos de ningún programa (si nos damos maña, podemos resolver todo con un Notepad), y todos los archivos son modificables. Esto implica que es más sencillo realizar mantenimiento del código, actualizaciones, etc.</p>
<p>Además, con Flash estamos obligando al usuario a tener instalado el Plugin necesario para reproducir este tipo de archivos. Esto no sucede con (x)HTML, Javascript y CSS, que son nativos en cualquier navegador.</p>
<h3>Requiere mayores tiempos de carga y el usuario debe instalar un plugin</h3>
<p>Otra desventaja más es que los archivos SWF son más pesados que sus primos (x)HTML (con imágenes y todo). Esto implica que el usuario tiene que <strong>esperar</strong> hasta que la película SWF se termine de descargar para poder visualizar el sitio, y es bien sabido que <em>&#8220;tiempo de atención&#8221;</em> no es algo que sobre en Internet.</p>
<p>Los usuarios abren, cierran y visualizan páginas de Internet en segundos. Hay millones de sitios dando vuelta. Si el usuario ve que tiene que esperar más de 10 segundos para poder visualizar un contenido, lo más probable es que abandone dicho sitio y se vaya al sitio de la competencia (que no está a una cuadra de distancia, <strong>está a solo un clic de distancia</strong>).</p>
<p>La atención y el tiempo disponible son muy fugaces. Entonces, ¿por qué abusar de la paciencia del usuario? Si queremos captar su atención e interés (<strong>AIDA</strong>, para los publicistas), ¿es una buena estrategia que tenga que esperar para ver el contenido?</p>
<p>Además, no nos olvidemos que, para poder visualizar un archivo SWF, el usuario debe tener instalado y actualizado el Flash Player (para cada navegador que utilice). Es decir, otra molestia más.</p>
<h3>Muchas animaciones se pueden lograr sin problemas con (x)HTML, CSS y Javascript</h3>
<p>Por último, muchos de los motivos utilizados por los diseñadores Flash es que con (x)HTML, CSS y JavaScript no se pueden realizar animaciones.</p>
<p>Puede que haya sido cierto hace un par de años: las páginas web eran muy estáticas y la única forma de mover el elemento &#8220;X&#8221; de A a B era con Flash. Actualmente, se han realizado muchos avances con JavaScript y se han escrito muchas librerías (<strong>jQuery</strong>, MooTools, etc) de código abierto que permiten hacer maravillas con (x)HTML.</p>
<p>La mayoría de las animaciones que hoy vemos en sitios Flash se pueden realizar sin problemas, con menor carga y de manera más eficiente, con (x)HTML, Javascript y CSS. Además, con la próxima introducción de HTML5 y CSS3, las posibilidad se extienden mucho más.</p>
<p>Así que ya saben, si un diseñador les ofrece como única alternativa un sitio en Flash, ¡cuidado! Es muy probable que dicha persona no se haya podido actualizar y desconozca las ventajas de realizar el sitio con (x)HTML, CSS y Javascript.</p>
<div class="shr-publisher-105"></div>]]></content:encoded>
			<wfw:commentRss>http://www.marcelopascual.com.ar/2010/01/porque-no-deberias-usar-flash/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Keep it simple, stupid</title>
		<link>http://www.marcelopascual.com.ar/2010/01/keep-it-simple-stupid</link>
		<comments>http://www.marcelopascual.com.ar/2010/01/keep-it-simple-stupid#comments</comments>
		<pubDate>Wed, 20 Jan 2010 02:43:01 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[kiss]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.marcelopascual.com.ar/?p=101</guid>
		<description><![CDATA[Así de simple: KISS Extraído de ElBlazer]]></description>
			<content:encoded><![CDATA[<p>Así de simple: <strong>KISS</strong></p>
<p><img class="alignnone size-full wp-image-102" title="keep_it_simple_stupid" src="http://www.marcelopascual.com.ar/wp-content/uploads/2010/01/keep_it_simple_stupid.jpg" alt="keep_it_simple_stupid" /></p>
<p>Extraído de <a href="http://www.elblazer.com.ar/2010/01/simple/">ElBlazer</a></p>
<div class="shr-publisher-101"></div>]]></content:encoded>
			<wfw:commentRss>http://www.marcelopascual.com.ar/2010/01/keep-it-simple-stupid/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La gente no lee, ¿o sí?</title>
		<link>http://www.marcelopascual.com.ar/2010/01/la-gente-no-lee-%c2%bfo-si</link>
		<comments>http://www.marcelopascual.com.ar/2010/01/la-gente-no-lee-%c2%bfo-si#comments</comments>
		<pubDate>Wed, 06 Jan 2010 20:58:04 +0000</pubDate>
		<dc:creator>Marcelo</dc:creator>
				<category><![CDATA[Desarrollo Web]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://www.marcelopascual.com.ar/?p=99</guid>
		<description><![CDATA[&#8220;La gente no lee&#8221;. Es la típica excusa para no desarrollar manuales, secciones de ayuda, faqs, etc. Una empresa de hosting con la que colaboro, tiene incompleta la sección de ayuda del sitio web. Les pregunté porqué no la completan, se podrían ahorrar muchas horas de soporte. La respuesta fue: &#8220;Por más que la completemos [...]]]></description>
			<content:encoded><![CDATA[<p><strong>&#8220;La gente no lee&#8221;</strong>. Es la típica excusa para no desarrollar manuales, secciones de ayuda, faqs, etc.</p>
<p>Una empresa de hosting con la que colaboro, tiene incompleta la sección de ayuda del sitio web. Les pregunté porqué no la completan, se podrían ahorrar muchas horas de soporte. La respuesta fue: <em>&#8220;Por más que la completemos la gente no la va a leer y va a terminar llamando igual&#8221;</em>.</p>
<p>OK, es verdad que los usuarios no son muy &#8220;amistosos&#8221; con la idea de leer. El tiempo en Internet es veloz, tenemos mucha información para leer y procesar, y no dan los tiempos para ponerse a interpretar un extenso archivo sobre cómo configurar el mail, si hay un número de teléfono al cuál llamar.</p>
<p>Pero mi pregunta es: <strong>¿la gente realmente no lee, o estamos haciendo las cosas mal?</strong></p>
<p><span id="more-99"></span>Por ejemplo, los clientes de esta empresa de hosting reciben, al momento de darse de alta, un detalladísimo mail con todas las configuraciones que precisan. Si leyeran detenidamente eso, prácticamente podrían prescindir del servico técnico de la empresa. Pero dicho e-mail tiene varios errores:</p>
<ul>
<li>No tiene diseño, es casi texto plano.</li>
<li>No hay índices ni se explica, al principio del mail, que contenidos encontrarán en él</li>
<li>No hay títulos visibles</li>
</ul>
<p>El mundo de la publicidad nos ha enseñado valiosas lecciones sobre diseño y redacción si queremos captar la atención del target. ¿Por qué no las ponemos en práctica?</p>
<p>Eso, amigos, es parte de la usabilidad. La web es un soporte más, y como tal, hay ciertas reglas que no podemos obviar:</p>
<ul>
<li>KISS (keep it simple, stupid). Esto es infaltable. <em><strong>Lo quiero sencillo</strong></em>.</li>
<li>Colores y diseños user-friendly. <em><strong>Lo quiero lindo</strong></em>.</li>
<li>Índices o menúes de navegación y títulos explicativos. <em><strong>Lo quiero rápido</strong></em>.</li>
<li>Información organizada de manera sencilla y entendible. <em><strong>Lo quiero sin complicaciones</strong></em>.</li>
</ul>
<p>En otras palabras, creo que depende de nosotros motivar a los usuarios.</p>
<div class="shr-publisher-99"></div>]]></content:encoded>
			<wfw:commentRss>http://www.marcelopascual.com.ar/2010/01/la-gente-no-lee-%c2%bfo-si/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

