web móvil

Se habla de que la web móvil es el futuro de la conectividad, que cada persona podrá conectarse donde sea que esté e ingresar al fascinante mundo de la Internet sin ninguna limitación.
Personalmente pienso que la distancia hasta esa realidad es relativa al punto de vista que tenemos, tenemos que pensar en que los dispositivos móviles aun son demasiado limitados, la conectividad a redes inalambricas aun no está preparada para llevar una carga como la Internet en movimiento, dado que la tecnología wi-fi no está diseñada para moverse mientras se mandan o reciben datos y el famoso 3.5G baja notablemente su tasa de transmisión.
Bueno esos son unos ejemplos muy vagos de las limitantes de la Internet móvil, pero tratemos de centrarnos en el tema. En algo como esto me gustaría que otras personas opinaran, para saber cual es la realidad, cuando nos conectamos a Internet por un celular siempre sucede que escribir aun que sea la mas corta de las direcciones (url) se hace un fastidio, más aun para las personas que usan celulares con solo números a diferencia de las blackberries y otros dispositivos similares, ingresar a un sitio con contraseña es casi inaceptable ya que el teclado de estos celulares siempre le dan la preferencia al espacio que ocupan y no a la comodidad de digitación.

Un buen ejemplo de solución es la que aplicó apple en su teléfono celular iPhone, el cual ofrece un teclado Qwerty desplegable el cual aparece y desaparece cuando tenemos la necesidad de digitar algo. Lamentablemente la idea no ha sido aceptada por la totalidad de los usuarios, ya que las teclas táctiles muchas veces quedan demasiado chicas para ciertas personas siendo un dolor de cabeza de casi igual magnitud que los antiguos celulares con teclado del 0 al 9.

Usabilidad movil.

La internet movil podria darnos mucho en que pensar, tantas modificaciones para lograr una optima usabilidad en dispositivos moviles llega a ser un intenso dolor de cabeza para muchos desarrolladores quienes se proponen proyectos de este tipo.
Algunas de las tareas mas dificiles es el elegir donde ira nuestra información, dado que la pantalla del dispositivo se limita a no más de 300 pixeles no se dispone de una amplea area de trabajo y algunos aventurados que intentan colocar toda la información en una primera y unica pantalla terminan con un caos de fuentes tan pequeñas que llegan a ser casi ilegibles.
En la pagina de Alzado.org podemos encontrar ciertos puntos a modo de receta para lograr una web movil más accesible, pero a la vez tenemos que estar concientes de que el sacrificio grafico siempre será mayor.
En esta misma linea se encuentra la W3C (España) proponiendo 10 metodos para lograr una web movil de calidad siguiendo con estandares predefinidos. Otra fuente de informacion está dada por la misma W3C (mundial) que nos proporciona una espectacular guia de programacion y usabilidad en paginas web moviles.
Es importante pensar que en un futuro los moviles siempre estaran en linea, por lo tanto hay que empezar a preparar el terreno para que nuestras gigantescas paginas web puedan visualizarse de forma ordenada en una pequeña pantalla portatil.

Interfaz.

Hoy nos volcaremos en el mágico y misterioso mundo de la interfaz "persona/computador".
Pero antes de hablar de esto tenemos que saber que es el tan famoso "interfaz", hablamos de interfaz cuando nos referimos al intermediario entre A y B, en este caso es "quien" nos permite interactuar con los computadores.

Al encender nuestro computador tenemos una cascada de interfaces que muchas veces nosotros mismos pasamos por alto al no tener el conocimiento para manejarlos, desde el distante MS-DOS hasta los sistemas operativos más nuevos, windows, ubuntu, linux, leopard, etc.

Pero incluso nuestros navegadores son la interfaz entre nuestro computador (nosotros) y la web en general. A la vez, siguiendo la cadena, la web es el interfaz entre nosotros y la información que andamos buscando. Por lo tanto comenzamos a tener un conjunto de interfaces que a nosotros nos sirve para llegar a donde queremos, nuestro objetivo.

¿Se imaginan que para conseguir lo que buscamos tuviesemos que escribirlo todo en forma de comandos?

Por esto mismo, el ser humano busca simplificarle la vida al usuario promedio para que pueda hacer las cosas por si solas y no tenga que depender del antiguo ingeniero de lentes grandes y conocedor de cuanto código no cabe ni en la mismisima biblia.

