Categoría: usabilidad

La navegación comienza con la primera página que el visitante ve. Esta puedes ser desde la "home page", hasta la "splash" page, pasando por la insufrible "utility page".

Algunos diseñadores de páginas Web están obsesionados por el hecho de que las páginas Web no tienen la misma apariencia dependiendo del navegador. Para intentar solucionar este hecho, tratan de diseñar páginas Web paralelas para cada versión de navegador.

Esto les lleva a diseñar una página de bienvenida austera y poco atractiva visualmente que muchas veces es incluso de texto sin formato. Llegando incluso en algunos extremos instruir a los usuarios a cambiar de navegador, a hacer la ventana más grande, ajustar la resolución de la pantalla, etc. ...

La primera página que el visitante ve es su tarjeta de bienvenida, y debería tener un buen aspecto. Si quiere tener varias versiones de una misma página, varios idiomas, debería hacerlo de una manera elegante, integrando las distintas opciones en el diseño.

Si usted muestra como primera página una página en blanco con texto sin formato que obliga a hacer "click", no dará una impresión profesional y perderá un cierto porcentaje de visitantes.

Por otro lado, muchos diseñadores son conscientes de este hecho, e intentan hacer una página de entrada impactante. Para ello ponen un gran gráfico que nunca es visto porque el tiempo de carga de este es superior al tiempo que el visitante está dispuesto a esperar, el visitante hace "click" sobre el gráfico a mitad cargar para ir a donde realmente le interesa.

Piense y medite antes de incluir una "splash page" en su diseño. Si su sitio está orientado al entretenimiento, diversión, diseño o algo que requiera atractivo visual, la "splash page" es apropiada. Pero si por el contrario, su sitio está orientado a proporcionar información la "splash page" parecerá un estorbo a sus visitantes.

Vía: WebEstilo

Categoría: usabilidad

IE Tester es el nombre de una buena herramienta para todos aquellos diseñadores que se interesen en el diseño web; nos sirve para ver como se vería un sitio en cada una de las versiones de Internet Explorer (IE), incluyendo los dolores de cabeza como las versiones 5.5 y 6.

Hay algunos diseñadores web que simplemente ignoran a Internet Explorer, el navegador que viene por defecto en una computadora con el sistema operativo Windows, lo ignoran porque muchas veces cuando estamos diseñando nuestro sitio todo va perfecto en Firefox, Opera, Safari... Y cuando lo vemos en IE todo parece estar roto, y no sabemos por qué.

¿Porqué sucede esto?, es simple, las versiones antiguas de Internet Explorer no respetan los estándares web mientras que los otros sí, las versiones más recientes corrigen ese problema pero por desgracia hay mucha gente que sigue usando viejas versiones y que por no saber que hay algo mejor siguen viendo el internet todo descuadrado y mal. Lo malo es que pueden llegar a tu sitio, que tanto tiempo te tomó diseñar y embellecer, y verlo todo de cabeza.

Adaptar tu diseño a que se vea bien en todas las versiones de IE es a veces imposible y muchas veces terminas cambiando el diseño original sólo para que éste se vea decente en todos los navegadores, lo cual es una lástima, pero depende de cada quien tomar la decisión de si quiere o no hacer su diseño apto para todos los navegadores (lo cual se vuelve difícil si intentas abarcar todas las versiones de IE).

Descarga IE Tester

Vía: Oh!gráfico

Categoría: usabilidad

Me refiero a la forma en la que presentas el contenido en tu blog, revisa que a parte de calidad de contenido la estructura y opciones en que lo presentas sean las adecuadas.

• - Tamaño de la letra: asegura que tu contenido tenga un tamaño fácil de leer, un buen tamaño sería entre 9 y 16 píxeles.
  
  
• - Tipografía: recuerda que los tipos de letras deben ser compatibles con los diferentes sistemas operativos o navegadores. Las más utilizadas son Verdana, Helvetica y Arial. Las fuentes “sans-serif” son las más utilizadas para la web.
  
  
• - Ancho del texto: procura que el ancho del texto se encuentre entre los 500 a 700 pixeles y procura que sea fijo. Por ejemplo en este artículo estás leyendo en un ancho de 575 pixeles.
  
  
• - Interlineado: ese permite que exista un espacio adecuado entre una línea de contenido y otra. Por ejemplo en este post se utiliza un interlineado line-height:1.6em (el valor que se use en line-height depende de la tipografía). Un interlineado incómodo por ejemplo sería el que utilizan en blogs.msdn.com
  
  
• - Formatos de lectura: recuerda que hay usuarios que les gusta imprimir los manuales, tutoriales o artículos. Procura brindar esa opción en tu contenido. También no te olvides de quienes leen a través de otros dispositivos móviles como iPhone y las descargas en PDF.
  
  
• - Sidebars: son muy útiles para la navegación y sugerencias de contenido relacionado que le puede interesar al usuario. Procura brindar esa opción para facilitar el acceso.
  
  
• - Contenido relacionado: utiliza links de referencia dentro del contenido a tu propio contenido. Esto permitirá que el usuario tenga acceso a más contenido del blog en relación a la temática.
  

Vía: MaestrosdelWeb

Categoría: usabilidad

El CERMI (Comité Español de Representantes de Personas con Discapacidad) se ha tomado muy en serio lo de vigilar que las instituciones cumplan con su obligación legal y moral de construir páginas web accesibles.

La primera denuncia que el CERMI realizó ante la Dirección General de Coordinación de Políticas Sectoriales sobre la Discapacidad, del Ministerio de Educación, Política Social y Deporte fue contra Metro de Madrid data del mes pasado. Esta denuncia no se limita al ámbito de la página web, sino que también contempla los problemas de accesibilidad de las propias instalaciones del Metro de Madrid.

Este mes la denuncia ante el Ministerio de Sanidad y Política Social le ha caído a la Universidad Autónoma de Madrid. Tal como dice el comunicado del CERMI:



Dice el refrán que cuando veas las barbas del vecino afeitar pon las tuyas a remojar. A ver si se van dando por enterados los responsables de las webs institucionales, incluida la mía, aunque por la parte que me toca procuro que nuestra parte del trabajo esté lo mejor hecha posible, aunque nos pidan impepinablemente cosas que se mueven, transparencias y contrastes ilegibles.

El CERMI tampoco parece ser que ataque a traición. Antes de hacer una denuncia ante las instituciones para instarlas a que realicen una denuncia formal en los juzgados, el CERMI procura primero transmitir su queja a la institución documentada con análisis de accesibilidad del sitio web. Más tarde la denuncia se hace de forma pública, mediática, para promover una acción por la presión de la vergüenza, o aquello de “salir en los papeles”. Sólo después de estas acciones el CERMI acude a la denuncia ante las instituciones. Así que aviso previo sí parece que lo hay.

Espero que si le llega a mi institución un aviso/queja de este tipo (espero que no, pues creo que pese a la falta de apoyo no somos de los peores) no se les archive en la papelera en concepto de “spam ciudadano”.

Vía: Úsalo.es