OmbuShop Crea Tu Tienda Online

Artículos sobre: ‘Diseño Web’

UX: Cómo Mejorar la Experiencia en una Tienda Online

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Hace unas semanas participamos del X Encuentro Latinoamericano de Diseño en la Universidad de Palermo. La charla estaba dirigida a aquellos diseñadores que se encuentran frente a nuevas necesidades a la hora de crear productos digitales: incorporar nuevas herramientas y prácticas para mejorar la experiencia de usuario de sus productos y ofrecer nuevos servicios para la creación de tiendas online.

Presentación

A continuación les dejamos la presentación de la charla. Cecilia, nuestra líder de diseño, realizó un breve repaso sobre su experiencia con el diseño en estos últimos años y señaló un cambio en su metodología de trabajo, con nuevas prácticas y herramientas, a partir de pensar al diseño centrado en el usuario.

Lectura recomendada

Para la realización de la presentación hubo un trabajo de investigación previo. Queremos compartir con ustedes aquellos artículos que nos resultaron útiles e interesantes

UX
Claves para una tienda online efectiva
4 Best Practices for Unforgettable Landing Page UX
Getting started in UX design

User research
When to Use Which User-Experience Research Methods
A Five-Step Process For Conducting User Research

User Testing
Qué es una prueba de usuario

Google Analytics
Cómo analizar Google Analytics
The small business guide to Google Analytics

Conversion
Errores comunes que afectan la conversión

Otros
Los 50 términos imprescindibles del Marketing Online 

Portfolio de Diseño: Consejos para Crearlo y Difundirlo

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Crear un portfolio es una tarea por la que todo diseñador tiene que transitar, no sólo en el inicio de su profesión, sino también a lo largo de toda su carrera.

Guía
¿Qué debe tener un portfolio?
¿Qué herramientas usar para crearlo?
¿Cómo comenzar a difundirlo?
Programa de partners

¿Por qué crear un portfolio?

Antes que nada, debes tener presente por qué y para quién estás creando un portfolio, ya que la mayoría de las veces es para aplicar a un puesto de trabajo. No dejes nada librado al azar y no seas desprolijo. Recuerda que tu posible cliente recibe miles de propuestas y siempre se destacan aquellas con mejor presencia.

Cómo comenzar

Selecciona tus mejores trabajos, siendo crítico y curador de lo que has realizado.  Mostrar todos los proyectos en los que has trabajado puede no ser positivo. Elige aquellos con mayor complejidad o amplitud, es decir, aquellos en los que has realizado varias piezas. De esa manera podrán ver tu versatilidad.

Para los que recién empiezan suele ser complicado, porque la mayoría de los trabajos realizados en la carrera son experimentales y muchas veces no se pueden aplicar a la realidad. Una técnica puede ser utilizar alguna imagen para un poster, una postal o una serie de postales. De esa manera le das una función a una pieza que tal vez no la tenía.
Trata de que sean proyectos o piezas diseño en las que puedas reflejar las necesidades de tu futuro cliente: Diseño Web, Diseño editorial o incluso Packaging.

Especializate. Tal vez este punto es para aquellos que ya han realizado varios proyectos. Es bueno mostrar que eres versátil y que puedes manejar diferentes herramientas, pero también es positivo mostrar una especialización en un area de diseño. Si te postulas para un trabajo de Diseño Web,  lo ideal es que puedas mostrar varios proyectos en ese area.

Inspirate. Conoce lo que otros diseñadores están haciendo y cómo presentan su trabajo en blogs y redes sociales.

Comunica tus datos de contacto. Redes sociales, mail e incluso una breve biografía pueden ayudar a que conozcan quién está detrás de los proyectos.

Cómo crear un portfolio

Actualmente cuentas con muchas herramientas gratuitas. No basta con que utilices una sola, ya que cada una propone algo diferente y accede a diferentes públicos.

ombushop.com
En OmbuShop contamos con un Programa de Partners. Es una herramienta para que los diseñadores puedan generar ingresos diseñando tiendas online. Es ideal para aquellos que ya están trabajando de modo freelance y que cuentan con conocimientos de HTML y CSS o para estudios de diseño que buscan ofrecer una solución integral de e-commerce. La suscripción es gratuita y además cuentas con una página de perfil para armar tu portfolio con tus trabajos más recientes, tu logo y la información de contacto.
URL: ombushop.com

ombushop

