La crueldad de los internautas

En BBC Ciencia, he leído que los usuarios de internet se están volviendo cada vez más impacientes, despiadados y egoístas cuando están navegando en la red, revela un estudio.

El informe anual sobre los hábitos en el uso de internet realizado por el gurú tecnológico Jakob Nielsen muestra que la gente es cada vez menos paciente cuando están en línea. En lugar de pasar el tiempo en los sitios de internet, muchos internautas lo que quieren es simplemente llegar rápido a un sitio, completar una tarea e irse. La mayoría ignora los esfuerzos que se hacen para que se demore más en los sitios y desconfía de las promociones diseñadas para mantener su atención.

Reglas de búsqueda

En cambio, muchos actúan "en caliente" y sólo desean terminar una tarea específica. Para Nielsen, el que quiera superar a Google tiene que crear un mejor sistema de búsquedas. El 75% de la gente logra cumplir lo que quiere al ir a internet, dijo Nielsen. En 1999 esa cifra estaba en 60%.

Hay dos razones que lo explican, indicó el gurú. "Los diseños han mejorado, pero también los usuarios se han acostumbrado a ese ambiente interactivo", señaló Nielsen a la BBC. "Ahora, cuando la gente va a internet sabe lo que quiere y cómo hacerlo", afirmó.

Esto vuelve a los internautas muy resistentes a promociones destacadas u otras opciones editoriales que intentan distraerlos. "Los usuarios de internet siempre han sido despiadados y ahora lo son más que nunca", dijo Nielsen. "La gente quiere sitios que los lleve, sin rodeos, al punto. Tienen muy poca paciencia", señaló. "Creo que los sitios todavía no han apreciado eso", agregó. "Aún sienten que su sitio es interesante y especial y que la gente estará feliz con todo lo que se le arroje".

Dominio de los buscadores

Los internautas también se están frustrando mucho con todas las adiciones, como los "widgets" (artilugios) y las aplicaciones, que se vienen agregando a los sitios para hacerlos más amigables. Tales adiciones sólo están sirviendo para que las páginas se tarden más en cargar, afirma Nielsen. Ha habido también un gran cambio en la manera en que la gente va a los lugares donde puede completar tareas urgentes, señaló el experto:

• En 2004, un 40% de los internautas visitaba una página principal y luego navegaban hacia donde querían ir, y un 60% usaba un vínculo que los llevaba directamente al destino buscado dentro de un sitio.

• En 2008, dijo Nielsen, sólo un 25% de las personas navega a través del "homepage" o página principal. El resto usa el buscador o "search engine" y se va directo a donde quiere.

"Básicamente, los buscadores de internet gobiernan la red", dijo. Pero, añadió, esto no significa que los buscadores estén haciendo un trabajo perfecto. "Cuando observas a la gente buscando algo, con frecuencia ves que no obtiene los resultados que quería", dijo. "En el largo plazo, quien quiera superar a Google sólo tiene que crear un mejor sistema de búsquedas".

Fuente: CosasSencillas

Taller de usabilidad web y diseño de interfaz de usuario

mas información: http://www.cursodeusabilidad.com.ar

Temario: Introducción a la usabilidad y el diseño de interacción

Veremos qué es la usabilidad y para qué sirve. También definiremos qué es la experiencia de usuario (User experience) y su relación con la usabilidad.

Cómo hacer sitios fáciles de usar
Explicaremos la metodología de ciclo de diseño centrado en el usuario, y cómo implementarla en un equipo de desarrollo web.

Principios de diseño web centrado en el usuario
¿Por qué algunos sitios son más fáciles de usar que otros? Veremos principios básicos de diseño centrado en el usuario, principios básicos de usabilidad y lineamientos específicos de usabilidad web (también conocidos como guidelines).

Tríada fundamental de la usabilidad: usuarios + contextos + tareas
La usabilidad de un sitio web es algo relativo y depende de muchas circunstancias. Un diseño que es óptimo en algunos casos, no lo es en otros. No es lo mismo diseñar un sitio para hacer trámites impositivos que un sitio de juegos para chicos. Por eso, para lograr la usabilidad necesaria en cada caso, es necesario que sepamos quiénes serán los usuarios, las tareas que necesitan hacer, dónde, cuándo y con qué tecnología usarán el sitio.

Veremos técnicas para contestar estas preguntas y poder establecer las pautas de usabilidad que debe cumplir nuestro sitio.

Tests de usabilidad con usuarios - Metodologías de testeo: validez vs. costos
Existen varias formas de testear un sitio web para comprobar si es usable. Entre estos métodos, algunos son muy efectivos pero a la vez muy costosos y difíciles de poner en práctica, mientras que hay otros que tienen un nivel de efectividad casi tan alto pero a un costo mucho menor y con menor esfuerzo. Veremos las ventajas y desventajas de cada método.

Selección de usuarios representativos. Incentivos.
Conseguir y seleccionar usuarios representativos para el test es fundamental, ya que sin usuarios no podemos asegurar la usabilidad. Aprenderemos cómo encontrar y seleccionar usuarios de forma simple y efectiva, cómo crear y usar guiones de filtrado, y cómo sacar el mejor provecho de cada usuario. Daremos ejemplos prácticos de uso real de los guiones telefónicos utilizados por expertos para hacer la selección de usuarios.

Tareas a evaluar con el usuario
Al evaluar un sitio web, es fundamental conocer cuáles serán las principales tareas que van a realizar los usuarios y convertirlas en consignas para que los usuarios puedan intentar realizarlas durante el test. Por ejemplo, en un sitio de comercio electrónico, querrán buscar un producto, compararlo con otros similares y comprarlo usando su tarjeta de crédito. Veremos cómo elegir las tareas y redactarlas para probarlas con usuarios durante el test.

Ejercicio práctico: creación de un prototipo para testear
Para probarlo con usuarios, no podemos esperar a tener el sitio web o aplicación terminado ni de invertir el tiempo y dinero necesario para programarlo. Pondremos en práctica una técnica para crear prototipos sin esfuerzo y en muy pocas horas de trabajo, que te permitirá evaluar la usabilidad con usuarios y mejorar el diseño del sitio web hasta volverlo usable.

Ejercicio práctico: test de usabilidad con usuarios
Pondremos en práctica todo lo aprendido realizando un test con usuarios. Aprenderemos cómo llevar adelante un test, qué equipamiento es necesario y cómo sacar el mejor provecho de cada test. Veremos consejos prácticos acerca de los "SI" y los "NO" durante un test con usuarios.

Análisis de resultados del test y conclusiones
Una vez que realizamos tests con varios usuarios, habremos encontrado partes del diseño que funcionan de la forma esperada para los usuarios y partes que no. Tendremos que analizar los resultados para proponer recomendaciones al diseño del sitio web. Veremos distintos métodos para analizar los datos obtenidos.

Presentacion de resultados al cliente o jefe
Tan importante como testear con usuarios y hacer un buen diseño es saber presentarlo a quien tiene la palabra final. Veremos cómo presentar los resultados y el diseño de forma convincente a tu superior o cliente.

Veremos formas de “vender” usabilidad a clientes y jefes.

¿A quién está dirigido este taller?
El taller está dirigido a diseñadores graficos interesados en la web, diseñadores web, diseñadores de interacción, encargados del desarrollo de productos que incluyan a la web como eje, estudiantes de carreras relacionadas con la web y sistemas, profesionales o estudiantes con interés en la usabilidad, el diseño de interacción y la experiencia del usuario web.

No es necesario tener conocimientos de programación ni de diseño gráfico.

Fechas, costo e inscripción
* Fecha: sábado 7 de junio de 2008
* Horario: de 09:00 a 18:30 - 8 Horas en total, con corte para almorzar.
* Lugar: Carlos Pellegrini 739
* Costo: $300 ($280 para estudiantes)

mas información: http://www.cursodeusabilidad.com.ar

Formularios usables: 60 Directrices de Usabilidad

Artículo propiedad de Olga Carreras, publicado originalmente en:
http://olgacarreras.blogspot.com/2007/02/formularios-usables-60-directrices-de.html

Por desgracia, es a menudo el programador quien hace el diseño de los formularios.

Mientras que para el diseño de páginas web se considera necesaria la participación de especialistas en el diseño de interfaces, no ocurre lo mismo cuando debe diseñarse algún formulario.

Es muy habitual considerar que un formulario no es más que el resultado del análisis de datos que debe realizar todo analista o programador.

Lo que se obtiene al final es un formulario que no tiene en cuenta la terminología del usuario y que por lo general guía poco y controla mucho.

[En "Por qué los formularios no se diseñan correctamente" de Josep Casanovas]

Introducción

Ninguna de las 60 directrices es invención mía. Mi labor ha sido únicamente de recopilación y síntexis.

Quizás debería haber justificado la razón de ser de cada directriz, puesto que abundan los que creen saber lo que necesita el usuario, independientemente de lo que digan los estudios de usabilidad, los test de usuario o los expertos en usabilidad.

La usabilidad no consiste en que tú y yo elucubremos tomando un café sobre lo que le va a resultar más usable al usuario. La usabilidad es una disciplina seria.

Sea como sea, como otros antes que yo han explicado muy bien el porqué de estas directrices, aunque sea en diferentes artículos o estudios, me remito directamente a ellos: fuentes del artículo.


60 Directrices para realizar formularios usables

Generales

1. Pida sólo la información absolutamente necesaria.

2. Infiera información a partir de otra disponible.
Por ejemplo, la provincia se puede inferir del C.P.

3. Reutilice los campos cuando sea posible.
Por ejemplo, el email puede servirnos en ocasiones como nombre de usuario.

4. No pida la información dos veces.
Por ejemplo, si el usuario ha rellenado la dirección de facturación, no le obligue a volver a rellenar la dirección de envío si no es necesario, pregúntele si quiere que sea la misma.

