10 Pautas y Consejos Útiles para el Diseño de Páginas Web (Parte I)

Todo el mundo está de acuerdo en que la usabilidad y la navegabilidad son aspectos clave del diseño Web. Tanto en un sitio web corporativo, en una tienda on line o en una aplicación web, es fundamental hacer que las páginas sean agradables, fáciles y sencillas de usar para los visitantes. Se han realizado muchos estudios en los últimos años sobre diversos aspectos de la apariencia de las webs y el diseño de interfaces.  A continuación se describen 10 pautas  y consejos útiles, extraídas de este tipo de trabajos, que pueden ayudar a mejorar la experiencia del usuario en su sitio web.

1. La calidad en el diseño es un indicador de credibilidad

De diferentes estudios realizados para averiguar las claves en la percepción de la credibilidad sobre los sitios web, (enlaces a los estudios en nota al pie de esta entrada), se desprende un hallazgo interesante: los usuarios realmente juzgan el libro por su cubierta … o más bien, un sitio por su diseño web. Elementos como el diseño, la coherencia, la tipografía, el color y el estilo afectan la manera en la que los usuarios perciben su sitio web y qué tipo de imagen proyecta. Su sitio web no sólo debe proyectar una buena imagen, sino también la adecuada para su audiencia.

Otros factores que influyen en la credibilidad son: la calidad del contenido del sitio web, la cantidad de errores, la cantidad de actualizaciones, facilidad de uso y fiabilidad de los autores.

Fuente: http://feedafever.com/

No sabemos si la aplicación Fever es buena, pero la elegante interfaz para usuarios y el sitio web, dan una excelente primera impresión.

2. La mayoría de los usuarios no hacen scroll

Un estudio de Jakob Nielsen sobre la cantidad de usuarios que se desplazan verticalmente con el scroll (en Prioritizing Web Usability en el 2006) reveló que sólo el 23% de los visitantes se desplazan en la página en su primera visita. Esto significa que el 77% de los visitantes no hace scroll, sólo verán el contenido que aparece a primera vista (es decir, el área de la página que está visible en la pantalla sin tener que desplazarse hacia abajo). Es más, el porcentaje de usuarios que se desplazan verticalmente disminuye en visitas posteriores, con sólo el 16% de desplazamiento en su segunda visita. Este dato resalta la importancia de colocar el contenido clave en un lugar destacado, especialmente en las páginas de destino.

Esto no significa que debe meterse todo en el área superior de la página, sino que debe hacerse el mejor uso posible de esa zona. Saturándola con contenido sólo hará que el mismo sea inaccesible, cuando el usuario ve demasiada información, no sabe por dónde empezar a buscar.

Fuente: http://www.basecamphq.com/

Basecamp hace un gran uso del espacio. En la parte superior (768 píxeles de alto), muestra una pantalla grande, el rotulo, propuestas de valor (los beneficios que los usuarios obtendrán al usar el servicio anunciado por la página web), llamados a la acción, lista de clientes, videos y una breve lista con imágenes.

Esto es muy importante para la página de inicio, donde la mayoría de los visitantes nuevos llegarán. Así que establezca los básicos ahí:

1. Nombre de la página web

2. Propuesta de valor de la página web (es decir, los beneficios que los usuarios obtendrán por utilizarla)

3. Navegación hacia las principales secciones de la página web que son relevantes para el usuario.

Sin embargo, los hábitos de los usuarios han cambiado significativamente desde el momento del citado estudio (año 2006). Observaciones más recientes indican que los usuarios están más a gusto con el desplazamiento y en algunas ocasiones que están dispuestos a desplazarse hasta la parte inferior de la página (posiblemente debido a la influencia del formato blog). Muchos usuarios se sienten más cómodos con el desplazamiento que con una paginación (número determinado de páginas ordenadas consecutivamente).

3. Los usuarios se concentran en las caras

La gente instintivamente reconoce a otra persona cuando hacen contacto visual. En las páginas web, tendemos a concentrarnos en los rostros y ojos de las personas, lo que provee de una buena técnica a los mercadólogos para atraer la atención. Sin embargo, nuestra atracción por las caras y los ojos de las personas sólo es el comienzo, resulta que en realidad dirigimos la vista hacia donde la persona en la imagen está mirando.

Fuente: http://www.tobii.com/market_research_usability.aspx

Mapa de calor sobre la trayectoria del ojo de un bebe mirando directamente hacia nosotros, de UsableWorld study.

Fuente: http://www.tobii.com/market_research_usability.aspx

Y ahora el bebé está mirando el contenido. Observe el aumento de las personas que observan el título y el texto.

A contuniación se presenta un estudio del seguimiento ocular que lo demuestra. Estamos instintivamente atraídos a los rostros, pero si ese rostro está mirando hacia un lugar distinto a nosotros, también miraremos en esa dirección. Saque provecho de este fenómeno llamando la atención de sus usuarios hacia las partes más importantes de su página o anuncio.

