¡Dios mío, está lleno de “generators”!

More than 100 Web 2.0 Online Generators es, como su propio nombre indica, una lista de cien aplicaciones web tipo “generadores de botones / paletas de colores / gráficos / logos /texturas / fondos / CSS / favicons / esquinas redondeadas / galerías / nombre de dominio / lista / lo-que-sea”. Unos son más o menos útiles o prácticos que otros, pero todos son bastante “webdoscerianos”.


Fuentes:
- http://www.microsiervos.com/archivo/internet/generadores-online.html
- http://www.ajaxflakes.com/web-20/top-100-online-generators-web-20/

Diseñando tablas

La mayoría tenemos la costumbre de que si en algún momento necesitamos acudir a las tablas, las usamos como nos la dá en mi caso Dreamweaver, pero ¿es realmente la forma correcta? revisando el diseño de alguno de los themes de phpBB, me dí cuenta que usaba muchísimas clases row1, tableHeader etc.. etc.. y me olvidé por completo de los atributos como caption, thead, tfoot que en este tutorial aprenderemos a manejar.

Este tutorial fué inspirado por una página donde cualquiera puede enviar sus diseños les dejo la liga abajo, hay unos mucho muy buenos. Ojalá se animen a enviar la suya!! me gustaría ver que pudieron hacer y si este tutorial les funcionó.

CSS Table Gallery

Fuente: www.infectedfx.net

Principios generales de usabilidad en el diseño de sitios Web

Escrito por Dulce Carolina Córdova Cruz
09-May-2006

Cualquier sistema, computacional o no, que ha sido creado para usuarios humanos, debe contemplar la manera como se interactuará con él, desde la facilidad con que será manejado, hasta su agilidad, aun sin haberse dado un contacto previo. Para esto debe existir una similitud entre el sistema y el mundo real, a través de palabras, conceptos, metáforas, etcétera, en un orden lógico y natural.

La norma ISO 9241 establece los requisitos ergonómicos para la realización de trabajos de oficina, con la utilización de pantallas de visualización de datos o guías de usabilidad. La usabilidad es el rango en el que un producto puede ser empleado por usuarios específicos para el logro de metas, con efectividad, eficiencia y satisfacción.

En el contexto de la Web, la usabilidad representa la unión de varios campos, tales como el diseño de interfaces de usuario, la interacción humano-ordenador (HCI, Human Computer Interaction) y el diseño gráfico de la interfaz de usuario (GUI), los cuales hacen posible la interacción con los objetos, el estudio de cómo los individuos reaccionan ante la interfaz de un ordenador, el proceso de cambios y los avances tecnológicos diseñados para que las personas tengan el control sobre sus computadoras personales.

Para diseñar correctamente un sitio, debe plantearse con claridad el objetivo de la publicación, además de responder preguntas, como: ¿por qué y para qué se elabora? y ¿a quién se hará llegar?, con la finalidad de conocer el tipo de público al que se dirige, así como determinar los pasos que éste tendría que seguir, además de resolver con anticipación los problemas a los que podría enfrentarse. ¿Cuáles son las mejores tecnologías para que la información permita el logro de las metas y la realización de un sitio de fácil aprendizaje, además de flexible, amistoso y funcional?

Otro aspecto importante es que la página sea visible, pues de nada sirve una publicación si no se puede acceder a ella. Esto depende de la calidad, el desempeño computacional de los enlaces, el peso, la velocidad del módem del que se pretende descargar y la compatibilidad con los navegadores de las diversas plataformas.

Como la gran mayoría de los visitantes a Internet accede a través de un buscador, es necesario manejar buenos contenidos, razón suficiente para que la redacción en la Web sea todo un arte. Asimismo, debido a que la lectura en pantalla es complicada, deben usarse palabras que para los usuarios sean comprensibles en la búsqueda de datos.

Los textos deben ser reducidos lo más posible mediante la simplificación de la información, con el propósito de que el orden de la lectura que regularmente se tiene en un libro o una publicación común, con inicio, desarrollo y conclusión, se invierta como si fuera una pirámide, en donde la conclusión o el resumen del documento se establezca como encabezado, para después agregar el desarrollo y, por último, el inicio. Por otra parte, deben colocarse elementos legibles y comprensibles, con coherencia para la navegación y la funcionalidad de todas las páginas.

