Más anti patrones en sitios web

Antes de seguir aclaro que estoy intentando escribir desde el punto de vista de un lector (a ratos sumamente frustrado) de un sitio web. Y lo que escribo no es solo es personal sino que lo he oído de muchas otras personas. Después pondré lo las cosas como deberían ser, pero en esa sí voy a durar mucho más rato. Escribir sobre las cosas malas es mucho más fácil por el simple hecho de que son chocantes.

Perfil del visitante

Voy a suponer el perfil del visitante: una persona que no puede o quiere pagar banda ancha. De hecho, accede a Internet por modem, pagando cada minuto de la llamada telefónica o bien por cada megabyte que descarga. Además tiene un tarro bien viejo, quizá hasta con Windows 98. Para terminar el curioso perfil del visitante este usa un navegador diferente cada día de la semana: IE el lunes, Safari el martes, Opera el miércoles, Chrome el jueves y Firefox el viernes, sábado y domingo. Además a veces accede a Internet mediante su teléfono celular, que no soporta ni Flash, ni Java, ni Javascript.

Sonidos de fondo… NO; a menos que…

Nuestro usuario modelo le gusta abrir pestañas a lo loco. Después de todo hay que celebrar que hasta IE se unió a la revolución pestañezca. Sin embargo, a este señorito le gusta abrir las páginas en segundo plano y ver otra mientras se carga.

Por personas así NO hay que poner ninguna clase de sonido que comience automáticamente. Imagínense una horda de sonidos desagradables saliendo de alguna de las 40 pestañas que tiene abiertas el visitante. Para empeorar la situación el sonido no comienza apenas se crea la pestaña sino mucho después, cuando se logra cargar algo de sonido, por lo que ya no se sabe cual fue la culpable.

Esto se vuelve más desagradable si:

• El sitio web tiene un pésimo ancho de banda y el sonido sale entrecortado (irrita)
• La música es rock pesado o reggaetón o ruidos fuertes. Hay que considerar que la persona puede estar viendo el sitio en cualquier lado, desde la privacidad de su cada hasta la iglesia durante misa (¿? sí lo se, es raro) o en la oficina a escondidas. Música clásica o de bosque es más “neutral”, sin embargo hay que considerar el siguiente punto:
• Imagínense 40 pestañas todas cargando, todas con música y todas entrecortadas. No hay que describir nada más.

En resumen, preferiblemente nunca usar sonidos de fondo. Además tiene sus ventajas:

• Si lo hace el usuario podría odiarlo, si no lo hace nadie lo va a extrañar.
• Va a gastar menos ancho de banda.

Sin embargo se podría hacer si el usuario enciende intencional, deliberadamente y con conocimiento de causa la música y además tiene la opción de apagarla en todo momento. Otro punto importantes es que la música no se active de manera predeterminada.

Imágenes no

Los lectores de pantalla NO pueden leer imágenes. Mientras esta capacidad siga estando en la imaginación de los que planean el proyecto de maestría en Ciencias de la Computación es mejor limitarse a usar texto para las cosas donde debe haber texto.

Un ejemplo de lo que no hay que hacer está por aquí:

la imagen muestra una página de los planes de internet tal como la muestra el navegador Opera en el modo de corrección de etiquetas ALT. Este modo solamente muestra las imágenes SIN un atributo ALT correcto. Como se puede ver toda esa página está hecha de imágenes sin atributo ALT, así que para una persona que requiera de un lector de pantalla para poder leer allí no habrá nada.

Pero siendo realistas, no había necesidad de hacer esa página como una imagen. Todo lo que está ahí se puede duplicar a la perfección con HTML y CSS estándar.

Un buen uso de imágenes sería el siguiente:

Si lee esta página con imágenes podrá ver “Planes de datos para niños”, si desactiva las imágenes verá “Planes de datos para niños”. Genial, ¿cierto?

Flash para cosas que lo ameriten

Adobe hace un uso racional de Flash. Por ejemplo vean aquí: http://www.adobe.com/products/flashplayer/. Sí la mismísima página oficial del producto tiene solamente una animación de flash: un video que es un simple adorno, no es vital para poder acceder a la información de la página.

Por otras partes Adobe hace un uso masivo de Flash: en las demostraciones de lo que Flash puede hacer Adobe hace sitios enteros en Flash, pero está justificado, porque si alguien debe demostrar para que sirve Flash ese debe ser el propio producto.

Sin embargo, Flash para simples botones o sitios web completos (a menos que sean programas web, algo muy diferente) es malo. Es pesado, tiene errores constantes, es demasiado normal que esté mal instalado, etc.

Por supuesto, se podría usar Flash para tonteras varias sin importancia, como el contador de visitas 3D con un mundo que gira (nadie se pierde de nada si no lo ve) o un pez tamagoshi… pero…

Tampoco hay que abusar, Flash ya es por si mismo pesado, y aunque se use para cosas sin importancia igual gasta su cuota de memoria y de uso de CPU. Esto hará que el navegador se vuelva inestable incluso de Chrome y el usuario querrá huir de su sitio. Y sí, tengo pruebas. Con tres animaciones de Flash puede ser suficiente.

¿Sitio web o biblioteca?

Esta es la diferencia entre hacer páginas web o subir archivos PDF. Cada cosa con su cosa.

¡NO MIENTA!

Si no es mentiroso puede saltarse esta parte con toda tranquilidad. O puede leerla y tomar lo bueno, al rato se le ocurre algo interesante.

Sí, todavía hay gente que se atreve a decir que ellos son los únicos capaces de hacer sitios web de calidad. Luego cobran $700 por hacer un sitio web de 30 páginas (cobran por páginas, no por espacio) y cobran unos $500 adicionales si quiere una tienda en línea. O personas que afirman en su sitio web que tienen diseños originales, cuando todo es un plagio de otro sitio web, fácilmente accesible desde alguno de los vínculos.

Ya con Internet los secretos no son tan secretos. Ya sea que usted diga que usted inventó el agua caliente o que plagie una tesis de grado la verdad está a unos segundos con Google, y por los millones de visitas que tiene este buscador creo que usted no es el único que lo sabe usar.

Acuérdese de sus humildes orígenes…

Dicen que los políticos no se acuerdan de cuando tenían que andar suplicando por votos una vez que tienen el puesto que desean.

Pues parece que muchas personas que hacen sitios web de manera profesional se olvidad de la época en que tenían un monitor de 14 pulgadas, un celeron a 466 y 128 de memoria.

La mayoría de las personas no tienen un iMac de 27" con quad-core, así que no hay que abusarse con el ancho de los sitios web, la cantidad de animaciones en flash o el tamaño de las páginas. 1024x768 es como lo que se debe esperar de los visitantes. Por supuesto, hacer temas “líquidos” (con porcentajes y anchos máximos y mínimos) es lo ideal. Lástima que en los nuevos temas de Blogspot aún no implementan eso.