¿Influye la colocación de las etiquetas de un formulario en la usabilidad? La respuesta parece ser si: las etiquetas en negrita situadas encima de los campos del formulario parecen dar mejor resultado.
La gente de UXmatters han hecho un estudio de eyetracking (captura del movimiento de los ojos) y han concluído que cuando colocamos las etiquetas sobre los campos, el usuario puede ver en un simple golpe de vista campo y etiqueta y eso le permite no tener que ir revisando si cada campo que completan va asociado a la etiqueta correcta. Y si están en negrita, mejor.
El artículo es realmente interesante: Label Placement in Forms
Supongo que ya habréis visto antes ese pequeño globo de texto en el lateral de alguna web, se trata de DialogCentral.
DialogCentral es un servicio web que nos permite introducir un pequeño script en nuestros sitios por medio el cual nuestros visitantes podrán valorar nuestra página (aspecto, contenido y usabilidad) y dejarnos comentarios.
Podremos acceder a los comentarios y resultados en el panel de control y hacer reportes (5 mensuales en la versión gratuita).
Estoy de pruebas con él así que no os cortéis utilizándolo.
DialogCentral: http://www.opinionlab.com/dialogcentral/index.asp
Mientras ojeaba dzone he encontrado un resumen de Priorizing Web Usability de Jakob Nielsen, está en inglés así que voy a traducir un poco por encima.
1. Equilibra la tecnología con las necesidades de los usuarios.
2. Usa multimedia cuando beneficie a los usuarios.
3. No te olvides de los usuarios de equipos antiguos, que son muchos, y utiliza tecnología lo más compatible posible.
4. Diseña pensando en los usuarios con conexiones lentas, que también siguen siendo bastantes.
5. Cuando un elemento esté cargando incluye indicadores visuales claros de la carga (por ejemplo con imágenes animadas)
6. Presupón siempre el mínimo conocimiento técnico para tus usuarios.
7. Si vas a ofrecer diferentes versiones de contenido dependiendo de la conexión del usuario, haz la detección automáticamente ya que muchos usuarios apenas entenderán de que les estás hablando.
Seguir leyendo en Web Reference
Si siempre has sentido curiosidad sobre cómo navegan los visitantes por tu página, dónde hacen click, cómo mueven el raton, donde hacen scroll… ClickTale te va a encantar.
Actualmente en Beta cerrada (como todo vamos) ClickTale graba las acciones de los visitantes de nuestro sitio, archivándolas junto con completas estadísticas. Toda una señora herramienta para comprobar la usabilidad de nuestro sitio.
Seguro que tendrá que ser de pago una vez se lance al público, al menos para sitios grandes con muchas vistas de página pero, si es tan bueno como parece, merecerá la pena.
ClickTale: http://www.clicktale.com
Via TechCrunch
El pasado día 12 de Junio, 34 ministros europeos acordaron una directiva de aplicacion en toda la Comunidad Europea. De esta forma se prentende usar la información y las tecnologías de comunicación para ayudar a la gente a superar las desventajas derivadas de su situación económica, social, educacional, territorial o de alguna minusvalía.
Los objetivos de e-Inclusion incluyen salvar la brecha en el uso de internet por parte de grupos en riesgo de exclusión, mejorar la cobertura de banda ancha a por lo menos el 90% del territorio europeo y hacer todos los sitios públicos accesibles para el 2010.
En 2007 se comenzará a crear unas recomendaciones en estándares de accesibilidad y aproximaciones comunes que se convertirán en normativas en lo tocante a sitios públicos para 2010.
Via 456 Berea ST
Si utilizáis, aunque no sea lo recomendado, gifs animados en vuestra página web deberíais utilizar esta herramienta para comprobar que la frecuencia de destello de los mismos no va a resultar molesta para los usuarios, con especial atención en los usuarios epilépticos.
La mayoría de las técnicas para hacer el contenido web accesible para los lectores de pantalla son invisibles para los usuarios visuales. El texto alternativo (alt), las etiquetas de encabezado de las tablas, sumarios de tablas, y los elementos label de los formularios son ejemplos de técnicas que marcan una gran diferencia para los usuarios de lectores de pantalla pero tienen muy poco o ningún impacto en la apariencia visual del contenido web.
No obstante, muy de vez en cuando, los diseñadores web afrontan situaciones en las que la adición de marcado accesible tiene un impacto en la presentación visual. En algunos casos, este impacto visual puede decrecer la usabilidad del contenido para usuarios visuales. En otros casos, los diseñadores simplemente quieren proveer una estructura o apariencia más agradable que esté comprometida al incluir todo el texto en una forma semánticamente correcta.
(más…)
Fundamentalmente, cuando queremos crear una página usable, perseguimos crear un sitio donde el usuario navegue con comodidad por todos los contenidos.
El Card Sorting se presenta como una opción más que razonable para conseguirlo. En lugar de pasarnos horas figurándonos nosotros mismos la categorización más adecuada dejemos que sean nuestros propios usuarios los que nos guíen.
A grandes rasgos, el Card Sorting consiste en ofrecer categorías y grupos de las mismas a un número cuanto más alto mejor de usuarios del grupo social al que dirigimos la página y dejarles clasificarlas. Podemos dar libertad total a los usuarios para agrupar cualquier elemento entre sí o definir grupos y solicitar a los usuarios que incluyan las categorías oportunas en cada uno.
Llevar proyectos de Card Sorting es sencillo, existen varias herramientas para ello. En este caso vamos a ocuparnos de 3 aplicaciones multiplataforma y libres:
Desarrollado en Java y, por tanto, multiplataforma. CardSword nos permite crear los proyectos y posteriormente analizar los datos. Su complemento CardSword::Zorro es la aplicación que usaran nuestros usuarios para abrir el proyecto que hayamos creado y realizarlo.
Página Oficial: http://cardsword.sourceforge.net
Licencia: GNU GPL
Con WebCAT crearemos nuestro proyecto y se generará un applet java, el usuario sólo deberá acceder al mismo, realizar el estudio, introducir su nombre y pulsar enviar para que los resultados lleguen a tí y analizarlos. Disponible para sistemas Windows y UNIX.
Página Oficial: http://zing.ncsl.nist.gov/WebTools/WebCAT/overview.html
Licencia: Dominio Público
Demo Online:
http://zing.ncsl.nist.gov/WebTools/WebCAT/cgi-bin/ue_setup_demo.exe
Herramienta basada en Mozilla que funciona en sistemas Windows, Linux y Mac sobre Mozilla u otro navegador basado en Gecko, salvo Camino.
Página Oficial: http://uzilla.mozdev.org/cardsort.html
Licencia: MPL
Más información sobre Card Sorting en Alzado
Se acerca el verano y algunos vamos a vernos forzosamente separados de nuestras conexiones a internet, quizá sea un buen momento para leer algún libro.
Una buena opción podría ser Diseño con Estándares Web de Jeffrey Zeldman. En él, su autor al que ya conocemos más que sobradamente por sus excelentes artículos y trabajos, nos acerca de una forma clara y sin tapujos al diseño web conforme a los estándares y perfectamente accesible.
Si tuviera que introducir un libro en la categoría de imprescindible, sin duda seria este. Partiendo de un repaso a los principales problemas del diseño web en la, breve pero intensa, historia de la red como la conocemos, se nos invita a pensar en soluciones duraderas que no queden obsoletas con cada nueva versión de los navegadores y que puedan ser vistas por medio del más variopinto abanico de dispositivos y usuarios.
Un libro excelente para profundizar en el uso correcto de los estándares y la accesibilidad, ideal para iniciarse en el diseño con CSS y, sobre todo, para adquirir un excelente conocimiento de base sobre el que ir trabajando para lograr que nuestros sitios web sean atractivos y se presenten correctamente en diversas plataformas y navegadores, incluidos los adaptados para usuarios con minusvalías o en modo texto.
Editado en 2003 es un texto que se ha convertido en libro de cabecera de muchos desarrolladores web.
Jeffrey Zeldman: http://www.zeldman.com
Mini-site oficial del libro: http://www.zeldman.com/dwws/
En España, Diseño con Estándares Web de Jeffrey Zeldman está publicado por Anaya Multimedia dentro de la colección Diseño y Creatividad
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