Siendo la ideal, una aplicación funcionaría de manera óptima ante cualquier petición y evitaría que el usuario cometa errores, aunque es común que esto ocurra. Por ello es recomendable que las fallas sean destacadas y se haga una advertencia sobre la seriedad del asunto, además de proveer los mecanismos para resarcir un tropiezo. Así, los usuarios no deben ser subestimados y tampoco se les debe hacer sentir que están frente a procedimientos muy complejos. Mantenerlos informados sobre lo que sucede, les da una idea sobre dónde se encuentran, lo que les evita uno de los problemas más comunes en la Web: la desorientación.

Un aspecto también importante es la estética del sitio. Aunque es preferible que una página Web sea más rápida que bonita, puede lograrse un diseño elegante, simple y funcional. Para esto conviene eliminar las imágenes que no son indispensables y que sólo cumplen una función ornamental. Lejos de hacer eficaz a un sitio, éstas incrementan el tiempo de descarga y distraen al usuario, causándole pérdida de tiempo. A esto debe agregarse la eliminación de los fondos que dificultan la lectura.

La atención debe centrarse en el usuario, con la idea de que el trabajo que se realiza es para él. En este sentido, no debe perderse de vista la variedad del público al que se dirige la información de la Web. Es probable que haya personas con capacidades diferentes, es decir, con problemas visuales, auditivos, de cognición o motrices, por lo que es indispensable buscar la manera de apoyarlas en sus limitaciones o, en su caso, facilitar la realización de sus tareas. Un sitio también debe tener accesibilidad, tema que por su extensión se abordará en otro artículo.

Aunque el término “usabilidad” no tiene una definición expresa en el español, representa las técnicas que ayudan a realizar tareas en Internet en forma más sencilla, con calidad, rapidez y ubicuidad. Siempre que un usuario quiera localizar algo de su interés en un sitio determinado, debe contar con las facilidades para hacerlo y ver motivado su interés en la publicación consultada, para navegar en ella una y otra vez.

Los profesionales de la Web tienen la responsabilidad de prever y cubrir las necesidades de los usuarios. En ello radica la verdadera razón de su tarea: usar mucho sentido común para intentar sorprender cada día, tomando en cuenta la constante evolución y cediendo al usuario el control absoluto sobre un sitio, además de brindarle un entorno confiable para que vuelva periódicamente y haga de la página en cuestión un favorito. De lo que se trata es poner en práctica la seducción permanente.

Fuente: www.mati.unam.mx

Diseño Gráfico, fundamental...

Escrito por Jaime L. Vera Campos
06-October-2006

Actualmente la historia de la informática es inherente a las interfaces gráficas, debido a que los sistemas operativos gráficos han influido en la evolución de la industria del hardware y el software. La Interfaz Gráfica de Usuario (IGU) es la traducción del vocablo inglés Graphic User interface (GUI).

La primera interfaz gráfica de usuario se desarrolló en los laboratorios de XEROX, en los años sesenta. En 1984, Apple, la compañía de computadoras Macintosh, la puso a disposición del público, siendo además la pionera en su introducción, además del ratón (mouse). Fue hasta 1993 cuando se generalizaron las interfaces gráficas de usuario, con la primera versión popular del sistema operativo Windows 3.0 de Microsoft.

Básicamente, una interfaz es un dispositivo que permite una comunicación entre dos sistemas. Cuando se habla de la interfaz de un programa o aplicación (software), se trata del conjunto de herramientas y mecanismos que permiten al usuario interactuar con la computadora, facilitando las operaciones de información o datos. Es el aspecto visible como tal que tiene un programa, como se presenta ante los usuarios.

En el caso de una interfaz gráfica de usuario, se incluye una serie de elementos, como: menús, ventanas, teclado, ratón, sonidos en algunos casos y la participación gráfica en sí, con el apoyo de representaciones visuales. También se requiere una pantalla o monitor de computadora, con el fin de que el usuario pueda interactuar con las opciones del menú y los íconos, dentro del sistema. De esta forma puede abrirse el canal de comunicación entre el usuario y la computadora

