elBlëg - Interactividad, usabilidad y web » SEO http://www.elbleg.com Interactividad, usabilidad y web Thu, 19 Aug 2010 16:41:54 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Flash, Accesibilidad y SEO http://www.elbleg.com/web-dev/javascript/flash-accesibilidad-y-seo.html http://www.elbleg.com/web-dev/javascript/flash-accesibilidad-y-seo.html#comments Thu, 06 Mar 2008 01:09:14 +0000 Yëco http://eldomo.net/yeco_blog/archives/flash-accesibilidad-y-seo Cuando vemos un site creado en flash, de inmediato cuestionamos su efectividad en asuntos de accesibilidad, nos preocupa si un usuario no tiene el flash player, y sí, ya sé que el 98% de las personas con un computador con internet lo tienen, pero… qué pasa con los navegadores mobiles?… y no me refiero a los antiguos navegadores WAP, tomemos por ejemplo el iPhone, no existe flash para iPhone.

Otra preocupación fuerte es en asuntos de SEO, porque, podemos incluir toda la información y contenidos desde archivos externos o bien, hacer alguno que otro truco de deep linking, pero siempre, a la larga, el usuario no está viendo más que un cascarón, y eso… a google no le hace mucha gracia.

Pues bien, gracias al cielo le metieron una demanda más a Microsoft… y qué tiene que ver esto con el tema?…

Mucho. Cuando los propietarios del tag object – que es la etiqueta que internet explorer usa para incrustar los swf – ganaron la demanda, Microsoft quedó obligado a reconocer autoría de un tercero, y para esto, no activaba el recurso hasta que el usuario diera clic en él. Algo muy incómodo si lo vemos de un modo funcional. Esto provocó reacciones en diseñadores y programadores de todo el mundo (me incluyo en la pelota), y fruto de esto salieron muchas alternativas para agregar flash a un html sin que se colocara ese horrendo marquito gris que aparecía.

De todas las alternativas que aparecieron, surgió una… SWFObject, que actúa reemplazando el contenido de un div “X” por el swf…

DING!!!! ya vas captando la idea ¿?

Basando todo en esa simple función es que te propongo esta solución (nótese el versito irónico):

Primero que nada… te propongo que te des una vuelta por DeConcept, los creadores de SWFObject, para conocer un poco de sus parámetros y posibilidades.

Manos a la Obra

Básicamente, lo que hacemos es incrustar el contenido original, formateado en HTML dentro del DIV con el ID “flashcontent” que será reemplazado por SWFObject.

Observá el ejemplo… no hay mucho que explicar.


<head>
<script type="text/javascript" src="/jscript/flashobject.js"></script>
</head>
<body>
<div id="flashcontent">
<h1>Titulo importante</h1>
<p>Parrafo de contenido</p>
<ul>
<li>Item de lista 1 </li>
<li>Item de lista 2 </li>
<li>Item de lista 3 </li>
<li>Item de lista 4 </li>
</ul>
<p><a title="Services" href="/services.shtml">Services</a> |
<a title="About Us" href="/about.shtml">About Us</a> |
<a title="Contact " href="/contact.shtml">Contact</a> |
<a title="Partners" href="/partners.shtml">Partners</a></p>
</div>
<script type="text/javascript">
var fo = new FlashObject("/flash/sitio.swf", "miFlash", "800", "105", "6", "#ffffff");
fo.write("flashcontent");
</script>

Solo debo agregar, que no importa lo que se inserte en el div, el usuario no lo verá si dispone de flash player, pero google si… ya este método lo he utilizado en varios sitios con alto tráfico y no me ha dado señas de algún problema aún.

De esta forma, los usuarios con un handheld o bien, el otro 2% verán tus contenidos sin necesidad de instalar flash player… eso si… no olvidés formatearlo con css para que sea agradable también.