Textos

5. Proporcione un título al formulario que exprese claramente su función.

6. Si necesita instrucciones, que sean breves y comprensibles.

7. Utilice una nomenclatura clara y familiar, sin tecnicismos ni extranjerismos.

8. Sea consistente en el uso de los términos.
Es decir, use siempre las mismas palabras para los mismos conceptos.

9. No utilice preguntas complejas ni haga pensar al usuario.

10. Redacte siempre las opciones de forma afirmativa.

Por ejemplo, junto a un check escriba “Deseo recibir el boletín" en vez de "No deseo recibir el boletín".

Organización

11. Organice los campos en una sola columna de datos.

Sin entrar en las razones de accesibilidad que lo justifican (ver "75 Directrices de accesibilidad de Jakob Nielsen") me cuesta muchas discusiones hacer comprender que, apelotonando los datos en la misma línea o colocándolos en varias columnas, se pierde tanto a nivel de usabilidad que no merece la pena el espacio vertical que se gana.

Como siempre, hay muchos contextos de uso y excepciones justificables, como los formularios que se rellenan de forma repetitiva y constante, pero la excepción nunca puede convertirse en norma.

Una sola columna funciona mejor. Los formularios con dos columnas tienen más probabilidades de que los usuarios pasen por alto algunos campos, dado que crean un orden ambiguo de lectura. Sus ojos se moverán hacia donde espera encontrar el próximo campo, que será habitualmente hacia abajo, en vertical. No esperan a que se les indique mediante el parpadeo del cursor dónde mirar.

[En "Formularios largos: ¿una pantalla con scroll o varias páginas?" de Usolab (resumen en español del artículo "Caroline's Corner - Long Forms: Scroll or Tab?" de Caroline Jarrett)]

12. Organice los campos en grupos lógicos, utilizando para ello la mínima cantidad de elementos visuales (evitando así ruido visual).

13. Agrupe, si es posible, los campos obligatorios al comienzo del formulario.

14. Evite fragmentar la petición de información.
Por ejemplo, no pida por separado el tipo de vía, la calle, el número, etc. si no es estrictamente necesario.

15. Proporcione un diseño ordenado, alineando verticalmente todas las etiquetas y todos los campos entre si.

Todos los campos deben estar verticalmente alineados entre sí a la izquierda.

¿Cómo alinear las etiquetas entre sí: a la derecha, a la izquierda o las colocamos encima del campo?

• Si tenemos que rellenar datos que son familiares (y no son muchos): Etiquetas en vertical encima del campo.


• Cuando necesitemos ajustar el espacio vertical: Etiquetas a la izquierda del campo, alineadas a la derecha.


• Hay que ajustar el espacio vertical, y los datos no nos son familiares o son complejos: Etiquetas al lado del campo, alineadas a la izquierda.

"Consejos para el diseño de formularios": resumen en español de las conclusiones de Luke Wroblewski

16. Sitúe las respuestas de los campos radio buttons y check box después de los mismos.
De esta manera se favorece la alineación vertical de todos los controles.

17. Utilice etiquetas estándar para agrupar campos y hacer más manejable la información(OPTGROUP, FIELDSET)

18. Si se utilizan radio buttons o checks box agrupe visualmente de forma clara y unívoca los distintos grupos de opciones.

19. Distinga visualmente los campos deshabilitados siguiendo las normas de facto (poniéndolos en gris claro)

Tipos de campos

20. El tamaño visible de los campos de texto debe corresponderse con la longitud del contenido que ha de introducir el usuario.

21. Homogeneice los anchos de los campos de texto cuando estos sean similares (evitando así ruido visual).

22. Dote a los campos de texto de flexibilidad para que admitan los datos en cualquier formato.

Por ejemplo, un campo para introducir el número teléfono debería admitir paréntesis, guiones, espacios; un campo para introducir importes debería admitir decimales con punto o con coma, etc.

23. Evite el uso de combos.

No las use por ejemplo para seleccionar el país, fecha o profesión a no ser que sea estrictamente necesario, en cuyo caso incluya una opción del tipo “Otros” que pueda englobar casos no recogidos en las opciones proporcionadas.

24. Evite que las combos recarguen la página para rellenar otros campos, pero cuando así sea, asegúrese de que el formulario conserva el mismo estado que tenía antes de recargar la página: con los mismos campos visibles o activos, y con todos los campos rellenos con los mismos datos que antes de la recarga.

25. Si se utilizan combos o radio buttons seleccione siempre una opción por defecto, asegurándose de que sea la más probable.

De lo contrario, el usuario no puede volver al estado inicial del formulario; si es necesario incluya una opción "Ninguna".

26. Si se utiliza un check box para presentar una única opción que no es obligatoria (recibir publicidad, aceptar unas cláusulas) no la marque por defecto.

27. Si se utilizan radio buttons asegúrese de que todas las opciones son claramente excluyentes.

• No los utilice cuando las respuestas sean más de tres y complejas, o más de cinco y simples.
• Siempre que se cumpla la regla anterior, utilice radio buttons en vez de combos

28. Si un radio button tiene más de dos respuestas, colóquelas en vertical, unas debajo de otras alineadas a la izquierda.

Funcionamiento

29. Valore la posibilidad de evitar, mediante JavaScript, que en determinados campos se pueda introducir determinados caracteres.
Por ejemplo, que en el campo DNI sólo se puedan introducir números y letras, haciendo que el resto de caracteres no se puedan teclear en el campo.
[A mí, personalmente, no me gusta esta práctica]

30. No implemente saltos automáticos del foco del formulario.
Por ejemplo, en los campos de cuenta, no haga que el foco se mueva sólo al siguiente campo cuando se ha rellenado el anterior.

Un error típico es introducir el salto automático entre campos de texto consecutivos y hacer innecesario el uso del tabulador.

Aunque este comportamiento puede parecer que facilita la tarea de introducción de datos, no es adecuado porque quita control a los usuarios, no es un funcionamiento estándar y es necesario mirar la pantalla para saber en que campo se está.

Todo ello puede provocar fácilmente errores, como por ejemplo, introducir datos pertenecientes a un campo en el siguiente cuando no se introduce el formato esperado por el salto automático.

[En "Controles de formularios en diseño web, radio buttons, check-boxes..." de Eduardo Manchón]

31. Asegúrese de que la tecla "Intro" realiza la acción principal.

32. Evite, mediante JavaScript, que el usuario pueda impacientarse y enviar dos veces el formulario.

33. Al implementar la validación de los formularios (o al limitar el tamaño de los campos) piense si su formulario puede ser utilizado por usuarios de otros países.

Por ejemplo, el C.P. o el teléfono no tienen la misma longitud en unos países que en otros; por ejemplo, en España hay usuarios que no tienen DNI sino tarjeta de residencia.

Ayudas

34. Identifique claramente los campos obligatorios y los opcionales mediante el literal (Obligatorio) u (Opcional), según si se van a marcar los obligatorios o los opcionales, colocando dicho literal detrás de la etiqueta del campo y por tanto antes del campo.

Para saber si marcar los obligatorios o los opcionales seguir las directrices de Luke Wroblewski:

• Indique los campos obligatorios cuando sean menos que los opcionales.


• Indique los campos opcionales cuando sean menos que los obligatorios.

Para saber por qué poner el texto (Obligatorio) u (Opcional) después del literal y no después del campo, o por qué se debe indicar mediante un texto y no mediante un asterisco, leer "75 Directrices de accesibilidad de Jakob Nielsen"

35. Incluir ayudas breves o ejemplos junto a los campos, pero sólo cuando sea realmente necesario para saber cómo ingresar un dato.

Asegúrese de que al leer en línea estas ayudas o ejemplos se lean antes que el campo, por ello, un buen lugar para colocarlas es encima del campo. Para comprender por qué colocarlas en esta posición leer: "75 Directrices de accesibilidad de Jakob Nielsen"

Botones

36. No incluya un botón "Reset" (es decir, de Limpiar o Borrar el formulario)

37. En los formularios de un sólo paso evite tener un botón "Cancelar" cuya función sea en realidad volver a la página anterior.

38. Distinga entre las acciones primarias y secundarias (volver, imprimir etc.) de su formulario.

Evite las secundarias, pero si ha de incluirlas distíngalas visualmente de forma inequívoca, destacando visualmente las primarias.

Por ejemplo, poniendo las acciones primarias como botones y las secundarias como enlaces.

39. Coloque los botones o enlaces que realizan las acciones primarias (por ejemplo el botón "Enviar") lo más cerca posible del último campo del formulario. No los separé del formulario mediante, por ejemplo, una línea.

40. Dé un nombre adecuado a los botones del formulario, relacionado con su acción y no de carácter general.

Por ejemplo, use "Buscar" en vez de un genérico "Aceptar".

Errores

41. Cuando se produzca un error al rellenar el formulario proporcione en la parte superior del mismo, y con suficiente contraste, un listado de los errores. Por cada error indique qué campo lo ha provocado, por qué motivo, cómo solucionarlo y un enlace al campo.

42. Destaqué los campos que han dado error pero no se base para ello únicamente en el color.
Acompáñelos de un icono de error que aparezca también en el resumen del comienzo de la página.
Repita el mensaje de error al lado del campo para no tener que volver a la lista inicial para saber qué error lo provocó. Ver un ejemplo de cómo mostrar los errores de un formulario.

43. Cuando se produzca un error, el formulario no debe resetearse, es decir, los campos no erróneos deben seguir manteniendo la información en ellos introducida.

44. Redactar claramente los textos de error mediante términos claros, sencillos y no técnicos.
No utilizar mensajes genéricos del tipo “No se ha podido enviar el formulario”.

45. Evite validar los campos uno a uno, cuando pierden el foco, mostrando inmediatamente un mensaje de error al usuario. A los usuarios les incomoda esta práctica.

Feedback

46. Cuando el usuario envíe el formulario, infórmele del resultado de su acción: indíquele si se ha realizado correctamente, qué datos se han enviado, cómo puede ponerse en contacto con los responsables del sitio si ha habido problemas o para hacer un seguimiento del mismo, o cómo puede modificar los datos enviados.

47. Si el proceso de envío es lento, incluya en la página un mensaje de "enviando datos".

Respuesta

48. Informe a los usuarios de por qué deben rellenar el formulario y cuándo y a través de que medio recibirán una respuesta.

49. Si es un formulario de contacto envíe un email automático confirmado que se ha recibido.

50. Si es un formulario de contacto, asegúrese de que la empresa tenga los mecanismos necesarios para responder de forma rápida y adecuada al mismo.

Legalidad

51. Incluya las cláusulas de protección de datos cuando sea pertinente.

Accesibilidad

52. Asocie explícitamente las etiquetas con sus controles mediante LABEL y su atributo "for".

53. Compruebe que el tabulador permite acceder a todos los campos en el mismo orden que el visual.

54. Mejore la experiencia del usuario mediante JavaScript y AJAX pero asegúrese que el formulario funcione correctamente sin ellos.

55. No establezca un límite de tiempo ajustado para complementar el formulario.

Formularios extensos

56. Si los formularios son muy extensos la solución no son las columnas, sino la división en páginas bien rotuladas que indiquen al usuario en que paso está del proceso (por ejemplo Paso 3 de 4).

57. Si el formulario se presenta en varias páginas hay que seguir el lema 1 tema = 1 página.

58. El usuario debe poder volver a los pasos anteriores.

59. No solicite información externa en medio del proceso mediante la abertura de una ventana nueva del navegador.

60. Evite la utilización de pestañas para crear formularios de varias páginas.

Fuentes

"Best Practices for Form Design" de Luke Wroblewski
"Formularios usables" de Javier Cabrera
"Usabilidad al diseñar formularios de contacto" de Reynier Matos Padilla
"Formularios" en desarrolloweb.com
"Directrices de usabilidad para el diseño de formularios" de Josep Casanovas
"Controles de formularios en diseño web, radio buttons, check-boxes..." de Eduardo Manchón
"El principio de Visibilidad y el de Guiar en lugar de controlar: ¿son incompatibles? " de Josep M. Junoy
"Formularios en la web, recomendaciones generales de diseño" de Eduardo Manchón
"Usability and HTML Forms" de Andrew Starling
"Reset and Cancel Buttons" de Jakob Nielsen
"Checkboxes vs. Radio Buttons" de Jakob Nielsen
"Should I use a drop-down? Four steps for choosing form elements on the Web" de Sarah Miller and Caroline Jarrett
"Caroline's Corner - Long Forms: Scroll or Tab?" de Caroline Jarrett
"Simplified Form Errors" de Adam Kalsey
"Developing an Online Form" de usability.org
"Usabilidad y Accesibilidad de sitios web. Lista de comprobaciones" del Laboratorio Aragonés de Usabilidad

Esos típicos errores

Desgraciadamente no siempre se hace el trabajo sin cometer errores, en mi trabajo he estado al lado de profesionales muy capaces, sin embargo, con el tiempo me he dado cuenta que los mismos errores se repiten una y otra vez, si pudieramos tener un postit al lado de nuestro monitor con un listado como este, creo que cometeríamos varios errores menos, se los dejo:

1. No leer lo que publicas
   Eres diseñador, estamos claros, hay un periodista para hacer los contenidos, OK. Pero aún así, lee todo lo que colocas, no importa si no lo escribiste tú. Si hay errores evidentes, no dudarán en culparte (y en parte, tendrán razón).
2. No leer los mails enteros
   Cuando te llegue un mail con requerimientos, leelo ENTERO (incluyendo los forwards), entiéndelo, si hay cosas que no entiendes pregúntalas inmediatamente, tu cliente estará gustoso de notar que su requerimiento es tomado en cuenta lo antes posible.
3. No tomar los requerimientos
   Hazte cargo de lo que te piden, no dejes nunca cosas en el aire, si hay algo que no te corresponde hacer o te faltan materiales para hacerlo, hazlo saber a tu superior. No lo dejes volando.
4. No revisarlo entero
   Revísalo TODO, no porque una botonera vincule bien, significa que todas vinculen bien, no porque tu sitio se vea bien en tu equipo significa que está listo, dedica tiempo a revisar tu trabajo.
5. No usar lo que haces
   Me ha tocado ver a varios (me incluyo) diseñando cosas que nunca han probado, si diseñas una interfaz… ponte del lado del usuario, no pienses como diseñador, actúa como usuario, luego vuelve a pensar como diseñador.
6. Ser creativo sólo por serlo
   La creatividad es una herramienta de la comunicación, establece tus objetivos y trabaja en función de conseguirlos, no porque seas un “creativo” debes hacerlo todo basado en metáforas. A veces con ser directo y simple, cumplirás tus objetivos.
7. Ser desordenado
   Diseñar y producir implica tener una pasión por el orden, establecer metodologías y mecanismos de orden en tu trabajo te ayudará a simplificar tareas mecánicas y dedicarle tiempo a tareas creativas.
8. Decir que algo está listo cuando aún no lo está
   He visto a varios responder a la pregunta ¿está listo el encargo? con un rotundo si. Aunque la verdad sea que aún faltan minutos para terminar ese trabajo. Sincera tus plazos, si algo no está listo, no lo está. Si hay algo que lo está demorando… manifiéstalo. Lo peor es decir que algo está listo cuando falta algo por hacer.
9. No avisar cuando algo está listo
   Terminaste? lo revisaste? lo leiste? lo probaste?, OK entonces ahora avisa a quien corresponda que tu trabajo está listo, hazlo por un medio escrito para que quede registro de la entrega (fecha y hora) sólo en ese momento puedes empezar a olvidarte de ese encargo.

Fuente: http://www.digilicious.cl/2008/02/18/esos-tipicos-errores/

La Web 2.0, reñida con el diseño

Jakob Nielsen, gurú de la usabilidad, opina que la Web 2.0 hace que las empresas descuiden los principios del diseño.

La usabilidad y el diseño pensado en el usuario son conceptos que hay que tener siempre presentes, pero los sitios basados en el concepto de la Web 2.0 no tienen en cuenta estos principios. Al menos, esa es la opinión de Jakob Nielsen, experto en usabilidad y diseño.

Nielsen alerta sobre la moda del 2.0, que lleva a las empresas a descuidar los principos del diseño web desarrollados en la última década, del que él propio Nielsen ha sido fervoroso divulgador desde su página web. Llenar los sitios de herramientas personalizadas conlleva el riesgo de imitar los sitios "llamativos pero inútiles" que proliferaron en los momentos álgidos de la burbuja puntocom: sitios como el paradigmático Boo.com, de apariencia atractiva pero nula usabilidad.

Toda página web debe tener en cuenta cuando menos una serie de principios básicos: facilidad de uso, buenas herramientas de búsqueda, texto sin jergas, tests de usabilidad y tener en cuenta el diseño antes incluso de empezar a progamar. Desgraciadamente, Nielsen opina que la fiebre por sumarse al vagón 2.0 lleva a muchos a dejar de lado estos principios.

Para Nielsen, el problema no es el concepto en sí de la Web 2.0, es decir, la idea de comunidad, el contenido generado por los usaurios y las páginas más dinámicas y activas. El error está en colocar estos elementos por encima del diseño, otogarles el protagonismo cuando deberían ser elementos secundarios.

Por último, Nielsen se plantea incluso la utilidad de adoptar tecnologías 2.0, teniendo en cuenta que recientes estudios demuestran que el porcentaje de usuarios activos que contribuye con sus propios contenidos es mínimo: apenas el 10% (de los que sólo el 1% lo hace regularmente), frente al 90% que no aporta nada. Para la mayoría, Internet es una herramienta, no una meta. Por este motivo, Nielsen cree que es un error que las empresas diseñen para ese grupo minoritario, a costa de convertir la web en mucho menos usable para la gran mayoría.

Fuente: http://www.baquia.com/noticias.php?id=12366

El éxito de You Tube y los blogs prueba el valor de la simplicidad

Jakob Nielsen es uno de los hombres que más ha influido en la construcción de Internet tal y como la conocemos, pues ha marcado las tendencias de diseño seguidas por los principales sitios web.

Todas sus teorías giran en torno a la sencillez para lograr que el usuario pueda encontrar lo que busca de un vistazo, y sepa manejarse en el sitio desde el primer momento que accede a él. El éxito de los blogs y de sitios como YouTube, que han democratizado la publicación de contenidos en Internet, vienen a confirmar las teorías de Nielsen, quien impartirá el próximo 4 de noviembre una conferencia en Barcelona, organizada por su consultora especializada en usabilidad.

P:¿Qué tres errores debería evitar a toda costa cualquier página web?

R: Lo opuesto a las tres características que mencioné como ejemplo de buena usabilidad:

(a) Navegación difícil y una organización de la información confusa que se estructure de acuerdo con los criterios de la compañía en vez de pensar en el usuario. Esto dificulta encontrar cualquier cosa en un sitio web y hace que la gente desista rápidamente.

(b) Un contenido maketiniano (escrito en lenguaje de marketing, disfrazando las palabras y ensalzando al máximo las bondades de los productos) pero pobre en información específica que los clientes quieren. Por ejemplo, un sitio que no muestra el precio entre las primeras cosas.

(c) Transacciones complicadas que exigen al usuario seguir muchos pasos para conseguir sus objetivos. Por ejemplo, un sitio de comercio electrónico que requiere del usuario que se registre, elija un nombre y una contraseña antes de poder echar un vistazo. Imagina que la tienda de la esquina te pediera una contraseña antes de venderte un tomate.