En una interfaz gráfica de usuario para la Web, debe tenerse una visión clara sobre el sitio o la página, no sólo al determinar la estructura, la navegación y los contenidos, sino también al realizar el diseño gráfico como tal. Con esto puede lograrse una buena usabilidad, legibilidad, accesibilidad y funcionalidad. Cabe señalar que para esto no es necesario emplear lo último en recursos tecnológicos y/o gráficos espectaculares.

El diseño de los gráficos en la interfaz es útil para que el usuario vea en pantalla la información que pueda serle de interés. Éste le proporciona las herramientas que verá durante el tiempo que se relacione con la interfaz, así como la posibilidad de tomar las acciones necesarias como respuesta al sistema. Hoy en día, los gráficos diseñados en la computadora proveen una comunicación de manera ilustrada, lo que facilita la interacción con el hombre.

En esto radica la participación del diseñador gráfico, que es de suma importancia, porque él es quién tiene la posibilidad de integrar eficientemente elementos visuales como imágenes, tipografías, espacios, colores, etcétera.

Por otra parte, en el diseño y la combinación de elementos, como objetos gráficos y representaciones visuales, debe prevalecer una coherencia y una unidad, porque favorece la identificación de objetos.

La tipografía y la aplicación de color son aspectos que deben ser tratados cuidadosamente en el momento de establecer una buena interfaz, esto en razón de un buen contraste y una inmejorable legibilidad, como elementos formales del diseño gráfico en relación con los contenidos.

Con una interfaz bien diseñada, el usuario debe sentirse arropado en el momento de realizar sus búsquedas y cubrir sus necesidades de información, gracias al equilibrio entre contenidos y gráficos. De otra forma sería un fracaso, porque la interfaz no cubriría bien las necesidades de los usuarios, a quienes se dirige y por quienes se planea.

Ejemplos de Interfaz Gráfica de Usuario en una página Web

En este primer ejemplo, puede apreciarse que el diseño gráfico contribuye a que sean distinguidos los objetos del contenido, por medio de la creación de íconos para reforzar las ideas, además del uso de color para destacar la información principal y la secundaria. En este caso los tópicos principales se encuentran a la izquierda y los secundarios, a la derecha. Es notoria la legibilidad en el área de texto-información.

En este segundo ejemplo, el concepto se acentúa con la incorporación de elementos visuales propiamente contextuales: íconos basados en la propia temática del contenido. Los elementos de fondo y los colores recrean un ambiente de sucesos pasados.

Este último es un ejemplo claro y simple de acceso rápido a la información, con un manejo de reticencia en elementos visuales y contenido, para el usuario que está acostumbrado a realizar búsquedas de información de manera ágil y concreta.

En resumen, una buena interfaz gráfica de usuario requiere simplicidad y funcionalidad. Por otro lado, aunque el diseño gráfico tiene una presencia implícita, debe ser considerado como parte fundamental en el éxito o el fracaso de la interfaz, porque a través de ésta se refuerzan notablemente las ideas y/o conceptos en los contenidos.

Fuente: www.mati.unam.mx

Tecnología CSS, separar contenido de presentación

Escrito por Dulce Carolina Córdova Cruz
31-January-2006

En la actualidad Internet ha causado un gran impacto en la vida del hombre, colocándose con rapidez en diversas áreas. Además se ha establecido como el más flexible medio de comunicación masiva, porque al permitir el intercambio de datos, hace posible que el usuario sea receptor y, si lo desea, emisor de un mensaje.

Por ello se ha convertido, también, en un medio de expresión a través del cual cada individuo que cuente con los requisitos mínimos indispensables, tecnológicos y económicos, tiene la posibilidad de publicar información.

Es aquí donde radica uno de los principales problemas a los que se enfrenta la red. Es bien sabido que las páginas Web se construyen en base a un lenguaje de marcado de hipertexto (HTML), que estructura y presenta información en un formato estándar. No obstante y a pesar de ser un lenguaje de presentación visual, no fue creado para diseñar publicaciones porque limita gráficamente los sitios.

