domingo, 27 de febrero de 2011

Gráficos para representar datos 2

n este nuevo capitulo tratamos otros tipos de graficos.

Resumen:
  • Ejemplos de cada tipo de gráfico aplicados a casos reales.
  • Más enlaces de interés.
  • Para encontrar los gráficos de ejemplo use images.google.com.

1. Ejemplos aplicados de los gráficos.

Barras / Columnas
Comparar el valor entre sectores diferente (principalmente) o ver la evolución de datos.
En el caso de apilar columnas, el problema que se genera es que es dificil extraer las diferencias entre los parciales. Quizas es mejor representar el total y los parciales por separado para extraer conclusiones de forma mas sencilla.
Lineas
Ayudan a ver la evolución de los datos. Por lo general se usan para mostrar un mismo tipo de dato y su evolución (valor de la acción y el tiempo, numero de ventas y precio).
Si la gráfica presenta una gran densidad de datos, es mejor simplificar el grid y dando mas protagonismo a los datos. El eje horizontal deberia presentar menos cortes.

Tartas
Aquí podemos ver la contribución de cada parte a un total. Este gráfico presenta las diferentes porciones en un mismo color con diferentes tonos creando unidad y facilidad de lectura.

No dejes que Excel arruine tu presentacion. Haz un uso racional del color evitando los saturados.

Radar
En el radar podemos ver la superficie creada por varias variables y asi poder comparar entidades (dos productos que presentan varias características pueden ser comparados en su totalidad usando esta gráfica).


Stocks
Aquí se representan datos con 4 variables (tiempo, máximo, mínimo y cierre).

Burbujas
Aquí el grid (lineas de división del eje) suele ser una variable por si misma, haciendo que la disposicion de las burbujas represente otras variables junto al propio tamaño de la burbuja. Este tipo de gráficas permite concentrar mucha información en poco espacio.

Superficies
Este gráfico se suele usar para ver la evolución de un dato sujeto a 3 variables. Por ejemplo la dureza de un material dependiendo de la temperatura, densidad y volumen.



Enlaces de interés:

jueves, 24 de febrero de 2011

Gráficos para representar datos

La representacion de datos de forma grafica ofrece mensajes mas claros donde las conclusiones son faciles de entender. Estudiamos tipos de gráficos, herramientas y algunos casos concretos en la Web.

Resumen:
  • La representacion de datos de forma grafica ofrece mensajes mas claros donde las conclusiones son faciles de entender.
  • Tipos de graficos (diferencias, usos).
  • Usando excel se pueden obtener graficos decentes. Algunos ejemplos que nos pueden ayudar a presentar de forma mas clara los datos.
  • Illustrator es una mejor herramienta para crear graficas. Ver ejemplos.
  • Un vistazo a algunas herramientas que generan graficos desde bases de datos on-line.

1. La representacion de datos de forma grafica ofrece mensajes mas claros donde las conclusiones son faciles de entender.

Aquello de que una imagen vale mas que mil palabras sigue siendo cierto. En la era de internet se han dado varios pasos en la accesibilidad a la informacion, pero se han dado varios pasos atras en la facilidad de encontrar cosas, entender el contexto y extraer conclusiones.

La representacion de datos de forma grafica ayuda a presentar datos de forma sencilla donde las conclusiones son faciles de entender. Mapas del tiempo, evolucion de la bolsa, el volumen de la television son ejemplos de datos representados con graficos que dificilmente los podemos imaginar en otro formato.

Muchos datos recogidos a traves de internet deberan ser procesados y representados por graficos para que sirvan de alguna ayuda. Comparativas de productos, valoracion de sites, evolucion del trafico, buscadores, favoritos, uso del e-mail.

El principal problema que tiene la representacion de datos es su objetividad y comprension. El proceso de la informacion requiere tomar decisiones sobre que ejes se tendran en cuenta, periodo a mostrar, comparar o no, etc... Estas decisiones pueden hacer que la representacion ofrecida no sea la que la audiencia espera. Por otro lado que el grafico sea facilmente comprensible requerira una cierto "ensayo y error" hasta encontrar el modelo perfecto.

El disponer de la capacidad de proceso junto a un tiempo de "ensayo y error" haran que la informacion sea mas facil de entender y por tanto la toma de decisiones se hara con mayor seguridad y mas rapido. Quizas suene un poco a complicado y caro, pero la representacion de datos se puede hacer desde un presupuesto "cero" usando herramientas como Excel o Illustrator.


2. Tipos de graficos (diferencias, usos).

Descripcion Ejemplo
Barras / Columnas
Este gafico sirve para comparar datos entre diferentes segmentos (sectores, empresas, periodos de tiempo...).
Lineas
Ayudan a ver la evolucion de los datos. Por lo general se usan para mostrar un mismo tipo de dato y su evolucion (valor de la accion y el tiempo, numero de ventas y precio).
Tartas
Aqui podemos ver la contribucion de cada parte a un total. Este grafico se puede utilizar de forma creativa comparando el tama&ntildeo de las tartas entre si y el contenido de las mismas.
Radar
En el radar podemos ver la superficie creada por varias variables y asi poder comparar entidades (dos productos que presentan varias caracteristicas pueden ser comparados en su totalidad usando esta grafica).
Stocks
Aqui se representan datos con 4 variables (tiempo, maximo, minimo y cierre).
Burbujas
Aqui el grid (lineas de division del eje) suele ser una variable por si misma, haciendo que la disposicion de las burbujas represente otras variables junto al propio tamaño de la burbuja. Este tipo de graficas permite concentrar mucha informacion en poco espacio.
Superficies
Este grafico se suele usar para ver la evolucion de un dato sujeto a 3 variables. Por ejemplo la dureza de un material dependiendo de la temperatura, densidad y volumen.


Es importante dominar la presentacion para mostrar un mensaje facil de entender. El no ofrecer una conclusion clara hacen que las graficas pierdan su fuerza en nuestra comunicacion.


3. Usando excel se pueden obtener graficos decentes (pero hay que modificar lo que nos sale por defecto).

Un grafico presentado en excel suele tener un aspecto similar a esto.
El uso del 3d.
El 3d le puede dar un aspecto mas molon a los graficos, pero hace que la informacion sea dificil de leer y cueste extraer las diferencias. Graficos en 3d tienen usos muy limitados (solo en el ejemplo de superficies estan recomendados). Mejor utilizar graficos en 2d. El mensaje quedara mas claro y facil de entender.
El fondo, el "grid" y demas lineas.
Para que los graficos brillen lo mejor es disponer de un fondo y un grid de color suave (blanco o grises). Las lineas que contornean al grafico lo mejor es eliminarlas para evitar añadir elementos superflueos al grafico.

Un truco para simplificar el fondo es poner el grid de color blanco sobre el grafico de tal forma que solo sea visible cuando lo toca dejando el resto del fondo blanco.
Colores.
Sobre los colores a usar en la grafica, lo mejor es experimentar un poco hasta encontrar el contraste necesario. En algunos casos colores diferentes son adecuados, el mismo color pero con diferentes valores tambien puede ayudar. Evitar demasiado contraste o vibracion (rojo y verde, rojo y azul...) hara que la grafica sea facil de leer. Ver ejemplos.
Espesor.
Edward Tufte tiene una regla sobre la relacion entre la cantidad de tinta empleada y la informacion mostrada. Esta regla hace referencia a que en muchos casos, se emplea mucha tinta para mostrar poca informacion haciendo las barras espesas, usando degradados, colores solidos en el fondo, etc... Se debe tender a minimizar el uso de tinta por dato mostrado, empleando barras mas finas, eliminado los elementos del fondo, etc... El objetivo que se alcanza es el de optimizar la presentacion para una lectura mas clara y sencilla.
Ayuda al lector.
Ahora que nuestro grafico esta limpio, podemos añadir mas informacion para que el entender los valores o significado sea mas sencillo.


3. Illustrator es una mejor herramienta para crear gaficas.

Si los graficos que vas a generar van a ser presentados a una audiencia importante y/o la produccion va a ser masiva, Adobe Illustrator es una mejor herramienta.

A partir de la version 9 la produccion de graficas en Illustrator se ha simplificado mucho con la ayuda de un menu dedicado a esta tarea. Illustrator permite modificar cada parametro de la grafica con total control y permite una mejor exportacion del grafico a diferentes formatos, ya sea web, imprenta o power point.