P ¿Qué páginas web resaltaría usted como ejemplos de usabilidad a imitar?

R: Casi todos los grandes websites son buenos ejemplos de usabilidad: Google, Yahoo, eBay. Amazon.com, Craigslist. Se han visto forzados a ser buenos porque era la única forma en que podían hacer crecer su base de usuarios.

Desgraciadamente, hoy, no creo que Amazon.com sea un gran ejemplo de usabilidad. Insertan demasiadas características en sus páginas. Este diseño funciona bien para Amazon porque es una compañía conocida donde la gente ha comprado muchas veces en el pasado. Para Amazon es probablemente más importante ofrecer muchas opciones a usuarios experimentados que atraer a nuevos usuarios. Pero la mayoría de los websites sólo tiene una pequeña fracción de los clientes a los que potencialmente podrían dar servicio, por lo que deberían todavía dar aún mayor prioridad a la simplicidad para los nuevos usuarios.

P¿Sigue manteniendo que los usuarios leen un 25% más lentos en las pantallas de ordenador ahora que la mayoría ya usan los 1024 píxeles?

R: La lectura en las pantallas de los ordenadores ha mejorada alrededor un 8%, pero no es mucho teniendo en cuenta que los monitores son más grandes. El uso de monitores de pantalla plana y de la tecnología de fuente como ClearType en Windows XP y Vista que resaltan los caracteres han sido los principales motores de esta mejora.

Las pantallas más grandes tienen la ventaja de que los usuarios pueden explorar a través de más opciones sin hacer scrolling y esto acelera la interacción. Sin embargo, necesitamos monitores que sean mucho más grandes que 1024x768 píxeles para que en un pantallazo tengamos más información que una página de periódico.

En fin que todavía es más lento utilizar los ordenadores que el papel y de hecho, los usuarios prefieren no leer textos muy largos online.

P: Cada vez se usan más videos e imágenes en los sitios web. ¿Cree que esta tendencia contradice su teoría de la simplicidad?

R.: Es posible usar tanto fotos como vídeos y tener un sitio sencillo. Las pautas originales de la usabilidad en el entorno Web de 1994 son muy negativas en lo que se refiere al uso de gráficos y vídeos, en la medida que las imágenes grandes tienen un tiempo de descarga mayor y que los vídeos se visualizaban mal en ventanas del tamaño de un sello, que eran lo último hace un tiempo. Ahora un mayor ancho de banda y una mejor tecnología de vídeo permiten utilizar más este tipo de medios. Esto no cambia el hecho de que deberíamos utilizarlos de una forma razonable. Las páginas repletas de vídeos sólo funcionan para sitios específicos de vídeos y no para sitios web de instituciones públicas o de empresas.

P.: ¿Cree que las redes sociales, donde los usuarios son los propios creadores de contenido, deberían seguir las reglas de simplicidad?

R.: Es verdad que hay mucho contenido generado por los usuarios, y que el crecimiento de este contenido prueba definitivamente el valor de la simplicidad, porque la explosión de escribir en Internet tiene su origen cuando los servicios de los weblog se hicieron sencillos así como la explosión del vídeo se produjo cuando YouTube facilitó colgar vídeos en Internet. Todo esto fue posible en el pasado pero, con una menor usabilidad, de forma que muy poca gente contribuyó a su contenido.

Lo que es más cuestionable es cuánta gente utiliza el volumen de contenido generado por el usuario. La mayor parte de este contenido no genera en realidad mucho tráfico porque es demasiado caótico y no es lo suficientemente interesante para otros usuarios. Si alguien quiere generar tráfico a sus contenidos, entonces ellos tienen que seguir las pautas de la usabilidad, al igual que lo hace cualquier otro sitio web. Pero si te conformas con llegar a tus cinco mejores amigos, entonces, la usabilidad no es importante: ellos ya te conocen y entienden la información, incluso si no es comprensible para los nuevos usuarios.

P.: ¿Qué tendencias van a marcar el futuro de Internet?

R.El usuario móvil será importante. Admito que llevo diciendo esto desde hace varios años y el usuario móvil de servicios web es todavía una pequeña parte. La tecnología ya casi está, con las redes 3G suficientemente rápidas y algunos smartphones. Lo que faltan son los buenos servicios que hayan sido diseñados específicamente para los usuarios móviles. No podemos coger un sitio web ya establecido y acceder a él a través del teléfono; necesitamos versiones más reducidas de los sitios que sólo se centren en aquellos servicios que son más útiles para el usuario móvil.

Fuente: ElPais.com

No todos son iguales, pero hay que saber elegir

En el camino de los negocios conocemos cantidad y diversidad de clientes, personas, proveedores, que como seres humanos y empresas, tienen diferente ideología. Nos encontramos con clientes buenos, y otros no tanto.

De una experiencia desagradable que tuvimos con una empresa, aprendimos varios puntos importantes que debemos tomar en cuenta antes de enredarnos en un contrato para prestar nuestros servicios.

1. Historial de la empresa: Es el punto más importante, hay que investigar el historial de la empresa para ver si es confiable, si ha tenido problemas con clientes pasados y que tal anda su “reputación” dentro de su giro. Si nos enteramos que tienen un historial no muy agradable o malo, pensemos realmente si nos traerá beneficios. En ocasiones es mejor alejarnos porque podremos perder mucho más.

2. El contrato: Es de vital importancia que nuestro contrato sea, concreto, claro y que tenga fechas en las cuales vamos a terminar de prestar los servicios, fechas de pago y por supuesto tener una taza de interés por pago atrasado, esto para “presionar” a la empresa a que pague a tiempo.

3. Las llamadas telefónicas: Es importante estar al tanto de las actividades de la empresa con regularidad, llamar una vez por semana para preguntarles que les ha parecido el servicio y cuando podemos pasar por el pago siguiente. Nunca confiar demasiado y dejar pasar hasta la fecha acordada. Puede ser que la empresa desaparezca de un momento a otro sin avisar.

4. Hacer citas: Para ir a recoger un cheque o el efectivo, es de gran importancia hacer citas, de no ser así podemos perder mucho tiempo y dinero en dar vueltas que no servirán de nada

5. Ser paciente: No desesperarnos si a la segunda llamada no nos han pagado, probablemente tuvieron problemas, pero si se atrasan 2 semanas entonces las cosas cambian, sin embargo es muy importante no perder la cordialidad, suele suceder que ya estamos artos de llamar y no recibir una respuesta válida, pero recordemos que la reputación y la imagen de nuestra empresa está en juego si perdemos la paciencia y les gritamos en la cara lo malos que han sido. Ahora que si pasan 3 meses y no hay respuestas, mejor llamamos a un abogado o un policía para que vayan con nosotros por el pago.(Es broma…pero podría ser)

6. Y la más importante. Retroalimentación: Al término del contrato, debemos evaluar si realmente queremos continuar prestando servicios a la empresa, si nos costó trabajo cobrar los cheques, si fueron amables, etc. Suele pasar que una empresa es muy mala con los pagos, y al término del contrato nos solicitan otros servicios nuevamente, y esta vez de una suma interesante, hay que pensar si realmente nos conviene continuar o mejor despedirnos cordialmente. Por lo general nunca cambian.

Conocimos a una de las empresas más irresponsables del estado, tuvimos la oportunidad de ver como empresas nacionales, les gritaban en la cara lo malos que eran. Con decirles que tardamos casi un mes en cobrar un saldo de $450.00 PESOS. Eso nos pasó por no investigar, pero aprendimos que los puntos ya mencionados son importantes al momento de hacer negocios con cualquier empresa.

No todo lo que brilla es oro.

Fuente: http://www.closip.com/blog/noticias/2008/01/17/no-todos-son-iguales-pero-hay-que-saber-elegir/

Contrato de diseño web

Si eres desarrollador web ¿cuantas veces has tenido la necesidad de hacer un contrato de desarrollo de sitio web? esto es algo muy necesario para evitar malos entendidos y formalizar la relación con el cliente. Yo antes cada contrato lo hacía diferente y sinceramente sin respaldo legal.

Existe un proyecto dentro del sitio de ley en línea llamado El Contrato de Desarrollo de Sitio Web este es un proyecto abierto que acepta opiniones para mejorarlo ya que cuenta con un wiki y está publicado con licencia Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 Mexico License el autor de este contrato es Jorge Ringenbach sin duda este proyecto va ser de muchísima utilidad para muchos desarrolladores web.

Lo que no sé es si este contrato tenga validez completa en otro país que no sea México porque en la sección de resolución de controversias dice que se somete a la legislación vigente de la ciudad de México.

Descarga el contrato de Desarrollo de Sitio Web, visto en Maestros del Web

Descarga alternativa.

Fuente: http://www.carlosleopoldo.com/post/contrato-de-diseno-web/

Color, arquitectura y estados de ánimo

Descargar documento en formato pdf

1. Introducción

El color en las artes es el medio mas valioso para que una obra transmita las mismas sensaciones que el artista experimento frente a la escena o motivo original; usando el color con buen conocimiento de su naturaleza y efectos y adecuadamente será posible expresar lo alegre o triste, lo luminoso o sombrío, lo tranquilo o lo exaltado, etc.

Nada puede decir tanto ni tan bien de la personalidad de un artista, del carácter y cualidades de su mente creadora como el uso y distribución de sus colores, las tendencias de estos y sus contrastes y la música que en ellos se contiene.

El color en la arquitectura y decoración se desenvuelve de la misma manera que en el arte de la pintura, aunque en su actuación va mucho mas allá porque su fin es especialmente especifico, puede servir para favorecer, destacar, disimular y aun ocultar , para crear una sensación excitante o tranquila, para significar temperatura, tamaño, profundidad o peso y como la música, puede ser utilizada deliberadamente para despertar un sentimiento. El color es un mago que transforma, altera y lo embellece todo o que, cuando es mal utilizado, puede trastornar, desacordar y hasta anular la bella cualidad de los materiales mas ricos.