En 1996 apareció CSS (Cascading Style Sheets), un lenguaje de estilo en cascada que se puede utilizar conjuntamente con HTML para definir el formato visual de una página Web, sin forzar el código para adaptar los documentos al diseño de presentación y sin colocar elementos en la página que no favorecen el contenido.

Según las propias palabras de Tim Berners-Lee, inventor del primer navegador y el primer servidor Web del mundo, el espíritu de la red consiste en que cualquier persona pueda leer las páginas Web con cualquier software que funcione en cualquier hardware. [1]

Las publicaciones digitales de 1990 eran diferentes a las que se realizan hoy en día, ya que ahora podemos observar imágenes, animaciones y archivos multimedia. Por ello, el siguiente reto de la red radica en la adopción de tecnologías para controlar la presentación de las páginas, sin involucrar el contenido.

En 1994 Hakon Lie publicó el primer borrador sobre las hojas de estilo en cascada y HTML, con la idea de que el lenguaje de estilo de la Web debe combinar, de algún modo, las preferencias del autor y el usuario. Su propuesta la llevaba a cabo con una cascada que tenía en cuenta múltiples conjuntos de reglas de estilo y un sistema bien definido para determinar el peso de las reglas en competencia. [2]

De este modo, en 1994 se creó la World Wide Web Consortium para establecer los estándares técnicos del crecimiento y el desarrollo de la Web. Sin duda los beneficios más importantes gracias a la utilización de las hojas de estilo externas, son el aumento en la accesibilidad y la disminución del trabajo de producción, así como la fácil labor de mantenimiento de los sitios, evitando la búsqueda entre líneas de código.

Asimismo, al proporcionar un nivel de abstracción, las CSS incorporadas en la cabecera de un documento mejoran el código del mismo, el tiempo de respuesta y la velocidad de presentación de la página, siendo posible declarar una regla de estilo una sola vez y hacer que las condiciones de presentación se apliquen a todos los elementos de ese tipo.

Por último, cabe reiterar en la importancia de utilizar hojas de estilo en cascada para la presentación de documentos en Internet, que además de separar contenido de presentación, ofrecen diversas ventajas en la producción y la accesibilidad. Algunos ejemplos del uso y practicidad de las CSS los podemos encontrar en:

Ó http://www.csszengarden.com ó http://www.camaleoncss.com .

Fuente: www.mati.unam.mx

Los 8 grandes errores del diseño web

Cansado de ver muchas prácticas poco aconsejables (y que, honestamente, hasta hace poco yo también cometía) y como la excusa perfecta para darles a conocer que sigo vivito y coleando (aunque aún sumamente ocupado), he decidido escribir sobre los 8 grandes errores del diseño web actual. Estas son prácticas que el mundo de la web 2.0, los estándares web y, por sobre todo, la idea de separar la presentación del contenido nos han metido en la cabeza y la mayoría de las veces las hemos seguido sin ponernos a pensar un poquito en las consecuencias.

Primero que nada, vamos a definir diseño web. Diseño web abarca ya no solo lo visual; es toda una ciencia que involucra accesibilidad, apariencia, presentación, contenido, contexto, mensaje e interactividad (si no es que más). Un diseñador web debe ser capaz de, a partir de una idea, generar una solución virtual. Ojo con la palabra: solución. Y para generar una solución, necesitamos tener un problema para empezar. En el caso generalizado de la web, el problema a resolver es el manejar información. Ya sea presentando o editando, visual o auditiva, útil o no tanto; la web es información y nada más. Cómo la manejamos depende de las necesidades que tengamos, y es aquí donde cometemos los 8 grandes errores del diseño web:

1. ¡Las imagenes también son contenido!
2. ¡No todo es una lista!
3. Mi nombre es h1 h1' h1''
4. Los hacks no son una solución, son un problema
5. ¡Hola! Me llamo "naranja"
6. ¿A none voy?
7. ¡No soy gordo! ¡Soy funcional!
8. Las tablas no son de satanás, ¡usalas!

Fuente: metalize

Pautas de accesibilidad al contenido en la web (WCAG)

Qúe es la WCAG y las pautas a seguir para conseguir un buen acceso al contenido de tu web.

WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

• Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
• Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
• Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

