WireFrame eCommerce

31 enero, 2010

Negocios, Tecnología

Esta semana ha tocado definir WireFrames de varios proyectos webs, pero vamos, desmitifiquemos la palabra WireFrame, por que, al final, siempre acaba siendo la combinación del bolígrafo del camarero y una servilleta mientras tomas café.

Pero el Wireframe o esquema web, es uno de los aspectos más importantes y cruciales de un diseño web, y es algo que mucha gente suele dejar al diseñador, o al cliente, un gran fallo, pues tiene que hacerlo un experto en marketing online.

Son muchos los factores que intervienen en un WireFrame, y la verdad, no me considero aún un experto, pero si tengo cierto nivel, suficiente para que os hagáis una idea de lo importante que es entender el negocio antes de diseñar una web.

Voy a intentar de explicar con ejemplos, los pasos que sigo para determinar el esquema idóneo de un sitio web.

Frecuencia de la compra

Es importante saber si nuestro cliente objetivo sólo compra una vez, o va a repetir compra. Por ejemplo, si nos dedicamos a vender freidoras, una persona cambia de freidora cada 2 o 3 años, nuestra web tiene que tener un esquema orientado a una sola compra. En un esquema de este tipo, zonas como novedades o más vendidos, van a delimitar radicalmente las opciones de búsqueda del cliente. Si estás buscando una freidora, es casi normal que compres la más nueva o la más vendida. Con lo cual, ni si quiera vas mirar el resto de la web. ¿Queremos que eso ocurra? Puede que sí, o puede que no, si en las novedades tenemos una freidora muy cara, y en los más vendidos, también, y nuestro cliente busca algo de precio medio-bajo, en cuanto vea esos dos artículos, abandonará la web. (Que tienda más cara!!!!)

No os puedo dar una solución mágica, depende del negocio, cualquier vendedor “tradicional” sabe lo que poner en el escaparate de su tienda.

Heterogeniedad de la tienda

Hay tiendas que vende productos heterogéneos o de diferentes departamentos, o de cosas que no tienen nada que ver. Si pensamos en la tienda de El Corte Ingles, no tiene ningún sentido poner en la página principal “lo más vendido”, o “lo más nuevo” (podéis confirmar en su web que no lo suelen hacer). Os pongo un ejemplo, quizás lo más vendido en El Corte Ingles en estos momentos sea un Video Juego, si lo ponemos en la página de entrada, ¿a cuanta gente le interesa la sección de video juegos? ¿ al 5% al 10%? Tiene mucho más sentido, poner anuncios más generales sobre las secciones; Ofertas en hogar, Novedades en Informática, etc…

La segunda visita/compra

Lo bueno que tiene internet, es que podemos ofrecer al cliente habitual, una página personalizada para el, destacando aquellos artículos que son de interés, basándose en compras anteriores y perfil del usuario. En el ejemplo de El Corte Ingles, lo ideal sería, que si alguna vez he comprado algo de juguetes, reserve más parte de la pantalla para anuncios de juguetes, y de artículos relacionados con el niño.

En el caso de las freidoras, ¿para que vuelve a nuestra web?

  • Servicio Técnico
  • Accesorios
  • Una segunda freidora
  • Recomendar a un amigo
  • Aceite

Son ejemplos, si logramos identificar al cliente, y podemos ofrecerle una página de entrada adaptada a sus necesidades, tendremos éxito seguro.

Rotación de los artículos

La rotación de nuestro catálogo es muy importante, hay páginas en las que el catálogo no cambia nunca, hay otras en las que el catálogo cambia diariamente, y hay otras, en las que la rotación de artículos no interesa al usuario.

Por ejemplo, una web que se dedica a vender baterías de repuesto de cámaras de foto, no tiene sentido que tenga una sección destacada de novedades. Por el contrario, si nuestro catálogo cambia completamente todos los días, no tiene sentido una sección de novedades donde aparezcan todos los artículos, es mucho mejor, en este caso, la posibilidad de ordenar por fecha.

¿El precio es importante?

Si visitamos la web de BMW, Mercedes Benz, Bentley no vamos a ver una sección de ofertas, son artículos en los que el precio no importa, el que compra un coche de este tipo, no mira el precio. Pero si entramos en Citroen, Renault, Kia, Toyota, vemos un apartado con descuentos y facilidades de pago.

Hay que tener en cuenta este aspecto para reservar una sección para ofertas, o por el contrario, reservamos una sección para destacar otro aspecto importante de nuestros productos/servicios; Calidad, Plazos de Entrega, Protección del Medio Ambiente, etc..

Elemento diferenciador

¿cual es nuestro elemento diferenciador? ¿Somos los más baratos?¿los más rápidos? ¿Como transmitimos nuestra filosofía a nuestros clientes?

Si miramos la web de www.zappos.com encontraremos el “core” de Zappos enseguida: “Atención y Servicio al Cliente”, pero si entramos en El Corte Ingles, no vemos nada de su “core”, ¿que ofrece que no tengan otros?

Conclusión

Hay muchos aspectos que van a determinar como se debe diseñar una web, no he puesto todos, faltan muchos, pero os puede dar una cierta idea del trabajo que hay detrás de el diseño de una tienda online.

A parte de la página de entrada, hay que diseñar todas y cada una de las distintas “vistas” que puede tener un usuario de la web; pantalla de búsqueda, registro, carrito de compra, check-out, etc..

Si ya tenéis una tienda online, y queréis cambiarla, una buena opción es el optimizador de webs de Google Adwords, permite probar con dos versiones de tu página web, y determinar cual es la más efectiva.

, ,

5 Responses to “WireFrame eCommerce”

  1. Daniel Brandi Says:

    Hola,
    Creo que la herramienta de google para probar con diferentes versiones es Optimizer y no Adwords.
    Me encanta tu blog, sigue así.
    Un saludo

  2. Ricardo Suarez – Serviweb.es Says:

    Interesante tema el que aborda el post. Definitivamente existen muchos factores que influyen a la hora de diseñar un sitio web. Tal vez uno de las más importantes sea conocer bien el mercado del rubro en el que proyectamos tener presencia. Si no se conoce a cabalidad como funciona el mercado y nos dejamos llevar por el egocentrismo es bastante probable que nuestra empresa no este en condiciones de competir.

  3. Xavier Renom Says:

    Añado un post en el que se explica el proceso de maquetado, en este caso utilizando Justinmind Prototyper 3.0, una herramienta específica para el prototipado y la simulación de aplicaciones: http://jariviablog.wordpress.com/2010/03/16/review-justinmind-prototiper-3-0-herramienta-de-bocetado-de-paginas-web/

    Prototyper 3.0 se puede probar en: http://www.justinmind.com/downloads/wireframe_tool
    La release 3.0 ha salido hace poco al mercado, es una herramienta de escritorio para la creación del prototipo y una vez el prototipo ha sido creado se puede compartir/testear/validar en la web con Justinmind Server (una gran novedad).
    Justinmind está ofreciendo una licencia gratuita a cambio de una review de Justinmind Prototyper 3.0: http://www.justinmind.com/blog/we%C2%B4re-offering-a-free-license-for-a-review-of-new-justinmind-prototyper-3-0/

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies