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

El Sindrome de la página en blanco

Todos nos hemos enfrentado al pánico de empezar un proyecto con una página (o monitor) en blanco al inicio de un proyecto y ninguna gran idea. Hace algunos años alguien pidió ayuda a la lista de correo Graphic Arts. Gunnar Swanson, profesor de diseño, escribió una respuesta que aun conservo en mi archivo, y utilizo a menudo.

La respuesta de Gunnar Swanson:

Asumo que el "Síndrome de la página en blanco" significa parálisis psicológica en las primeras etapas de un trabajo. Mi sugerencia es hacer algo — aunque sea algo malo. Entonces puedes examinarlo y ver porqué está mal y hacer otra cosa y examinarla y ver porqué está mal y hacer otra cosa… y muy pronto estarás haciendo algo bueno.

Si estás en el mero principio de un proyecto, tienes suerte. Es una etapa bastante mecánica. Le preguntas al cliente cosas como "¿Qué estis College of Art andás tratando de decir?" y "¿A quién se lo estás tratando de decir?" Sigue preguntando esas preguntas en diferentes niveles — "¿Cuál es el subtexto de todo esto? ¿Cómo quieres que la gente se sienta?"

El siguiente paso es juntar todo esto como un registro coherente, listando características en orden de importancia ("los criterios del proyecto"). Esto es bueno para que obtengas una visión clara del proyecto, y te permite que tu cliente este de acuerdo con estos criterios, de manera que no te estés matando por hacer algo que a tu cliente no le importa.

El siguiente paso es donde sospecho que estás. Es la fase de "necesito una gran idea". No necesitas una gran idea. Te conviene más tener muchas ideas pequeñas. Un ejercicio que les doy a mis estudiantes usa una retícula. En el eje Y (el lado izquierdo), ennumera palabras clave o conceptos sobre tu proyecto / tema. En el eje X (arriba), haz una lista de cada término que puedas pensar que describa una relación de forma y significado. Llena los cuadrados formados por la retícula con dibujos.

Ejemplo: Tu proyecto es diseñar un logo para un restaurante llamado "La Casa del Perro". Las palabras clave obvias son perro, casa, comida … trata de extender la lista.

Las relaciones de forma y significado incluyen términos de semiótica de Peirce — icono, indice y símbolo. Para simplificar, un icono en este sentido, es algo que se ve como lo que significa (por ejemplo, un dibujo de un perro). Un indice representa una relación física en la que no existe una parecido actual (como humo para un fuego o huellas digitales para una presencia humana). En el caso de "perro" incluiría huellas, un hueso, excrementos, o lo que sea. Símbolo, en este sentido, significa cualquier representación meramente cultural sin una base en la naturaleza (como las formas P E R R O en el caso del perro).

Otra buena fuente de relaciones entre forma y significado puede ser creada por todo lo que tu profesor de literatura trató de decirte cuando no estabas escuchando — metáforas y tropos literarios. Estas incluyen la sinécdoque, que es una metáfora en la que una parte de algo se usa para describir el todo. Por ejemplo, si digo "Al no tener techo, empezó a ganarse el pan a las 15 primaveras", se entiende que a los 15 años empezó a ganarse la vida por no tener casa. (Una sinécdoque de un perro podría ser una cola meneándose.)

Otros tropos incluyen la metonimia (literalmente "cambio de nombre" en griego). Esta incluye reemplazar un trabajador por una herramienta (como la hoz y el martillo soviéticos) y lo opuesto de la sinécdoque. Si digo "Me levanté esta mañana y la ley estaba tras de mi. El FBI me tenía rodeado", es claro que no me refiero a que los códigos penales de los Estados Unidos, el sistema judicial entero y todos sus empleados, todos los edificios y archiveros del FBI… todos estaban a mi puerta. Estoy usando el todo para describir una parte.

Si aprender nuevos términos te da dolores de cabeza, puedes poner en la parte de arriba "grande por chico" "chico por grande" "suena como", y lo que tenga sentido para ti.

Esto puede ser difícil de entender porque solo tiene sentido si lo entiendes. Si sólo vas a hacer parte de esto, la columna "indice" es donde se halla una cantidad tremenda de buenas cosas. Piensa como sabes que algo está ahí sin verlo, qué es lo que indica su ausencia.

La buena noticia es que no tienes que pensar una gran idea. Solo tienes que responder muchas respuestas pequeñas. Puedes encontrar que no hay respuestas para algunas de las preguntas, pero este proceso te dará un banco de imágenes. Si algunas son particularmente buenas o interesantes, ponlas junto con tus palabras y preguntate si el hueso al que llegaste como indice de perro o metonomia de perro vale la pena continuar. Pon "hueso" en la retícula y haz las mismas preguntas sobre el—- cual es el indice del hueso.

Toma este banco de ideas y trata de combinar cada una con todas las demás. Ahora tienes miles de ideas. La mayoría son malas, pero no necesitas mil buenas ideas, solo unas cuantas.

Fuente: Diseñorama.com
Escrito por Gunnar Swanson

Web Developer Toolbar de Chris Pederick

Si es que todavía no sabíais de su existencia, os presento una pequeña (174 Kb) barra de herramientas que es un 'must' para cualquier diseñador o desarrollador Web.


Esta utilidad creada por Chris Pederick desnuda cualquier página web que visitemos, proporcionando una gran cantidad de información de todo tipo : su código HTML, sus hojas CSS, el tamaño de las imágenes, los atributos 'Alt', la información sobre las cookies, muestra las tablas que componen el diseño en diferentes colores, permite validar el código de la página, muestra los diferentes valores de profundidad de las div... y un largo etcétera de información. Realmente una maravilla para todos los que estamos metidos en el mundo de la creación web.

La barra está disponible sólo para los navegadores de la familia Mozilla como Firefox y Flock. El enlace directo para descargar la barra Web Developer es (también con su versión en castellano) :

http://chrispederick.com/work/web-developer/

Si queréis instalarla directamente como una extensión del navegador Mozilla Firefox éste es el enlace :

https://addons.mozilla.org/es-ES/firefox/addon/60

Donde estan mis usuarios? - MyIP.es

MyIP.es es un servicio online que permite solamente ingresando el ip conocer la ubicacion geografica exacta de un usuario. Y MOSTRANDONOS SU UBICACION CON GOOGLE MAP!!
Por ejemplo:

IP País:	Uruguay
IP estado:	Montevideo
IP ciudad:	Montevideo
IP latitud:	-34.8581
IP longitud:	-56.1708
Proveedor:	Administracion Nacional de Telecomunicaciones
Organización:	Administracion Nacional de Telecomunicaciones
netspeed:	Dialup

Link: http://www.myip.es/