¿Qué pasa cuando un usuario interactúa con tu sitio web, aplicación o producto? ¿Cuáles son las metas y las expectativas que el usuario tiene? ¿La funcionalidad, las características y el diseño de tu sitio web, aplicación o producto permiten que el usuario tenga una experiencia positiva? Estos y otros pensamientos se pueden encontrar en www.experiencedynamics.com, el sitio web de una empresa de investigación en usabilidad dedicada a dar consultoría en diseño centrado en el usuario. Para ayudar a entender la importancia de la experiencia del usuario, Experienced Dynamics desarrolló un poster ideado para la formación de equipos, educación o la evangelización relacionada con la usabilidad. Los posters están disponibles en diferentes idiomas para descarga, o pueden ordenarse en inglés. Más información en Experienced Dynamics, vía Demystifying Usability
Usabilidad
Ventanas dentro de la misma ventana
Ya había hablado sobre los molestos pop-up, o ventanas emergentes y de cómo van en contra de la usabilidad de cualquier sitio web. En Intenta me encuentro un link a Prototype Window Class, una alternativa desarrollada como una clase javascript que permite añadir ventanas dentro de una misma página HTML. Francisco, en su blog, explica que esta clase está basada en la librería Prototype e incluye efectos script.aculo.us para mostrar y ocultar las ventanas, las cuales puedes redimensionar, minimizar, maximizar y configurar su aspecto. Su implementación es muy sencilla, y para saber más de qué estamos hablando, nada mejor que ver los ejemplos.
Usabilidad para gente mayor
Diseñar para jóvenes no es lo mismo que diseñar para adultos, mucho menos para gente mayor a 65 años de edad. Ante la tendencia creciente de incremento en la edad promedio de los usuarios, y tomando como referencia que en el Reino Unido, según el censo de población del 2001, existe más gente por encima de los 60 que por debajo de los 16, Webcredible realizó un estudio de usabilidad donde incluyó a 8 personas mayores, y estos son los resultados: Asignación de culpa Los usuarios mayores tienen una tendencia más clara a asignar la culpa, ya sea a sí mismos o al sistema; a diferencia de los jóvenes, que tienden a no asginarla. Reacción emocional La gente mayor utiliza palabras más emotivas cuando habla con la computadora =S, palabras tanto negativas como positivas, como amor, odio, estúpido, e incluso “buen chico”. En cambio los jóvenes utilizan palabras menos relacionadas Seguir leyendo
Cómo hacer que los usuarios abandonen tus formularios
Cinco maneras para asegurarte de que los usuarios abandonarán tus formularios online: – Solicitar información que no tengan a la mano. – Solicitar mucha información y no especificar por qué la requieres. – Forzar a los usuarios a insertar la información de acuerdo a como lo requiere el sistema. – Mostrar mensajes que le dicen al usuario que corrija sus errores, pero sin especificar dónde estuvo el error. – Dividir el formulario en varios segmentos y no especificarle al usuario en qué parte del proceso se encuentra. Más aquí. Vía GUUUI
10 pasos para crear un sitio horrible de ecommerce
Todos dan tips de cómo hacer los mejores sitios. Jason Chance en SitePoint hace todo lo contrario. A continuación los 10 pasos para crear un sitio horrible de ecommerce. 1. Usar el template por default del software de ecommerce. 2. No utilizar thumbnails. 3. No optimizar las imágenes. 4. No optimizar el proceso de checkout. 5. Ignorar al target. 6. No agregar un certificado SSL 7. No agregar términos de uso, privacidad o condiciones de venta. 8. No colocar descripciones de producto. 9. Agregar mucho Flash, e incluso Java. 10. Nunca colocar tu dirección o número telefónico. El detalle aquí.
Siete errores de accesibilidad
La Digital Web Magazine publicó recientemente un artículo de Christian Heilmann donde expone los siete errores típicos de accesibilidad que se cometen al diseñar un sitio web. 1. Creer en productos sin ponerlos a prueba (como los CMS que aseguran crear páginas accesibles) 2. Tomar demasiada responsabilidad (Tratar de acaparar todo el control del sitio, sin considerar que quizá el cliente podría administrarlo). 3. Planear solo para el peor escenario (Enfocarse sólo en satisfacer las necesidades de los escenarios más pobres olvidando el resto, que quizá pueda ser la mayor parte de la audiencia) 4. Compartir problemas con el usuario (Como el hecho de colocar un formulario en varias pantallas para evitar que te llegue spam, cuando el usuario solo quiere hacer llegar un comentario) 5. Intentar resolver un problema que está fuera del área de nuestra experiencia (Como tratar de controlar la experiencia del usuario a través del control Seguir leyendo
Redundancia en el diseño web
Los clásicos gurús de la usabilidad y el diseño de HCI (Human Computer Interaction) apuestan siempre a las 10 reglas de la heurística que en algún momento postuló Jakob Nielsen. La octava regla sentencia que se debe apostar a un diseño minimalista y eliminarse todas aquellas unidades de información irrelevantes que puedan interferir con la información principal. En la práctica esto a tenido una sola interpretación: evitar la redundancia, sin embargo, quizá esta interpretación de la regla no sea del todo correcta. Proyecto Web presenta un interesante artículo sobre el tema, analizándolo desde el punto de vista del cómo se genera normalmente la comunicación a través del lenguaje, y del cómo la redundancia ayuda en algunos casos a evitar errores. Con los ejemplos que presenta podemos darnos cuenta de que obedecer, y no hacer lo que te dicen que no hagas, a veces es incorrecto; o en otras palabras, en Seguir leyendo
La anatomía de la tipografía web
Elegir una tipografía a utilizar en un sitio web parece sencillo, pues no hay mucho de donde escoger para lograr que la página se vea “igual” en varias computadoras y navegadores, sin embargo esto no es así, existen muchos aspectos a considerar aún cuando prácticamente tengamos un puñado de fuentes serif y sans-serif que pueden utilizarse de manera segura en el web. Andy Hume, en SitePoint, presenta un artículo bastante interesante e ilustrativo sobre la anatomía de las tipografías para web, explicando cada uno de los aspectos a considerar al momento de elegir una fuente y aplicarla al diseño en línea. Entre esos aspectos a considerar están el ancho y alto de las letras, espaciado entre letras y palabras, tamaño, énfasis, estilo, color, alineación, etc. Altamente recomendable leer el artículo completo.
Cómo hacer un sitio web
No es precisamente con manzanas, pero PingMag lo explica bastante bien con figuras de Lego: 1. Discusión 2. Lluvia de ideas 3. Maquetado 4. Planeación de contenido 5. Diseño inicial (prototipo) 6. Retroalimentación del cliente 7. Rediseño de prototipo 8. Aprobación del cliente 9. Diseño de páginas adicionales 10. Confirmación 11. Programación HTML 12. Añadir CSS 13. Presentar al cliente 14. Pruebas 15. Implementación Revisa el proceso completo aquí. Visto en DesdeGuate.com
Don’t click it
Nuestras experiencias en línea están ligadas a un detonador: el click. ¿Qué tan difícil sería romper ese hábito?, ¿Qué pasaría si removiéramos ese elemento básico de la interacción humano computadora?, ¿Estás mentalmente preparado para no hacer click? ¿Puedes resistirte? www.dontclick.it (haz click por penúltima vez)