Come frutas y verduras.

]]> http://www.elbleg.com/web-dev/javascript/flash-accesibilidad-y-seo.html/feed 0 Retorno de Inversión (ROI) y Usabilidad http://www.elbleg.com/seo/retorno-de-inversion-roi-y-usabilidad.html http://www.elbleg.com/seo/retorno-de-inversion-roi-y-usabilidad.html#comments Sun, 22 Jul 2007 16:11:10 +0000 Yëco http://eldomo.net/yeco_blog/archives/retorno-de-inversion-roi-y-usabilidad

De la mano del crecimiento de la Web, la Usabilidad ha tomado cada vez más importancia, básicamente porque juega un papel fundamental en el ROI (Retorno de Inversión) en un sitio Web.

Primero que nada tenemos que entender una cosa: Los personas que entran a tu sitio web quieren encontrar la información que necesitan, o hacer la compra que necesitan, en un minuto y no en media hora. Si no logran su objetivo en un tiempo razonable, digamos unos 3 minutos, se van a otro sitio… y Adios! Venta perdida.

Pero no solo quieren que sea rápido… también quieren que sea fácil. Si encuentran muchas complicaciones, también se van a otro sitio…. y lo que es peor… posiblemente vayan al sitio de tu competencia. Lamentablemente, la mayoría de los sitios web comerciales están pensados centrados en la necesidades de las empresas… y no en las de sus clientes. Aceptalo… a nadie le interesa ver el logo de tu empresa en 3D, moviéndose por la pantalla con musiquita de fondo….

Claro que queda lindo… no te lo niego… pero, ¿A tu cliente le sirve de algo? Lo que realmente le interesa a las personas que visitan tu sitio, es el contenido que pueden encontrar y las cosas que pueden hacer en él. Los sitios que tienen éxito son los sitios UTILES… y fáciles de usar. Un sitio web Usable se diseña pensando en el cliente, para el cliente y muchas veces con el cliente…. Si, leiste bien… con el cliente, se lo hace participar del proceso de varias formas. Los sitios web usables son simples, pero justamente esa simpleza hace que las personas que los visitan encuentren rápido lo que necesitan. Los sitios web usables ayudan a las personas en los procesos interactivos, los ayudan a buscar información, los ayudan a comprar, los ayudan a informarse, los ayudan…. ese es el punto.

¿Que tiene que ver todo esto con el Retorno de Inversión?

Es simple. Cuando vas a comprar a un negocio siempre hay un empleado que te ayuda, te responde las preguntas, te muestra los productos, etc… pero en internet es muy distinto. Entonces, si para comprar un producto online hay que hacer 15 pasos, registrarse, etc, etc… es muy probable que muchas personas con intenciones de compra, abandonen el proceso antes de hacer efectiva la compra y vayan al negocio de la esquina…. lo mismo pasaría en un negocio si el empleado es un antipático o te trata mal ¿No?

Si en cambio, logramos que sean solo 4 o 5 pasos, si no los obligamos a registrarse si no quieren, si los ayudamos y los guiamos en el proceso mediante indicaciones claras y eficaces (tal cual lo haría un empleado amable)… el porcentaje de las personas que abandonan disminuirá drásticamente y por ende, venderemos más. Una de los principales motivos por las que las personas compran online es ahorrar….Ahorrar tiempo! (pensabas que era ahorrar dinero? nop… error… )

Obviamente hay otros factores que influyen, el producto que vendemos en sí mismo, el precio, etc… pero si la persona está decidida a comprar el producto, indudablemente la facilidad o dificultad que le presentemos en nuestro sitio tendrá mucha importancia. Y si en mi sitio web no vendemos productos online? Entonces estas desperdiciando un gran canal de ventas… ponte en campaña para vender online hoy mismo!