Visita la pagina Adobe.com para tener mas Informacion sobre Illustrator.


4. Un vistazo a algunas herramientas que generan graficos desde bases de datos on-line.

Big Charts
Solo graficos. Bastante potente, interactivo y con historicos de hasta 30 años en el DJIA.


SmartMoney | Tools
Un diseño mas fino y herramientas algo mas inteligentes.


finance.yahoo.com
Yahoo! Finanzas es uno de los sitios preferidos. Graficas potentes, con multiples opciones e historicos.



Enlaces de interes:

Mejorar el producto

Pasos que podemos o debemos seguir para hacer viable nuestro proyecto en Internet. Vender el producto, afinar la publicidad, vender el contenido o los sevicios. Muchas ideas... o necesidades.

Resumen:
  • Vender el producto. Cuando el problema no esta en el uso del site ni en conseguir usuarios.
  • La publicidad on-line debe afinar la herramienta.
  • Vender el contenido (o al menos la forma de acceder a el).
  • Enlaces de interes.

1. Vender el producto. Cuando el problema no esta en el uso del site ni en conseguir usuarios.
Despues de la desaparacion de sites que no funcionaban bien o que no conseguian usuarios por ofrecer productos de dudoso interes, el cierre de sites continua con aquellos que no consiguen consolidar su modelo de negocio.

Sites con un numero de usuarios fieles y con un producto que al menos en el mundo offline parece vendible, se encuentran con problemas a la hora de conseguir flujo de dinero.

Los principales problemas se encuentran en: Publicidad y Conversion de usuario gratuito a usuario de pago.

Si tu producto no atrae al suficiente numero de usuarios de pago o anunciantes, es tiempo de cambiarlo o cerrarlo.


2. La publicidad on-line (cosas que funcionan y cosas que no).
La conversion de la publicidad desde los medios offline a online ha pasado por momentos bastante duros. El modelo del banner sigue sin cuajar y esto se acompaña con la caida constante de precios junto al desarrollo de nuevas estrategias que en algunos casos, merman la calidad del site.

Simplifica el proceso de compra de publicidad.
La compra de publicidad debe ser un proceso on-line. Una tarjeta de credito deberia ser el unico documento necesario a la hora de comprar publicidad. De lo contrario se pierde la ventaja de acceder a otros mercados. Por otro lado, se debe pensar en tener los formularios de compra traducidos al ingles (por lo menos).

La publicidad sin las herramientas adecuadas no sirve para nada.
La gran ventaja que ofrece internet es la facilidad que tiene el crear, segmentar y medir resultados. Los sites que venden espacios de publicidad deben ayduar a sus clientes ofreciendo herramientas de seguimiento que les permitan entender que es lo que esta pasando con sus anuncios.

El tamaño importa (y la posicion, color, animacion...).
Los sites que venden espacio para publicidad deben asesor a sus clientes a la hora de crear su anuncio. Los resultados de campañas de promocion interna deben estar disponibles como fuente de informacion para no perder hits por problemas con banners que no se adaptan al medio.

Por otro lado, los sites deben optimizar el diseño del site para poder insertar anuncios de forma efectiva:
  • Reducir la paleta de colores del site para que el anuncio pueda destacar.
  • Insertar el anuncio en posiciones que llamen la atencion del usuario.
  • Si usas banners a toda pantalla, procura que en la pagina de destino el banner tenga continuacion.


Ofrecer soluciones integradas.
El banner, la pagina de destino y la medicion de resultados son 3 elementos que ayudan a crear campañas que funcionan. El site que ofrece el espacio, debe ofrecer soluciones integrales para clientes que lo necesiten. Paginas de destino mal diseñadas pueden arruinar campañas. La falta de datos a la hora de seguir el desarrollo de la campaña puede ocultar resultados valiosos para el anunciante. La solucion integrada debe ser parte de la oferta de productos disponible para el anunciante.

Desarrollar, probar, cambiar.
El mayor enemigo de la publicidad es la falta de informacion. Si los anunciantes no llegan a entender cuales son las ventajas de la publicidad on-line, el mercado nunca despegara. El desarrollo de campañas internas debe servir como banco de pruebas de nuevos formatos, lenguajes, tecnicas que deben ser documentadas para que sirvan como prueba de la eficacia del medio.


3. Vender el contenido (o al menos la forma de acceder a el).
La conversion de usuario gratuito a usuario de pago es el paso mas duro. Internet ha sido durante tanto tiempo una herramienta gratuita que el pensar en ella como un sitio en el que tenemos que pagar por usar es dificil de encajar, pero para muchos sera el unico camino.

La gente no pagara por tu contenido.
El mercado no esta como para cerrar tu site por completo y ponerlo todo en "Pagar Por Ver (PPV)", pero un paso necesario es hacer que el usuario se registre. El crear una relacion de confianza con el usuario lleva tiempo pero es necesario el ir ganando terreno cuanto antes y desde las capas mas superficiales. Ofrece tu site abierto a todos los usuarios, pero obliga a pasar por un registro para acceder al contenido. Crea un formulario sencillo, ultra-corto y guarda la informacion de "nombre de usuario" y contraseña" para que se autentifique por defecto.

Si este paso ya esta dado, es hora de que el usuario abra la cartera.

Promociones especiales.
Probar diferentes productos (fisicos, digitales) con diferentes tipos de servicios (regalos, descuentos, entrega urgente) nos debe servir para crear la relacion de consumidor, obtener la informacion sobre el cliente y ver que tipo de productos interesan mas.
Este grupo de usuarios convertido a clientes, debe cuidarse y usarse como primer grupo donde testar nuevos servicios, productos... Al grupo no convertido se le debe seguir tentando con nuevos productos hasta encontrar la formula adecuada.
El objetivo es "concentrar" a los usuarios que no abren la cartera para saber que es lo que quieren de nuestro site para hacerles la oferta de servicios adecuada. Ejemplo de promocion y pagina de registro en el WSJ.com.

Ofrece espacios sin publicidad por un precio.
Este modelo puede ser uno de los mas populares dentro de comunidades donde los usuarios son los que mantiene el espacio. Foros, paginas personales, web-mail, son espacios donde el usuario puede contruir una relacion donde el "lujo" de no tener publicidad puede ser un producto muy valioso. Esta opcion junto a algunas mejoras dentro del servicio pueden crear una oferta interesante.

