Hablando con el propietario

Cuando conocí a Tomás el propietario de la tienda Climalis.
Unos de los aspectos que más me llamo la atención es su filosofía de venta, caracterizada por un gran factor humano entre vendedor y cliente.

Los productos de esta tienda son eminentemente técnicos y por lo tanto necesitan de una ayuda especializada a la hora de su elección.

Su objetivo no es simplemente vender un producto de gran calidad, es también realizar la difícil tarea de consultor y acompañar el cliente en todos los pasos para la realización de la compra.

Hablando por teléfono, me comentaba que la tienda online no quería ser una web de comercio cualquiera, su finalidad es ser una exposición de productos, para que los clientes llamar para obtener asesoramiento sobre sus necesidades. La tienda busca tener productos que difícilmente el cliente encontrara en la calle, producto en su mayoría técnicos que de otra forma han de ser comprados a profesionales.

Importante también es el argumento del precio, se hacen descuentos a partir de 2 o 3 unidades.

Lo especial de los productos lo indican que la mayoría se fabrican por pedido y suelen tardar unos 15 días.

Target

El tipo de “target” es un cliente que le gustan las cosas bellas y exclusivas, que no tiene miedo a gastar para un producto verdaderamente bueno.

Revisando la web

Esta es la captura de la web actual, puede que desde que publico este articulo la web valla cambiando.

Empezando a estudiar la web en seguida noté algunos puntos flacos:

Problema 1

Los detalles de las imágenes tienen un malo acabado, de esa forma bajas la calidad global de la web, unas de las cosas que resalta estos defectos es el color de fondo de la web en contraste con los banners publicitarios y los contenidos.

Problema 2

Dentro de la cabecera está poco estructurado las opciones de compra y el cuadro de búsqueda

Problema 3

Poner informaciones de promociones de la web a modo gif animado es una desventaja porque parece un banner publicitario externo y además el gif en cuestión no teniendo espacio entre lineas y una fuente de tamaño tan grande dificulta la lectura del mensaje.

Problema 4

Los productos vienen presentados en la web con poco importancia, cuando son el elemento más importante, equivocación en la jerarquía visual, se da más importancia al precio que no al nombre del producto

Problema 5

Nos es aconsejable dar un mensaje de bienvenida repitiendo la ruta URL de la web, es demasiado redundante.

Problema 6

Quitando la imagen del centro no me trasmite ser una página de inicio, en una página de inicio, tienes que trasmitir a tus clientes, tus puntos fuerte, porque tiene que comprar en tu tienda, esa pagina no me trasmite nada de eso

Problema 7

El píe de página pasa por desaparecido y tiene algunas funciones importantes.

Solucionando los problemas

Esta es mi versión para la web.

Propuesta para corregir los puntos débil de la web:

Problema 1

• Dato que toda la web se estructura sobre la plataforma Magento, u intentado realizar los mínimos cambios posible en la estructura de la web.
• Simplemente le y puesto un fondo blanco con un pequeño degradado gris en la parte de arriba, de esa forma los contenidos que se cargan en la página, no parecen como algo pegado artificialmente y se integran de forma mejor.

Problema 2

• Maquetado de forma más simple las opciones de compra.
• Simplificado algún nombre de las etiquetas (de las opciones de compra), (el nombre elegido habrá que utilizarlo en toda la web, los nombres no deberían superar 4 palabras para ser fácil da localizar y memorizar, un ejemplo es “Mi lista de artículos de interés” que yo cambié por “Artículos de interés”).
• Realizado un cambio en la búsqueda, lo puse de la forma más optima, formulario izquierda y botón derecha.

Problema 3

• Quitado los banners que había y realicé algunos nuevos que se integran con el diseño de la web.

Problema 4

• Aumentado un poco el tamaño de las imágenes de los productos (120px | 120px).
• Creado capturas del producto que no pierdan fuerza a verlos pequeños.
• Realizado una jerarquía funcional para identificar de un simple vistazo los producto:
  “Nombre producto” en azul e tamaño grande,”Que es” en azul tamaño normal, “Precio” en gris tamaño mediano negrita, “Productor” en gris tamaño normal.
