Archivo de Enero 2007

Telepizza

30/01/2007

La web de Telepizza es un claro ejemplo de sitio web mal diseñado y planificado, plagado de incongruencias desde el principio.

Para empezar, la página de inicio (index.htm) utiliza una función en JavaScript para redirigir a otra página, sin embargo, con JavaScript desactivado, se muestra un enlace (una imagen, sin texto alternativo) que envía a otra página distinta. Incomprensible. Pego el código fuente de esta página de inicio, omitiendo las partes no relevantes (etiquetas META):

<html>
<head>
<TITLE>Comida a domicilio Madrid, Barcelona,
pizzas - Telepizza</TITLE>
<script>
function init() {
document.location.href=”home/home2.htm”;
}
</script>

</head>


<body bgcolor=“#b31b34″ onLoad=“init();”>
<table width=“100%” height=“100%” border=“0″ cellpadding=“0″ cellspacing=“0″>
<tr>
<td align=“center” valign=“middle”>
<a href=“home/index.htm”>
<img src=“img/telepizza.gif” width=“135″
height=“78″ border=“0″></a></td>
</tr>
</table>
</body>


</html>

En pocas líneas de HTML pueden verse un buen número de chapuzas e incongruencias juntas. Empecemos la disección:


    

  1. No declaran un DOCTYPE. Los navegadores aceptan documentos HTML sin esta declaración, pero no es una forma válida de elaborar un documento HTML.
    2. 

  2. Cuestiones de estilo: mezclan etiquetas HTML en mayúsculas y minúsculas. Ésto es perfectamente legal en la especificación, pero no es nada elegante.
    3. 

  3. La etiqueta <script> es totalmente inválida. Le falta el type=”text/javascript”.
    4. 

  4. La función init() que  declaran es totalmente absurda.  Si lo que quieren es que, nada más cargarse la página, redirigir a otra, ¿por qué no utilizan otra forma más compatilble (un META - Refresh, por ejemplo)?
    
Pero lo realmente absurdo es: ¿por qué tienen una página index.htm si lo que quieren es mostrar otra home/home2.htm? ¿No sería más lógico poner los contenidos de esta home2.htm en el index.htm y dejarse de redirecciones?
    5. 

  5. ¡Argh! Esta gente no sabe qué es CSS ni para qué sirve una tabla: colores de fondo definidos en la misma etiqueta (<body>) y uso de una tabla para mostrar una simple imagen con un enlace centrada en la página.
    6. 

  6. Este enlace apunta a otra página, home/index.htm ¿?
    
¿No debería apuntar a home/home2.htm? ¿En qué quedamos?
    
Resumen: si entramos con JavaScript activado (opción por defecto en la mayoría de los navegadores), iremos a home/home2.htm automáticamente. Si entramos sin JavaScript (navegadores en modo texto, programas rastreadores de la red, navegadores sin JS) no veremos nada más que un enlace a otra página, home/index.htm
    7. 



Estas dos páginas son totalmente diferentes.


home/home2.htm es una página que no tiene ni un sólo texto. Todo lo “interesante” (enlaces a tienda “on-line”, información corporativa, apuntes nutricionales, …) está en un mapa de imagen. Este mapa de imagen no tiene ni una sola etiqueta alt. Parece ser que en telepizza no quieren clientes con problemas de visión. Al menos los enlaces son un poco descriptivos …


Web de telepizza con Lynx Web de telepizza con Lynx (2)


La página home/index.htm es, sencillamente, horrorosa. Está plagada de animaciones en Flash, los textos y enlaces son en realidad imágenes, no puede redimensionarse el texto y depende totalmente de JavaScript para ser visualizada. Por ejemplo, vean el maravilloso formulario de registro, totalmente ilegible si no se utiliza el navegador Internet Explorer o si no se reduce el tamaño de la fuente a utilizar en los formularios:


Formulario de registro


El diseño está mal hecho, una de las animaciones Flash tapa la barra de desplazamiento en el navegador Firefox:


Las animaciones “tapan” la barra de desplazamiento


Como pueden suponer, la página en IE se ve bien.


¿Se han fijado en la anterior captura de pantalla? Ni un sólo texto se puede seleccionar o escalar: todo son imágenes.


Para acabar, vean la obra de arte que han hecho para localizar una tienda telepizza:


Buscador de tiendas    Localizador de tiendas


Además de la tontería del perrito, también se puede cuestionar la usabilidad de la página:

¿Para qué narices me hacen seleccionar la provincia y la localidad si con introducir un código postal ya es suficiente?

Ah, claro, que ellos han pensado que es mejor para el usuario seleccionar provincia, esperar, seleccionar localidad, esperar y seleccionar un código postal. No vaya a ser que no sepamos teclear cinco sencillos dígitos. En fin. Como hagan las pizzas igual que su página web, vamos listos …


									


				
 Escrito en Usabilidad |   2 Comentarios »