Los 7 pecados capitales del diseño de las páginas de Internet

El día de ayer, Google ofreció un seminario web en donde el reconocido Tim Ash fue el orador. Principalmente, utilizó su experiencia en el diseño óptimo de sitios web, para señalar los siete fallos principales que la gente comete en estos. Asimismo, brinda sugerencias que vienen a solucionar cada falta cometida.

Tim Ash es el presidente de www.sitetuners.com, y autor del libro “Optimización de páginas de Internet” el cual ya es un bestseller. Dejó muy claro la importancia de optimizar los sitios web, y es que los cibernautas tan sólo duran entre 2-3 segundos en decidir si se quedan en una página web o no.

Esto significa que la primera impresión que dé su página, será la determinante entre hacer dinero o perderlo. Claramente, se debe invertir tiempo y dinero en realizar diversos diseños de cada página web, y así determinar cuál de esos diseños son los que consiguieron los resultados esperados en mayor cantidad.

Ash, siendo uno de los expertos más reconocidos en el área, compartió algunos de sus consejos útiles en el diseño de páginas de Internet los cuales mencionaremos a continuación:


Pecado Nº 1: Un confuso llamado a la acción

Cada sitio web tiene un propósito, vender un producto, anunciar un servicio nuevo, dar a conocer un artículo en promoción, etc. Si queremos que la página web cumpla su función, hay que ser claros en cuanto al llamado de atención.

Analice este sitio: www.tower.com/books/isbn/0307392805
Su propósito es vender el libro, y claramente se puede apreciar el producto y la opción de compra. Aunque haya otra información en la página a parte de la necesaria para la venta, esta siempre sigue siendo el foco principal. El sitio: www.attentionwizard.com, le facilita la tarea para encontrar los puntos de atención en su página web.

La solución: Un llamado a la acción claro y enfatizado.


Pecado Nº 2: Demasiadas opciones

Tener muchas opciones en un sólo sitio causa “parálisis”. Además, pueden provocar que el cliente no pueda el enlace correcto para acercarse a lo que en realidad busca.

La solución: Use páginas de inicio con información general, presente los detalles en otras viñetas o enlaces. Agrupe las diversas categorías en un número pequeño de opciones. Finalmente, use atajos visuales para reducir la lectura.


Pecado Nº 3: Formularios largos

No cometa el error de intimidar al lector con un amplio formulario. En primer, lugar puede resultarle aburrido el proceso al interesado o bien, puede mostrar desconfianza ante preguntas que considere personales.

La solución: Pregunte por información que sea absolutamente vital. Si necesita más información, pregúntela posteriormente.


Pecado Nº 4: Demasiado texto

Es comprobado que los cibernautas actuales no quieren leer en Internet, quieren que un sitio sea lo más simple posible. Mucho texto desvía el centro de atención.

La solución: Aunque suene obvia es: poco texto. Use títulos y subtítulos, utilice el método de “Pirámide invertida”, y coloque la información más importante de primera. No use muchas oraciones completas, abrevie. En resumen, edite y corte todo el texto posible.


Pecado Nº 5: Incumplir sus promesas

Uno de los casos más frecuentes es ingresar a una página y pensar ¡Esto no es lo que esperaba! Existen diversos anuncios o enlaces en la red que anuncian algo pero al ingresar a su sitio, no muestran lo que parecían prometer. O tal vez, el sitio contiene lo que se espera pero no en la página al que el enlace nos re-direcciona.

La solución: Realizar los anuncios web utilizando las mismas palabras que se encuentran a la página al que desea re-direccionar al cliente. No hacer promesas falsas como “visítenos y obtenga un descuento”, si al ingresar a la página se deben seguir varios pasos hasta obtenerlo.


Pecado Nº 6: Distracciones visuales

Una página muy recargada es visualmente molesta. Cualquier gráfico de promociones que no es relativo al producto a servicio que se vende en esa página en específico, es una muestra de mala práctica. Otro error es no realizar una clara separación entre contenido y contenido.

La solución: No hacer que su visitante pierda tiempo viendo material equivocado o poco relevante.


Pecado Nº 7: Falta de credibilidad y confianza

Los clientes se preguntan ¿Porqué debo de creerles y comprarles a ustedes? Esto sucede especialmente ante la falta de “endorsements” y testimonios. También porque los símbolos de seguridad como “página protegida contra hackers” no se colocan en lugares prominentes. Algunas veces es porque las condiciones de seguridad se presentan muy tarde dentro del proceso de compra.

La solución: Coloque los símbolos de seguridad, testimonios y cualquier otro respaldo dentro del primer paso de la compra. También destáquelos!



Esta información puede parecer obvia, aún así, si analizamos cada uno de nuestros sitios veremos que estamos cometiendo uno o más pecados. En Google existen herramientas tales como el servicio de “Website Optimizer”, en donde puede probar varios diseños de una misma página web y medir su rendimiento.

La herramienta es gratuita, pero si prefiere que un experto le aconseje durante el proceso no dude en contactarnos. Mi correo es ileana.echandi@internexo.com.

Diseños Web 2.0

"El diseño no es una superficie con efectos gráficos, más bien es la disciplina de lo simple", según cita webdesignfromscratch.com

Algunas características comunes de los típicos sitios "Web 2.0", las evidenciamos a continuación:

