<?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>elBlëg - Interactividad, usabilidad y web &#187; Gráfica</title>
	<atom:link href="http://www.elbleg.com/category/grafica/feed" rel="self" type="application/rss+xml" />
	<link>http://www.elbleg.com</link>
	<description>Interactividad, usabilidad y web</description>
	<lastBuildDate>Thu, 19 Aug 2010 16:41:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 malentendidos sobre interacción y usabilidad</title>
		<link>http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html</link>
		<comments>http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html#comments</comments>
		<pubDate>Fri, 13 Jul 2007 03:48:42 +0000</pubDate>
		<dc:creator>Yëco</dc:creator>
				<category><![CDATA[Gráfica]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://eldomo.net/yeco_blog/archives/10-malentendidos-sobre-interaccion-y-usabilidad</guid>
		<description><![CDATA[La interacción persona-computadora es una disciplina relativamente joven. Por eso, es habitual que se generalice, se mezclen conceptos y se caiga en tópicos, falacias y malentendidos.
He aquí los diez más habituales.

1. Si diseño cosas usables, hago Diseño Centrado en el Usuario
(usabilidad ≠ DCU)
Pues no. El Diseño Centrado en el Usuario consiste en diseñar mediante metodologías [...]]]></description>
			<content:encoded><![CDATA[<p>La interacción persona-computadora es una disciplina relativamente joven. Por eso, es habitual que se generalice, se mezclen conceptos y se caiga en tópicos, falacias y malentendidos.</p>
<p>He aquí los diez más habituales.</p>
<p><span id="more-43"></span></p>
<h3>1. Si diseño cosas usables, hago Diseño Centrado en el Usuario</h3>
<p>(usabilidad ≠ DCU)</p>
<p>Pues no. El Diseño Centrado en el Usuario consiste en diseñar mediante metodologías que involucren activamente a usuarios reales y futuros en el proceso. Al principio, para investigar necesidades, características y limitaciones; y más tarde para evaluar directamente que el diseño se ajusta a sus requisitos de usabilidad, funcionalidad, etc.</p>
<p>Diseñar objetos usables es algo muy loable, pero NO ES necesariamente Diseño Centrado en el Usuario.</p>
<h3>2. Usabilidad es diseñar algo para que cualquiera pueda usarlo.</h3>
<p>(diseño universal ≠ usabilidad)</p>
<p>No es correcto. La usabilidad es la facilidad de uso que representa un objeto (sistema, interfaz…) para sus usuarios. Y estos no serán, muy probablemente, el mundo entero. Hay aplicaciones que van a ser usadas por un grupo de usuarios inmensamente amplio, y que necesitan de un enfoque universalista. Sin embargo, la mayoría de los sistemas interactivos se hacen para públicos muy específicos. Cuanto más adaptados estén a ellos (y por ende más desadaptados al resto), más usables serán.</p>
<h3>3. El diseño que se adapta a los estándares tecnológicos es diseño usable.</h3>
<p>(estándares ≠ usabilidad)</p>
<p>Falso. El diseño que se adapta a los estándares tecnológicos… se adapta a los estándares. Punto. Otra cosa es que se adapte a los usuarios (algo muy distinto). Podríamos diseñar algo que “validara” con los estándares de la W3C, los ISO o la Convención de Ginebra, y sin embargo podría ser la cosa más inútil e inusable del mundo. Si algo funciona como debe.. ¡a quién le importa la tecnología!</p>
<p>Evidentemente, que se adapte a los estándares tiene muchas ventajas en muchos aspectos, pero no es correcto asociar los estándares tecnológicos con la usabilidad.</p>
<h3>4. Un diseño usable suele ser conservador y poco innovador.</h3>
<p>(creatividad ≠ usabilidad)</p>
<p>Mentira. Para conseguir que algo se adapte al máximo a los usuarios hace falta tener buenas ideas, y a menudo inventar formas nuevas de hacer las cosas. Evidentemente, a veces la solución ya existe; y como es conocida, pues se adopta más fácilmente que la desconocida.</p>
<h3>5. Un diseño minimalista es un diseño usable.</h3>
<p>(minimalismo ≠ usabilidad)</p>
<p>Incorrecto. El minimalismo visual no tiene por qué ser sinónimo de usabilidad. De hecho, si el minimalismo afecta a aspectos necesarios de la interacción, el efecto puede ser catastrófico (elementos importantes con tamaños milimétricos). No debemos confundir el minimalismo con el deconstructivismo (eliminar todo lo superfluo), que sí es una aproximación válida a la usabilidad.</p>
<h3>6. Si diseño pensando en los usuarios, estoy haciendo diseño centrado en el usuario.</h3>
<p>(DCU ≠ diseño orientado al usuario)</p>
<p>Falso. Una cosa es el diseñar enfocado al usuario, y otra es la me-to-do-lo-gía de Diseño Centrado en el Usuario. Se pueden hacer cosas muy usables y muy adaptadas sin contar con usuarios reales en el proceso de diseño, pero no será DCU. ¿La diferencia? Pues que la metodología de DCU es más fiable, precisamente porque no basamos las decisiones en suposiciones, sino en hechos.</p>
<h3>7. La arquitectura de información es parte de la usabilidad.</h3>
<p>(AI ≠ usabilidad)</p>
<p>No. La arquitectura de información comprende una serie de técnicas para estructurar información a muy distintos niveles, pero su fin no es asegurar la facilidad de uso de un sistema, sino la recuperación eficiente de información.</p>
<p>Una buena arquitectura de información puede hacer que un sistema sea más usable cuando se trate de contenidos. Pero hay muchos otros sistemas interactivos que tienen poco que ver con la arquitectura de información y sí mucho con la usabilidad.</p>
<h3>8. Un diseño accesible es un diseño usable.</h3>
<p>(accesibilidad ≠ usabilidad)</p>
<p>Error. Un diseño accesible es aquel que no pone barreras de acceso a su público objetivo, lo cual no significa que ese diseño vaya a ser fácil de usar, sino que se PUEDE usar. Para más inri, a menudo se asocia accesibilidad con invidentes. En realidad, el publico objetivo al que se destinen ciertas medidas de accesibilidad pueden ser los invidentes, los sordos, los usuarios de PDA, los que navegan con Netscape, los que no tienen un plugin instalado… La accesibilidad tiene que ver con eliminar barreras, no con la facilidad de uso.</p>
<h3>9. Respetar los estándares tecnológicos garantiza un diseño accesible.</h3>
<p>(estándares ≠ accesibilidad)</p>
<p>Tampoco. Respetar los estándares puede ayudar mucho a que un diseño sea accesible, pero hay muchos elementos de accesibilidad que no son sólo tecnológicos. La forma en que una persona sorda procesa la información textual (palabras como signos) no tiene nada que ver con que valide o no. La forma en que interpretará ciertos gráficos una persona con deficiencias de percepción del color no tiene que ver con la versión de su navegador, etc.</p>
<p>Respetar los estándares asegura cierta accesibilidad en aspectos de formato, pero no elimina barreras cognitivas.</p>
<h3>10. La estética juega en contra de la usabilidad.</h3>
<p>(estética vs. usabilidad)</p>
<p>¡MENTIRAAAA!. La estética no sólo no va en detrimento de la usabilidad sino que puede jugar a su favor, incrementando su percepción. Un buen ejemplo es el experimento de los cajeros, donde se demuestra que un cajero automático con una estética cuidada se percibe como más usable que otro con la estética más descuidada pero que objetivamente es más fácil de usar.</p>
<p>Otra cosa muy distinta es el styling, la ornamentación. El styling SÍ es añadir elementos superfluos. Y esos elementos a menudo van en detrimento de la usabilidad. Pero la estética no. La estética es una necesidad del hombre.</p>
<p>Gracias a <a href="http://www.terremoto.net/x/archivos/000060.html" title="10 malentendidos sobre interacción persona-ordenador.">Javier Cañada</a> por este grandioso artículo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MySpace: una leccion para los diseñadores?</title>
		<link>http://www.elbleg.com/grafica/myspace-una-leccion-para-los-disenadores.html</link>
		<comments>http://www.elbleg.com/grafica/myspace-una-leccion-para-los-disenadores.html#comments</comments>
		<pubDate>Mon, 25 Jun 2007 02:54:45 +0000</pubDate>
		<dc:creator>Yëco</dc:creator>
				<category><![CDATA[Gráfica]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://eldomo.net/yeco_blog/archives/myspace-una-leccion-para-los-disenadores</guid>
		<description><![CDATA[MySpace es tan acogedor para sus usuarios, como espantoso a los ojos de cualquier diseñador gráfico. Esta separación muestra que los diseñadores necesitamos recorrer un largo camino para entender al público al que debemos dirigirnos.

Joshua Porter, de User Interface Engineering, dispara el tema en un artículo del que traduzco algunos párrafos:
No me sorprende que cada [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>MySpace es tan acogedor para sus usuarios, como espantoso a los ojos de cualquier diseñador gráfico. Esta separación muestra que los diseñadores necesitamos recorrer un largo camino para entender al público al que debemos dirigirnos.</p></blockquote>
<p><span id="more-38"></span></p>
<p>Joshua Porter, de User Interface Engineering, dispara el tema en un <a target="_blank" href="http://www.uie.com/brainsparks/2007/04/13/why-myspace-is-good-for-design/">artículo</a> del que traduzco algunos párrafos:</p>
<div class="note">No me sorprende que cada vez que [los diseñadores] hablamos de MySpace, se producen discusiones muy apasionadas. (…) No podemos imaginar que surja valor de algo tan espantoso, así que tenemos que preguntarle a los verdaderos usuarios de MySpace porqué están tan conectados con el sitio. (…) Las conversaciones que hemos tenido con usuarios de MySpace han cambiado realmente la forma en la que pensamos acerca del diseño… así como toda la propuesta de valores del software social.</p>
<p>Por esa razón, los etnógrafos y analistas de usabilidad, que estudian el verdadero comportamiento de la gente, están fascinados con MySpace. Es como estudiar una civilización extraterrestre. El sitio rompe todas las reglas. Nuestras nociones del diseño simplemente no aplican. Es realmente otro mundo.</p>
<p>¡Eso es bueno! La frustración que sentimos cuando miramos MySpace es un catalizador para evaluar nuestras propias prácticas de diseño. ¿Estamos haciendo demasiadas suposiciones basadas en como nos sentimos personalmente? ¿Estamos en sintonía con la gente para la que diseñamos? ¿Estamos demasiado enfocados en aspectos visuales, y no lo suficiente en otras maneras de aportar valor? ¿No estamos apuntando a la gente correcta? Las cuestiones que MySpace nos fuerza a plantear son valiosas, nos iluminan, y son siempre fruto de controversia.</p></div>
<h3>¿Con qué cubierto se come esto?</h3>
<p>En mi opinión, lo que MySpace nos puede enseñar a los diseñadores, es que el diseño interactivo sofisticado, es un contrasentido. La sofisticación hace que la mayoría de la gente se sienta incómoda, y excluida de la interacción.</p>
<p>Conozco muchos diseñadores que guardan en sus favoritos una gran cantidad de sitios sofisticados para inspiración. Pero rara vez vuelven a visitar, por interés personal y no profesional, un sitio &#8220;sofisticado&#8221; con el que se toparon por accidente. Sus experiencias como diseñadores, son distintas de sus propias experiencias como usuarios.</p>
<p>Es como ir a comer… resulta agradable, una vez cada tanto, ir a un lugar especial. Pero la mayor parte de nuestros días, terminamos en bodegones, comederos y lugares como McDonald&#8217;s, ¡en donde a nadie le importa si estamos usando el tenedor correcto!</p>
<h3>Lo que excluye y lo que aporta valor</h3>
<p>El problema de la dificultad de acceso a la información, llevó a la creación de <a target="_blank" href="http://en.wikipedia.org/wiki/Readability_test">indicadores para estimar, de manera mecánica, qué tan legible y accesible resulta un texto</a>. En diseño gráfico, hay pocos marcos de referencia para entender este problema… y la mayoría de los diseñadores ignora que existen.</p>
<p>MySpace es como un bar en donde la música te patea la cabeza y el estómago, los tragos son tóxicos y salen carísimo, los baños son un asco, y de las tuberías sólo sale agua hirviendo. Pero está lleno con gente que está de fiesta y si querés bailar o charlar un rato, ese es tu lugar. Lo demás es secundario.</p>
<p>Por otra parte, los usuarios de MySpace no están diseñando, sino expresándose. Llenan su páginas no sólo con lo que quieren mostrar a los demás, sino con lo que les divierte meter ahí. En ese sentido, MySpace es como PowerPoint, pero en ácido: &#8220;¡Eh, metí 100 mp3 en mi página sonando al mismo tiempo! ¡Nadie se atrevió a tanto! ¡Soy un campeón!&#8221;</p>
<p>Edward Tufte enseña que &#8220;<em>en diseño, menos es más; en información, menos es aburrimiento</em>&#8220;. Los usuarios de MySpace no suelen distinguir entre información y decoración… de allí que los elementos visuales no sean vehículos de contenido, sino un valor en sí mismo, resultando en el alegre aquelarre al que someten a quien visita su página.</p>
<h3>Conclusión</h3>
<p>Hay cientos de sitios sociales como MySpace (como Orkut, el primero que compró Google). MySpace no debe su éxito, particularmente, a ser más lindo o más feo que los demás, sino a otras cuestiones, incluyendo la suerte y la oportunidad. Esto es, no puede extraerse de su diseño, o falta de éste, una &#8220;fórmula para el éxito&#8221;… pero sí tomarlo como otro caso más que muestra que los sitios que logran hacerse populares (como Yahoo!, Google, eBay), rara vez toman partido por la sofisticación.</p>
<p>Por Santiago Bustelo (<a target="_blank" href="http://www.bustelo.com.ar">http://www.bustelo.com.ar</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elbleg.com/grafica/myspace-una-leccion-para-los-disenadores.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Software de información y la interface gráfica</title>
		<link>http://www.elbleg.com/actionscript/software-de-informacion-y-la-interface-grafica.html</link>
		<comments>http://www.elbleg.com/actionscript/software-de-informacion-y-la-interface-grafica.html#comments</comments>
		<pubDate>Thu, 14 Jun 2007 20:51:45 +0000</pubDate>
		<dc:creator>Yëco</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Gráfica]]></category>

		<guid isPermaLink="false">http://eldomo.net/yeco_blog/otros/software-de-informacion-y-la-interface-grafica/</guid>
		<description><![CDATA[
Bret Victor de WorryDream publicó recientemente un documento llamado Magic Ink: Information Software and the Graphical Interface en el que muestra de un modo bastante claro y con ejemplos una perspectiva diferente del diseño de interfaces y su aplicación a productos de información.
Muy bueno
]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.elbleg.com/wp-content/uploads/2007/06/information_model.jpg' alt='information_model.jpg' width="380" /></p>
<p>Bret Victor de WorryDream publicó recientemente un documento llamado <em><a target="_blank" href="http://worrydream.com/MagicInk/">Magic Ink: Information Software and the Graphical Interface</a></em> en el que muestra de un modo bastante claro y con ejemplos una perspectiva diferente del diseño de interfaces y su aplicación a productos de información.</p>
<p>Muy bueno</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elbleg.com/actionscript/software-de-informacion-y-la-interface-grafica.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Para cuál browser diseñar?</title>
		<link>http://www.elbleg.com/grafica/%c2%bfpara-cual-browser-disenar.html</link>
		<comments>http://www.elbleg.com/grafica/%c2%bfpara-cual-browser-disenar.html#comments</comments>
		<pubDate>Sat, 12 May 2007 01:23:34 +0000</pubDate>
		<dc:creator>Yëco</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Gráfica]]></category>

		<guid isPermaLink="false">http://eldomo.net/yeco_blog/?p=3</guid>
		<description><![CDATA[Estoy seguro, de que esta pregunta se la han hecho muchos diseñadores y desarrolladores de sitios web últimamente. La respuesta lógica indicaría que tomemos el camino de presentar un sitio que se “vea bien” en el navegador más utilizado, es decir, Internet Explorer de Microsoft.
Según los reportes más recientes de Market Share, este browser tiene [...]]]></description>
			<content:encoded><![CDATA[<p>Estoy seguro, de que esta pregunta se la han hecho muchos diseñadores y desarrolladores de sitios web últimamente. La respuesta lógica indicaría que tomemos el camino de presentar un sitio que se “vea bien” en el navegador más utilizado, es decir, <a target=_blank href="http://www.microsoft.com/windows/ie/default.mspx?mg_ID=10010">Internet Explorer de Microsoft.</a></p>
<p>Según los reportes más recientes de Market Share, este browser tiene el <strong>80.56%</strong> del mercado cubierto (aunque nos duela a los que intentamos evitar a toda costa este terriblemente mal concebido pedazo de software de MS).</p>
<p>Estas estadísticas (11/06) indican lo siguiente:</p>
<ul>
<li>Internet Explorer: 80.56%</li>
<li>Firefox: 13.50%</li>
<li>Safari: 4.03%</li>
</ul>
<p>Entonces, ¿por qué es aconsejable NO diseñar y desarrollar para Internet Explorer? <span id="more-7"></span>En principio la respuesta es sencilla… el IE no sirve para nada! Pero bueno, esa respuesta va a satisfacer a la mayoría de personas que sí lo usan y que son aparentemente felices usándolo.</p>
<p>La respuesta más elaborada nos lleva a una investigación más profunda del por qué es preferible realizar el diseño y desarrollo de un sitio en <strong>CSS</strong>, que sea estructuralmente compatible con los estándares de codificación y diseño propuestos por la <strong>W3C</strong>.</p>
<p>Para poder diseñar basado en esos estándares, nuestro navegador debería respetarlos, sino los resultados (visuales) comparativos entre navegadores serán poco menos que un desastre. En este campo, Mozilla Firefox será nuestra elección, ya que fue concebido para respetar estos estándares. Si algo se ve mal, es porque lo diseñaste mal. Y viceversa.</p>
<p>Adicionalmente, es conocido que es un navegador más seguro, y con menos posibilidades de dar cabida a virus y demás ataques cibernéticos. Como desventaja, sabemos que el Firefox gusta mucho de atragantarse de con nuestra memoria RAM disponible (este gráfico muestra mi Firefox con 6 tabs abiertos).</p>
<p><img src='http://www.elbleg.com/wp-content/uploads/2007/05/memoryff.gif' alt='MemoryFF' width="380"/></p>
<p>Pero, ¿qué está haciendo MS para no seguir perdiendo terreno en el campo de los browsers? La tan esperada, retrasada, especulada llegada del IE versión 7, debería ser la respuesta directa a todos los problemas de seguridad, compatibilidad, estándares y demás penas que lo aquejan desde siempre.</p>
<p>Qué creen, ¿MS la libró? Estuvo cerca, pero los expertos opinan que el IE7 aun no es el navegador que todos esperábamos, ni logra comparar la calidad del Firefox. Sin embargo, a su favor podemos decir, que ha logrado una mejoría notable en la manera en la que renderiza el CSS, mostrando así los sitios con estándares como deben ser… bueno, casi.</p>
<p>Por cierto, haciendo un paréntesis, si no están preparados para actualizar su IE6, <a target=_blank href="http://blogs.zdnet.com/Bott/?p=103">existe una herramienta para evitar que el IE7 se instale</a> automáticamente con el “Automatic Update” de Windows.</p>
<p>En todo caso, estas mejoras son buenas para todos, porque así en un futuro (cuando ojalá deje de existir el IE), tendremos una preocupación menos, al poder diseñar con estándares y demás, sin pensar en “cómo hacer que se vea igual en Internet Explorer” u otros browsers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.elbleg.com/grafica/%c2%bfpara-cual-browser-disenar.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
