Estandares en la web
Mas que estandares, este articulo hace un repaso por algunos de los apariencias que predominan en los programas web exitosos. Ninguno es de obligado cumplimiento, pero si tu sitio no Seguid cierta de estas premisas preguntate si tienes una buena razon para ello. Areas que necesitan registro Se ha convertido un estandar que la primera alternativa mostrada mas 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ítico ganar nuevos usuarios Si el nuevo usuario ve claras las ventajas del registro a priori, no se dará de alta El usuario registrado ya está familiarizado con el proceso y sin contemplar va directo a introducir su usuario y contraseña Ejemplos adecuados prioridad usuario no registrado: Correo Yahoo, Gmail y La Caixa. Ejemplo erroneo prioridad usuario ya registrado: BBVAnet.com Acciones que pueden solicitar registro Cuando el usuario desea hacer una compra, el proceso logico es que primero se le pidan los datos para hacer la transaccion y al final los datos para el registro. Este estandar tiene ventajas: Tiene mas sentido para el usuario que al iniciar 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ás ligero y rápido. Proceso centrado en la compra, meta del usuario: Casa del Libro donde primero se completan todos los datos de la compra. Proceso centrado en registro, meta del sitio: Fnac donde antes de conocer los costes totales se le pide introducir el número de tarjeta de crédito 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 opuesto los banners animados es la publicidad menos efectiva. El NYTimes usa publicidad en formato texto y banners gráficos, pero sin animación. Tampoco en Amazon, ni en Yahoo se ven imagenes animadas, ni pop-ups o pop-unders aun comunes en la web en español. Si estos masivos sitios han renunciado a los ingresos millonarios de este tipo de publicidad posiblemente tiene lugar una buena razon. Se puede comprender 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 particulares promociones internas, cuando es un formato que da problemas. En el caso de Iberia las promociones van rotando y es indispensable recargar la home algunas veces hasta que vuelve a surgir la promocion que a uno le interesa. Seria mucho mas provechoso para los usuarios y positivos para Iberia, presentar un listado de trayectos en oferta o de ultima hora en formato texto en la home. Romper el resultado cabecera Los usuarios jamas miran en la cabecera porque no aguardan descubrir nada de utilidad alli. Por esta razon los masivos sitios evitan crear el resultado de "franja" de cabecera con el logo y los colores corporativos. Yahoo, Amazon, Ebay, Google? usan logos pequeños 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 provechoso para situar links. Por el opuesto las cabeceras corporativas tipo "franja" como las de Fnac o BSCH, son ignoradas por los usuarios y quedan convertidas en áreas muertas. Eliminación de áreas fijas de navegacion Mantener fija un area o menu de navegacion es un derroche de espacio. La saturacion de un largo listado de vinculos quita visibilidad a las alternativas realmente significativos para el usuario. El espacio natural donde ver y alcanzar a todos los contenidos del sitio es la home, el usuario ya conoce esto, no hay que repetir los entradas en todas las paginas. El caso correcto: en esta página de un ordenador portatil en Amazon el menú de la izquierda de la home es sustituido por vínculos relacionados con el producto. No es el caso de esta página de un reproductor DVD del Corte Inglés que mantienen un menú con vínculos a otras secciones de informática. Cuando un usuario esta viendo la pagina de un articulo son dos los comportamientos mas probables. Uno, conseguir mas informacion del articulo. Dos, buscar articulos parecidas alternativos. No requiere todas las categorias de la seccion informatica a un clic, porque de repente no va a determinar comprarse un escaner. Navegación relacionada Son los vínculos a otros contenidos del sitio intimamente relacionados. Son enlaces muy efectivos y que incrementan drásticamente el número de páginas vistas por visita. Amazon es conocida por las secciones ?Quien compro este articulo tambien compro este otro" o "Quien ha visto este articulo tambien ha visto estos otros". Aunque esta alternativa parece centrada en lograr que el usuario compre mas de un libro (pura venta), en verdad es muy amigable y esta centrada en el usuario ya que: Ayuda al usuario a beber una decision de compra sobre el libro. Si lo que han comprado otros compradores del libro tambien nos interesa, podemos saber con certeza que es un libro interesante para nosotros. Presenta opciones muy parecidas. Usualmente el usuario mira varios libros parecidas antes de escoger uno, quizas aun no haya localizado uno que realmente le guste. La navegacion relacionada es una ?publicidad elegante? ya que que ayuda al usuario y al tiempo crece las ventas. No se trata de colocar un contenido relacionado tangencialmente (aprovechando que el Pisuerga pasa por Valladolid). Si no se tiene nada realmente relacionado, mejor no colocar nada. Altísima velocidad de descarga No me refiero solo al peso en Kb de las paginas, sino tambien a la optimizacion de servidores y fundamentos de datos. Una altisima velocidad de descarga es una clausula escencial inicial para el exito de cualquier programa web. Escencial y obvia, pero frecuentemente ignorada. Inclusive con ADSL los sitios que tardan más de 5 segundos son percibidos como lentos. Es un placer de navegar en un sitio rapido. En un sitio ligero en el mismo tiempo se ven mas paginas, lo que crece la posibilidad de descubrir lo que se busca. Una descarga rapida motivo mas emociones positivas en el usuario, que cualquier cambio en el diseño estetico. No es casual que la descarga de paginas de los masivos sitios sea muy rapida inclusive con modem. Google es legendariamente rapido, instantaneo. Otro tanto, Ebay, Amazon, Yahoo... En España, ElMundo.es es de los escasos veloces en cualquier tipo de conexion. ¿Por que ElPais.es o Iberia.es tienen estas velocidades de descarga tan lentas inclusive con ADSL? Un usuario en ElPais se lo pensad dos veces para ver un nuevo articulo, entretanto que la inmediatez de ElMundo.es hace ver muchos articulos. Buscar un boleto de aeroplano necesita de muchas busquedas, lo cual es una tortura con la velocidad de descarga de Iberia.es. Google tiene muy diafano que su velocidad es la mitad de su exito. Imaginemos un buscador lento y bueno, contra otro mas rapido, pero peor. En el tiempo que uno hace una busqueda en uno lento, hace tres busquedas en el menos bueno. Tiene tres alternativas para para afinarlas e igualmente alcanza descubrir lo que busca. El ejemplo vale para cualquier tipo de web. En verdad la velocidad es un asunto complejo, pero muchas veces no es solo una cuestion de ?mas maquina?, sino de optimizar las fundamentos de datos y servidores para que sirvan las paginas mas rapidamente. Menus desplegables dinámicos no funcionan ¿Cuántos sitios éxitosos usan menús desplegables dinámicos? Ninguno. Los menus desplegables parecen ventajosos porque facultan meter muchas alternativas en una sola ¿pero donde esta la ganancia si al final las alternativas estan ocultas?. Tecnicamente estan alli, pero en la practica nadie sabe que estan alli. No parece que estos sean suficientes argumentos para Iberia, La Vanguardia o Administracion.es que mantienen menus desplegables dinamicos. Paginas de bienvenida y elección de idioma Desaparecidas hace mucho de la web en inglés, en la web en castellano aún están muy presentes. En el ranking de Google una homepage con solo unos escasos vínculos de elección de país e idioma y vacia de informacion tiene muy mal posicionamiento y es un tapón para la indexación del resto de páginas del sitio. Las páginas de bienvenida no tienen justificación alguna, deben ser eliminadas. Descartar las pantallas de eleccion de idioma puede provocar quejas que se evitan presentando la pagina en el idioma del navegador, que en la mayoria de casos es el del usuario. No hay espacio para que el usuario se sienta ofendido por ser recibido en otro idioma si esta usando el navegador en el idioma en el que es recibido. Incompatibilidad navegadores y S.O. minoritarios Cualquier sitio de los "grandes" se puede ver bien con cualquier navegador y sistema operativo. Yahoo aún se ve decentemente navegadores totalmente desfasados. Sin embargo en España muchos sitios no funcionan bien con Mozilla, Opera, Mac o Linux, con la justificacion de que el porcentaje de usuarios es tan debajo no justifica el gasto en dar compatibilidad y soporte. Este razonamiento simplista ignora que detrás de cada 10-20 usuarios medios o básicos hay un usuario avanzado (normalmente un amigo) que usa software ?minoritario? y cuyas recomendaciones siguen. Los usuarios avanzados son los que primero usarán el sitio y comenzarán el boca-orjea. Evidentemente un usuario avanzado no va a aconsejar un sitio en el que no puede navegar. Un ejemplo triste, Caprabo no funciona con Mozilla Firefox, segun el sitio "debido a dificultades tecnicos ajenos a Caprabo" ;) Relaciones azules y subrayados Es cierto que no es obligatorio que los vínculos tengan este aspecto, pero hay que tener una muy buena razón para optar por otro formato más allá del ?no queda bien estéticamente? o "los usuarios ya lo saben". El 90% de webs americanas de éxito (Amazon, Yahoo, Ebay, Craigslist?) subrayan los vínculos y los pintan en color azul, es el estándar más universal y conocido en la web. Se puede argumentar que webs para públicos muy particulares pueden renunciar a este estándar, pero no es el caso de ElCorteIngles, Fnac, Terra, etc.. que son sitios para todos los públicos. El scroll no es fatal, el lugar en blanco tampoco Apenas hay cierta pagina en español con mucho scroll, son todas muy cortas: El Corte Ingles, Terra.es, LaNetro.com... Por el opuesto en las homepages de Amazon o Yahoo hay bastante scroll, son páginas largas. Las páginas cortas disponen de menos lugar y por ello están mas recargadas de contenidos, sin apenas lugar en blanco. El scroll faculta lugar en blanco que es indispensable para crear una arquitectura de informacion efectiva. No se puede pasar el diseño solamente en realizar unos fundamentos mas chillones que otros a fundamento de carga grafica. El lugar en blanco alrededor de los fundamentos, les da relevancia sin agregar ruido. No arrojar contenidos nuevas ventanas Los masivos sitios americanos en escasos casos lanzan los contenidos del sitio en nuevas ventanas. La nueva ventana rompe la linealidad de la navegación e imposibilita usar el botón "volver" del navegador. Sin embargo en la web en castellano es usual que se lancen contenidos en nuevas ventanas. Un caso diafano de abuso de nuevas ventanas se da en la web del BSCH donde mayor fracción de los contenidos de la home se lanzan en nuevas ventanas.