El color, como cualquier otra técnica, tiene también la suya, y esta sometido a ciertas leyes, que conociéndolas será posible dominar el arte de la armonización, conocer los medios útiles que sirven para evitar la monotonía en un combinación cromática, estimular la facultad del gusto selectivo y afirmar la sensibilidad.

El hogar de nuestros días no solo requiere color para embellecer y animar, sino color que resuelva las necesidades psicológicas de quienes vivan con el. La elección del color esta basada en factores estáticos y también en los psíquicos, culturales, sociales y económicos.

El nivel intelectual, el gusto de la comunidad, la localización y el clima también influyen en la elección del esquema y asimismo la finalidad o propósito de cada pieza. Pero entre todos estos factores del color, quizás sea el mas importante el psicológico, ¿por qué nos alegra, inquieta, tranquiliza o deprime un determinado conjunto o combinación cromática?

Un ejemplo: El color de un edificio es como el envase o presentación de un producto que actúa en estimulo de la atención y para crear una primera impresión, favorable o negativa.

Los colores del interior deben ser específicamente psicológicos, reposados o estimulantes porque el color influye sobre el espíritu y el cuerpo, sobre el carácter y el animo e incluso sobre los actos de nuestra vida; el cambio de un esquema de color afecta simultáneamente a nuestro temperamento y en consecuencia a nuestro comportamiento.

El color es luz, belleza, armonía y delicia de la vista, pero es sobre todo, equilibrio psíquico, confort y educacion

Resumen:

1. Introducción
2. El Color
3. Clasificacion de los colores
4. Armonización de los colores y su búsqueda
5. Contrastes-la interacción del color
6. El campo de los colores es tridimensional
7. Cualidades Tonales
8. Los elementos de la escala
9. Experimentación en niños en relación a la forma y el color
10. La significación del color: semiótica y teoría del color
11. Psicología del color
12. Cromoterapia
13. Esplendor de la naturaleza
14. La vista y los colores
15. Los colores como tratamiento
16. Cromoterapia Ambiental
17. Cromoterapia y elementos
18. Colores y personalidad
19. Test de los colores
20. Arcana simbología de los colores
21. Policromía arquitectónica: posturas teoricas de los siglos XIX y XX
22. Color y arquitectura
23. Selección del color
24. Ideas para esquemas
25. El Color En La Industria
26. El ambiente visual
27. El color en la clínica mira
28. El color: un componente de cualificación y significación del ambiente urbano
29. El color en el medio ambiente como código social popular
30. Propuesta
31. Bibliografía

Descargar documento en formato pdf

Fuente: http://www.monografias.com/trabajos5/colarq/colarq.shtml

El significado de los colores

1. Introducción:
   

   Como ya hemos descrito en Los Colores, el color es una parte del espectro lumínico, y, al fín, es energía vibratoria.

   Y esta energía afecta de diferente forma al ser humano, dependiendo de su longitud de onda (del color en concreto) produceindo diferentes sensaciones de las que normalmente no somos conscientes.

   Pero la gente que trabaja en agencias de marketing y publicidad, los asesores de imágen de empresa, los diseñadores industriales y de moda, etc., son bien conscientes de ello, y utilizan los colores para asociarlos coherentemente al tipo de producto que quieren hacer llegar.

   Y la cosa, como no podría ser de otra forma, funciona. Desde hace años se han hecho todo tipo de pruebas para analizar las sensaciones que sugieren los colores y hay bastante bibliografía al respecto.

   ¿Y qué es un sitio web sino un escaparate personal, de empresa, de comunidad, etc.? Además de muchas otras funciones que cada sitio pueda tener, ante todo intenta comunicar. Y lo hace con palabras, con imágenes y, en primera instancia, con colores.

   Y cuando un sitio web está diseñado por profesionales con sólidos conocimientos de diseño gráfico, normalmente las pautas seguidas con los colores no son aleatorias.

   Vamos a mostrar a continuación las propiedades de los colores básicos generalmente aceptadas. Puede haber discrepancias según autores, pero en lo fundamental, prácticamente todos están de acuerdo.

2. El significado de los colores:

   
   

   Blanco:

   • El blanco se asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Se le considera el color de la perfección.

   • El blanco significa seguridad, pureza y limpieza. A diferencia del negro, el blanco por lo general tiene una connotación positiva. Puede representar un inicio afortunado.

   • En heráldica, el blanco representa fe y pureza.

   • En publicidad, al blanco se le asocia con la frescura y la limpieza porque es el color de nieve. En la promoción de productos de alta tecnología, el blanco puede utilizarse para comunicar simplicidad.

   • Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imagenes vestidas con ropas blancas.

   • El blanco se le asocia con hospitales, médicos y esterilidad. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud.

   • Es un color apropiado para organizaciones caritativas. Por asociación indirecta, a los ángeles se les suele representar como imagenes vestidas con ropas blancas.

   • A menudo se asocia a con la pérdida de peso, productos bajos en calorías y los productos lácteos.

   Amarillo:

   • El amarillo simboliza la luz del sol. Representa la alegría, la felicidad, la inteligencia y la energía.

   • El amarillo sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscular. Con frecuencia se le asocia a la comida.

   • El amarillo puro y brillante es un reclamo de atención, por lo que es frecuente que los taxis sean de este color en algunas ciudades. En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebés lloran más en habitaciones amarillas.

   • En exceso, puede tener un efecto perturbador, inquietante. Es conocido que los bebés lloran más en habitaciones amarillas.

   • Cuando se sitúan varios colores en contraposición al negro, el amarillo es en el que primero se fija la atención. Por eso, la combinación amarillo y negro es usada para resaltar avisos o reclamos de atención.

   • En heráldica el amarillo representa honor y lealtad.

   • En los últimos tiempos al amarillo también se le asocia con la cobardía.

   • Es recomendable utilizar amarillo para provocar sensaciones agradables, alegres. Es muy adeecuado para promocionar productos para los niños y para el ocio.

   • Por su eficacia para atraer la atención, es muy útili para destacar los aspectos más importantes de una página web.

   • Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que no es muy recomendable para promocionar productos caros, prestigiosos o específicos para hombres. Ningún hombre de negocios compraría un reloj caro con correa amarilla.

   • El amarillo es un color espontáneo, variable, por lo que no es adecuado para sugerir seguridad o estabilidad.

   • El amarillo claro tiende a diluirse en el blanco, por lo que suele ser conveniente utilizar algún borde o motivo oscuro para resaltarlo. Sin embargo, no es recomendable utilizar una sombra porque lo hacen poco atrayente, pierden la alegría y lo convierten en sórdido.

     • El amarillo pálido es lúgubre y representa precaución, deterioro, enfermedad y envidia o celos.
     • amarillo claro representa inteligencia, originalidad y alegría.

   
   

   Naranja:

   • El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alrgría, el sol brillante y el trópico.

   • Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo.

   • Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el naranja no es un color agresivo como el rojo.

   • La visión del color naranja produce la sensación de mayor aporte de oxígeno al cerebro, produciendo un efecto vigorizante y de estimulación de la actividad mental.

   • Es un color que encaja muy bien con la gente joven, por lo que es muy recomendable para comunicar con ellos.

   • Color cítrico, se asocia a la alimentación sana y al estímulo del apetito. Es muy ádecuado para promocionar productos alimenticios y juguetes

   • Es el color de la caída de la hoja y de la cosecha.

   • En heráldica el naranja representa la fortaleza y la resistencia.

   • El color naranja tiene una visibilidad muy alta, por lo que es muy útil para captar atención y subrayar los aspectos más destacables de una página web.

   • El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alrgría, el sol brillante y el trópico.

     • El naranja oscuro puede sugerir engaño y desconfianza.
     • El naranja rojizo evoca deseo, pasión sexual , placer, dominio, deseo de acción y agresividad
     • El dorado produce sensación de prestigio. El dorado significa sabiduría, claridad de ideas, y riqueza. Con frecuencia el dorado representa alta calidad.

   Rojo:

   • El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, la determinación, así como a la pasión, al deseo y al amor.

   • Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.

   • Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.

   • Trae el texto o las imagenes con este color a primer plano resaltándolas sobre el resto de colores. Es muy recomendable para connminar a las personas a tomar decisiones rápidas durante su estancia en un sitio web.

   • En publicidad se utiliza el rojo para provocar sentimientos eróticos. Símbolos como labios o uñas rojos, zapatos, vestidos, etc., son arquetipos en la comunicación visual sugerente.

   • El rojo es el color para indicar peligro por antonomasia.

   • Como está muy relacionado con la energía, es muy adecuado para anunciar coches motos, bebidas energéticas, juegos, deportes y actividades de riesgo.

   • En heráldica el rojo simboliza valor y coraje. Es un color muy utilizado en las banderas de muchos países

   • El color naranja tiene una visibilidad muy alta, por lo que es muy útil para captar atención y subrayar los aspectos más destacables de una página web.

   • El naranja combina la energía del rojo con la felicidad del amarillo. Se le asocia a la alrgría, el sol brillante y el trópico.

     • El rojo claro simboliza alegría, sensualidad, pasión, amor y sensibilidad.
     • El rosa evoca romance, amor y amistad. Representa cualidades femeninas y pasividad.
     • El rojo oscuro evoca energía, vigor, furia, fuerza de voluntad, cólera, ira, malicia, valor, capacidad de liderazgo. En otro sentido, también representa añoranza.
     • El marrón evoca estabilidad y representa cualidades masculinas.
     • El marrón rojizo se asocia a la caída de la hoja y a la cosecha.

   Púrpura:

   • El púrpura aporta la estabilidad del azul y la energía del rojo.

   • Se asocia a la realeza y simboliza poder, nobleza, lujo y ambición. Sugiere riqueza y extravagancia.

   • El color púrpura también está asociado con la sabiduría, la creatividad, la independencia, la dignidad.

   • Hay encuestas que indican que es el color preferido del 75% de los niños antes de la adolescencia. El púrpura representa la magia y el misterio.

   • Debido a que es un color muy poco frecuente en la naturaleza, hay quien opina que es un color artificial.

   • El púrpura brillante es un color ideal para diseños drigidos a la mujer. También es muy adecuado para promocionar artículos dirigidos a los niños.

     • El púrpura claro produce sentimientos nostálgicos y románticos.
     • El púrpura oscuro evoca melancolía y tristeza. Puede producir sensación de frustración.

   Azul:

   • El azul es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad.

   • Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno.

   • Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. Es un color fuertemente ligado a la tranquilidad y la calma.

   • En heráldica el azul simboliza la sinceridad y la piedad.

   • Es muy adecuado para presentar productos relacionados con la limpieza (personal, hogar o industrial), y todo aquello relacionado directamente con:

     • El cielo (líneas aéreas, aeropuertos)
     • El aire (acondicionadores paracaidismo)
     • El mar (cruceros, vacaciones y deportes marítimos)
     • El agua (agua mineral, parques acuáticos, balnearios)

   • Es adecuado para promocionar productos de alta tecnología o de alta precisión.

   • Al contrario de los colores emocionalmente calientes como rojo, naranja y amarillo, el azul es un color frío ligado a la inteligencia y la consciencia.

   • El azul es un color típicamente masculino, muy bien aceptado por los hombres, por lo que en general será un buen color para asociar a productos para estos.

   • Sin embargo se debe evitar para productos alimenticios y relacionados con la cocina en general, porque es un supresor del apetito.

   • Cuando se usa junto a colores cálidos (amarillo, naranja), la mezcla suele ser llamativa. Puede ser recomendable para producir impacto, alteración.

     • El azul claro se asocia a la salud, la curación, el entendimiento, la suavidad y la tranquilidad.
     • El azul oscuro representa el conocimeinto, l integridad, la seriedad y el poder.

   
   

   Verde:

   • El verde es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura.

   • Tiene una fuerte relación a nivel emocional con la seguridad. Por eso en contraposición al rojo (connotación de peligro), se utiliza en el sentido de "vía libre" en señalización.

   • El verde oscuro tiene también una correspondencia social con el dinero.

   • El color verde tiene un gran poder de curación. Es el color más relajante para el ojo humano y puede ayudar a mejorar la vista.

   • El verde sugiere estabilidad y resistencia.

   • En ocasiones se asiocia también a la falta de experiencia: "está muy verde" para describir a un novato, se utiliza en varios idiomas, no sólo en español.

   • En heráldica el verde representa el crecimiento y la esperanza.

   • Es recomendable utilizar el verde asociado a productos médicos o medicinas.

   • Por su asociación a la naturaleza es ideal para promocionar productos de jardinería, turismo rural, actividades al aire libre o productos ecológicos.

   • El verde apagado y oscuro, por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.:

     • El verde "Agua" se asocia con la protección y la curación emocional.
     • El verde amarillento se asocia con la enfermedad, la discordia, la cobardía y la envidia.
     • El verde oscuro se relaciona con la ambición, la codicia, la avaricia y la envidia.
     • El verde oliva es el color de la paz.

   
   

   Negro:

   • El negro representa el poder, la elegancia, la formalidad, la muerte y el misterio.

   • Es el color más enigmático y se asocia al miedo y a lo desconocido ("el futuro se presenta muy negro", "agujeros negros"...).

   • El negro representa también autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.

   • En heráldica el negro representa el dolor y la pena.

   • En una página web puede dar imágen de elegancia, y aumenta la sensación de profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya que disminuye la legibilidad.

   • Es conocido el efecto de hacer más delgado a las personas cuando visten ropa negra. Por la misma razón puede ayudar a disminuir el efecto de abigarramiento de areas de contenido, utilizado debidamente como fondo.

   • Es típico su uso en museos, galerías o colecciones de fotos on-line, debido a que hace resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes.

   • Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.

