Antitodo Kreativos

Josiah Cole tiene en su web un interesante artículo que resume cuáles han sido muchas de las cagadas, tendencias e “inventos” en el diseño web desde hace unos años.

Particularmente, apoyo cada uno de estos puntos; muchas veces al tratar de evitar estas cosas con los clientes da la sensación de que no queremos o “no sabemos” hacer una determinada cosa, cuando en realidad lo que intentamos es hacer una web de calidad.

Lo que voy a decir a continuación, si a alguien le sienta mal, de verdad que lo he hecho con todo el ánimo de ofender…

Quiero decir que si nosotros somos los profesionales y ellos los clientes, por algo será…

Veamos algunas de estas recomendaciones (traduzco libremente del original, y añado cosas de mi propia cosecha).

1. No cambies nunca el tamaño de la ventana del navegador. Aunque quede muy “cool”, utilizar javascript para maximizar la ventana del navegador u ocultar sus menús de navegación es una intromisión algo ofensiva. Esto es el clásico ejemplo de los sitios de spam, o de las ventanas pop-up de casinos… Si el usuario está viendo una página con el navegador sin maximizar, ¿quién eres tú para obligarle a expandirlo para ver tu “gran” página?
2. No hagas pop-ups en pantalla completa. Hubo un tiempo en que los sitios de Flash utilizaban una home minimalista, con el logo y un texto mínimo, y desde ahí se lanzaba la página principal, maximizada, sin menús, diseñada en Flash (Oh my God!). Eso está más visto que los paraguas, y al hacerlo perderás la posibilidad de que el usuario añada tu página a favoritos (CTRL+B), la imprima (CTRL+P), o simplemente pueda ver la URL de tu página.
3. No hagas una versión Flash y otra HTML para darle al usuario a elegir. Esto también es bastante antiguo. Antes las conexiones no eran tan rápidas, y a veces se hacía una versión banda ancha (Flash), y otra más ligera (HTML). Por si fuera poco, se presentaba la versión de Flash como lo mejor del mundo, la versión que sólo podrían ver los privilegiados que tuviesen RDSI ADSL. La versión HTML era la “purrela” de tu página, algo marginal y vergonzoso, indigno de un buen diseño (incluso la de HTML se diseñaba a posteriori, al ver que había gente que no podía navegar por la de Flash… Seguro que alguien se sentirá identificado con esto, igual que yo). Como la mayoría de las veces Internet se utiliza para vender bienes o servicios, ¿para qué puñetas queremos que el usuario se trague una presentación con Flash y tonterías? ¿No es mejor evitarle esa espera y ofrecerle los productos lo antes posible? Es como si entras al Corte Inglés y te dicen: “Aquí la sección VIP, donde todo el mundo quiere entrar”, y al lado, una puerta cochambrosa con un cartel que ponga “Aquí la sección JAMBRIENTA, donde encontrarás exactamente los mismos productos que en la sección VIP, más rápido, sin distracciones, al mismo precio pero con peor presentación”. Suena un poco tonto, ¿o no?
4. Si tu página está entera hecha en Flash, despide al diseñador. Si el diseñador eres tú, coloca la página en tu portfolio en una sección que se llame “Proyectos carentes de utilidad” (esto ha sido traducción literal). Bueno, algunos cafres todavía continúan realizando webs completas en Flash… y ya sabéis cuáles son los inconvenientes de esto, ¿verdad? Yo a veces flipo cuando los clientes me miran raro por decirles estas cosas, parece que mientras hablo ellos están pensando: “Pero si el Flash es lo mejor del mundo mundial!”. Y yo me digo a mí mismo: “Parece que yo no hubiese hecho ningún trabajo en Flash, nunca!”. El Flash está muy bien para algunas cosas, es más, en determinados proyectos no tiene rival, pero creo que en este punto no hace falta añadir nada, quien todavía albergue algo de esperanza, que me diga la fecha en que San Google será capaz de indexar contenido dentro de archivos de Flash (siempre hay rumores de que es inminente, pero que yo sepa, los ordenadores no son tan listos como para poder leer textos dentro de imágenes de forma automática y fiable). Quien no me crea que se acerque un poquito por la web de Jakob Nielsen.
5. No trates de reinventar la navegación web. Esto es esencial. Nuestra página no va a ser la leche de original porque pongamos el menú en la parte inferior izquierda, ni el logo escondido a la derecha. El usuario está acostumbrado a encontrar los menús y logos en los puntos habituales, no por gusto. De lo contrario, solamente conseguiremos confundirlo y que abandone nuestra página cuanto antes. Poned el menú arriba, a la izquierda, o la derecha (Wordpress), pero no penséis que en otro sitio está más fashion…
6. No metas el texto dentro de imágenes. El contenido es el rey. El autor original del artículo advierte que lo dice sin ánimo de trollear. Viene a decir más o menos lo siguiente: “Hay mucho frustrado diseñador para imprenta que se cree que diseñar para internet es tan fácil como exportar imágenes con el texto dentro.” El texto debe ser texto, y esto lo digo yo. Una web no es un flyer, aunque alguna gente piense que es igual de fácil. Si el texto no es texto, los buscadores ni lo olerán. Los usuarios con problemas de visión tampoco. Los móviles y PDA’s seguramente tampoco… ¿Queréis más razones? Que sí, que con CSS puedes conseguir casi la misma maquetación, con tipo de letra estándar y más usable.
7. Repetid otra vez: el contenido es el rey. Si no tienes texto en la home de tu página, contrata a un copy y despide al webmaster. ¿Por qué no intentas que estas cosas las haga un profesional? También puedes recurrir a los viejos tópicos de “…20 años de experiencia en el sector de…”, “…utilizamos tecnología de última generación…”, “… un nuevo concepto de…”, “…bla bla bla…” y todas esas mierdas que se suelen poner en el “Quiénes somos”. Tengamos en cuenta que las imágenes y el flash que pongamos aquí pasará inadvertido para los buscadores.
8. Si tu página no funciona o no se ve bien en Firefox, ¡bienvenido a 2007, tontolculo!. Esta afirmación podría ser más cierta. Yo diría: “Si tu página no funciona o no se ve bien en los principales navegadores, en los móviles, en las PDA’s, en las PSP, en los smartphones, blackberries, iphones, etc., mejor dedícate a aprender cómo hacer las cosas bien desde el principio”. Digamos adiós a Internet Explorer, es cuestión de tiempo. La versión 7 de IE viene mejorada en cuanto a interpretación de reglas CSS, pero por lo demás es un coladero lleno de bugs y vulnerabilidades. Esto algún día cambiará, hoy por hoy podemos darnos con un canto en los dientes por el porcentaje de usuarios que utiliza Firefox, un 15% frente al 80% de Microsoft. Poquito a poco se irá volviendo la tortilla, ya veréis.
9. El noveno mandamiento es un compendio de pequeños detalles: no utilizar la etiqueta “blink” (parpadear), no utilizar Frontpage ni sus extensiones, no utilizar la etiqueta “marquee” (marquesinas), no utilizar pop-ups (otra vez), no hacer intros en Flash, no utilizar tipografías que no sean estándar (ni aunque le ofrezcas al usuario la posibilidad de descargársela), etc. Básicamente viene a referirse a que si tu producto necesita de intros en Flash o de todas estas mamonadas para resaltar, entonces lo que vendes es una mierda.
10. No pongas al usuario a escuchar tu música por narices. Si te empeñas, lo único que te salvaría de la quema es dar la posibilidad de parar la música, o mejor aún, que la música por defecto esté “off” y tú puedas ponerla sí y sólo si tú quieres. Normalmente los usuarios están escuchando su colección de mp3, o están en el trabajo y no quieren llamar la atención. Si te empeñas, pon una advertencia de que la página contiene sonido. Ah, y lo peor de lo peor es poner un MIDI o un bucle de sonido mal loopeado (esas cosas me hacen vomitar y me provocan diarrea al mismo tiempo).
11. Los botones de navegación, mejor con texto que con imágenes. Volvemos a lo mismo de antes: todo lo que pueda ser mantenido como texto, bienvenido sea. Con CSS puedes hacer botones tan “bonitos” como con el Fireworks, y encima conservarás la utilidad de que en el fondo siguien siendo un texto y los podrás leer desde cualquier navegador o dispositivo.
12. No uses menús desplegables. En su lugar, es mejor pensar previamente la jerarquía de navegación y la organización de contenidos. Normalmente, el uso de menús desplegables confunde al usuario, le desorienta, y en el fondo dice muy poco a favor de quien ha diseñado la página. Su escasa utilidad hace pensar que el desarrollador de la página no planificó correctamente la navegación, y para intentar parchear toda esa marabunta de secciones, subsecciones y categorías, acudió a la gran ayuda de los desplegables. Como mejor ayuda, podéis hacer un “mapa de la web“, que también será muy útil para los buscadores y para darle en la jeta al que hace los análisis de las webs los domingos en el Diario Sur.
13. Si tu página necesita un buscador interno para encontrar correctamente la información, es que algo no funciona. Esto es síntoma de que no has sabido organizar la navegación del sitio, que no es intuitivo, o que te cagas en los clientes por no saber encontrar en tu “gran página” lo que andaban buscando. Los buscadores internos están muy bien para sitios muy extensos, con mucho contenido. Pero si tu sitio es tan extenso como para tener que poner un buscador, asegúrate bien de que todo el contenido está indexado correctamente y accesible desde el buscador.
14. Optimiza la web para que cargue rápido. El factor de velocidad de carga de una página es todavía un factor determinante de cara al usuario. Y no solamente en lo que respecta a imágenes y vídeos. Las páginas hechas en HTML con tablas pesan muchísimo más que las de CSS, y eso se paga caro cuando tenemos muchas visitas. Algunos diarios electrónicos han ahorrado mucha pasta en tráfico y ancho de banda cuando se han pasado a CSS.
15. No escondas tu mensaje, no oscurezcas tus verdaderas intenciones. Básicamente cada sitio tiene un propósito, y es lo que hay que dejar claro cuanto antes mejor, si es posible en la home de tu sitio. El diseño web es como una pizarra en la que escribes un mensaje y marcas un camino determinado (comprar), para que el usuario obediente pulse sobre el botón correspondiente en un plazo de uno o dos segundos. También hay que dejar una puerta abierta a quien entra a tu página para investigar y saber más sobre ti o tu empresa.
16. Si pretendes que el usuario siga una ruta predeterminada para llevarle a alguna página concreta o a la versión demo de tu producto quizá sea hora de que te compres una granja de hormigas para ejercitar tus ansias de controlar voluntades con alguna especie que lo permita. Dale al usuario la posibilidad de escoger. Si tienes una presentación de imágenes, utiliza iconos para que el usuario elija si quiere ver todas las fotos o las que le puedan interesar. Si diseñas un tour virtual, pon botones de adelante/atrás y una tabla previa de contenidos. Si tu propósito es dirigir la visita del usuario, gobernar su voluntad para que visite todas las páginas de tu sitio -aunque sea para obtener más ingresos por publicidad-, entonces te mereces la muerte (un poco radical el muchacho, ¿no?).
17. Si tu página tiene vídeos, olvídate de ofrecer distintos formatos y anchos de banda a voluntad. Quicktime, AVI, Real, WMV […], ADSL, 300k, Modem… No, gracias. Todos estos formatos tienen algo en común: son los perdedores. Flash Vídeo ganó esta batalla hace tiempo, por su compatibilidad. El plugin de Flash es el más usual y fácil de instalar. Pregúntate por qué Youtube, Google y los demás eligieron Flash Video.
18. Mantén las cosas claras, y el interface también. Si en tu interface el usuario necesita poner el ratón encima de un botón o un enlace para ver dónde te llevará si lo pulsa, mejor dedícate a otra cosa: el diseño web no es para tí. Yo añadiría que se deben poner los atributos “alt” y “title” siempre que sea posible. Cuando el enlace abra una nueva ventana, puedes advertirlo con un pequeño icono. Y otra cosa que sigue siendo útil es marcar los enlaces visitados con otro color, que para eso se creó el a:visited.
19. No utilices técnicas y tecnologías nuevas en tu sitio web simplemente porque puedes o porque son novedad. Esto sucedió con Flash, con Java, y ahora está sucediendo con Ajax (yo soy más de Mister Proper, la verdad). Las tecnologías nuevas están muy bien, pero utilízalas sólo si realmente mejoran de algún modo la vida a tus lectores / clientes / usuarios.

Y hasta aquí los 19 mandamientos, por último el autor añade que una vez leído el artículo, puede parecer que el diseño web se está convirtiendo en algo aburrido, conformista y encaminado en una única dirección: vender. Estoy de acuerdo con él, esto es cierto, pero ¿por qué vamos a hacer las cosas mal pudiendo hacerlas bien?

Yo añadiría un último punto:

• No intentes hacerte el original. Las cosas son como son y esto casi siempre tiene un motivo. Cuando alguien te dice: “Yo quiero una página con esto y lo otro… porque además a las empresas de la competencia no se les ha ocurrido”. Respóndele inmediatamente y que deje de fantasear: “¿Y no te has preguntado por qué las demás no lo tienen? ¿Quizá porque no es necesario?”.

Edito: Acabo de ver que en Microsiervos también han hecho su traducción sobre el artículo original.

ADVERTENCIA: Este post puede atraer algunos comentarios HOYGAN

Esta entrada fue publicada el Viernes, 25 de Mayo de 2007 a las 20:39 y está clasificada bajo: Artículos, Diseño web. Puede hacer un seguimiento de los comentarios de esta entrada gracias al feed RSS 2.0. Puede dejar un comentario, o enviar un trackback desde su sitio.