DWUG

La segunda parte del tutorial se centrar? en un caso prá?ctico: Utilizar selectores combinados para crear diferentes estilos para los enlaces Seguir leyendo

En este segundo articulo complemento de la charla del pasado dia 1 de Octubre, comentaremos algunos aspectos interesantes del uso de selectores multiples y combinados en CSS. Esta primera parte ser?e?a. Seguir leyendo

Detectar el idoma del sistema en la primera visita, guardar el idioma seleccionado y crear un men?e nos permita redireccionar al visitante de nuestra p?na usando algunas de la caracteristicas de Flash MX 2004 Seguir leyendo

Este es el primero de los res?tes resultantes de la conferencia que el grupo celebr? d?1 de Octubre. Seguir leyendo

Algunos est?ares se van perfilando en las web. En este art?lo se presentan ejemplos de hacia donde va la web y hacia donde no. M?que est?ares, este art?lo hace un repaso por algunos de los aspectos que predominan en los proyectos web exitosos.

Ninguno es de obligado cumplimiento, pero si tu sitio no sigue alguna de estas premisas preg?te si tienes una buena raz?ara ello. (por Eduardo Manch?!–more–>

Areas que requieren registro

Se ha convertido un est?ar que la primera opci?ostrada m?visible es la dedicada a usuarios no registrados y la secundaria a los ya registrados.

Los usuarios no registrados tienen prioridad por tres razones:

• Para el sitio es cr?co ganar nuevos usuarios
• Si el nuevo usuario ve claras las ventajas del registro a priori, no se dar?e alta
• El usuario registrado ya est?amiliarizado con el proceso y sin mirar va directo a introducir su usuario y contrase?/li>

Ejemplos correctos prioridad usuario no registrado: Correo Yahoo, Gmail y la Caixa.
Ejemplo incorrecto prioridad usuario ya registrado: BBVAnet.com

Acciones que pueden requerir registro

Cuando el usuario quiere realizar una compra, el proceso l?o es que primero se le pidan los datos para realizar la transacci? al final los datos para el registro. Este est?ar tiene ventajas:

-Tiene m?sentido para el usuario que al empezar se le hable de datos de su compra, no se le pidan contrasenas ni otros datos personales.
-Se pueden reaprovechar muchos datos para el registro posterior que entonces es mucho m?ligero y r?do.

Proceso centrado en la compra, objetivo del usuario: Casa del Libro donde primero se completan todos los datos de la compra.

Proceso centrado en registro, objetivo del sitio: Fnac donde antes de conocer los costes totales se le pide introducir el n?o de tarjeta de cr?to

Publicidad en formato texto

La publicidad en formato texto es la que mejor funciona y la que tiene mayores tasas de click-through. Por el contrario los banners animados es la publicidad menos efectiva.

El NYTimes usa publicidad en formato texto y banners gr?cos, pero sin animaci?

Tampoco en Amazon, ni en Yahoo se ven im?nes animadas, ni pop-ups o pop-unders a?omunes en la web en espa? Si estos grandes sitios han renunciado a los ingresos millonarios de este tipo de publicidad seguramente existe una buena raz?

Se puede entender que algunos sitios que viven casi exclusivamente de la publicidad (ElMundo.es) vendan el formato a quien lo prefiera, pero es una paradoja que Iberia use banners graficos animados para sus propias promociones internas, cuando es un formato que da problemas.

En el caso de Iberia las promociones van rotando y es necesario recargar la home varias veces hasta que vuelve a aparecer la promoci?ue a uno le interesa. Ser?mucho m?util para los usuarios y efectivo para Iberia, mostrar un listado de trayectos en oferta o de ultima hora en formato texto en la home.

Romper el efecto cabecera

Los usuarios nunca miran en la cabecera porque no esperan encontrar nada de utilidad all?Por esta raz?os grandes sitios evitan crear el efecto de “franja” de cabecera con el logo y los colores corporativos.

Yahoo, Amazon, Ebay, Google… usan logos peque?y evitan los colores intensos de fondo en sus cabeceras, para que no se vuelva invisible al usuario. De este modo la cabecera se convierte en una zona ? para situar links.

Por el contrario las cabeceras corporativas tipo “franja” como las de Fnac o BSCH, son ignoradas por los usuarios y quedan convertidas en ?as muertas.

Eliminaci?e ?as fijas de navegacion

Mantener fija un ?a o men? navegaci?s un derroche de espacio. La saturaci?e un largo listado de v?ulos quita visibilidad a las opciones realmente importantes para el usuario.

El lugar natural donde ver y acceder a todos los contenidos del sitio es la home, el usuario ya conoce esto, no hay que repetir los accesos en todas las p?nas.

El caso correcto: en esta p?na de un ordenador portatil en Amazon el men? la izquierda de la home es sustituido por v?ulos relacionados con el producto.

No es el caso de esta p?na de un reproductor DVD del Corte Ingl?/a> que mantienen un men?n v?ulos a otras secciones de inform?ca.

¿Por qu?a href=”http://www.elpais.es/”>ElPais.es o Iberia.es tienen est?velocidades de descarga tan lentas incluso con ADSL? Un usuario en ElPa?se lo piensa dos veces para ver un nuevo art?lo, mientras que la inmediatez de ElMundo.es hace ver muchos art?los. Buscar un billete de avi?equiere de muchas b?edas, lo cual es una tortura con la velocidad de descarga de Iberia.es.

Google tiene muy claro que su velocidad es la mitad de su ?to. Im?nemos un buscador lento y bueno, contra otro m?r?do, pero peor. En el tiempo que uno hace una b?eda en uno lento, hace tres b?edas en el menos bueno. Tiene tres opciones para para afinarlas e igualmente consigue encontrar lo que busca. El ejemplo vale para cualquier tipo de web.

En realidad la velocidad es un tema complejo, pero muchas veces no es solo una cuestion de “m?maquina”, sino de optimizar las bases de datos y servidores para que sirvan las paginas mas r?damente.

Menus desplegables din?cos no funcionan

¿Cu?os sitios ?tosos usan men?esplegables din?cos? Ninguno.

Los men?esplegables parecen ventajosos porque permiten meter muchas opciones en una sola ¿pero d? esta la ganancia si al final las opciones est?ocultas?. T?icamente est?all?pero en la pr?ica nadie sabe que est?all?

No parece que estos sean suficientes argumentos para Iberia, La Vanguardia o Administracion.es que mantienen menus desplegables dinamicos.

Paginas de bienvenida y elecci?e idioma

Desaparecidas hace mucho de la web en ingl? en la web en castellano a?st?muy presentes.

En el ranking de Google una homepage con solo unos pocos v?ulos de elecci?e pa?e idioma y vacia de informacion tiene muy mal posicionamiento y es un tap?ara la indexaci?a> del resto de p?nas del sitio.

Cualquier sitio de los “grandes” se puede ver bien con cualquier navegador y sistema operativo. Yahoo a?e ve decentemente navegadores totalmente desfasados.

Sin embargo en Espa?uchos sitios no funcionan bien con Mozilla, Opera, Mac o Linux, con la justificacion de que el porcentaje de usuarios es tan bajo no justifica el gasto en dar compatibilidad y soporte.

Este razonamiento simplista ignora que detr?de cada 10-20 usuarios medios o b?cos hay un usuario avanzado (normalmente un amigo) que usa software “minoritario” y cuyas recomendaciones siguen. Los usuarios avanzados son los que primero usar?el sitio y comenzar?el boca-orjea.

Evidentemente un usuario avanzado no va a recomendar un sitio en el que no puede navegar.

Un ejemplo triste, Caprabo no funciona con Mozilla Firefox, seg?l sitio “debido a problemas t?icos ajenos a Caprabo” ;)