Ofrece todos los nuevos desarrollos en forma de "PPV".
Dentro de tu site, ofrece todos los nuevos desarrollos a usuarios que sean clientes y usa estas nuevas herramientas como incentivo para convertir a los usuarios gratuitos en clientes.
  • Version standard de imdb.com frente a la version "pro".

    Los nuevos desarrollos pueden ser mejoras dentro de un sistema de correo-web, foros, buscadores, nuevas secciones... Estas nuevas versiones de tu web se pueden vender como paquetes dentro de versiones "premium" o como elementos individuales. Procura siempre crear un cuestionario para recoger la opinion de tus usuarios y poder acertar con parametros como el precio, cantidad, duracion.

    Los servicios gratuitos deben tender a cero.
    Los servicios gratuitos exentos de publicidad y con usuarios no registrados deben tender a cero. No tiene sentido y no es un negocio. Si aun tienes partes de tu web en este modelo ponle un precio y haz que los usuarios lo tomen o lo dejen. Estar pagando el coste de un producto por el que nadie dara dinero no tiene sentido.


    4. Enlaces de interes:
  • Guias para la publicacion on-line.
    http://www.useit.com/alertbox/9508.html

  • Por que la gente compra on-line.
    http://www.useit.com/alertbox/990207.html

  • Como generar beneficio desde la publicacion en la web.
    http://www.gulker.com/gulker/wwwdemo/revenue.html

  • Categoria en google sobre modelos de negocio.
    http://directory.google.com/Top/Business/E-Commerce/Strategy/

  • Coloca un buscador gratuito en tu web

    Opciones gratuitas para incorporar un buscador interno para tu sitio. Recomendación de Atomz.com

    Si vas a poner un buscador gratuito en tu site, usa el de atomz.com.
    Ahora que el site ya es algo grande y despuesde de probar Picosearch.com y Atomz me he decidido por ofrecer el buscador de Atomz.com.
    Es gratis (hasta 500 paginas), facil de "copiar y pegar" y el soporte que ofrecen es muy bueno (resuelven dudas en menos de 24 horas). La pagina web permite actualizar el indexado de tu pagina a tu interes y ofrece un log donde puedes ver que palabras esta buscando la gente en tu site. Si estas pensado en poner un buscador en tu site, ponte el de atomz.com.

    Otros buscadores.
    Si tienes conocimientos de informatica y quieres ponerte algo mas personalizado, aqui hay algunos enlaces a paginas que he encontrado con ejemplos de buscadores.
    Todo es gratuito y en algunos casos se ofrece soporte bajo pago. Si conoces otros sites o tienes algo que comentar sobre estos buscadores, enviame un mail.

    Los amigos de www.emergia.net recomiendan el buscador de Atomz.com. Este es gratis si tu site no pasa de 500 paginas. A partir de entonces, si quieres que sigan indexando el site, te empiezan a cobrar unos $100.

    Si dispones de un dominio propio el mejor buscador que puedes encontrar es el de google.com. Es totalmente gratis, luego tienes opciones de pagar para tener mejor servicio, pero el servicio gratuito suele estar mas que bien.

    Referencia: Te recomendamos leer el artículo que habla sobre Google Co-op que es una opción de google para conseguir un buscador interno.

    Pedir información que nos puede servir de algo en el futuro

    Más sobre formularios: pedir información a los usuarios es válido, aunque evitando pedir información personal. Procura que esa información te sirva para futuras acciones.

    Resumen.
    1. Pedir informacion a los usuarios que visitan nuestro site es valido.
    2. Procura pedir informacion de valor para futuras acciones.
    3. Evita el pedir informacion personal (el usuario normal rechazara este tipo de paginas o te dara datos falsos).

    Pedir informacion a los usuarios que visitan nuestro site es valido.
    Cuando un site decide hacer una promocion para captar informacion de sus usuarios, es importante tomar decisiones sobre que campos son importantes que el usuario rellene para poder captar informacion de valor y poder rentabilizar la inversion lo mejor posible.

    Es bueno recordar el pedir informacion no equivale a pedir registro con lo que tenemos que evitar el bloquear el acceso al site. Pedir informacion de forma amable como "pago" por disfrutar de lo ofrecido no tiene por que molestar a los usuarios que visitan nuestro site.

    BMW lanzo un site donde ofrecia cortometrajes realizados por algunos de los directores mas "modernos" del momento. El acceso al corto estaba bloqueado por un registro que podemos ver a continuacion.

    Formulario original de la pagina bmwfilms.com.
    En el formulario original que propone bmw, se pide mucha informacion personal que no sirve para nada (que puedes extraer del nombre y apellidos del usuario?), informacion redundante (si pides el codigo postal para que quieres el pais?) y poca informacion de valor.


    Si bien es licito el recolectar informacion por el derecho a ver estos cortos (realmente merecen la pena), se deberia aprovechar algo mejor esta oportunidad y hacer mas rentable la inversion captando mejor informacion de nuestros usuarios.

    Los campos de nombre y apellidos que aparecen en el registro original son campos que de poco pueden servir. Es mas interesante ofrecer campos que al usuario le sean menos personales y al interes de la empresa le pueda servir de mas ayuda a la hora de mejorar su producto.

    Propuesta de formulario con campos menos personales y con informacion de mas valor.
    En este caso pedimos al usuario menos informacion personal y mas informacion relativa al producto con el que estamos trabajando.

    Preguntas del estilo "marca del coche actual" o "edad" nos pueden dar mas informacion sobre nuestros usuarios que pidiendo el nombre.

    Es de recibo ofrecer al usuario la posibilidad de valorar lo visto. No hace falta pedir muchos datos (una valoracion de 1 a 5 puede ser necesario) pero si esta bien dejar la puerta abierta a una valoracion mas amplia con mas peguntas sobre que le ha parecido la experiencia.

    Esta imagen muestra parte del formulario que intel ofrece al acabar de ver un web cast para los accionistas.

    En un mundo cada vez mas global es bueno saber aprovechar las ventajas de internet para captar informacion de los consumidores o usuarios de nuestro producto para mejorar la relacion y el desarrollo de nuestra actividad. En muchos campos donde la cadena de distribucion aleja al productor del consumidor, internet puede servir para acercar ambos extremos e intercambiar informacion.

    Evita el bloquear el acceso a la informacion con registros pero abre la puerta a la colaboracion del usuario haciendo preguntas inteligentes que busquen informacion para mejorar el producto.

    Evita el pedir informacion personal tipo "nombre" y "mail" y la gente no tendra problemas en decirte sus preferencias.

    Convertir usuarios en clientes

    No es un paso sencillo, pero en este artículo ofrecemos algunas pautas y razonamientos que pueden ayudar mucho para conseguir hacer productivas tus visitas convirtiéndolas en clientes.

    Resumen:
    • La conversion de usuarios en clientes no es un paso facil. Internet sigue significando "gratuito".
    • Forzar a pasar por un registro es el primer paso.
    • Ofrecer version de pago sencillo (para probar) y paquetes mas ventajosos para el largo plazo. Evitar restricciones absurdas.
    • Vender el acceso al site. Comparativa Yahoo! y MSN.

    1. La conversion de usuarios en clientes no es un paso facil para muchos.
    Ahora que MSN, AOL y Yahoo! (MAYA a partir de ahora) dominan el espacio de internet y han conseguido barrer a la competencia, convertir sus servicios gratuitos en servicios de pago no es un gran problema. Supongamos que MAYA decide poner su servicio de "Mensajeria Instantanea" en pago. Basicamente entre los 3 dominan el 90% del mercado y no hay mas alternativa que pasar por el aro.

    Un caso mas real es el acceso al webmail. MSN hace que todos los usuarios que quieren "reactivar" su cuenta pasen por una nueva pagina donde la alternativa dominante es tomar la version de pago. En un diminuto pie de pagina se puede encontrar el acceso a la version de pago donde la cuenta de correo tiene 2 megas de capacidad.

    MSN esta creando una mala experiencia con el usuario, pero da igual. Mejor tener menos usuarios de pago que muchos gratuitos. Yahoo! creo este modelo con su site de subastas (requiere pago para poder listar tus productos) y gran parte del site Yahoo! esta migrando a servicios de pago.

    MAYA domina los servicios on-line. En muchos casos no hay alternativas y/o el usuario tiene una relacion tan estrecha con el servicio (amigos, negocios, grupos de debate) que le merece la pena el pagar por seguir usando la herramienta.

    El unico peligro que encirra MAYA es que puede dominar tanto que los usuarios pueden perder cierto tipo de servicios "necesarios". El listado de resultados en base criterios economicos en los directorios o buscadores puede crear falsas percepciones en usuarios que no estan advertidos del criterio usado para mostrar los resultados.


    2. Forzar a pasar por un registro es el primer paso.
    Para dejar las cosas claras y no perder el tiempo con el usuario, lo mejor es poner todo el site bajo registro. Se puede dejar la portada como elemento "de prueba" para que el usuario conozca el contenido y en casos necesarios un "tour" por el site pero nada mas.

    EL registro debe ser ultra-corto y pedir los datos realmente necesarios. Reutilizar los campos de e-mail para "nombre de usuario" y sustituir la direccion por el "codigo postal" son tacticas que reducen el numero de campos en un formulario. Sobre este tema tienes mas informacion en este articulo: formularios

    Otra alterntiva es crear un registro extenso y pedir todos los campos necesarios para crear un relacion cliente - site. Si bien esta tactica puede ser rechazada por usuarios casuales, se puede convertir a largo plazo en un filtro de usuarios interesantes.

    ejemplo del NYT donde se muestra la identidad del usuario y se da acceso al Member CenterTan importante como pedir datos al usuario es el recordarlos. Una vez registrado, ofrece la opcion de guardarlos en su ordenador para que nunca mas los tenga que volver a introducir. Identifica al usuario por defecto (mostrando su nombre en la pagina para que pueda cambiar o cerrar la sesion cuando quiera) y solicita la confirmacion del password en aquellas paginas que sea realmente necesario (modificar informacion, pagar, ver ordenes...).



    3. Ofrecer version de pago sencillo (para probar) y paquetes mas ventajosos para el largo plazo. Evitar restricciones absurdas.
    Esta comprobado que los usuarios prefieren productos con precio cerrado donde se vea claramente los limites y se evite la letra pequeña.

    El ofrecer productos donde el usuario paga por el uso son dificiles de vender y "marketear". Napster, alguna experimento de Stephen King y los juegos on-line son ejemplos de la reaccion de los usuarios ante la idea de tener que pagar por el uso. Estos productos, que aun estando soportados por legiones de usuarios fieles, desvelan la debilidad de modelos de pago por uso.


    Pero que pasa si lo quiero probar antes de comprar? Ofrecer un paquete economico donde la duracion este limitada temporalmente puede ser suficiente para que los usuarios con dudas puedan comprar una version y ver si realmente promete lo que se anuncia. Desde el site se debe reforzar la idea de transparencia ofreciendo testimoniales reales y links a sites donde los usuarios opinen sobre tu producto (en caso de no existir, ofrece una pagina donde los usuarios puedan publicar sus opiniones).


    Me gusta, que versiones estan disponibles?. En aplicaciones de software el crear versiones de un producto tiene un coste practicamente cero, con lo que depende mas de saber que es lo que quieren los usuarios y ofrecer una abanico de versiones que (1) no debe abrumar y no debe dejar la puerta abierta a que el usuario se escape sin comprar.

    Una tabla comparativa donde se pueda ver con claridad el precio - duracion del contrato - y las ventajas de un paquete frente a otro puede ser mas que suficiente.

    Si nuestro producto puede ser usado por grandes clientes (empresas, escuelas, grupos de usuarios numeroros) es bueno ofrecer paquetes "custom" junto a una direccion de contacto donde se pueda solicitar algo mas de lo ofertado.


    Como se cancela?. Esta operacion debe ser tan transparente como el alta de usuario.

    > Ofrece un boton de cancelar
    > Confirmar la identidad del usuario (incluso si ya esta identificado)
    > Ofrecer la pagina con un sumario de su producto y un boton de cancelar
    > Confirmar la cancelacio
    > Sumario de la operacion



    3. Vender el acceso al site. Comparativa entre diferentes sites.
    En sites donde el contenido manda, se puede vender el acceso a los archivos.
    Web mail
    pagina de bienvenida de yahoo
    Para los nuevos usuarios de yahoo! la bienvenida al sistema presenta 3 opciones claramente diferenciadas. Una version gratuita, una version "custom" y una version "business".

    Esta pagina presenta la informacion de forma clara y no crea problemas al usuario. La experiencia del usuario no se ve comprometida por intereses economicos de la empresa que provee el servicio.

    El problema que veo es que la version custom (que ofrece un dominio para tu cuenta de correo del estilo your_name@your_domain.com) puede no ser atractivo para muchos usuarios. Quizas la posibilidad de no tener tantos banners o mas espacio en la cuenta merezca algo mas la pena.

    La version business es mas interesante y el precio parece adecuado ($9.95/mes). Yahoo siempre somete sus productos a cuestionarios para tener una mejor idea de que es lo que la gente quiere y cuanto esta dispuesto a pagar por ello.

    ejemplo de Hotmail
    MSN esconde el acceso a la version gratuita por debajo del scroll (hasta en resoluciones de 1024) y ofreciendo un acceso prominente a la version de pago ($19.95 por año).

    Los nuevos usuarios de MSN se veran molestos de no encontrar con facilidad el enlace a la version gratuita (escondido en un texto que parece la letra pequeña) y puede ser que el ratio de abandonos de esta pagina sea grande, pero la conversion merece la pena.

    El paquete y el precio son interesantes (mas o menos sale a $1.6/mes) y si el usuario confia en la calidad de Microsoft esta puede ser una alternativa bastante digna.

    El problema que tiene la politica de Hotmail (similar a la que aplica Real Player) es que mucha gente llega a este site buscando el correo gratuito y lo unico que encuentra es la version de pago. Usuarios con poca experiencia se pueden ver en jaque y pueden recurrir a pagar por falta de informacion.

    Si tu site presenta un enlace a Real Player o Hotmail (o cualquier otro site con productos de pago) es bueno alertar a los usuarios sobre las alternativas entre productos y, en lo posible, enlazar a la version gratuita.

    Jakob comenta sobre el pago por uso de la web.
    http://www.useit.com/alertbox/980125.html

    Los usuarios de su pagina comentan el articulo ofreciendo perspectivas interesantes.
    http://www.useit.com/alertbox/980125_comments.html

    Personalizar parametros Usar enlaces en lugar de combos.

    Como ofrecer al usuario herramientas que son faciles de usar - Usar enlaces en lugar de combos al seleccionar parámetros de una búsqueda o presentación.

    Resumen:
    • A la hora de ofrecer parametros para organizar o personalizar la informacion dentro de una pagina, es mejor utilizar enlaces en lugar de combos.
    • En este articulo veremos los pasos tomados a la hora de diseñar esta herramienta.
    • Como "vender" esta solucion al cliente.
    1. El encargo.
    El cliente (una entidad financiera) presentaba a sus clientes via web el estado de sus cuentas. Esta informacion se puede organizar usando unos filtros (fecha, moneda y formato de la informacion).

    El cliente tenia desarrollado un prototipo que requeria algunos retoques.

    El encargo solo requeria una mejora estetica y eso fue lo que se hizo en un primer paso.

    Parámetros complejo
    Pulsar para ampliar

    Pese a identificar algunos problemas de usabilidad, esta version se presento como solucion al encargo del cliente. Un primer paso para ganar la confianza del cliente es resolver el problema que pide sin dar rodeos.

    El problema de usar los combos es que "gritan" trabajo. Los combos no son una solucion, son un problema.


    2. Simplificando la herramienta.
    Como alternativa se presento este diseño donde se esconde la opcion de "Time Frame" bajo "more options" ofreciendo una herramienta de aspecto mas amigable.

    Parámetros simple
    Pulsar para ampliar


    Pese a ofercer un aspecto mas amigable, al tener todas las opciones como un "conjunto", se transmite la sensacion de "mucho trabajo". En el caso de querer cambiar solo la moneda parece que tienes que trabajar con todo los parametos.

    Por otro lado, la seleccion del formato con "check box" e iconos no me parecia demasiado clara.


    3. La alternativa.
    La alternativa que se presento ofrece al usuario los parametros en forma de enlaces.

    Parámetros con enlace
    Pulsar para ampliar


    En lugar de ofrecer el parametro del tiempo como un combo donde se selecciona el mes y año se ofrecen los parametros de tiempo mas comunes y las monedas y formato se presentan desplegados.

    Todo claro, todo a la vista y se dejo el boton de "more options" para aquellos usuarios que necesiten especificar un "time frame" especifico. Este boton de "more options" abre una ventana con los combos de "time frame" y el boton de "aceptar parametros".

    Los enlaces ofrecen una presentacion menos trabajosa de cara al usuario y mas facil de usar (cada parametro se fija con un click).

    Esta version puede crear una sensacion abrumadora por el numero de elementos desplegados pero en la facilidad de uso y agilidad son sus ventajas.

    Otro comentario que este diseño puede presentar es que cada paramentro necesita un click lo cual puede resultar en un incremento en el numero de peticiones en el servidor.



    4. Como "vender" esta solucion al cliente.
    Diseños centrados en el usuario pueden ser menos explosivos que diseños "molones" y con ello algo mas dificiles de usar. Para ello, existen las siguientes herramientas.
    • Demostrar que tambien se puede hacer el diseño "molon". Si el cliente no ve su idea en la version molona, puede ser que nunca llegue a comprar la idea "usable".

    • Documentar la solucion con ejemplos en sites del entorno. (En este caso, Yahoo! Finance sirvio de modelo a seguir).

    • Construir un prototipo y dejar que el cliente lo pruebe. Crear prototipos consume mucho tiempo y esfuerzos, pero son parte del proceso. Si existe la motivacion y capacidad, son un extra que ayudara a que el desarrollo llegue a buen puerto.

    • Presentar un test de usuarios (si es posible). En el proceso de diseño no siempre es posible probarlo todo, pero quizas un test informal pueda servir de orientacion.

    Newsletters que sirven para vender

    Consejos para crear Boletines que ayuden a vender. Desde la información que debemos colocar como presentación hasta las páginas del sitio donde debemos enlazar.

    Resumen.
    1. El "Tema" (subject) del mail debe ser corto y honesto. Debe suscitar cierta curiosidad.
    2. En el "Quien" procura ofrecer informacion honesta y utilizar una direccion de correo a la que se pueda responder.
    3. Ofrece informacion clara y util. Debes generar Accion.
    4. Enlaza a paginas que ofrezcan la misma informacion que en el e-mail mas las opciones adicionales (evita el enlazar a la portada o a paginas de registro).
    5. Prueba el mail en grupos reducidos para corregir.
    6. Lanza diferentes versiones para testear resultados.

    1. El "tema" del mail debe ser corto y honesto. Procura suscitar cierta curiosidad.
    El "quien" y el "tema" sirven para que el usuario abra o bore directamente el mail recibido.

  • Procura que en el tema sea corto y honesto.
  • Titulares en capitales generan mas accion (evita todo mayusculas o minusculas).
  • Procura generar curiosidad y confianza.

    "Tema" Recomendado "Tema" No recomendado
    Hipotecas Consigue tu Hipoteca.
    Nuevo Ordenador CONSIGUE TU PC GRATIS AHORA!!!
    Comparativa De Bancos seguro que tu banco es el mejor?
    Vaqueros Rebajados 50% AHORA es el momento de comprar Vaqueros!!!

  • Es crucial el no "chillar" al usuario con un mensaje agresivo.


    Un buen ejemplo.

    Mensaje claro, boton contundente de "apply now", un diseño profesional, la firma del responsable.
    2. El "quien" debe ofrecer informacion honesta y utilizar una direccion de correo a la que se pueda responder.
    En el quien ofrece signos de identificacion reales. Un nombre de persona puede generar mas confianza que un "departamento" o un mail del estilo "info@empresaXXX.com". Procura que en "alias" del quien aparezcan signos que identifiquen la empresa. Usar el dominio puede ser suficiente (Juan Sanchez - empresa.com).

    Procura que la direccion de correo de la newsletter sea una direccion a la que se pueda responder. De lo contrario, tendras que poner instrucciones para explicar la situacion, lo cual puede entorpecer la posibilidad de captar un cliente.

    El mail al que se responde debe estar respaladado por gente que sea capaz de responder de forma rapida y precisa.


    3. Ofrece informacion clara y util. Debes generar Accion.
    Tienes 5 segundos para captar la atencion del usuario. Cualquier segundo de duda hara que el usuario pulse el boton de borrar.

    ejemplo de un mail sin formato
    Solo texto y enlaces puede ser confuso. Mejor utilizar algo de HTML para definir fuentes, usar negritas y cierto estilo en el formato.
    Usa HTML para formatear el contenido y crear "destacados" dentro del texto. Es importante ofrecer titulares con gancho e informacion que le sirva de apoyo.

    Resume, resume y resume.

    La informacion fundamental no debe estar dentro de los graficos. Los graficos pueden servir para ilustrar el contenido y para ofrecer imagen de calidad y confianza.

    Procura ofrecer un "que", "cuando", "cuanto" y "como" que generen accion (visitar una web, llamar, responder al correo).


    4. Enlaza a paginas que ofrezcan la misma informacion que en el e-mail mas las opciones adicionales.

    El ejemplo OK muestra una pagina web que se corresponde con la oferta de la newsleter. Quizas el estilo deberia ser mas uniforme, pero la informacion se corresponde.

    El ejemplo KO muestra una oferta que conduce a una pagina de registro. Si el objetivo de tu site es que la gente se registre, comunicalo en la newsletter.

    Si la clave de tu newsletter esta en la pagina de destino, procura que el contendio sea el mismo y de forma clara se indique el camino a seguir.

    Procura contabilizar las visitas para poder obtener resultados precisos de la accion.


    5. Prueba el mail en grupos reducidos para corregir.
    Dentro de tu empresa, entre amigos, usuarios seleccionados, un parte de tu lista de correo, cualquier muestra sera buena para comprobar que "alias", "tema" y contenido de la newsletter es mejor.

    Procura probar diferentes versiones y compara cual da mejor resultado. Comprueba que tipo de enlaces, imagenes, texto, formato es el mas efectivo y comprueba tecnicamente que todo vaya a funcionar de forma efectiva (los enlaces, el formato, el peso).


    6. Lanza diferentes versiones para testear resultados.
    Una de las ventajas de las newsletters e internet es que se pueden medir con bastante facilidad la respuesta de los usuarios.

    Puedes enviar el mismo contendio variando el formato para comprobar cual es mas efectivo, que tipo de mesaje es mas apropiado, etc. La economia del medio y la facilidad de procesar los datos hace que sea un buen campo de experimentacion.

    Procura no abusar de la paciencia de los usuarios (para newsletters corporativas 1 envio cada 2 meses puede ser adecuado) y gratifica de alguna forma la respuesta del usuario.
  • El log de visitas ayuda a conocer a tus usuarios

    Qué es un log y cómo extraer información para conocer mejor a tus usuarios y sus pautas de comportamiento.

    Resumen:
    • Que es un log y partes que lo componen.
    • Como extraer informacion. Excel puede ser un primer paso muy util.
    • Que hacer con los resultados. Presentacion de datos, pruebas, confirmar teorias.
    • El analisis de log no es una ciencia exacta (pero se acerca).
    • Agradecimientos y algunos enlaces de interes.

    1. Que es un log y partes que lo componen.
    El log de visitas es una fuente de informacion que debemos tener presente para valorar el rendimiento de nuestro site asi como el extraer informacion sobre nuestros productos. El log nos dara informacion sobre que informacion estan solicitando los usuarios, que informacion les resulta mas interesante, cuando la necesitas, rutas de informacion...

    Es muy importante que esta fuente de informacion este accesible por todos los departamentos en un formato sencillo de entender y facil de usar. Es esencial que la comunicacion entre los departamentos (o individuos) que tienen la informacion del log y aquellos que la pueden necesitar sea fluida para no desaprovechar la riqueza de informacion que se puede extraer del log.

    Tecnicamente el "log de visitas" es un archivo creado por el servidor donde se registran las acciones que los usuarios generan en la web.

    El archivo en bruto presenta un formato bastante espeso y su tamaño puede ser un problema a la hora de manejarlo (un log de 20.000 visitas puede pesar 3 megas).

    Ejemplo de linea de un log:
    200.66.196.132 - - [03/Mar/2002:23:59:20 +0100] "GET /directorio/16.html HTTP/1.1" 304 - "http://www.dominio.com/directorio/index.html" "Mozilla/4.0 (compatible; MSIE 5.5; Windows 98; Win 9x 4.90)"
    El formato de los logs varia dentro de cada servidor y dentro de cada servidor de la configuracion del mismo.

    Cada vez que se produce una llamada a un archivo dentro de nuestra web, el servidor escribira una linea como esta. Cada visita, cada HTML, cada imagen dentro de ese HTML generara una linea. Es esta "redundancia" de informacion lo que hace que el log sea bastante dificil de manejar en bruto.

    Explicacion de cada elemento dentro del log
    200.66.196.132 I.P. del usuario (numero de identificacion del ordenador desde el que el usuario accede)
    - Usuario - para sites con identificacion
    - Password
    [03/Mar/2002:23:59:20 +0100] Fecha
    "GET /directorio/16.html HTTP/1.1" Archivo pedido
    304 ID de contestacion (2xx es OK | 3xx son de redirecion | 4xx son de autentificacion | 5xx son de errores de servicio)
    - Numero de bytes enviados
    "http://www.dominio.com/directorio/index.html" Pagina desde la que se pide el archivo
    "Mozilla/4.0 (compatible; MSIE 5.5; Windows 98; Win 9x 4.90)" Informacion sobre version del navegador, terminal del usuario...



    2. Como extraer informacion. Excel puede ser un primer paso muy util.
    Extraer informacion de un log de visitas en crudo usando una herramienta como excel no es facil y presenta muchos problemas, pero nos puede ayudar a entender mejor como funciona el proceso de representacion de un log.

    • Un primer paso es eliminar la informacion "redundante". Las peticiones de graficos, hojas de estilo, flash... pueden tener su utilidad, pero para analizar el trafico de nuestra web los documentos "HTML" seran la referencia valida. Elimando las lineas que no nos interesan, el tamaño del archivo se puede reducir hasta x6 (un archivo de 20 megas paso a 3 eliminando las lineas de informacion "no util"). Al final de este articulo se incluyen enlaces a programas que nos pueden ayudar a limpiar el log.

    • Teniendo un archivo limpio, podemos importarlo en Excel. A la hora de abrir un log, Excel presenta un "wizard" que nos ayudara a tabular la informacion creando un documento con la informacion separada por celdas. Excel presenta una limitacion de unas 65,000 filas.

    • Dentro de Excel ordenaremos la informacion para extraer conclusiones sobre nuetro log.

    Resultados que se obtienen ordenado el log.
    Si ordenamos por...... obtenemos.
    200.66.196.132 I.P. del usuarionumero de usuarios unicos, rutas de dichos usuarios, paginas de salida...
    - Usuario - para sites con identificacionNumero de usuarios registrado frente a usuario anonimos, ratio de conversion...
    - PasswordNumero de errores a la hora de introducir el password, longitud de password preferida...
    [03/Mar/2002:23:59:20 +0100] FechaFechas con mas visitas, duracion de la visita (combinado con el IP), identificacion geografica (global) de los visitantes...
    "GET /directorio/16.html HTTP/1.1" Archivo pedidoPaginas mas vistas - si lo combinamos con IPs sacamos las rutas.
    304 ID de contestacion (2xx es OK | 3xx son de redirecion | 4xx son de autentificacion | 5xx son de errores de servicio)Errores de peticiones, movimiento de archivos...
    - Numero de bytes enviadosEnvio total de datos (transferencia), El tiempo de visita se puede ver afectado por el peso de los archivos solicitados.
    "http://www.dominio.com/
    directorio/index.html"
    Pagina desde la que se pide el archivoque paginas estan dirigiendo el trafico, que enlaces dentro de que paginas son los mas usados, resultado de busquedas (internos y externos), paginas externas con enlaces a nuestro site...
    "Mozilla/4.0 (compatible;
    MSIE 5.5; Windows 98; Win 9x 4.90)"
    Informacion sobre version del navegador, terminal del usuario... Estadisitica sobre versiones, target real del site...


    La idea de abrir un log en crudo requiere dedicacion y algo de tiempo, pero nos ayudara a entender de forma mas clara la informacion que estamos manejando y como pedir los resultados que realmente nos ayudaran a mejorar nuestro site.

    Como alternativa siempre podemos disponer de alguna aplicacion de analisis de logs. Disponibles en una amplia gama (gratuitos, de pago, caros, baratos, buenos, malos....) el uso de estas herramientas suele requerir algo de dedicacion para poder extraer los datos en un formato que nos ofrezca resultados validos. Por lo general todos los fabricantes ofrecen un tiempo de prueba o versiones demo con lo que podemos comparar antes de comprar. Al final de este articulo se ofreceran algunas recomendaciones.


    3. Que hacer con los resultados. Presentacion de datos, pruebas, confirmar teorias.
    Para valorar los resultados de nuestor log, debemos comparar. Lo mas normal es comparar los datos de forma interna viendo la evolucion en el tiempo (comparando el numero de visitas mes a mes, numero de paginas vistas, duracion de las visitas). Esta comparacion nos dara una idea sobre la evolucion del site, como cambios en la portada pueden afectar al numero de paginas vistas, reduccion del peso del site y la evolucion de tiempo de permanencia, etc...

    A la hora de comparar debemos seleccionar elementos que presenten equivalencias. A parte de comparar valores absolutos en distintos periodos de tiempo, debemos ser capaces de comparar los resultados de paginas similares. Paginas de menu, fichas de producto, formularios... deben ser extraidas del log para ver informacion sobre el tiempo de permanencia, siguente pagina, pagina de referencia, etc... Esta comparacion resultara mas sencilla cuanto mas homogeneo sea nuestro site (ya que podremos aislar las variables). Un ejemplo sencillo de comparacion es crear X plantillas de resultados de busquedas, lanzar las paginas en el site y estudiando el log identificar virtudes y debilidades en los diferentes modelos.

    Otra forma de utilizar el log es para monitorizar campañas. Comprobar la eficacia de una oferta, comparacion de productos... el log es una fuente de informacion valida para poder realizar test de forma rapida y economica en el desarrollo de productos. Al ser informacion que se colecta sin ser solicitada de forma directa, presenta algo mas de validez que datos recogidos bajo formularios o encuestas.

    El ser capaz de representar los datos de forma comprensible para nuestra audiencia es un paso muy importante para mostrar la validez del sistema y poder justificar el desarrollo de esta fuente de informacion.
    • Usar capturas de pantalla. Un problema que tienen los programas que analizan los logs es que no enlazan de forma visual los resultados con las pantallas de nuestra web. Para ello, a la hora de presentar los resultados se deben usar capturas de pantalla y graficas de tal forma que se puedan ver las modificaciones en la web y el resultado que han generado.

    • Informacion visual. En anteriores articulos hemos explicado como utilizar graficas para mejorar la representacion de datos. Ahora tenemos la fuente de informacion idonea para crear representaciones que ayudaran a entender y analizar las mejoras y cambios dentro de nuestro web asi como de la informacion expuesta.

      Ejemplo de representacion de un path.
      Los path de un usuario a traves de nuesta web son dificiles de identificar y representar. Creando un frame con "thumbnails" con las paginas vistas durante la visita indicando el tiempo de estancia en cada pagina y enlazando estos thumbnails a la pagina real (en el frame inferior) podemos crear un sistema bastante sencillo que presenta la informacion de forma clara y util ya que cualquier persona puede recrear la visita del usuario.
      Comparacion de menus.
      A la hora de comparar modelos, debemos ser capaces de enlazar la informacion con el producto. En este ejemplo se representan los hits en cada enlace a modo de grafica de tarta.

      • En la mitad superior se representan los 3 enlaces y su distribucion de hits.
      • En la mita inferior se compara la eficacia en hits de los 2 banners (texto Vs. telefono).
      • En el lateral se compara la cantidad de hits de los enlaces en texto frente a los "banners" graficos.


      Antes de lanzar una campaña nacional, un test en la web te puede ayudar a confirmar teorias, pulir ideas...


    • Distribuir la informacion de forma "publica". Ya sea a traves de la intranet o en memos, es importante que el personal involucrado en el proyecto conozca los datos del log de visitas. Tambien es importante explicar la validez de los datos y que informacion se puede extraer de ellos. Diferente departamentos pueden encontrar nuevas utilidades (conocer que puestos de trabajo son los mas vistos, preguntas mas frecuentes...), debe servir como incentivo y objetivo.


    4. El analisis de log no es una ciencia exacta (pero se acerca).
    Como todo metodo de recogida de informacion el log presenta una toleracion en su precision. El principal problema que tiene el log es que nos puede dar menos visitas de las que realmente se estan produciendo. La cache (del navegador o del servidor proxy) haran que multiples visitas cuenten como una unica vista y que movimientos de avance y retroceso puedan no quedar registrados en el log.

    El otro problema es el no poder contar con la velocidad de conexion del usuario. Al no tener esta referencia, el tiempo de conexion se convierte en un parametro algo incierto. Del tiempo de conexion, cuanto se dedica a la bajada de datos y cuanto a tiempo de lectura? Dificil de adivinar, pero de nuevo la comparacion nos deberia dar algun indice sobre el que poder crear una referencia.

    Estos problemas estan comentados de forma precisa en este articulo.


    5. Agradecimientos y algunos enlaces de interes.
    Agradecimientos a Colman Lopez por su ayuda a la hora de preparar este articulo y a Jose Manuel Suarez y Jeff Miller por la informacion aportada.

    Enlaces de interes:
  • Para eliminar las lineas dentro del log que no nos interesan debemos utilizar un editor del estilo KEDIT ($159) (permite abrir cualquier documento de texto y realizar eliminaciones de lineas segun parametros).


  • Jeff Miller desarrollo una aplicacion (.zip 1.5 Mgs) para eliminar lineas. Esta desarrollado usando director y en el ZIP puedes encontrar la aplicacion en si y el archivo director para modificar el codigo y ajustarlo a tus necesidades. La aplicacion es un poco lenta por que no modifica el archivo original, si no que crea uno nuevo a partir del log original. Otra caracteristica es que el archivo y la aplicacion deben residir en el mismo directorio.


  • FAQs y ejemplos de logs de visitas.

  • http://usability.gov/serverlog/index.html


  • Excelente articulo sobre circunstancias a la hora de extraer informacion de un log de visitas.

  • http://www.microsoft.com/usability/webconf/fuller/fuller.htm


  • Juan C. Dursteler recomienda un par de articulos:

  • - http://www.analog.cx/docs/webworks.html. Errores comunes a la hora de leer un log de visitas. Un tono algo negativo.

  • - http://www.infovis.net/Revista/num_65.htm. Articulo dentro de infovis.net sobre visualizacion de logs.


  • Directorio de google sobre analizadores de trafico

  • http://directory.google.com/Top/Computers/Software/Internet/...


  • Archivos de ACM.org sobre logs

  • http://www.acm.org/archives


  • Archivos de Cadius sobre preferencias a la hora de usar herramientas de log.

  • Ver opiniones.
  • Páginas corporativas soluciones de emergencia

    Viendo el mal estado general de las webs corporativas de empresas punteras españolas, ofrecemos diversas claves que deberían aplicar para llegar a ser decentes.

    Resumen:
    • El tener una pagina corporativa decente no es facil pero tampoco es imposible.
    • Evita un peso excesivo.
    • Organiza la informacion de forma eficaz (y pon un buscador que encuentre las cosas).
    • Responder al correo.
    • Presentacion de la informacion financiera.

    1. El tener una pagina corporativa decente no es facil pero tampoco es imposible.
    Desde Think Tank procuro seguir el estado de las paginas web de las empresas que forman el IBEX 35. El estado general de estas webs es malo aunque existen indicios de recuperacion. Desde este articulo se ofrecen algunas ayudas para ofrecer una web corporativa decente.

    Durante la presentacion de un proyecto web es importante comunicar a la audiencia las ventajas de un diseño web centrado en el usuario. Explicar las virtudes de un diseño ligero, presentar diferentes opciones de navegacion y ser capaz de transmitir las ventajas e inconvenientes, el disponer de un sistema de publicacion y el ahorro que puede generar...

    Estos son algunos de los puntos que una presentacion puede tocar y es importante estar rodeado de informacion precisa que presente soluciones acabadas para que la toma de decisiones se base en criterios objetivos y el proyecto se complete con exito.

    Tambien es importante saber explicar al equipo de desarrollo (ya sea externo o interno) las necesidades del proyecto y el poder contar con las opciones necesarias para que la toma de decisiones sea mas rapida. Por lo general se deben desarrollar varios prototipos que presenten las alternativas mas razonables para el proyecto.

    Dentro del IBEX 35 se pueden destacar las siguientes webs corporativas:
    Estos 3 ejemplos sin ser perfectos, presentan paginas webs bastante decentes donde la informacion esta accesible, no son muy pesadas y presentan diferentes virtudes dentro de su ejecucion (textos decentes, programacion 100% compatible, diseño elegante, arquitectura).


    2. Evita un peso excesivo.
    Uno de los primeros errores que presentan algunas webs corporativas es el poner un flash en la portada. No pasa nada por tener una pelicula flash pero ponlo dentro de la portada como una opcion del menu de esta forma, quien quiera verla pueda ir al menu y abrir la pelicula.

    Otro factor que incremente el peso sin aportar gran valor es el tema de las fotos. Es bueno tener imagenes dentro de las paginas (ayudan a descansar de la lectura y pueden mejorar la comprension del texto), pero evita que pesen mucho y que sean necesarias para navegar o entender el significado. En algunos casos se ven portadas donde todos los elementos utilizados son imagenes. Esto no es bueno para nadie. Es dificil de mantener, dificil de navegar y lento de cargar.

    El tema de los banners ya es un poco patetico dentro de paginas corporativas. No hace falta ser tan "comercial" y hay que pensar un poco mas en tratar de forma respetable a los usuarios que acceden a tu site.

    Mal: Casi cualquiera del IBEX 35 pero destacamos Aceralia. Portada todo imagenes + pop up flash.
    Bien: Ebankinter.


    3. Organiza la informacion de forma eficaz (y pon un buscador que encuentre las cosas).
    Aqui lo importante es conocer los diferentes tipos de clientes que presenta el site, identificar sus necesidades actuales y deseos para con esta informacion poder trabajar con los departamentos implicados.

    Podriamos decir que los "clientes" de una web corporativa son los accionistas, medios de comunicacion y empleados. Descartamos el tema de consumidores (o clientes actuales) por que para ellos se debe crear una web dirigida a atender otro tipo de necesidades.

    • Los accionistas (o socios) deben disponer de una seccion propia donde puedan ver el estado actual de la accion, evolucion de los principales indices de la empresa, comparativa de datos internos de la empresa y frente al sector o empresas de la competencia, analisis del valor, actividades, junta de accionistas, comunicacion con la empresa, promociones, regalos, etc...

      Esta seccion donde mas suele fallar es a la hora de ofrecer informacion economica en un formato presentable y a la hora de responder al correo. Por lo general el convertir la memoria anual en PDF se ha tomado como un estandar pero no es lo mas eficaz. El peso del archivo es grande y se debe advertir al usuario de que el link donde va a pinchar sirve para descargar un PDF. Por otro lado, se debe tender a ofrecer versiones HTML de la informacion donde el contenido es mas facil de actualizar, pesa menos y es mas facil de copiar, pegar, etc...

      Por ultimo, es bastante preocupante que de 6 mails enviados a diferentes empresas del IBEX 35 solicitando informacion sobre la memoria anual ninguna empresa respondiera.

    • Los medios de comunicacion deben disponer dentro de la web corporativa de una pagina de presentacion de la empresa y de una pagina con los factores claves de la empresa. Desde catalogo de productos, numero de empleados, facturacion, volumen de negocio, porcentaje del mercado, competidores, distribucion, etc. Esta informacion no solo es fundamental el tenerla presente para los medios, sino para cualquier inversor que este dispuesto a comprar acciones.

      Las noticias y comunicados de prensa es otro factor que se debe cuidar y presentar de forma decente. Ofrecer la suscripcion a una newsletter donde se presenten las novedades de la empresa, nuevos productos, es N E C E S A R I O.

      Esta seccion en muchas de las webs visitadas no existia. En otras se presentaba la informacion en un formato muy pobre y con textos genericos que aportaban poca informacion sobre la empresa.

    • A los empleados lo mas normal es ofrecer la informacion a traves de la intranet, pero desde la web se deben ofrecer herramientas que incentiven la fidelidad de los empleados actuales y atraigan la atencion de posibles candidatos. Actividades de la empresa, formacion, promociones deben ofrecerse de forma publica para dar valor a la empresa y fomentar la cultura interna de la corporacion.

      Este tipo de contenidos no existe en la mayoria de empresas actuales.

    Una vez identificadas las necesidades de cada sector (realizando entrevistas a grupos de usuarios) se deben recoger las necesidades de los departamentos internos de la empresa. Conocer que tipo de documentos son los mas visitados (con el log de visitas de la web), consultas mas frecuentes en las juntas de accionistas, llamadas al "call center", actividades del departamento de relaciones publicas, etc...


    4. Responder al correo.
    A la hora de poner la direccion de correo en una web corporativa, se debe ofrecer una direccion que tenga un responsable dentro de la empresa. Esa persona o departamento, se deben encargar de reponder al correo de forma eficaz y dentro de un plazo razonable (no mas de 48 horas).

    En formato lista, algunos consejos fundamentales para tener una direccion de correo decente:
    • Ofrecer direcciones especificas y formularios para evitar avalanchas de correo.
    • En caso de poner un formulario para el envio de correo, que sea muy sencillo.
    • Ofercer una repuesta automatica con un texto decente.
    • Traducir los mensajes de error del servidor de correo.
    • Es mejor ofrecer una direccion de correo tipo "info@empresa.com" que "juan_sanchez@empresa.com". Esa persona puede cambiar de puesto o dejar la empresa y eso motivara que ciertos mails se pierdan, redireccionar el correo, etc...
    • Que la gente que responda al correo dispongan de un curso de formacion sobre como hacer un mail decente. Como poner un enlace, como ofrecer instrucciones, como responder de forma atractiva...
    • Si la respuesta al correo puede llevar mas de 48 horas avisar al remitenten del retraso.
    • Revisar los mails recibidos para mejorar la inforamcion disponible y responder a las necesidades de los usuarios.

    El disponer del acceso a internet junto a empleados bien formados y es la forma de aprovechar al maximo los recursos disponibles. Responder al correo de forma eficaz es un primer paso necesario. Desde algunas empresas he recibido respuestas al correo dentro de un documento word adjuntado, responder ofreciendo informacion pero no enlaces, instrucciones erroneas (eso contando los pocos que responden).


    5. Presentacion de la informacion financiera (mas alla del PDF).
    A este apartado se le debe dedicar especial atencion ya que es clave para captar nuevos inversores y para demostrar el valor real de la empresa.

    Aqui los esfuerzos se deben enfocar en transmitir los resultados de forma sencilla, entendible y en perspectiva. Si bien el usuario debera estar minimanente familiarizado con la terminologia empleada, esto no debe dar pie a no ofrecer la informacion de forma transparente, bien organizado, en un formato facil de usar y actualizada.

    De nuevo el PDF aparece como formato mas extendido pero se debe tender a ofrecer la informacion publicada en formato HTML. Peso mas reducido, capacidad de actualizacion en vivo y un formato mas facil de exportar a otros soportes, deben ser factores que fomenten el uso del HTML.

    En el tema de los graficos es donde mas se esta fracasando. Aplicaciones para crear graficos de dudosa calidad asi como fuentes de informacion con datos pobres presentan graficos que empañan la transparencia en la informacion. Antes de comprar una aplicacion de software para crear graficos, probarlo con datos reales para ver que tipo de graficas se generan, ver alternativas y opciones de configuracion.

    En el caso de las tablas de datos, algunos consejos elementales:
    • No utilizar bordes en las tablas.
    • Justificar los datos numericos a la derecha.
    • Justificar los titulos de las columnas en el centro.
    • Ofrecer opciones de organizar los datos en referencia a una columan determinada.
    • Comparartiva de datos con años anteriores, frente al sector y frente al mercado en general.
    • Indicar periodos de actualizacion y fuente.
    • Ofrecer leyendas en los casos necesarios.


    Bien: Amadeus, la leyenda es algo pequeña, pero ofrece informacion facil de entender.
    Mal: Hidrocantabrico, mucho detalle para poca informacion.
    Ejemplo de tabla: En Pickingpack se pueden ver los resultados de la empresa, pero la presentacion es tan pobre que hace muy dificil leer la informacion y poder ver el desarrollo de los datos a traves del tiempo. No solo se trata de hacerlo accesible, sino de hacerlo util.

    Las paginas corporativas (usando el mercado español como baremo) presenta un panorama bastante desolador. Queda mucho por hacer y enseñar. Desde como leer un log de visitas pasando por hacer una newsletter pasando por metodos de publicacion on-line.

    Iframe y usabilidad

    Vemos lo que son los frames flotantes, cómo crearlos y sus características, ventajas e inconvenientes, más destacados en el campo de la usabilidad. Incluye introduccion al mundo del frame e iframe.

    Resumen:
    • Los iFrames ayudan a insertar una pagina web dentro de otra con mayor control que usando los "frames" tradicionales.
    • Ya no se necesita tener una pagina que defina los frames con lo que se mejora algo el registro en los buscadores.
    • El uso mas natural es el de la publicidad y sites de colaboracion (e-zines, sites personales, logs de informacion...).
    • Tiene los mismos inconvenientes que un frame tradicional (imprimir, bookmarks, buscadores).
    • Ejemplos de iFrames, codigo, referencias.
    Que son los frames?
    ejemplo de construccion de una pagina con frames

    ejemplo de construccion de una pagina usando iframes
    1. Los iFrames ayudan a insertar paginas con mayor control que usando los "frames" tradicionales.

    Con los frames tradicionales se necesita una pagina web donde se definen la dimesion y posicion de los marcos junto a las llamadas a los documentos a insertar. Esto genera una pagina "index" que se encuentra vacia de contenido haciendo que los usuarios de nuestor site, tengan que cargar (primero) una pagina vacia de contenido que genera los frames y (segundo) el contenido de cada pagina a insertar. El tiempo de carga con los frames es mas lento que usando paginas simples donde todo el contenido y codigo reside en el mismo documento.

    Por el lado de los buscadores, el problema reside en que el primer documento a indexar se encuentra vacio de contenido siendo el mas relevante para el ranking dentro de los resultados.

    Con los iFrames, podemos insertar una pagina web dentro de otra, de la misma forma que insertamos un grafico o una tabla. El iFrame es un objeto que se manipula con la misma libertad que cualquier otro elemento dentro del espacio HTML.

    Teniendo en cuenta el tiempo de carga, al usuario se le presenta una portada con el contenido del site de forma directa, cargando el resto de elementos (incluidos el iframe) de forma natural.

    La pagina index al mostrar informacion, los buscadores pueden indexar el contenido de nuestro site de forma natural ofreciendo informacion relevante dentro de los resultados mostrados al usuario.


    2. El uso mas natural es el de la publicidad y sites de colaboracion.

    Con el iFrame los banners cobran una nueva dimension. El anunciante puede colocar dentro de un site una pagina web que va mas alla del banner, ya que el usuario podra ser capar de rellenar un cuestionario, consultar mas paginas sin abandonar el site del anunciante, etc.

    En este ejemplo de anuncio de Tide (marca de detergentes), se ofrece el mensaje y la posibilidad de recibir un cupon de descuento. El usuario puede rellenar el cuestionario y finalizar el proceso sin abandonar el site de origen (este anuncio se encontro dentro de yahoo! Mail).

    ejemplo de banner dentro de un iframe ejemplo de banner dentro de un iframe ejemplo de banner dentro de un iframe

    El problema que presentaba este anuncio es que el formulario era muy largo (hasta 4 pantallas dentro del iframe). La version HTML del mismo, sigue siendo muy largo, pero al menos es mas comodo de leer al disponer de todo el navegador.


    El iFrame tambien permite que, con minimo mantenimiento, un site pueda permitir la colaboracion de varias personas a la hora de ofrecer informacion sin interrumpir la produccion por cambios en el diseño del mismo. La union de hojas de estilo con iFrames ayuda a crear sites donde el mantenimiento (tecnico, diseño, plantillas...) y la actualizacion del contenido no crean conflictos usando muy pocos recuros de programacion.


    3. Tiene los mismos inconvenientes que un frame tradicional.

    A pesar de estas posibles virtudes, los iFrames siguen teniendo los mismos problemas que los frames tradicionales a la hora de querer imprimir el contenido, hacer un bookmark o ser indexado por un buscador.

    previo de impresion de un iframe
    • A la hora de imprimir el cotenido de una pagina con iFrames en un explorer sobre un iMac el contenido del iFrame se desborda del limite definido para el mismo empujando al contenido de la pagina hacia abajo creando una impresion erronea.
    • Los bookmarks se hacen sobre la pagina que contiene el iFrame y no sobre el iFrame en concreto. Para solucionar esto, debes ofrecer una pagina exenta a la que el usuario pueda recurrir sin tener que pasar por el iFrame.
    • Para los buscadores la solucion pasa por crear metas apropiados y procurar ofrecer algo de contenido clave dentro de la pagina index. Procura crear un sumario del contenido ofrecido y haz referencias a la informacion mostrada dentro del iFrame.
    El iFrame (al igual que el frame tradicional) no es una solucion adecuada para mostrar contenido de forma intensiva. Si es adecuado para temas de publicidad, sites de colaboracion entre varios usuarios y para crear sites con mantenimiento minimo usando muy pocos recursos de programacion.


    4. Ejemplos, codigo, referencias.

    Codigo general para crear un iFrame.

    Codigo Resultado

    <p>See our <a href="news.html">newsflashes</a>.</p>
      Ejemplo de iFrame con mas variables;


    Ver el ejemplo en HalfProject.com


    Enlaces de interes:


    Comentarios recibidos:
    - De: "Maelmori"
    Esta vez para complementar informacion a nivel técnico: es posible lograr el mismo efecto que un iframe en Netscape 4, usando el atributo src de la etiqueta Layer. Referencia http://www.dansteinman.com/dynduo/es/source.html como la traducción es pésima y horrible, te mando el enlace en inglés http://www.dansteinman.com/dynduo/en/source.html El implementarlo o no entonces depende más del compromiso con el standard del programador (o de sus ganas de trabajar, claro :) ya que como sabrás el iFrame es lo standard a nivel de recomendacion W3C.

    Una vez más el uso del iframe tienen sus consecuencias en el entorno de la seguridad, claro: http://www.guninski.com/frame2-desc.html.
    La brecha permite acceder a cookies, archivos locales... Una joya, vamos. Creo que estaba corregido en el último parche del explorer, pero el workarround es Workaround: Disable Active Scripting
     

    ©2009 - 2013 Pichujitos | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