3. Tabla de propiedades de los colores
   
   En la siguiente tabla vamos a resumir, para los principales colores, qué simbolizan, así como su efecto psicológico o acción terapéutica, tanto en positivo, como en negativo:
   
   
4. Tabla de sensaciones:
   Ahora vamos a plantear el ejercicio inverso: supongamos que estamos diseñando un nuevo sitio web. Y supongamos que en determinadas situaciones queremos sugerir, promover determinados sentimientos entre nuestros visitantes. En la siguiente tabla esquematizamos como:
   
   

Fuente: http://www.webusable.com/coloursMean.htm

¿Que quieres transmitir con tu web? Los colores te ayudarán

La programación web no es más que otra forma de vender un producto que has de hacer llegar a los ojos de los clientes y enamorarlos en la primera impresión. Por ello además de tener en cuenta una estructura idónea y adaptada al rango de usuarios a los que va dirigida es importante a la vez que interesante tener en cuenta los colores que vamos a usar en nuestros proyectos.

Los colores es lo segundo que nuestro cerebro capta despues de la estructura, por ese motivo hemos de pensar muy a conciencia que colores usar para vender nuestro producto. Al igual que colocamos en la parte superior el título de nuestra página para que sea lo primero que vea nuestro usuario, hemos de pensar en el conjunto y crear un estructura homogenea que transmita unos sentimientos al usuario.

Los colores nos afectan psicológicamente y producen ciertas sensaciones, y esas hemos de aprovecharnos de dichas sensaciones para conseguir nuestro objetivo, hemos de tener en cuenta que la asociación de colores es algo cultural, por lo tanto tenemos que tener cuidado con que elegímos, ya que podemos causar el efecto inverso al que queremos provocar. Por ese motivo hemos de conocer nuestro ratio de mercado y a quien vamos a dirigir nuestro sitio web.

Para empezar deberemos saber que cada color ejerce sobre una persona 3 efectos:

1. Impresión: llamamos la atención del usuario.
2. Expresión: conseguimos transmitir una emoción por lo comentado anteriormente.
3. Construye: dotamos de significado, convertimos en un simboló.

Colores y sensaciones

• Rojo: Culturalmente asociamos rojo con pasión ardiente, sexualidad, erotismo… aunque también con peligro, error. Hemos de tener cuidado con que tipo de rojo usar ya que producen efectos agresivos. Jugando con las tonalidades más claras de este color podemos aportar un toque sensual a nuestro sitio web.
• Anaranajado: Representa la alegría, la juventud, el calor, el verano,… causa optimismo, seguridad y confianza. Ayuda a disminuir la fatiga, es ideal para lugares donde se ha de transmitir mucha información.
• Amarillo: El color más luminoso, es el color de la luz del sol. Provoca buen humor y alegría, estimula la vista y el sistema nervioso. Está vinculado a la actividad mental y la inspiración creativa ya que despierta el intelecto, de ahi que se use para indicar alerta. (offtopic: ¿Nunca habeis probado a estudiar con una hoja amarilla debajo de los apuntes? Se queda todo más fácil :D).
• Verde: Simboliza esperanza, es un color hipnótico, relajante, ayuda a controlar el insomnio, la fatiga,… Ideal para contrarestar los colores más cálidos.
• Azul: Es el más sobrio de los colores fríos, transmite seriedad, confianza y tranquilidad. Se el atribuye el poder para desintegrar las energías negativas. Favorece la paciencia la amabilidad y serenidad, aunque la sobreexposición al mismo produce fatiga o depresión. También se aconseja para equilibrar el uso de los colores cálidos. Ideal para ambientes que inviten al reposo.
• Púrpura: Asociado con el misterio, la intuición y la espiritualidad este color ayuda a disminuir la angustia, las fobias y el miedo.
• Blanco: La pureza por excelencia, paz, alegría y pulcritud, aunque en los paises islámicos simboliza la muerte.
  
  
• Negro: El color más oscuro solo puede transmitir dolor, tristeza, melancolía y irritabilidad. Denota poder, misterio y estilo.
• Gris: Puede expresar elegancia, respeto, desconsuelo, vejez y aburrimiento, es un color neutro que no influye en los otros colores.

Conociendo ya el significado de los colores, solo nos queda unirlos de una forma equilibrada y homogenea para transmitir una sensación que el usuario perciba de forma inconsciente, de esta forma tendremos un punto más para conseguir que vuelva.

Fuente: http://www.anieto2k.com/2006/09/23/%c2%bfque-quieres-tranmitir-con-tu-web-los-colores-te-ayudaran/

¿Así que usas Flash?, entonces te odio

A lo largo del tiempo he notado como en ambientes profesionales relacionados a Internet (Dicese de donde no hay lusers alrededor) los desarrolladores de Flash somos lapidados sin piedad cada vez que entramos en tema de discusión.

Vamos a especificar un caso puntual; la comunidad del software libre.
Si alguno de ustedes es asiduo a sitios como barrapunto o slashdot (Donde los comentarios obtienen puntaje de -1 a 5 siendo los de 5 los que mas aporten a la noticia) verán que cuando se publica una noticia donde el titulo incluya Flash o Macromedia aparecen de 1 a 10 mensajes con puntaje 5 mencionando las razones de porque Flash debe desaparecer de la faz de la tierra; si bien, muchos comentarios mencionan cosas falsas, algunos se basan en lo que se ve en la web comúnmente.
Con esto no digo que todos sean malos, casi siempre hay un (1) comentario bueno resaltando las capacidades que tiene Flash; pero muy pocas personas, sobre todo de un mundo donde Flash no existe aun como entorno de desarrollo (Linux, BSDs excepto OSX, etc) conocen lo que realmente puede hacer si es bien empleado y lo juzgan por lo que se ve. (para la muestra, un comentario altamente punteado con algunas mentiras obvias)