• Nivel de Conformidad "A": todos los puntos de verificación de prioridad 1 se satisfacen.
• Nivel de Conformidad "Doble A": todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
• Nivel de Conformidad "Triple A": todos los puntos de verificación de prioridad 1, 2 y 3 se satisfacen.

Especificaciones publicadas en W3C para HTML 4.01 (castellano)
http://www.4shared.com/file/25571118/db4532d/html401-es.html


Hojas de Estilo en Cascada, nivel 2 revisión 1 Especificación CSS2.1
Recomendación Del 25 De Febrero De 2004 Del Candidato de W3C
http://www.4shared.com/file/25571116/ea0c7e2a/css21_spa.html

La Comunidad Autónoma de la Región de Murcia (CARM) ha publicado una traducción de los documentos sobre las «Pautas de accesibilidad al contenido en la Web 1.0» de WAI-W3C.

La edición se llama: Diseño de páginas Web accesibles ISBN 84-87926-36-3

Lamentablemente la edición impresa está agotada pero se puede descargar la edición electrónica en formato PDF desde este link:
http://www.4shared.com/file/25570725/e4196784/2003_wai.html


Fuente:http://www.desarrolloweb.com/articulos/pautas-de-accesibilidad-contenido-web.html

Usabilidad y Analítica Web

Testeo con usuarios, card-sorting, personajes, prototipado,… son las típicas técnicas de usabilidad. Sin embargo, raramente se habla del potencial de las técnicas de analítica web para mejorar la usabilidad de un sitio web.

¿Qué es la analítica web?

La analítica web consiste en grabar y analizar los datos de navegación de los usuarios en un sitio web. En un primer momento, se utilizaban los datos grabados en los logs de los servidores. Actualmente, la mayoría de las herramientas de analítica web funcionan mediante un código javascript que se inserta en el pie de página, y que recoge los datos que nos interesen para enviarlos a una base de datos que posteriormente podremos consultar.
Las herramientas profesionales más conocidas son:

• Google Analytics
• Omniture SiteCatalyst
• XiTi
• Nedstat
• Visual Sciences
• WebTrends
• ClickTracks
• Clickdensity

¿Qué mide la analítica web?

Las principales medidas (métricas) de cualquier herramienta de analítica web son:

• Páginas vistas
• Usuarios Únicos
• Visitas
• Tiempo de navegación

Otros datos que manejan algunas herramientas de analítica web son:

• datos de clicks ("clickstream") que permiten reconstruir las rutas de navegación de los usuarios así como dibujar "mapas de calor" sobre una página, mostrando los elementos con más clicks
• euros (por ejemplo, en un sitio de comercio electrónico, el importe de una compra; en un sitio de contenido, el valor de un click en un anuncio o de la impresión de un banner)
• orígenes del tráfico: es decir, los sitios web que nos envían visitas, así como las palabras clave que los usuarios utilizan en los buscadores para llegar a nuestra web
• páginas de entrada: es decir, la página por la que un usuario entra en nuestro sitio
• páginas de salida: es decir, la página desde la cual un usuario abandona nuestro sitio
• eventos del sitio web: por ejemplo, número de usuarios que se registran para recibir un newsletter, número de usuarios que hacen una búsqueda, número de formularios enviados, etc.
• abandono de formularios: número de veces que un formulario se empieza a rellenar y se abandona, así como el campo en el que se abandona el formulario

Si os interesa profundizar en el tema de la analítica web en general, en esta página web de mi empresa he recopilado algunos recursos de analítica web, como por ejemplo un interesante glosario de términos de analítica web (en inglés) elaborado por la Web Analytics Association, cuya página web es por supuesto de consulta indispensable.

Analítica web y Usabilidad

Existen muchas técnicas y procedimientos que nos permiten aprovechar los datos recolectados por una herramienta de analítica web a fin de mejorar la usabilidad de un sitio web. Nos centraremos en los siguientes puntos:

• ClickMap
• A/B Testing
• Análisis de formularios
• Rutas de navegación

ClickMap

El "clickmap" (mapa de clics) es aparentemente parecido a los mapas de calor del 2eye tracking", pero en lugar de mostrarnos dónde miran los usuarios, nos muestra dónde hacen clic los usuarios.
Algunas versiones del "clickmap" sólo muestran datos de clics en las zonas clicables (links, botones), como es al caso de la funcionalidad llamada "site overlay" de Google Analytics.
Otras herramientas como Clickdensity, sin embargo, son capaces de mostrar datos de clic en cualquier zona de la pantalla, independientemente de si tiene un link o no (os recomiendo que probéis la demo de Clickdensity, vale la pena)

Finalmente, herramientas como Omniture SiteCatalyst pueden mostrar los ingresos que genera cada clic en cada elemento de la página. Además, es capaz de mostrar datos en tiempo real.
La utilidad del mapa de clics es evidente: de un vistazo, podemos ver dónde clican los usuarios en una pantalla determinada, y rápidamente actuar para mejorarla en tres aspectos principales:

• Visibilidad y posicionamiento de links y botones de la página
• Elementos de la página que confunden al usuario: aquellas zonas de la página en donde hay muchos clics, a pesar de que no son clicables
• Elementos de la página más "rentables": no está directamente relacionado con la usabilidad, pero normalmente querremos dar más visibilidad a aquellos elementos más rentables, así como investigar por qué ciertos elementos de la página no son tan rentables como esperaríamos

A/B Testing

El A/B Testing es de utilidad cuando dudamos entre dos diseños para una misma página. Lo que haremos es colocar ambas versiones de la página en el servidor, y utilizar una herramienta de analítica como Omniture SiteCatalyst o Google Optimizer para comparar los resultados de ambas páginas. Por ejemplo, podremos comparar:

• Ratios de conversión del objetivo de la página: por ejemplo, si el objetivo de la página es que el usuario rellene un formulario, compararemos el número de usuarios que rellenan el formulario en cada versión de la página
• Ratio de abandono: si el objetivo de la página es invitar al usuario a moverse por el sitio web, podremos comparar los ratios de abandono de las dos versiones de la página

Así mismo, el A/B Testing lo podemos utilizar para comparar el resultado de una misma página en periodos de tiempo distintos, por ejemplo:

• antes de aplicar un rediseño a la página
• el día después de subir la página rediseñada
• una semana después
• un mes después

Podremos así sacar conclusiones acerca de:

• El éxito o fracaso del rediseño, según si se cumplen mejor o peor los objetivos de la página
• El tiempo de aprendizaje de los usuarios: ¿cuánto tiempo tardan los usuarios en adaptarse a un nuevo diseño de página?

Análisis de formularios

El análisis de formularios consiste en analizar el número de veces que los usuarios dejan de rellenar un formulario en un campo concreto.
Por ejemplo, una web para la que trabajé descubrió que, en el formulario de introducción de los datos de la tarjeta de crédito, un 0,2% de los usuarios dejaban de rellenar el formulario en el momento en que se les pedía marcar la casilla para suscribirse al newsletter de la empresa. No era obligatorio, pero lo parecía, y lo más grave es que los usuarios ya habían introducido los datos de su tarjeta de crédito (es decir, habíamos logrado convencerlos para comprar), y sin embargo abandonaban.
Es muy difícil detectar este tipo de cosas en un test de usuarios, puesto que afectan a un porcentaje de usuarios muy pequeño (a pesar de que en el ejemplo anterior, un 0.2% significaba una media de 3 compras menos por día, es decir unos 6000 euros al mes, cantidad nada despreciable!)
Así mismo, el análisis de formularios permite detectar fallos en:

• el vocabulario que utilizamos para definir ciertos campos
• las validaciones automáticas de los campos (que a veces no son válidas para todos los países, por ejemplo el formato del NIF o la longitud de un número de teléfono)
• los campos innecesarios o que incomodan al usuario, etc.

Rutas de navegación

Los reportes de "clickstream" son quizás el elemento más potente de herramientas de analítica web avanzada como Omniture SiteCatalyst o Visual Sciences. Permite responder a preguntas como por ejemplo:

• ¿Por qué páginas navegan los usuarios, y en qué orden?
• ¿Qué páginas visitan los usuarios dadas una página inicial y una página final determinadas?
• ¿En cada paso de un proceso de compra o de registro, cuántos usuarios pasan al siguiente paso, cuántos vuelven al paso anterior o cuántos abandonan? ¿Los que abandonan, a dónde van?
• ¿Qué rutas llevan a una página determinada?
• ¿Cuáles son las 5 rutas que realizan el 90% de los usuarios de mi sitio web?