• No es necesario que un sitio tenga la totalidad de estas características para que funcione bien, y mostrar estas características no hace necesariamente un diseño "2.0".

1. Sencillez
   
   • Utilice el menor número de funciones que sean necesarias para conseguir lo que necesita para alcanzar su meta.
2. Diseño Central
   

   • El estilo "2.0"es sencillo, atrevido e íntegro. Sitios que están al frente y al centro son más sencillos, atrevidos e íntegros.

   • También, porque son más económicos con los píxeles (y con el contenido), no estamos presionados a meter tanta información como sea posible por encima de la flotación / tapa.

   • Estamos usando menos para decir más, para que podamos ser un poco más libres y sea más fácil con la cantidad de espacio utilizado, y rellenar el contenido con gran cantidad de espacio en blanco.

3. Menos columnas
   
   • Menos es más. Con menos columnas se ve más simple, atrevido e íntegro. Comunicamos la información más claramente.
   • Se recomienda no usar más de tres columnas, porque no se necesitan más.
4. Navegación sencilla
   

   • El diseño 2.0 hace la navegación global más grande, audaz, limpia y obvia.
     Línea hipervínculos (enlaces en el texto) se suelen diferenciar claramente del texto normal.

5. Logos destacados
   

   • Una clara, destacada y fuerte marca – que incorpora actitud, tono de voz, y da la primera impresión - es ayudada por un logotipo negrita.

6. Separar las secciones superiores
   
   • Esto significa que la parte superior de la pantalla (la principal zona de marca y de navegación) se distinga del resto (el contenido).
7. Texto más grande
   

   • Cuando las cosas se hacen más grandes, éstas llaman más la atención. Este efecto se ha utilizado desde siempre en la historia del diseño en impresión, en títulos, portadas y titulares.

8. Introducciones con texto destacado
   

   • Únicamente úselo si tiene algo muy importante que decir. (Si no se tiene que decir algo audaz, tal vez valga la pena reflexionar sobre el propósito de su página / sitio y llegar a algo que valga la pena decir con valentía

9. Colores fuertes
   

   • Los colores brillantes y fuertes atraen al ojo. Úselos para dividir la página en secciones limpias y para enfatizar elementos importantes.

10. Superficies enriquecidas
    
    • Elementos 3D
      

      Los efectos reales en la superficie (como gotas con sombra, gradientes y reflejos) ayudan a que la interface se sienta más real, sólida y terminada.

      También nos recuerda algunas cualidades tácticas, estéticas de los objetos del mundo real, como las gotas de agua, los brillantes botones de plástico y los pisos de mármol. Haciendo que las cosas se vean sólidas y reales, parece que se pueden tocar, más atractivos.

11. Gradientes
    
    • Porqué son útiles?
      

      Porque suavizan las áreas que de otra forma serían muy planas en la relación color/tono.

12. Reflejos
    

    • La ilusión de los reflejos es una de las aplicaciones más utilizadas en los gradientes (difuminaciones).

13. Iconos llamativos (lindos)
    

    • Los íconos juegan un rol muy importante en el diseño Web 2.0. Actualmente, utilizamos menos íconos pero que contienen más significado.

      Los íconos son útiles cuando se reconocen fácilmente y cuando tienen un significado claro. En muchos otros casos, una simple palabra es más efectiva.

14. Llamados de acción
    
    • Son botoneso imágenes visibles que motiven al usuario a generar una acción determinada.
      

El futuro del márketing está en las redes sociales

El usuario no busca en las redes sociales sólo conversación. Para encontrar información
de productos, no se restringe a a los buscadores, a los catálogos, directorios, etcétera,
sino que cada vez cobra más importancia la red. Así lo aseguró Fernando Polo en la
conferencia Redes sociales y empresas que impartió con Juan Freire en EOI (Escuela
de Organización Industrial, Madrid España), e instó a la empresa a adaptarse a este nuevo entorno.

Polo describió un panorama en el que las audiencias están cambiando, la efectividad
de la publicidad en los medios tradicionales está decayendo y las marcas se enfrentan a un
panorama lleno de incertidumbre y desconocimiento.

Facebook ha crecido un 700% en tiempo empleado en él, y Twitter un 3.700%: “A medida que la pasión por los medios sociales crece y los contenidos generados por los usuarios compiten con los
profesionales, las empresas se preguntan cómo abordar el futuro de la publicidad y Márketing”,
concretó. De esta forma, Polo se preguntó: “Pero, ¿sólo se generan compras mediante un proceso
de búsqueda e investigación? ¿Dónde queda la compra por impulso? ¿Y la marca? y ,sobretodo, ¿el poder y la influencia de la recomendación de un amigo, o de un desconocido en Internet? ¿Y la diversión?” “El branding y la sutil influencia de la conversación es difícil de medir, muy peligroso de obviar”, destacó.

Así, detalló que “el Social Media Marketing, SMM no es una disciplina que dé resultados directos. El SMM habla de establecer vínculos emocionales, relaciones humanas con clientes, usuarios, socios, allegados o colegas”. Para concluir, consideró que“anunciarse de forma tradicional en redes es poco efectivo, pero si crear grupos de adictos a un producto”.

Fuente: CONFERENCIAS EOI (http://www.eoinforma.es/newslettereoi/enlosmedios-junio09/expansion_19_06_09.pdf) M.SerrallerMadrid