Vinculos azules y subrayados

Es cierto que no es obligatorio que los v?ulos tengan este aspecto, pero hay que tener una muy buena raz?ara optar por otro formato m?all?el “no queda bien est?camente” o “los usuarios ya lo saben”.

El 90% de webs americanas de ?to (Amazon, Yahoo, Ebay, Craigslist…) subrayan los v?ulos y los pintan en color azul, es el est?ar m?universal y conocido en la web.

Se puede argumentar que webs para p?cos muy especificos pueden renunciar a este est?ar, pero no es el caso de ElCorteIngles, Fnac, Terra, etc.. que son sitios para todos los p?cos.

El scroll no es fatal, el espacio en blanco tampoco

Apenas hay alguna p?na en espa?con mucho scroll, son todas muy cortas: El Corte Ingles, Terra.es, LaNetro.com…

Por el contrario en las homepages de Amazon o Yahoo hay bastante scroll, son p?nas largas.

Las p?nas cortas disponen de menos espacio y por ello est?mas recargadas de contenidos, sin apenas espacio en blanco.

El scroll permite espacio en blanco que es necesario para crear una arquitectura de informaci?fectiva. No se puede pasar el dise?nicamente en hacer unos elementos m?chillones que otros a base de carga gr?ca. El espacio en blanco alrededor de los elementos, les da importancia sin a?r ruido.

No lanzar contenidos nuevas ventanas

Los grandes sitios americanos en pocos casos lanzan los contenidos del sitio en nuevas ventanas. La nueva ventana rompe la linealidad de la navegaci? imposibilita usar el bot?volver” del navegador.

Sin embargo en la web en castellano es frecuente que se lancen contenidos en nuevas ventanas. Un caso claro de abuso de nuevas ventanas se da en la web del BSCH donde gran parte de los contenidos de la home se lanzan en nuevas ventanas.

Art?lo escrito por Eduardo Manch?strong> y puedes ver el art?lo en formato original en http://www.alzado.org/articulo.php?id_art=367