behance.net
Behance.net es una de las redes más amplias de profesionales creativos. Es un punto de encuentro, ya que puedes obtener feedback de tus colegas y además conocer qué están haciendo en otras partes del mundo. El servicio es gratuito.
URL: behance.net

cargocollective.com
Esta herramienta es gratuita y ofrece un mayor grado de personalización sobre el diseño de tu portfolio ya que tiene diferentes plantillas de diseño.
URL: cargocollective.com

cargo

Cómo difundirlo

Esta tarea suele ser la más difícil, principalmente porque nos cuesta ser promotores de nuestro propio trabajo. En primer lugar, te recomiendo comunicar todos los links a tu portfolio en tu curriculum, en Facebook y en las descripciones de Twitter y también en Linkedin.

Además, si ya tienes experiencia, puedes crear una página en Facebook para compartir tus trabajos e incluso contenido que pueda servirle a otros. Ser parte de la comunidad de diseñadores es esencial al momento de difundirse, ya que muchas veces nos llegan proyectos gracias a la recomendación de otros colegas.

Lo importante es entender que difundir nuestro trabajo también es difundirse a uno como profesional, como un diseñador que comparte lo que está haciendo y que habla de diseño con el resto.

Sumate al Programa de partners

    • Recibe comisiones por Clientes Referidos
      Por cada tienda que refieras, todos los meses recibirás hasta el 30% de todos los ingresos que reciba OmbuShop.
    • Ahorra tiempo
      La plataforma es simple y no requiere programación o instalación de software. Ahorra tiempo administrando el diseño online.
    • 100% Customizable
      Personaliza todo el diseño con HTML y CSS gracias a nuestra Design API de plantillas Liquid. Incluso puedes generar código JavaScript!

Sumate al programa

Nuevas Plantillas de diseño para tu tienda

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Junto a la incorporación de la Página de contacto y Redes sociales,  presentamos las nuevas Plantillas de Diseño.

Con el objetivo de lograr que la funcionalidad de cada plantilla se adapte a los distintos tipos de productos de nuestros clientes (desde productos de decoración, indumentaria femenina y masculina o accesorios), realizamos ajustes de grilla, tipográficos y cromáticos para que cada plantilla tenga un estilo propio.

¡Ya puedes utilizar cualquiera de estos diseños en tu tienda! Si tu tienda ya está registrada, cuando realices el cambio de plantilla no quedará guardado el diseño anterior. Las plantillas son gratuitas y si quieres realizar algún ajuste de color o tipografía, son 100% costumizables.

Si áun no tienes tu tienda OmbuShop, comienza hoy! Registrate y recibe 15 días de prueba sin costo.

Plantilla Wooden

Wooden es un plantilla con diseño de madera clara, aspecto cálido y hogareño, en sintonía con la tendencia escandinava actual. Ideal para productos relacionados con el hogar, la decoración, la naturaleza y el concepto sustentable.

Ver Demo

Plantilla Dark Matter

Dark Matter es una plantilla con diseño sobrio, en colores oscuros y detalles neutros. Moderno y minimalista, muestra los productos con contraste. Ideal para productos masculinos, como indumentaria, o productos tecnológicos de diseño minimalista.

Ver Demo

Plantilla Acqua Blue

Acqua Blue es una plantilla responsive con predominancia de tonos azules y blancos. Ideal para productos masculinos o escolares como artículos de librería, mochilas, uniformes y zapatillas.

Ver Demo

Plantilla Green Dimension

Green Dimension es una plantilla responsive con diseño en tonos verdes que transmiten frescura y juventud. Ideal para productos para niños y bebés: indumentaria, juguetes y otros artículos infantiles.

Ver Demo

Plantilla Minimost

Minimost es una plantilla responsive minimalista y racional, simple y elegante, con predominancia de tonos blancos, rosa perlado y detalles en negro. Ideal para productos que se destacan por si mismos, como joyas o relojes.

Ver Demo

Plantilla Swiss Shop

Swiss Shop es una plantilla responsive inspirada en el tradicional estilo de diseño suizo o internacional. Minimalista, en colores neutros con detalles contrastantes y simétricos que permiten destacar el producto.

Ver Demo

Plantilla Modern White

Modern White es una plantilla responsive, con diseño moderno donde predomina el blanco y detalles contrastantes en negro. Diseño elegante y neutro que se adapta fácilmente a cualquier tipo de producto, ideal para indumentaria femenina, marroquinería y calzado.

Ver Demo

OmbuShop Versión 4.0

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