• Añadido un icono representativo por cada “función de compra” que aparece abajo del producto (añadir al carrito, Añadir a Comparar Prd., Añadir Art de Interés).

Problema 5

• Cambiado la imagen.
• Cambiado el mensaje, el mensaje debería representar en pocas lineas el porque las personas tienen que comprar en esta web.

Problema 6

• Puesto en el menú principal la opción “inicio”, porqué non todas las personas saben que pinchando en el logo de la empresa vuelves a la página de inicio.
• Marcado de forma evidente la opción activa del menú, para que se vea claramente donde estamos.
• Cambiado el tipo di letra del menú para una fuente más pequeña, así queda más fino y elegante, “nos es el tamaño de letra que facilita la lectura, es el contraste es su colocación”.
• Cambiado el tamaño de fuente del titular de la categoría “Nuevos Productos” por un tamaño más grande, tiene que verse con claridad el identificador de un bloque de contenido.

Problema 7

• Cambiado diseño del píe

Comparar propuestas

Usabilidad Consulta web

Los equipos de trabajo muchas veces tienen que reunirse para tomar decisiones para la realización de una web o de un proyecto.

La mayoría de los equipos acaban vertiendo parte de su precioso tiempo en debates repetitivos.

Estos debates suelen ser interminables e inútiles porque se pasa el tiempo exponiendo las fuertes creencias personales sobre cosas que no se pueden probar.

Además de la perdida de tiempo que suponen esas discusiones, se crea una cierta tensión entre los miembros del equipo que impide que se tomen decisiones para avanzar.

Una buena conducta es dejar aparte esas convicciones personales y probar las cosas, si es posible contrastando la información con: libros, webs, consultores, etc.

Hay que empezar a pensar de otra forma y cambiar las preguntas que se suelen hacer, como: (¿este menú gusta a la mayoría de usuarios?) a preguntas más útiles del tipo (¿este menú, puesto en un determinado contexto, puede funcionar bien?)

Sin duda alguna la solución más eficiente es probar.

Algunas reflexiones hacen referencia al libro “No me hagas pensar, de Steve Krug, capitulo 8”

Usabilidad Reuniones

Intro.

Naming son las técnicas para la creación del nombre de la marca.

La metodología del Naming es muy compleja, os explicaré lo básico y la forma de pensar para llegar a un resultado satisfactorio sin ser un profesional del sector.

Os hago un pequeño listado de los puntos que hay que tener en consideración a la hora de escoger nuestro nombre. Muchos puntos están relacionados entre ellos y se pueden omitir aplicando un poco de sentido común.

• Original: Este valor, vale casi para todas las técnicas de marketing: si consigues inventar algo novedoso y original puedes saltarte las demás reglas. Las reglas son guías, pero nunca deberían perjudicar la originalidad y creatividad. Recuerdo un local de Italia muy pijo, que es el ejemplo perfecto. Se llama Bar-H. El significado de las 2 palabras unidas es “cabaña “. Era muy original el contraste entre el nombre y el estilo del local.
• Exclusivo: Tiene que ser único y diferenciarse de los competidores.
• Corto: Si el nombre que se elige es corto es más fácil de memorizar. Ejemplos: Fanta, Pepsi, Lg, Hp etc…
• Idioma: Hay que analizar el tipo de idioma que queremos utilizar para nuestro Naming, podemos utilizar palabras de varios idiomas para crear palabras únicas.
• Cultura y área geográfica: Este punto es muy importante hay que tener cuidado el tipo de palabra que vamos a utilizar, porque según la cultura puede ser una palabra “Tabú” u ofensiva.
• Valor: a veces se busca reforzar el nombre de una marca, con una palabra que represente los valores o la misión de la empresa. Un ejemplo es Nike que toma su nombre de la diosa griega de la victoria.
• Funcional: Que explica lo que hace, el mismo nombre explica qué es y para qué sirve, un ejemplo Electrolux Electro de electrónica, más la palabra lux (símbolo lx) es el nivel de iluminación.
• Masculino o femenino: es curioso pero me acuerdo el ejemplo que me decían siempre en mis estudios de marketing, muchas escobas y fregonas o productos de limpieza de la casa, suelen tener un nombre masculino, dado que suelen ser comprados por un público femenino, ejemplos Mistol, Don Limpio etc…