Así es cómo se ha ido desarrollando este cuento de la usabilidad con respecto a la ya casi ignorada interfaz, y digo ignorada por que casi nadie piensa en la interfaz al momento de ocuparla, siendo que estamos frente a ella día y noche. Así es como han ido desarrollandose y evolucionando los distintos tipos de metodos para lograr que todos estos numeros binarios lleguen de forma digerible hasta las pantallas y sin necesidad de ingresar cosas que una persona sin estudios en informatica puedan llegar a dominar sin mayor desgaste, al final los desarrolladores preocupados de este tema tienen como objetivo que el usuario sea un ciento por ciento compatible con lo que está viendo en sus pantallas y que por cosa de intuicion natural puedan acceder a lo que están buscando sin necesidad de que hagan clic en el tipico enlace de "preguntas frecuentes" o "contactenos".

Entonces ahora es el momento para hacernos la gran pregunta:
¿Que conceptos debo dominar para crear una interfaz que cumpla con los estandares de usabilidad?

La respuesta es muy breve e identica a las soluciones que se han entregado anteriormente, segun la pagina Desarrolloweb.com cita a un autor de libros de usabilidad llamado Hansen (1971) quien revela estas soluciones resumidas en cuatro puntos de inomitible importancia:

1. Conocer al usuario.
2. Minimizar la memorización, sustituyendo la entrada de datos por la selección de ítems, usando nombres en lugar de números, asegurándose un comportamiento predecible y proveyendo acceso rápido a información práctica del sistema.
3. Optimizar las operaciones mediante la rápida ejecución de operaciones comunes, la consistencia de la interfaz y organizando y reorganizando la estructura de la información basándose en la observación del uso del sistema.
4. Facilitar buenos mensajes de error, crear diseños que eviten los errores más comunes, haciendo posible deshacer acciones realizadas y garantizar la integridad del sistema en caso de un fallo de software o hardware.

Usabilidad grafica.

Desde casi el comienzo de la publicación web y las paginas medianamente personales (estilo catálogos) se ha visto casi por cultura la inserción de efectos vagos, imágenes animadas gif y desordenes de tablas con contenido.

Con el transcurrir de los años y la llegada de nuevas tecnologías medianamente sencillas de utilizar estas paginas han cambiado un poco el sentido a nivel gráfico, con la ayuda de flash han podido enriquecerse a nivel de interacción, pero el problema es exactamente el mismo, la coherencia de los distintos elementos que se presentan es escasa y no sirven más que para entorpecer la navegación de los usuarios.

Todas las paginas creadas (o la mayoría de ellas) están creadas con un fin fundamental que en la mayoría de los casos es que distintos grupos de usuarios naveguen en ella.

Los problemas básicos que se deben solucionar al momento de planificar el orden gráfico de una pagina son la presentación gráfica, jerarquía de ubicación, utilidad, interactividad, problema con las imágenes y por último el problema con el famoso flash.

Priorizar el orden de los menús, no hacer botones innecesarios ni usar imágenes con el fin de rellenar un sitio, no abusar de las nuevas tecnologías para incrementar la interacción y por ultimo flash debe ser usado con precisión en justa medida con lo que el usuario objetivo posee como habilidad. Muchas veces el usuario carece de las habilidades y los conocimientos para navegar por uan pagina creada en flash.

El Patrón-F de lectura de contenido web.

¿Que es el patron-F?

Jakob Nielsen, el tan proclamado "rey de la usabilidad", ha realizado muchos estudios sobre este mismo tema los cuales va subiendo en su pagina web quincenalmente. Uno de estos minusiosos estudios nos habla sobre el patrón que han descubierto con respecto a la lectura de contenido en diferentes sitios web por una diferente gama de usuarios. Este patrón se ha denominado "F-Shaped Pattern" (Patrón en forma de F).

Por medio de estudios realizados con usuarios de prueba y usando la tecnologia de seguimiento ocular (por medio de camaras ocultas que captan el movimiento de los ojos) han descubierto que la forma en que los usuarios leen el contenido en internet consta de tres fases: Horizontal, vertical y diagonal.

La toma de las tres fases en la mayoria de los casos arrojan resultados muy similares, se forma un patrón en forma de F como se muestra en la siguiente imagen.



En estas tres paginas se logra ver el seguimiento del ojo con respecto a la lectura de contenido, el rojo indica el contenido leído y el gris el área de la pagina que con no ha sido tomada en cuenta por los usuarios.


Discutamos el tema.

Cada día con una velocidad casi exponencial Internet crece y abarca más áreas que en algún momento jamás imaginamos que abarcaría. Las empresas han apostado por este espacio y no lo han hecho tímidamente, la publicidad en Internet es una estrategia que muta día a día por la demanda de los usuarios y por la insistencia de esta misma publicidad los usuarios han dejado de prestarles atención. Banners, Pop-ups e incluso los ahora famosos "spams". Es por esto que las empresas han tenido que adoptar nuevas estrategias y como ya se ha mencionado antes adaptarlas para el usuario contemporáneo el cual cambia casi en todo momento y sin previo aviso.