En OmbuShop lanzamos una nueva versión de la aplicación. Conoce los nuevos features y mejoras que brindan una mejor experiencia para ti y tus clientes.

Mejorando la experiencia

Como ya hemos contado en otra ocasión, hace unos meses realizamos el mapa de experiencia de OmbuShop que nos permitió sacar conclusiones sobre aquellos aspectos que estaban afectando la experiencia de nuestros clientes. Es por eso que decidimos llevar a cabo una serie de mejoras para los problemas más importantes (de navegación, soporte y contacto) y la incorporación de nuevos features para tu tienda.

Entre las mejoras, incorporamos más información de contacto en el footer del Panel de Administración, para que puedas contactarnos cuando tengas alguna duda o para que utilices toda la información disponible en la sección de Ayuda y Nuestro Blog. Además mejoramos la lista de progreso de tu tienda, para qué sepas qué pasos te faltan aún para completar tu tienda y solucionamos los problemas de navegación generados por el Asistente de ayuda para activar los medios de pago.

Nuevos Features

Plantillas de diseño
Luego de dos meses de trabajo, contamos con nuevas Plantillas de Diseño gratuitas, cinco de las cuales son responsive, con redes sociales integradas. Con el objetivo de lograr que la funcionalidad de cada plantilla se adapte a los distintos tipos de productos de nuestros clientes (desde productos de decoración, indumentaria femenina y masculina o accesorios), realizamos ajustes de grilla, tipográficos y cromáticos para que cada plantilla tenga un estilo propio. Conoce todos los ejemplos aquí.

Página de Contacto
Ahora podrás recibir mensajes de tus clientes en tu tienda con la nueva Página de contacto para saber qué piensan, qué sienten y cómo interactuan con tu producto.

Redes Sociales
Ahora puedes comunicar tus redes sociales y generar tráfico desde tu tienda. Aprende cómo configurarlas aquí.

Estas mejoras están disponibles para todas las tiendas de OmbuShop, sin ningún costo extra. Y recuerda que todas las semanas publicamos nuevos artículos para que mejores tus ventas y desarrolles una estrategia de venta online.

Si aún no tienes tu tienda OmbuShop, ¡comienza hoy! Pruébala de forma gratuita por 15 días.

Mapa de Experiencia: conociendo a nuestros clientes

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Saber qué piensan, qué sienten y cómo interactuan nuestros clientes con nuestro producto son los puntos esenciales para entender dónde estamos fallando. La clave para fidelizar, es conocerlos y poder interpretar su comportamiento.

El Mapa de Experiencia, también llamado UX Map o Customer Journey Map, es la mejor herramienta para conocer la experiencia e interacción del cliente frente a nuestro producto, desde el momento de inicio y contacto hasta la consolidación de la relación con el mismo.

Estas son algunas de las funciones y características del Mapa de Experiencia:

  • Ayuda a visualizar la percepción del cliente, sus necesidades, comportamiento y expectativas en los puntos esenciales de todo el proceso.
  • Hace que la experiencia sea más tangible, permitiendo entender la coherencia que debe haber en todo el proceso.
  • Nos ayuda a conocer los momentos más esenciales en la interacción con el cliente para que podamos mejorarlos.
  • Permite que todas las áreas de la empresa sean conscientes del proceso y compartan una visión desde la perspectiva de los diferentes perfiles de usuarios.
  • Ayuda a determinar los puntos débiles y fuertes de cada etapa del proceso.

Luego de una serie de pruebas de usuario, decidimos realizar el mapa de experiencia de nuestra plataforma de e-commerce. Y queremos compartir cómo ha sido el proceso de confección de nuestro mapa para que puedas aplicarlo a tu marca, o al proyecto de un cliente.

 

Mapa de Experiencia de Ombushop

Investigación

Ante todo, un Mapa de Experiencia necesita de datos concretos. Por lo tanto, es muy importante tener una etapa previa de investigación. Por eso, analizamos Google Analytics para entender el comportamiento y qué páginas se desempeñaban mejor que otras, releímos las quejas y/o comentarios generales de los clientes en nuestros canales de comunicación, tomamos nota de aquellos errores previamente reportados, etc.

Creación de Persona

Decidimos enfocamos en el perfil “Dueño de la tienda”. Para eso, creamos una Persona con características y conocimientos previos. Este es un buen punto de partida, ya que permite ponerse en el lugar del cliente y entender qué aspectos pueden parecerle amigables y cuáles no.