Ojo!… Igualmente podes ayudar a tu cliente… no solo mostrando los productos o servicios que ofreces… brindale cosas complementarias de tu producto o servicio, que le interesen a tu cliente. Por ejemplo: Sos dueño de un de un Gimnasio y tenés tu sitio web… no te limites a mostrarle las fotos del gimnasio, los actividades, los horarios, que todos saben cómo es un gimnasio por dentro… ofrece recetas de comida saludable, dietas, información nutricional, rutinas de ejercicio, rutas para salir a correr… lo que se te ocurra… si no se te ocurre nada, pregúntale!

De ese modo, tal vez una persona que no es cliente de tu gimnasio entre a tu sito a ver esa información, que es mucho más interesante que las fotos de tu gimnasio (aceptalo)… y tal vez decida ir a tu gimnasio. Captas la idea…. es ayudarlo, no solo venderle.

Mejorá tu sitio Web!

El objetivo de este artículo es que te des cuenta que podes aprovechar mejor tu sitio web, podes obtener más consultas sobre tus productos o servicios… podes vender más…. y podes ayudar a tus clientes, o futuros clientes… Simplemente haciéndolo más fácil de usar y más útil.

F

]]> http://www.elbleg.com/seo/retorno-de-inversion-roi-y-usabilidad.html/feed 0 10 malentendidos sobre interacción y usabilidad http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html#comments Fri, 13 Jul 2007 03:48:42 +0000 Yëco http://eldomo.net/yeco_blog/archives/10-malentendidos-sobre-interaccion-y-usabilidad 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 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.

Diseñar objetos usables es algo muy loable, pero NO ES necesariamente Diseño Centrado en el Usuario.

2. Usabilidad es diseñar algo para que cualquiera pueda usarlo.

(diseño universal ≠ usabilidad)

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.

3. El diseño que se adapta a los estándares tecnológicos es diseño usable.

(estándares ≠ usabilidad)

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!

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.

4. Un diseño usable suele ser conservador y poco innovador.

(creatividad ≠ usabilidad)

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.

5. Un diseño minimalista es un diseño usable.

(minimalismo ≠ usabilidad)

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.

6. Si diseño pensando en los usuarios, estoy haciendo diseño centrado en el usuario.

(DCU ≠ diseño orientado al usuario)

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.

7. La arquitectura de información es parte de la usabilidad.

(AI ≠ usabilidad)

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.

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.

8. Un diseño accesible es un diseño usable.

(accesibilidad ≠ usabilidad)

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.

9. Respetar los estándares tecnológicos garantiza un diseño accesible.

(estándares ≠ accesibilidad)

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.

Respetar los estándares asegura cierta accesibilidad en aspectos de formato, pero no elimina barreras cognitivas.

10. La estética juega en contra de la usabilidad.

(estética vs. usabilidad)

¡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.

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.

Gracias a Javier Cañada por este grandioso artículo.

]]> http://www.elbleg.com/grafica/10-malentendidos-sobre-interaccion-y-usabilidad.html/feed 0 Metadatos generados con Dublin Core http://www.elbleg.com/seo/metadatos-generados-con-dublin-core.html http://www.elbleg.com/seo/metadatos-generados-con-dublin-core.html#comments Sun, 03 Jun 2007 22:06:27 +0000 Yëco http://eldomo.net/yeco_blog/?p=15 Todavía no había escrito nada de microformatos ni metadatos por aquí, y esta reseña en Webposible me dio la oportunidad.

Dublin Core

Básicamente Dublin Core es una serie de especificaciónes de código que pretenden dar contenido semántico a la Web. Es bastante extensible, modular y flexible, por lo que puede ser una cosa muy interesante.

Algunas de las relaciones que ofrece son el título, autor, relación, colaboradores, derechos o fechas. Pero resultaba bastante pesado ir metiendo estos metadatos en cada proyecto. Pero por suerte la gente de Webposible ha desarrollado un generador de metadatos Dublin Core, que nos ayudará en esta tarea.

La idea de ir haciendo la Web más semántica cada día es emocionante!

]]> http://www.elbleg.com/seo/metadatos-generados-con-dublin-core.html/feed 1