10 errores en el diseño de aplicaciones

Un articulo en el que se nos explica diez errores que se cometen cuando se diseña una aplicación, un resumen sería el siguiente:

* Controles no estándares: los enlaces, botones, radio buttons y demás controles tienen una utilidad específica y estándar. Cambiar el comportamiento no es lo correcto y no hace más que confundir al usuario.
* Inconsistencia: diferentes cosas para una misma utilidad, usa lo mismo en el mismo lugar para la misma acción.
* Acciones no perceptibles: se debe saber qué acción realiza un control a simple vista. Si hay que investigar para qué sirve algo no cumple su cometido.
* Controles sin reacción: cada control debe indicar 3 cosas: mostrar a los usuarios el estado actual, cómo se interpretan los comandos y qué está pasando.
* Malos mensajes de error: no basta con decir que hay un error, sino que es lo que ha pasado y que se puede hacer para solucionarlo.
* Preguntar por lo mismo dos veces
* No hay valores por defecto: os valores por defecto sirven para que haya más rapidez en las respuestas, para enseñar mediante el ejemplo y para dirigir a usuarios novatos.
* No explicar cómo funciona la aplicación: en aplicaciones estándar eso no es muy problemático, pero en otras aplicaciones hay que explicar qué se puede conseguir y cómo y no únicamente acceder a la aplicación.
* No indicar qué se hace con la información
* Mostrar características internas: al usuario no le importa y no llegará a entender cosas internas de la aplicación, por lo que no es necesario que el usuario lea.

Top-10 Application-Design Mistakes

via: sentidoweb.com

Libro Gratis!: “Planeta WEB2.0 Inteligencia Colectiva o Medios Fast Food”

Planeta WEB 2.0 - Inteligencia Colectiva o Medios Fast Food
Nuevo libro sobre el fenómeno Web 2.0, escrito por Cristóbal Cobo y Hugo Pardo.
Se puede descargar y leer completo de forma gratuita porque está publicado con una licencia Creative Commons.
Son en total 162 páginas en formato PDF.

Web: http://www.planetaweb2.net/

www.webtodoweb.com

YAML: framework CSS

YAML (Yet Another Multicolumn Layout) es un framework XHTML/CSS que nos permite crear plantillas para diseños web proporcionandonos diferentes tipos de layouts. Está basado en estándares, es sencillo de usar y comprobado en sitios web profesionales.

A parte, nos ofrece una herramienta online para crear nuestros propios diseños de forma rápida y sencilla. Solo hay que indicar el tipo de diseño, los tamaños, podremos añadirle elementos HTML y por último recuperar el código fuente.

Sitio: http://builder.yaml.de/

Nuevo sitio - WEBTODOWEB.com

Desde hace un par de meses esta pronto y al aire www.webtodoweb.com, misma web, mismos temas, mismos articulos, un poco mejor...
Clic para ir >>

http://uxespanol.blogspot.com/

Solo agradecer a http://uxespanol.blogspot.com/ que selecciono mi blog entre otros destacados...
hoy no hay sobre accesibilidad ni usabilidad, solo un saludo!

Jing: capturas en tu web

Jing es una aplicación de Windows y Mac que permite capturar imágenes y vídeos de nuestro escritorio y los sube a internet, copiando en el portapapeles la url final para nosotros pegarla en nuestra web.Una herramienta muy útil si queremos realizar documentación o tutoriales. En las imágenes permite insertar flechas y texto, y los vídeos muestran con claridad las acciones que se realizan.

Tanto los vídeos como las imágenes se alojan en screencast.com, disponiendo todos los usuarios 200Mb de alojamiento.

http://www.jingproject.com/

8 consejos para mejorar la usabilidad

8 buenos consejos para que podamos mejorar la usabilidad de nuestras aplicaciones web, algo que a veces se ignora pero que hace sufrir a algún que otro usuario.