Objetivos del nombre para esa web:

• Original
• Funcional
• Corto

Éstas eran las características principales que tenía que tener como mínimo el nombre. Es muy difícil satisfacer todas las características descritas anteriormente. Que yo recuerde no se me ocurre ningún ejemplo de marca que cumpla con todas a la vez.

Buscando mi nombre.

Aquí empieza la tarea de investigación y búsqueda de los nombres. Podéis buscar en Google “creador de nombres” y aprovecharos de pequeñas aplicaciones que generan nombres al azar o coger un papel y un boli y empezar a dar rienda suelta a toda vuestra creatividad.

Yo en mi caso prefiero el segundo método junto a mucha paciencia, pero seguramente gente que trabaja todos los días de eso, tendrá métodos más complejos y eficaces.
Pasó un tiempo, y por fin de mi listado de nombres, saqué los 3 que me convencían más. Ahora tenía que quedarme con uno.

• Green Word lo descarté por dos motivos, primero me recordaba por su sonido a Dream Works; segundo me parecía un nombre demasiado relacionado con la botánica.
• Green Design no estaba mal, pero no era para nada original. El hecho de relacionarse con el color verde, es algo que me importaba, porque es un color positivo y relaja. En nuestra cultura el verde lo relacionamos con el dinero y con “vía libre”. Siendo una web de usabilidad, para mí es muy importante el verde, como un semáforo listo para pasar o acceder.
• Namron ese fue el nombre que elegí, porque puede ser un nombre de una persona (Masculino). Me recordaba a las grandes marcas como: Philips, Thomson, Braun; en segundo lugar me gustaba, porque casi representa lo que hago, o mejor, representa quién soy (Funcional), a leerlo al revez es mi nombre “Norman” (Original), me gusta también porque dado que es una web personal tiene sentido que tenga el nombre del autor.

Preparativos técnicos.

• Cuando tenemos nuestro nombre elegido, hay que ver si está disponible un dominio.
• Registrar nuestro nombre en la cámara de comercio.

Identidad corporativa Naming

Seguramente a la mayoría de los que entráis en esta web, os suena de algo el nombre o seguramente lo habéis leído.

Personalmente es unos de los mejores libros de usabilidad que he leído hasta ahora. Es original y novedoso en la forma de redactar el contenido, consigue mantener tu atención y tenerte enganchado por toda la duración de la lectura, da consejos “atemporales” que nos valen durante años y no caducan como suele pasar con otros libros.

Nos explica técnicas de cómo realizar procedimientos de usabilidad de forma práctica, sin tantos rodeos y teorías.

Lo aconsejo a todos, porque es una lectura divertida y muy enriquecedora.

La única cosa negativa es que sea tan corto, porque es tan entretenida la lectura que se acaba pronto. En realidad no es un punto negativo, es algo que quiere el autor: realizar un libro ligero que sirva como una guía rápida para consultar varias veces.

Libros Steve Krug

¿Cuantas veces compraste un electrodoméstico nuevo y leíste el manual de instrucción?
Seguramente mucha gente non lo lee, eso pasa porque estamos mucho acostumbrados a arreglarnos solos.
La misma cosa nos pasa en la web, cuando entramos en ella, no leemos todos los contenidos hojeamos las pagina, cada persona por su forma de pensar, ven en ella sus propias prioridades.

Una de las mejores formas para que nuestra página retenga la atención del los usuarios de forma efectiva, para que encuentren con facilidad lo que buscan, es realizando una buena jerarquía visual.


Una buena jerarquía está compuesta por tres partes:

• Lo que sea más importante ha de ser lo más prominente.
  

---

• Lo que está relacionado lógicamente, lo está también visualmente.

---

• Todos se engloba visualmente bien para que queden delimitadas las partes que pertenecen cada bloque.

Usabilidad Ingeniería de la información