Este perfil contiene los puntos más relevantes en relación a nuestro producto: la experiencia en el uso de tecnología, sus expectativas frente al servicio, así como también marcas y productos de referencia. Aquí está el modelo de Persona que hemos armado:

Modelo de Persona

Modelo de Persona

 

Pruebas de Usuario

También hemos utilizado los datos extraídos de las pruebas de usuario. Las mismas consistieron en una serie de tareas a realizar: registrarse, agregar un producto,  crear un cupón de descuento, cambiar el diseño de la tienda y contactar a Ombushop. Incorporar esta información nos ha ayudado a completar el recorrido del cliente que nos faltaba.

Mapa de Experiencia

Para plasmar toda la información, buscamos algunos ejemplos de otros Mapas de Experiencia. Notamos que no hay reglas al respecto, si bien la mayoría son lineales, puedes utilizar gráficos, anotaciones, imágenes, íconos y flechas. Todo depende de la complejidad del proyecto. Estos son algunos ejemplos.

Puedes acompañarlo con gráficos, anotaciones extras e imágenes.

Puedes acompañarlo con gráficos, anotaciones extras e imágenes.

Mapa de Experiencia de Rail Europe

Mapa de Experiencia de Rail Europe

 

Finalmente armamos nuestro mapa. Incluimos cada etapa que consideramos importante en la creación de una tienda. Por cada etapa, agregamos los pensamientos y sentimientos del cliente. Los sentimientos fueron expresados en una escala de valores: 1 (Feliz / Confiable), 2 (Satisfecho), 3 (Desilusionado / Desconfiado) y 4 (Enojado/ Frustrado). Al presentarlos de esta manera, pudimos visualizar qué instancias generaban una mala experiencia.

Por ejemplo, cuando realizamos las pruebas de usuario, notamos que el Mail de activación (el cual es muy importante ya que permite activar la Tienda y es el primer mail de contacto con el cliente) llegaba a Spam en cuentas de Hotmail. Esto puede causar una mala experiencia, ya sea porque el cliente no está acostumbrado a chequear la carpeta spam y asuma que no lo recibirá o tal vez porque al verlo en Spam, le genera desconfianza.

Mapa de Experiencia, area de Sentimientos (Detalle)

En este caso y hasta ahora, el problema sólo afecta a clientes con cuentas de Hotmail. Entonces ¿Qué mejora inmediata se puede proponer? Decidimos cambiar el mensaje de Registro, y sugerirle al cliente que chequee su carpeta de Spam. Además, ajustamos las jerarquías visuales, ya que la imagen estaba teniendo mucho protagonismo y notamos algunas dificultades para leer el mensaje, ya sea por el color, la ubicación, etc. Como mejora a largo plazo, se puede testear y dar soporte a diferentes clientes de correo.

 

activacion

Pantalla de Suscripción

 

No todos los problemas tienen la misma prioridad. Algunos pueden ser solucionados de manera inmediata, otros pueden no ser fallas importantes y algunos pueden proponer nuevos features.

Notamos un problema importante en nuestro panel de administración, el cual afectó la navegación de todas las pruebas de usuario. Se trata de nuestro Asistente de Activación de Pagos. El mismo aparece cada vez que se quiere ejecutar una acción y el botón de desactivación del asistente es poco notorio por su color y ubicación, por lo tanto, nadie pudo desactivarlo. Esto generó mucha frustración, ya que algunos no pudieron ejecutar la tarea requerida. ¿Qué mejora se puede proponer? Debemos repensar la experiencia de usuario para esta etapa, ya que, tal vez, no es la mejor manera de sugerir la activación de medios de pago. Además, el link para volver al Panel de Administración es casi imperceptible. Sin lugar a dudas, es el problema con mayor prioridad a solucionar.

Asistente de Activación de Medios de Pago

Asistente de Activación de Medios de Pago

El Mapa de Experiencia nos ayudó a entender los puntos débiles de nuestros producto y aquellos fuertes que debemos promocionar más (Venta por mayor, amplia variedad de Pasarelas de Pago, Personalización del Diseño, etc). Pero además, nos dejó en claro que el cliente necesita más soporte para promocionar su tienda y generar ventas y no sólo contar con la herramienta para crearla. Tenemos un nuevo desafío por delante: ofrecer mejoras en Ombushop y afianzar la relación con los dueños de la tienda desde el soporte y la comunicación.

Otros artículos que pueden interesarte: