Archivo para ‘Accesibilidad y Navegabilidad’ Categoria

Navegación eficaz en tu sitio Web

23 de Septiembre de 2009

Si la gente no puede navegar a través de tu sitio, pronto se irá. Así, la navegación efectiva en el diseño de tu sitio web es crucial. Pero hay algunas cosas básicas que necesitas hacer antes de poder empezar a preocuparte por enlaces, imágenes o Flash.

Arquitectura de la Información

Antes de que incluso puedas empezar a planear tu navegación, es necesario definir la arquitectura de información de tu sitio. La arquitectura de información es la taxonomía o la estructura de tu sitio Web.

Algunos elementos de taxonomía común en una página Web corporativa o de negocios son:

Productos - los productos o servicios que vende la compañía
Acerca de - información sobre la empresa
Relaciones con los inversores – Información específica para los inversores
Soporte técnico – Ayuda para los clientes

Algunos elementos de taxonomía común en una página Web personal son:

Acerca de mí – información sobre el autor de la página
Vínculos favoritos – Enlaces que al autor le gustan
Amigos y familia – información acerca de los amigos del autor y de la familia

Organización

Una vez que hayas determinado la arquitectura de tu sitio, necesitas decidir la forma de organizarlo.
Al pensar en la organización, debes pensar acerca de cómo tus clientes podrían pasear por ella. Los diagramas de flujo y storyboards te puede ayudar a trazar exactamente en qué te gustaría animar a tus lectores a utilizar el sitio.

Diseño de navegación

Una vez que tengas una idea de la arquitectura y organización, estas listo para pensar en el diseño de la navegación. Hay varias cosas que debes considerar al decidir sobre el diseño de su navegación:

1. Accesible
La navegación de tu sitio web es posiblemente la parte más importante de una determinada página. Así que deberías hacerla lo más accesible posible. Esto significa evitar los efectos especiales, como Flash, Java o JavaScript como su método de navegación solamente.

2. Significativa
Mantén el sentido de la navegación. Haz una vinculación clara. Alguien que nunca ha estado en tu sitio antes debe saber inmediatamente como usar los vínculos.

3. Prevalente
Tu navegación debe aparecer en cada página de tu sitio. Si bien no es necesario tener la navegación idéntica, la estructura básica debe ser la misma en todo el sitio, con los cambios utilizados sólo para indicar la ubicación dentro de la jerarquía.

Una vez que hayas diseñado tu navegación, entonces puedes comenzar a utilizarla. Ten en cuenta que es realmente tentador cambiar tu estructura de navegación mientras estas en el centro de tu aplicación. Pero si decides hacer esto, asegúrate que estas haciendo el cambio a nivel mundial y que se ajusta a los objetivos originales de la taxonomía y la arquitectura de la información.

Envíar páginas HTML en Gmail y Hotmail a nuestros usuarios

13 de Febrero de 2009

Poder envíar una página en HTML por correo electrónico a nuestros usuarios nos ofrece una vía para mantener el contacto con nuestros usuarios a la vez que podemos anunciar nuevos productos, servicios y novedades.

El correo electrónico sin colores ni imágenes quedó atrás y la mayoria de gestores de correo modernos (Outlook, ThunderBird, Evolution…) soportan HTML y estilos CSS. El problema es que no todos nuestros usuarios visualizan sus correos vía estos programas y lo realizan con sus navegadores Web conectados directamente a sus proveedores, es decir, vía webmail.

Los proveedores de webmail, por lo general, acotan y restringen la carga de elementos HTML en los mensajes que sus usuarios envían y reciben, por lo que, de estilos CSS más bien nos podemos olvidar para ser compatibles con los webmail más comunes.  ¿Qué solucion nos queda? Sigue leyendo, no está todo perdido.

Para Gmail

  1. Ignora todo los estilos dentro de los tags <styles></styles>  Da lo mismo si está en el <head> o en el <body>. Los elimina
  2. Permite la carga de estilos “inline” es decir,  escritos en cada elemento, con la excepción de las imágenes de fondo y de altos específicos (height).
  3. No muestra ninguna imagen por defecto, el usuario debe activar la opción de “Mostrar las imágenes externas del mensaje” para poder visualizarlas
  4. Para poder visualizar fondos, hay que hacerlo especificando en un <td> la propiedad “background”. Así: <td background=”imagen.gif”>
  5. Ignora los fondos de <body>

Para Hotmail

  1. Ignora todo lo que exista en <head></head>, incluyendo el tag <style></style>, pero permite cargar <style> dentro de <body>.
  2. Carga los estilos “inline” excepto:  los margenes, fondos, altos específicos.
  3. Al igual que en Gmail, podemos cargar fondos de forma tradicional vía la propiedad de un <td>
  4. Los anchos y altos especificos también se deben aplicar como propiedad y no como estilo.

Tal y como podemos ver, aunque es funcional, nos limita bastante a la hora de crear un html complejo. Con estos consejos claros desde el principo podremos empezar sobre seguro en la tarea de confeccionar un HTML para envíar por correo.

Promociona tu web

29 de Enero de 2009

Si estáis pensando en realizar una página Web, seguro que os surgen un montón de dudas de como llevar a cabo el tema. Un de ellas puede ser como dar a conocer la Web y conseguir el máximo de visitas posibles. Muchas técnicas hay para mejorar el posicionamiento (SEO), para indexar la página lo más arriba posible en Google. A modo de anécdota,  es para comentar una página Web surgida aprovechando el éxito de Youtube en el que han aprovechado el nombre para dar salida a este proyecto.  Se trata de YouDoLink, ¿en qué consiste?, simplemente tu tienes tu página Web , vas a esta página entras la url una descripción y tu correo electrónico, entonces esta página lo que hará es proporcionarte 20 minutos de gloria. Hay un ranking de 20 páginas web que se muestran a modo de listado en el que se ocupa una posición cada minuto, el primer minuto estarás en la posición número 20 y último minuto estarás en las posición número 1. Esto puede servir para conseguir usuarios que entren y conozcan tu página web. Y si es una buena página tal vez esto puede generar que el numero de visitantes se multiplique exponencialmente.