Ejemplo de reporte de rutas de navegación de Omniture SiteCatalyst
Estos reportes son muy útiles para analizar qué realizan los usuarios en nuestro sitio web y, quizás más importante todavía, qué no son capaces de realizar (seguramente debido a que la página no es usable).
Así mismo, nos ayudan a definir la arquitectura de la información y el esquema de navegación del sitio web basándonos en la experiencia y preferencias de navegación de los usuarios.

Otras técnicas de analítica web

Existen muchas otras técnicas de analítica web que nos permiten mejorar la usabilidad de un sitio web. A continuación menciono algunas, que en otros artículos comentaré en detalle:

• Análisis de "bounce rate"
• Análisis de resultados de búsqueda
• Segmentación de tascas y usuarios
• Satisfacción de los usuarios

Especialmente importante es la segmentación de tascas y usuarios, que permite agrupar a los usuarios según las tascas que realizan en el sitio web, para después ofrecer contenidos e interfaces adaptados a cada perfil.

Conclusiones

Espero haber contribuido a convenceros de que la analítica web puede y debe jugar un papel muy importante en la mejora de la usabilidad de los sitios web. Destacaría tres ventajas principales:

• trabajar directamente con gran cantidad de datos de todos los usuarios del sitio web nos permite detectar problemas de usabilidad muy específicos
• es muy fácil testear una mejora de usabilidad, así como demostrar el éxito o fracaso de un cambio de diseño (factor muy a tener en cuenta a la hora de convencer a quien toma las decisiones de que es necesario invertir en diseño o estudios de usabilidad)
• en un mercado en donde las aplicaciones web cada vez disponen de menos tiempo en pre-producción, la analítica web es indispensable para optimizar y mejorar todo sitio web

Fuente: http://www.desarrolloweb.com/articulos/usabilidad-y-analitica-web.html

Cuestiones sobre accesibilidad web

Hoy en día existe mucha controversia respecto a las prácticas para un desarrollo apropiado y accesible para sitios web.

La accesibilidad web se refiere a la práctica de crear sitios web que puedan utilizar gente con cualquier nivel de capacidad o minusvalía. Por supuesto, es solo una parte del desarrollo web, pero importante estos días.

Aunque parezca increíble, hay muchas empresas que se dedican profesionalmente al desarrollo web que pasan por alto la importancia de implementar sitios accesibles para todo tipo de usuarios; por ejemplo, no estableciendo atributos "alt" para las imágenes.

Unas de las dificultades que tienen muchas personas es la de controlar el ratón; esto puede ocasionarles frustración intentando pinchar sobre un pequeño enlace. Los desarrolladores web tienen que tener tamaños de texto que sean razonables, y crear áreas más grandes clicables siempre que sea posible. Los enlaces siempre deberían estar coloreados de forma diferente al texto y subrayados. Otra técnica es distribuir los elementos de navegación (links, immágenes, etc.) de la mejor forma posible para poder navegar por el sitio sin necesidad del ratón, sino utilizando el teclado.

Ningún sitio web debería confiar únicamente en un componente de video o audio para transmitir información. De esta forma, siempre que sea posible, es preferible el texto a otra clase de transmisión de información, de esta forma lograremos que personas invidentes puedan acceder a nuestros contenidos a través de navegadores adaptados a sus posibilidades.

Hoy en día ya no se duda que la accesibilidad web es un asunto importante para ganar competitividad en internet, con lo que habrá más posibilidades de éxito con el proyecto que estemos desarrollando. Solo basta buscar en Google "accesibilidad web" para darse cuenta que se trata de un tema candente, y que está siendo cada vez más un tema a tener en cuenta.

Con más y más sitios web siendo populares; y que cuentan con los propios usuarios para generar el contenido, unas cuantas directrices sobre accesibilidad nos será de gran ayuda para acoger a todo tipo de usuarios.

Fuente: http://www.desarrolloweb.com/articulos/cuestiones-sobre-accesibilidad-web.html