Flash como tal empezó como simplemente un software de animación vectorial con algunas acciones básicas y se ha convertido en lo que es ahora, un entorno multimedia de desarrollo de todo tipo de trabajos que requieran integración de medios interactivos de fácil distribución multiplataforma; desde animaciones para televisión hasta Rich Internet Applications para Intranets o aplicaciones web (uff, si me acordara de esto cada vez que voy a iniciar un curso de Flash) y es precisamente eso; sus inicios, lo que lo tienen marcado de nacimiento.

Dame click, dame click, a mi a mi a mi

La mayoría de power users de cualquier sistema operativo tiene bastante experiencia con la web; alguna vez navegó con Internet Explorer y odia los popups emergentes y la publicidad intrusiva en un banner de 640x480 que te meten en la mitad del contenido de una pagina para que hagas click de manera mas efectiva
En que estará hecho este banner... ¿Como puedes hacer una súper animación que incluya todo tipo de efectos raros, sonido, bitmaps y la foto de tu perro, en menos de 30Kb? Si dijiste Flash, has acertado.

El odio a Flash inicia desde los banners, la gente no los quiere (Y no los querrá y se acabo) así que si hacemos el silogismo

XXX odia los banners
En FLASH están hechos los banners
Por lo tanto XXX odia FLASH

No digo que sea malo hacer banners; digo que si es malo meter publicidad intrusiva y encima abusar de flash para ello

Neo: Ya se animar; Morpheus: Muéstrame

Si eres novato en Flash seguramente lo primero que aprenderás es animación, seguro que luego aprendes a publicar para la web y seguro que haces una megaINTRO para tu web con muchos bonitos colores y animaciones shape morph(Interpolación de forma) por montón; ahora claro, avanzas un poco mas, aprendes a hacer botones y mejoras la experiencia de tu usuario metiendo un botón Skip Intro

No lo hagas y de hecho, repite después de mi esta lista

• Un intro es malo
• Un intro es malo
• Un intro es malo

Si tienes una animación de intro en tu web, repetirás estas tres sabias frases todas las noches antes de dormir.

Hace poco hablamos de eso en el foro y a partir del estudio encontramos que son los defensores del arte los que sostienen la utilidad, belleza y funcionalidad de estas animaciones.
El diseño no es un arte como tal (Si quieres arte, DeviantART) y tomando frases de un compañero del foro, un diseño debe ser funcional, usable y practico, ahora, si encima es bonito, pues tanto mejor, un buen diseño.
Las intro no aportan nada, son aburridas después de la primera vez, casi siempre (casi) son pesadas y te dejan como tonto pensando que esperaste todo eso para ver los bonitos colores animados y al fin entrar a la web; no te engañes, una intro solo sirve para aumentar ego de diseñador (Ahm todos la van a ver, MWAHAHAHA), pero no para que tus usuarios se queden un poco mas

¿Y el espacio que sobra?, pero si no sobra nada!

Popups y fullscreen son palabras que el colectivo de power users relaciona con Flash Developer; si no, solamente miren cualquier pagina web de la película de turno y verán que, después de una intro de 1Mb, te abre un popup con la información de la película

¿Es tan difícil hacer un fondo presentable para una web en Flash?; ¿Es necesario arruinar la experiencia del usuario con un intrusivo popup que te quita las barras de navegación?, ¿Tan poco éxito quieres tener con tu web?

El usuario no pidió que le abrieran una nueva ventana (una mas de tantas), esto es incomodo, ¿Y si el quería seguir navegando en la ventana donde estaba? O peor aun ¿Si usa un navegador de verdad y esta usando pestañas? Acabas de arruinar por completo su experiencia (Y la imagen de tu web de paso)

No solo eso, sino que le quitas al usuario dos elementos claves, la barra de dirección y las herramientas de navegación. ¿Qué de malo tiene que se vea la URL?, ¿Qué de malo tiene poder usar el botón Atrás?

Pero también tenemos la práctica mas maligna de todas... fullscreen

Imagina que estas trabajando en tu PC y de repente tu pantalla queda en blanco absoluto, pasan 35 segundos de desesperación donde, si eres un usuario común, ya oprimiste reset y si no, esperaste mientras intentabas con desesperación dar click en las esquinas tratando de cerrar, minimizar o lo que fuera
Al fin carga algo, parece una web (Una cuya imagen tu mente no olvidara, ya sabes, resentimiento) y sin importar lo que tenga adentro buscas algo similar a Cerrar; al fin, has podido recuperar el control de tu PC, pero esta experiencia te ha marcado toda la vida y solo recuerdas en una esquina un logo que decía Hecho en Flash

Espero que los amantes del arte de la web nos comprendan, NO A LOS POPUPS, no a los Fullscreen

¿Y si animo el logo? ¿Y si animo las noticias? ¿Y si animo la botonera?

Que el logo tiene una animacioncilla divertida, esta bien, siempre y cuando no sea fastidiosa a la vista y en lo posible no sea animada todo el tiempo
Que las noticias van animadas en un scroll ... ¿Quieres que se lean o que el usuario haga ejercicios oculares?
¿Qué has animado hasta la foto de tu jefe pasando de un lado a otro de la web?; es cierto que Flash es poderoso en la animación; pero no tienes que abusar; una web es una web, hecho en Flash no implica que todo deba ser animado; piensa en lo que te fastidiaría si no conocieras el contenido y quisieras leerlo, piensa en tu usuario, no en ti.


En las manos de los Flashers del mundo esta quitarnos la mala fama que tenemos; en tus manos esta difundir la palabra, en nuestras manos esta educar al newbie en el camino de la fuerza y no dejarlo tomar el sendero del lado oscuro

La web debe ser agradable para todos.

Fuente: http://www.cristalab.com/blog/1531/asi-que-usas-flash-entonces-te-odio

Posicionamiento y XHTML

Algo casi imprescindible hoy en día para mejorar nuestro posicionamiento en
buscadores consiste en transformar nuestros viejos documentos HTML a XHTML.

Puede que parezca una tarea larga y tediosa y que nos de pereza por ello, pero vamos a ver a continuación que es bastante fácil. ¡A lo mejor tus páginas ya son casi XHTML y no te habías dado cuenta!

¡Ah! otra cosa más. Si todavía no dispones de ningún sitio web, entonces no tienes ninguna excusa. Para los nuevos sitios es casi una obligación empezar utilizando XHTML, ya que aseguraremos una mayor compatibilidad con todos los navegadores y mejoraremos las posibilidades de aparecer en las posiciones más altas de los buscadores.

¿Qué es el XHTML?
XHTML, al igual que HTML, es un estándar prupuesto por el W3C y basado en XML. Desde que nació el HTML ha habido una invención constante de nuevos elementos (etiquetas o atributos) para ser usados dentro de HTML, lo que ha provocado grandes problemas de compatibilidad entre las distintas plataformas. El XHTML es una "reformulación del estándar HTML" que pretende conseguir que todos los documentos web sean compatibles en cualquier navegador de cualquier dispositivo.

Pero... ¿por qué XHTML ayuda al posicionamiento web?
Pues la respuesta es sencilla. Utilizando XHTML conseguimos que el código de nuestras páginas web sea mucho más sencillo, limpio y claro para los robots de los buscadores.

Si además utilizamos hojas de estilo CSS para todo lo referente a la presentación, el código de nuestras páginas será todavía mucho más limpio, tendrá bastantes menos etiquetas y atributos con lo que habremos aumentado el porcentaje de palabras clave y habremos reducido, por tanto, el peso la páginas y el tiempo de carga.

Características del XHTML

• Todos los nombres de etiquetas y sus atributos deben estar escritos en minúsculas.
  
• Los valores de los atributos deben ir siempre entre comillas.
  
• Todas las etiquetas de apertura y cierre tienen que estar anidadas correctamente.
  
• Todas las etiquetas deben tener su correspondiente etiqueta de cierre. Los elementos que estén vacíos deben tener también etiqueta de cierre o terminar con />
  
• Atributos como selected o checked tienen que escribirse de forma completa: selected="selected" y checked="checked" (Ya no se permiten este tipo de abrebiaturas).
  
• Los documentos XHTML deben incluir obligatoriamente una declaración de tipo de documento justo antes del nodo raíz.
  
• El elemento raíz será obligatoriamente y tendremos que declarar también obligatoriamente el namespace usando el atributo xmlns:

Y ahora que ya lo he modificado todo, ¿cómo compruebo que está bien?
Una vez que hayáis hecho los cambios pertinentes en el código de vuestras páginas, podéis validar el código en la siguiente URL que nos brinda el W3C: http://validator.w3.org/

Y cuando lo tengáis todo listo podéis añadir un icono en vuestra web como el que tenemos en esta (a la derecha, justo debajo de la barra lateral), para indicar a los visitantes que vuestro sitio cumple con el estándar XHTML 1.0 del W3C.

Fuente: http://www.locualo.net/programacion/posicionamiento-xhtml/00000017.aspx

La importancia creciente de la accesibilidad de sitios web

Resumen: El numero de personas que acceden a servicios a través de internet crece cada día. Un porcentaje creciente de estas sufre limitaciones bien por su edad avanzada o por sufrir algún tipo de discapacidad para la realización de sus actividades cotidianas (oir, ver, hablar, valerse por sí mismo). Si al diseñar sitios web nos olvidamos de estas personas, las estamos discriminando. Por otra parte, el acceso a servicios de internet desde contextos y dispositivos variados (TVi, Wireless, PDAs), nos obliga a diseñar pensando en facilitar el acceso a la información de este público.

Limitaciones que podemos encontrar y su traslación al diseño web

Físicas:
Discapacidades visuales: (Ceguera total a parcial; daltonismo; visión borrosa...). Internet es un medio fundamentalmente visual y basado en texto e imagen. Ello no impide que personas con discapacidades visuales accedan a los contenidos de un sitio web mediante otro tipo de dispositivos, Voz, Braille.