Es por esto que se han realizado cientos de evaluaciones y experimentos con usuarios frente a las pantallas, todo esto con el fin de obtener la mayor cantidad posible de datos provenientes de la real navegación de los usuarios. Es por este tipo de experimentos que sabemos que es lo que a los usuarios les interesa ver y lo que no les interesa ver.

Jackob en su estudio del "F-Shaped Pattern" nos deja claro algunos consejos para la construcción de un contenido ideal para la web, a mi parecer el consejo más importante que nos da es el de seleccionar la información más importante de cada párrafo y por lo posible situarlo dentro de las primeras dos lineas. Los usuarios no se toman la molestia de leer exhaustivos textos, por lo que agrupar la información importante y posteriormente posicionarlo dentro de las primeras lineas es el consejo estrella que Nielsen nos entrega.

Las conclusiones que podemos proponer al leer su articulo es más que nada el poseer información sobre el "como posicionar" la información dentro de una pagina web, saber donde colocar los distintos elementos para que llamen la atención del usuario.

El titulo de la pagina o su mismo logo, los cuadros de publicidad, los menús y submenús, la información que se debe colocar en el pié de pagina, el tamaño de la letra utilizada para los distintos elementos, el uso de negritas y cursivas, etc.

Interfaz por todas partes.

Estamos listos para ejemplificar este tema con las principales paginas y equipos que tenemos a nuestro alrededor hoy en día. Aun que no nos demos cuenta o no estemos consciente de todo lo que ocurre en nuestro entorno, estamos siempre envueltos por las intenciones de terceros, por las guías visuales que implican la publicidad que por medio de nuestros sentidos intentan llegar a nuestros intereses.

En el caso de la web podemos hablar de las paginas más visitadas a nivel nacional como por ejemplo facebook, red social donde la gran mayoría de los usuarios chilenos participan. A nivel de codificación (por si sola) es casi perfecta, con esto hablamos de semántica, codificación ordenada lista para ser digerida por los principales buscadores.
A nivel de diseño es agradable y preciso al momento de mostrarnos las distintas funcionalidades de la pagina, por lo que tenemos un plus gigante si nos enfocamos a la usabilidad (recuerden, todo esto sin tomar en cuenta las miles de aplicaciones que existen para facebook).
Por otro lado tenemos la pagina de youtube, hasta el día de hoy (en Chile) sigue siendo uno de los buscadores de vídeos online más utilizados. Usuarios de casi todas las edades logran subir sin ningún problema sus videos a youtube, facil manejo, quizás algo complicada la acción de registrarse, pero una vez superado aquel paso no existen errores comunes.

Saliendo un poco de la internet tenemos aparatos celulares, consolas de video juegos, televisores y escapando aún más están los periodicos. ¿Acaso nunca se nos ha hecho dificil encontrar una noticia diminuta en un diario? Claro está, tambien es necesario aplicar la disciplina de arquitectura y usabilidad de la información en ellos, todo lo que tenga relación con la información, todo aquello que tenga relación con la interfaz entre el usuario y esta información, todo aquello esta ligado a esta disciplina.

¿Aun dudando del para que aprender a ordenar la información?

Para el usuario, no cliente.

Imaginemos que somos desarrolladores profesionales de sitios para internet, imaginemos que un cliente nos contacta solicitando nuestra ayuda para desarrollar su sitio el cual ofrece distintos productos, entonces organizamos una reunión para conversar sobre las distintas caracteristicas que debe tener la pagina en cuanto a diseño, contenido y funcionalidad. El cliente entonces nos solicita una cierta interfaz que a ellos como empresa les parece adecuada, con un diseño y un contenido que a ellos les parece comodo y pertinente otorgar.

Una semana después se entrega la pagina y se cumplen todas las espectativas tecnicas que el cliente solicitó, la calidad del desarrollo en cuanto a diseño es excelente, el contenido es exactamente lo que el cliente solicitó, el trabajo es una maravilla visual. Dos meses después la pagina es un fracaso, ningun cliente ha usado la pagina para comprar los productos de esta empresa, a nadie le llama la atención y por lo tanto la tasa de visitas jamás supera la espectativa de la empresa.

¿Debemos desarrollar para el cliente o para el usuario?

Estamos frente a un gran problema, un problema que afecta tanto al usuario como al cliente, lo que quiere mostrar el cliente no siempre es lo que el usuario solicita en la web. Estamos aqui para debatir al respecto y asi como se expresa en el ejemplo anterior es fundamental saber que es lo que el cliente quiere ver en una web, que es lo que busca y de que modo lo busca. No sacamos nada como clientes el exigir a un desarrollador la maxima tecnologia en programacion web si el usuario objetivo no será capaz de entender la interfaz o el sistema de comunicación entre ambos.