4. Los espacios en blanco mejoran la comprensión

La mayoría de los diseñadores saben el valor de los espacios en blanco, que son los espacios vacíos entre los párrafos, imágenes, botones y otros artículos en la página. El espacio en blanco secciona una página dando a los elementos espacio para respirar. También podemos agrupar los elementos, disminuyendo el espacio entre ellos y aumentando el espacio entre ellos y otros artículos en la página. Esto es importante para mostrar las relaciones entre los elementos y la creación de una jerarquía de elementos de la página.

Fuente: http://thenetsetter.com/blog/

Observe el contenido del margen, el relleno y el espacio entre párrafos en The Netsetter. Todo el espacio hace que el contenido sea fácil y cómodo para leer.

El espacio en blanco también hace que el contenido sea más legible. Un estudio (Lin, 2004) encontró que un buen uso de los espacios en blanco entre párrafos y en los márgenes de la izquierda y la derecha aumenta la comprensión en casi un 20%. Los lectores prestan más atención y procesan mejor los contenidos con amplios espacios entre si.

De hecho, según Chaperro, Shaikh y Baker, el diseño de una página Web (incluyendo espacios en blanco, los encabezados, la sangría y figuras) puede no influir en el rendimiento, pero influyen en la satisfacción del usuario y la experiencia.

5. Para destacar un producto, cree una buena página de descripción

Nadie compra en Internet sin ver antes una buena página de descripción del producto. Pero muchas páginas de productos, carecen de información suficiente, incluso para los visitantes que hacen una revisión rápida. Este es un problema grave, porque la información del producto ayuda a tomar decisiones de compra. La investigación muestra que la información pobre sobre los productos representa cerca del 8% de los problemas de utilidad e incluso el 10% del fracaso de usuario (es decir, el usuario se da por vencido y deja el sitio web) (Dar prioridad a la utilidad del Web).

Fuente:http://www.barrabes.com/barrabes/product.asppf_id=26198&idvariedad=102381&opt=d&dept_id=1919

Proporcione información detallada sobre sus productos, pero no caiga en la trampa de bombardear a los usuarios con demasiado texto. Haga que la información sea fácil de digerir. Haga la página sencilla visualmente dividiendo el texto en segmentos más pequeños y utilice sub-títulos. Añada suficientes imágenes de sus productos, y utilice un lenguaje correcto: no utilice un lenguaje que sus visitantes no podrían entender.

Continua en: https://pymeslatam.wordpress.com/2009/11/24/10-pautas-y-consejos-utiles-para-el-diseno-de-paginas-web-parte-ii/

Estudios de referencia:

• Estudio de la credibilidad de Stanford-Makovsy 2002: investigar lo que hace hoy los sitios creíbles

¿Qué hace a un sitio web creíble? Un informe sobre un gran estudio cuantitativo

Los elementos de la credibilidad computacional

Fuente del Documento:  http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/

SOM-HI: Aplicación del marketing viral a una PyME

SOM-HI es una empresa mexicana dedicada al diseño y comercialización de vinyles decorativos. Participó recientemente en el proyecto desarrollado por Barrabes.biz y Soluciones de Comunicación de ayuda a las PyME mexicanas en la generación de negocios en Internet, con la colaboración de la Cámara Nacional de Comercio (CANACO) y Universo PyME.

Los vinyles decorativos son adhesivos de alta resistencia especiales para pegar sobre cualquier superficie. Son la mejor alternativa al papel tapiz y constituyen un invento original para dar otro aire a la casa o al negocio sin gastar mucho dinero. Desde la primera jornada de trabajo en el proyecto, en SOM-HI comprendieron que tenían un producto perfecto para ser promocionado y  comercializado a través de Internet por lo siguiente:

  • Prácticamente todo su público objetivo dispone de computadora e internet.
  • Su producto puede mostrar sus características de una forma clara y sencilla en la web.
  • Su producto provoca interés y  además no está en los canales masivos de distribución, por lo que es muy susceptible de ser buscado por internet por las personas que lo conocen o han oído hablar de él.

Se pusieron en marcha una serie de acciones de promoción que han derivado a un espectacular aumento de visitas en su web, que ya se están traduciendo tanto en ventas directas online como en ventas derivadas fuera de la web. Parte del éxito obtenido se debe a la puesta en marcha de campañas de marketing viral. Es decir, técnicas de marketing que intentan explotar redes sociales y otros medios electrónicos para dar a conocer una marca por medio de un proceso basado en un “boca a boca”. La principal ventaja de estas técnicas es que permiten  llegar a una gran cantidad de personas rápidamente.

Ellos mismos nos lo cuentan en la siguiente entrevista:

¿Por qué apuestan por Internet?

Actualmente no disponemos de ningún punto de venta físico, salvo los mercados FUSIÓN que se celebran con una periodicidad mensual en las Colonias Condesa y Roma de México D.F. Sin embargo esto no supone un problema para que los clientes contacten con nosotros. Casi todo nuestro target tiene computadora y acceso a Internet, y pasan más tiempo frente a ella que en la calle. Les resulta mucho más cómodo acceder a la compra aquí que perder el tiempo en las tiendas físicas.