Discapacidades motrices: (Parkinson, artritis, esclerosis múltiple, parálisis...) impiden el manejo de dispositivos estándar como teclados, ratones. No tienen porqué tener o ser capaces de usar un teclado o un ratón ya que existen otros tipos de dispositivos de acceso a la información como pueden ser los navegadores basados en voz.

Discapacidades auditivas: (sordera total, parcial) En algunos sitios web, es importante el sonido. Algunos tipos de sorderas impiden la audición de señales y pitidos del sistema.
Discapacidades cognitivas y de lenguaje: (Dislexia, dificultades para recordar, resolver problemas, limitaciones sensoriales, de comprensión del lenguaje)

Para estas personas, una maquetación compleja o un exceso de información en los sitios web puede causar un bloqueo mental, por ello es importante una presentación limpia y clara de la información a incluir en cada documento.

Discapacidades relacionadas con la edad: Desde pérdida de visión a deterioro de las capacidades auditivas, pasando por la pérdida de capacidades motoras y de coordinación debido a enfermedades como artritis, parkinson, etc.

De entorno: Al diseñar sitios web, no se está en el mismo entorno en el que será utilizada la aplicación en la que estamos trabajando, por ello, es importante ponerse en el lugar de nuestro usuario y su entorno de acceso ya que puede encontrarse en un entorno ruidoso, como un lugar público, o realizando otras tareas simultáneamente como atender un teléfono o conducir (en este último caso, que implica la seguridad de las personas, ponerse en este lugar del usuario es un punto crítico).

Técnicas:
Están relacionadas con el equipo con el que accede un usuario a internet. Dispositivos de acceso a la información:
- Navegadores antiguos
- Sistemas operativos diferentes Dispositivos de visualización
- pequeños (PDA, teléfono móvil)
- Pantalla en modo "sólo-texto" - Profunidad de color (VGA) - Resoluciones Conexión: - Mala conexión a Internet


Consecuencias de la NO ACCESIBILIDAD de un sitio web

Cuando afectan a las capacidades físicas, podrían resumirse en una sóla palabra: discriminación.

• No acceso a información relacionada con el empleo: empleados minusválidos que no pueden realizar su trabajo en la empresa por tener una intranet inaccesible; aplicaciones de empresa.
• No acceso a información sobre actividades cívicas y relacionadas con el ejercicio de los derechos ciudadanos.
• No acceso a programas educativos.
• No acceso al comercio en la red.
• No acceso a información general de la Web.
• Y en general, cierto estado de desconexión e incomunicación.

Para evitar esta situación, la Comisión Europea puso en marcha la iniciativa "eEurope - Una Sociedad de la Información para todos" (8 de diciembre de 1999). "Con la iniciativa eEurope se pretende que Europa pueda explotar sus puntos fuertes y superar los obstáculos que aún se oponen a la asimilación de las tecnologías digitales, a través de la consecución de tres objetivos clave:
Conseguir que todos los ciudadanos, hogares, escuelas, empresas y administraciones estén conectados a la red
Crear en Europa una cultura y un espíritu empresarial abierto a la cultura digital
Garantizar que la sociedad de la información no se traduzca en exclusión social."

En EE.UU. existe legislación federal que siguiendo las recomendaciones de la Web Accesibility Initiative (WAI), comisión de expertos del W3C, persigue la adopción de medidas de usabilidad y accesibilidad en el desarrollo de sitios web para facilitar el acceso a la información a todas las personas independientemente de sus capacidades físicas o dispositivos de acceso.

A través de la Sección 508 requiere a las Agencias Federales que desarrollen sus aplicaciones de forma que resulten accesibles para personas con discapacidades. Para ello, el Center for Information Technology Accommodation (CITA), de la Administración de EE.UU. ha sido encargado de la formación de los empleados federales para permitir el desarrollo de estas aplicaciones accesibles. Para lograr estos puntos, el WAI, como organismo dependiente del W3C, responsable de la instauración de estándares en la red, publica sus recomendaciones de estándares a adoptar por los profesionales del desarrollo web basándose en 5 puntos clave:

Tecnología
Guías y pautas
Herramientas
Educación
Investigación y desarrollo

Estos estándares se agrupan en:

Guías de Accesibilidad a Contenido Web 1.0: Dirigidas a la realización de sitios web accesibles para personas con discapacidades.

Guías de Accesibilidad para Herramientas de Publicación 1.0: sirven para guiar a los desarrolladores web en la utilización de herramientas de producción de contenidos para que estos sean accesibles.

Guías de Accesibilidad para Dispositivos de Acceso 1.0: Su utilidad es mostrar como hacer accesible la información a diferentes navegadores y reproductores multimedia y otros dispositivos de tipo asistivo.

El 5 de mayo de 1999, el W3C eleva formalmente Guías de Accesibilidad a Contenido Web 1.0 a recomendación, consistiendo en 14 pautas a seguir al desarrollar un sitio web:

I.- Ofrecer alternativas al contenido visual y auditivo
II.- No apoyarse únicamente en el color y comprobar que tanto textos como gráficos son comprensibles cuando se visualizan sin color.
III.- Utilización adecuada de hojas de estilo y marcadores Marcando los documentos con los elementos estructurales apropiados y controlando la presentación con hojas de estilo en vez de con elementos y atributos de presentación.
IV.- Identificar el lenguaje natural utilizado en cada documento, para facilitar la pronunciación o interpretación de texto abreviado o extranjero.
V.- Creación de tablas de contenido cuya transformación sea adecuada mediante marcadores que permitan su transformación a través denavegadores accesibles y otras aplicaciones de usuario.
VI.- Ofrecer medios alternativos a las últimas tecnologías Asegurar que los documentos son accesibles incluso cuando el dispositivo de acceso no soporta o tiene desactivadas las últimas tecnologías.
VII.- Permitir que el usuario controle las variaciones sobre contenidos basados en tiempo como animaciones, secuencias de diapositivas, etc. Este control se traduce en la posibilidad de detener, actualizar, dichos contenidos.
VIII.- Asegurar la accesibilidad del interfaz de usuario independientemente del dispositivo de acceso.
IX.- Diseñar con independencia del dispositivo utilizando características y estándares que permitan activar o desactivar elementos de la página a través de diversos dispositivos de entrada.
X.- Utilizar soluciones transitorias que permitan el acceso de dispositivos antiguos como navegadores de versiones antiguas y otras plataformas.
XI.- Apoyarse en tecnologías y pautas W3C o proporcionar versiones alternativas allí donde las pautas W3C no sean aplicables.
XII.- Proporcionar contexto y orientación a la información a través de elementos complementarios que permitan la comprensión de documentos complejos. (Títulos, navegación...)
XIII.- Ofrecer mecanismos claros y consistentes de navegación que apoyen al usuario en su tarea de encontrar información.
XIV.- Asegurar que los documentos sean claros y simples para una comprensión más fácil.

Conjuntamente a estas 14 pautas, el WAI ofrece unas reglas conjuntas que permiten la aplicación concreta de cada una de estas pautas y las agrupa en 3 niveles de prioridad.

Prioridad 1: Los desarrolladores de contenido web DEBEN satisfacer estos puntos o el contenido será inaccesible para algunos usuarios.

Prioridad 2: Los desarrolladores de contenido web DEBERIAN satisfacer estos puntos o el contenido podría resultar inaccesible para algunos usuarios.

Prioridad 3: Los desarrolladores de contenido web PUEDEN satisfacer estos puntos o el contenido puede presentar problemas de accesos para algunos usuarios.
Según el nivel de adhesión a estas prioridades, el WAI recognoce 3 niveles de conformidad para lo que permite la inclusión de un logotipo (no verificado por W3C en cuanto a su veracidad) indicando el nivel de conformidad alacanzado.

Nivel "A" (A): incluye los puntos de verificación de prioridad 1.
Nivel "Doble A" (AA): incluye las prioridades 1 y 2.
Nivel "Triple A" (AAA): incluye las prioridades 1, 2 y 3.

Cómo comprobar la accesibilidad de un sitio web

Servicios de validación automática de páginas web Se trata de servicios de acceso on line, que permiten el acceso a nuestro sitio web presentando el código validado según los estándares especificados. Bobby: desarrollado por CAST (Center for Applied Special Technology).

Aplicación que realiza un análisis en tiempo real de la página solicitada generando una nueva página donde se marcan de manera gráfica los fallos de accesibilidad y los elementos incorrectos o no estándar de HTML. Validador del WAI: Sirve para la detección automática de etiquetas no estándar de una página web para la versión seleccionada de HTML.

NetMechanic: Validador on line de código HTML. Verifica el código de un sitio web generando un reporte a través de email.

Listas de comprobación y autoevaluación (Checklists) Web Page Accessibility Self-Evaluation Test de la Diversity Management Directorate (Public Service Commission de Canadá), mediante este test de autoevaluación, se puntúa la accesibilidad de un sitio web basándose en las respuestas a un cuestionario acerca de los diferentes puntos de accesibilidad de la página.

HTML Author Checklist de la WAI.

Comprobación con varios navegadores y dispositivos Este punto es básico. Adicionalmente, la WAI y muchos otras organizaciones recomiendan la verificación de la accesibilidad de los sitios web mediante:

Navegador "sólo-texto" (Lynx o NetTamer) Ver a través de un emulador Lynx

Navegador basado en voz (PwWebSpeak)

Navegador estándar con:
Gráficos y multimedia desactivados
Sonido desactivado
Sin ratón
Resolución de pantalla en VGA
Distintos modelos y versiones de navegadores estándar como Explorer y Microsoft, Opera..., o incluso Mosaic

Fuente. http://www.alzado.org/comentarios.php?id_art=2
Autor: Luis Villa
Esta obra fue publicada por su autor bajo Licencia Creative Commons