• Cuanta más interacción se necesite para realizar una tarea, más difícil se vuelve: cuando se necesite realizar una acción hay que evitar pedir todas las posibles características de la acción, simplemente pide lo estrictamente necesario. Por ejemplo, un buscador, puedes pedir que te ofrezcan la categoría, el número de resultados, el criterio de orden, … o simplemente pedir la palabra a buscar y si se quiere ofrecer una búsqueda avanzada para quien quiera refinar la búsqueda.
• Cuanto mayor tiempo de concentración se necesite para realizar una tarea, menor es la usabilidad: intenta que la aplicación responda lo más rápido posible para que el usuario mantenga su atención.
• Cuanto más tenga que trabajar el usuario, menos efectiva es la interfaz: lo que nos lleva a otro punto, haz la interfaz intuitiva.
• No vayas en contra de lo que espera el usuario: el usuario está acostumbrado a una serie de herramientas: botón para volver, recargar, … Diseña la aplicación teniendo en cuenta que el usuario está acostumbrado a algo y es lo que espera encontrar. El mal uso de Ajax a veces va en contra de esta premisa.
• Las páginas de error no gustan: nada es peor que mostrar uno o dos errores al usuario al mismo tiempo.
• Permite al usuario modificar la interfaz: a todo el mundo le gusta modificar los colores y el aspecto del entorno de trabajo. Que la gente se sienta cómodo con los colores es también algo a tener en cuenta.
• No esperes que los usuarios lean las instrucciones: debido a ello, la interfaz debe ser lo más parecido a lo que se está acostumbrado, para que cuando se encuentren con lo que tienen que hacer sea igual o muy parecido que lo de siempre.
• Mantén al usuario libre de errores: por ejemplo, una página 404 no dice nada, en vez de ello ofrece alternativas.

5 (+3) tips to increase web application usability

SpaceTime - Navegador web en 3D

Space Time permite navegar en un entorno futurista 3D.
Los resultados aparecen como pastillas flotantes que se van viendo al estilo "minority report".

Como desventaja los requerimientos para usarlo correctamente:

OS: Windows 2000, Windows XP or Vista
RAM: 512MB
Graphics Adapter: 128MB plus 3D Capable
CPU: Pentium 4 2.4GHz or AMD 2400xp+
Screen Resolution: 1280 x 1024
Color: 32-Bit True Color
Network Speed: 768 Kbits/sec

Sitio: http://www.spacetime.com
Es distinto, pero dudo de la utilidad...

Libros Gratis - LibrosWeb.es

LibrosWeb.es publica gratuitamente todo el material que utiliza su autor en los cursos que imparte. Además, publica traducciones de libros gratuitos interesantes relacionados con el diseño y la programación web.

Algunos de los libros para descargar:
Introducción a AJAX
Introducción a JavaScript
Introducción a CSS
Introducción a XHTML
web: www.librosweb.es

Accesibilidad, Usabilidad y Estética

Accesibilidad, Usabilidad y Estética

Largo y tendido se ha debatido la relación entre Usabilidad y Estética, discusión principalmente alentada por aquellos que quisieron ver alguna incompatibilidad entre ambos conceptos.

Entre los miembros de la comunidad dedicada a la experiencia del usuario parece ser que finalmente se llegó a un acuerdo: La usabilidad y la estética no tienen por qué estar reñidas. De hecho, como se ha demostrado en diversos estudios - entre ellos Laviea y Tractinsky (2004)-, las interfaces estéticamente agradables son percibidas por el usuario como más fáciles de usar; e igualmente, como sugiere Karvonen (2000), principios de usabilidad como la simplicidad en el diseño representan también una noción estética.

Ese mismo debate, en algunos foros, parece haberse trasladado a la confrontación entre Accesibilidad y Estética. ¿Existe realmente esa tensión entre ambos conceptos?

A esa pregunta intentan responder Petrie, Hamilton y King (2004) en su trabajo “Tension, what tension? Website accessibility and visual design”.
La metodología empleada es la siguiente:

* Análisis de la accesibilidad de las páginas de inicio de 1000 sitios web mediante su comprobación semiautomatizada conforme las directrices WAI
* En base a estos resultados, una muestra representativa de 100 de esos 1000 sitios web, es evaluada con usuarios reales con diferentes tipos de discapacidad

Las primeras conclusiones que obtienen del estudio son en forma de aquellos problemas de accesibilidad y usabilidad que se repiten con más frecuencia:

* Composición visual de la página compleja y desordenada
* Mecanismos de navegación confusos y desorientativos
* Poco contraste de color entre contenido y fondo
* Incompatibilidad de las páginas con navegadores de lectura
* Los textos y los gráficos son excesivamente pequeños para su lectura

Otra de las conclusiones que obtienen es que no existe tal tensión entre diseños visuales sofisticados y estéticamente agradables, y la accesibilidad de esos diseños. Esta afirmación la ilustran con varios ejemplos de la muestra estudiada:

* www.egg.com
* www.ebay.co.uk
* www.oxfam.org.uk

Fuente: Por Yusef Hassan