¿Qué han hecho en Internet a partir del proyecto?

Hemos realizado modificaciones en la web de la empresa que han facilitado a nuestros clientes encontrar rápidamente lo que buscan.

Hemos puesto en marcha una campaña de publicidad en buscadores que nos ha reportado desde su puesta en marcha, un gran número de nuevas visitas a nuestra página. En concreto se han producido un total de 320,000 visualizaciones de nuestro anuncio, con un acceso de casi 1,500 nuevas visitas a la web.

También acabamos de poner en marcha una campaña de marketing viral a través del envío de mails, para conseguir los correos electrónicos del mayor número de personas posible dentro de nuestro público objetivo, por ahora hemos conseguido el reenvío a más de 5,000 personas. Los contactos obtenidos serán utilizados para realizar acciones de promoción como el envío de boletines electrónicos con anuncios sobre nuevos productos o participación en mercados como el FUSIÓN para  las personas que se han mostrado interesadas.

Campaña viral de Som Hi

Imagen de la campaña de marketing viral

¿Realizan un seguimiento de los resultados de su promoción en Internet?

Al principio teníamos un contador en la web que nos permitía comprobar las entradas. Ahora, con la puesta en marcha de los cambios, incorporamos una herramienta estadística para poder realizar nosotros mismos el control de visitas a la web, de dónde llegan, con qué palabras clave  y muchos más datos que nos ayudan a hacer seguimiento de resultados.

¿Cuántas visitas llegan a su web?

Desde la puesta en marcha de la campaña de publicidad en buscadores y  la campaña de email marketing viral,  las visitas ascendieron, superando las 14.500 con fecha 30 de septiembre.

¿Han notado incremento desde la puesta en marcha del proyecto?

Sí, el incremento y la respuesta de la gente han sido increíbles. Usualmente la gente escribe haciéndonos comentarios de los diseños y siempre se notan entusiastas. Cuando se puso en marcha la campaña de publicidad en buscadores el número de visitas creció mucho, y la gente que escribía aumentó también. A partir del envío del marketing viral la gente se nota más entusiasta que nunca, escriben comentarios incitando a sus amigos a entrar a la web, y los que ya son clientes hablan de nuestro producto y nos recomiendan.

¿Estas visitas se traducen en contactos comerciales?

Diariamente contactan con nosotros a través de la web. La mayor parte de las veces piden informes, pero casi siempre terminan comprando algún vinyl o a distancia o acudiendo al mercado FUSIÓN en el que participamos.

¿Se han incrementado estos contactos comerciales desde la puesta en marcha de las recomendaciones?

Sí. La verdad es que antes recibíamos la mayor parte de los pedidos en los mercados FUSIÓN en los que participamos una vez al mes, pero gracias al incremento de las visitas en la web han aumentado los pedidos que realizamos a través de contactos por la web. La gente nos escribe más y ahora de más lugares del interior de la República, por ejemplo el último caso, nos han contactado desde Cancún para colocar nuestros vinyles en los establecimientos de una cadena de hoteles.

¿Y en cuanto a ventas?

También se han visto incrementadas. Además el perfil del cliente que adquiría nuestro productos eran personas que salían a pasear al mercado, pero gracias a la estrategia en Internet contactan con nosotros tanto particulares que adquieren los vinyles para sus domicilios, como profesionales o empresas que los colocan en sus oficinas, lugares de trabajo u hoteles.

Ha sido muy útil para ello el incluir en la web la personalización de los productos. Nuestros clientes saben ahora que pueden proporcionarnos cualquier imagen, logotipo, etc. y nosotros se lo convertimos en un vinyl para su empresa u hogar.

¿Qué nuevas acciones van a poner en marcha?

Además de las citadas sobre el correo electrónico y la continuación con el programa de publicidad en buscadores, estamos preparando el lanzamiento de la nueva web de SOM-HI. Vamos a crear una web con mucho más contenido en la que implementaremos las recomendaciones de Barrabes.biz y Sol-Com. Estamos construyendo la web como una comunidad de intercambio de ideas, tendencias y opiniones entre aquellas personas interesadas en la decoración, incluyendo un blog dentro de la web y mucho más contenido. Vamos a poner en marcha asimismo herramientas en redes sociales y otras plataformas externas que favorezcan la creación de comunidad.

Vamos a incorporar nuevos productos, esto es, nuevos diseños, hacer más proyectos personalizados, realizar envíos de newsletter mensuales, y pedir a la gente que postee sus cuartos, depas o casas decorados con los vinyles de SOM-HI.

También tenemos prevista la puesta en marcha de una tienda online dentro de la web, e introducir los sistemas de pago online e información sobre el envío del producto.

Visita la web de SOM-HI en: www.somhigrafics.com