La imagen de las empresas en internet muchas veces están mal enfocadas, pensando que una imagen cautivará a los clientes y por arte de magia caeran en la fidelidad eterna hacia ellos, paginas solicitadas por los clientes, dedicadas a los clientes. Es un error conceptual facil de corregir, pero lo primero que se debe hacer es mirar más allá de nuestros propios pies.

Hablemos de usabilidad.

Información es todo dato que nosotros pongamos a disposición del usuario, es facial hablar de información cuando entendemos como concepto cerrado el simplemente lanzar una biblia de mil paginas que se muestre sin formato alguno en nuestras pantallas, pantallas que agotan la vista fácilmente si es que somos forzados a leer textos extensos que utilizan fuentes difíciles de entender y con tamaños ínfimos para conservar el orden y resolución de las paginas.

¿Que más aburrido que leer un contrato?

La Internet no sirve solo para entregar información y los usuarios de la web 2.0 no están dispuestos a consumir de esta información como si se tratase de antiguas enciclopedias de biblioteca. Existen métodos, existe un orden, existe una estrategia para cautivar la mirada y hacer que el usuario dirija su atención a lo que uno quiere ofrecer. A la vez existen métodos para que el usuario siempre encuentre lo que desea, debe ser fácil la ubicación, a eso nos referimos con accesibilidad, pero también tiene que ser útil. Los usuarios que requieren información deben tenerla, pero también esta debe serles de utilidad.

¿A que nos lleva todo esto?

Simple, a que el usuario pueda encontrar información de forma efectiva y eficiente, en una pagina donde no le sea obligación recordar una serie de claves o rutas para volver a hacer lo que alguna vez hizo, sino que por medio de su intuición, como alguien que se levanta por la noche al baño, pueda encontrar su objetivo sin ningún obstáculo.

Enlaces relacionados:
web 2.0
usabilidad sid@r

Arquitectura, perfeccionemos nuestros sitios.

Como ya se habló en la entrada anterior, el concepto de frustración en los usuarios a lo largo del proceso de búsqueda de la información es muy importante como para no ser considerado a la hora de construir un simple mapa de un sitio.

Cabe decir que el estudio de la arquitectura de la información y la usabilidad apenas es una disciplina utilizada por pocos aficionados y amantes del orden y la perfección, carece de un estudio a fondo del mismo, pero aun que las descripciones que acabo de mencionar suenen exageradas, pulir nuestros sitios con un poco de orden visual, simplificación de la información o tácticas para aumentar la accesibilidad, indudablemente nos ayudaran a mantener una web con más contenido, en meros espacio y de mayor agrado.

Ahora hablando de algunos puntos importantes en cuanto a esto, dejaré planteados algunos de los factores más importantes para el típico usuario que por ejemplo intenta entrar a la pagina de un diario o de un banco con el objetivo de encontrar una información especifica, algunos de estos son:

• "La cantidad de información que se nos presenta a primera vista, apenas se carga nuestra web"
• "La calidad de la información de esta ultima"
• "El aspecto y orden visual"

Link relacionados:
Arquitectura de la informacion.

¿A que nos referimos con "Arquitectura de la información y usabilidad"?

Muchas de las personas que están en este momento leyendo este articulo de seguro quieren saber a que se refieren con la arquitectura de la información y usabilidad, seguramente la mayoría de ustedes trabajan con la información y me arriesgaría a decir que más de la mitad son desarrolladores web buscando una solución decretada para manejar de forma ordenada la información en las paginas que están desarrollando.

La arquitectura de la información y la usabilidad es un concepto muy sencillo que en el ultimo tiempo se está necesitando con urgencia con la gran inserción de la Internet en nuestra vida cotidiana, en Internet está todo lo que necesitamos saber, los buscadores nos encuentran casi todo lo que buscamos, a que voy con esto, la información está al alcance de nuestras manos y aquí viene el gran "pero", tenemos mucha información, demasiada información, tanta que no sabemos como trabajar con ella, nuestros objetivos se pierden en muchas paginas ya sea por un desorden de diseño o por la sobrepoblación de información en una pagina cualquiera. Es esto lo que la arquitectura de la información y usabilidad busca, crear un orden de información que no confunda al usuario objetivo (muy importante es a quien va dirigida la pagina) y permita a estos acceder de forma simple, rápida y sin producir frustración en ellos. Se podrán imaginar que esta condición en una pagina web es indudablemente un plus inmenso.