Crea una buena App gracias a UX

Por alguna razón, y casi sin darnos cuenta, hemos llegado a pensar que la tecnología es la única respuesta a todos los problemas de nuestra vida. Esa filosofía ha llevado a que cada vez hayan más y más aplicaciones en las tiendas. Que haya montones de opciones, no hace más que poner las cosas difíciles para tus potenciales usuarios, que tienen más de donde elegir. Y lo que es peor, también es posible que ya tengan instalada una app que resuelve el mismo problema que la tuya. Por esta razón, muchas personas ni siquiera descargan nuevas aplicaciones, y podemos entenderlo: ¿para qué una nueva app, si ya tienen lo que necesitan?

Aún siendo así las cosas, si has hecho un buen trabajo de promoción, y tu propuesta es buena, puede que te den una oportunidad. Pero también es posible que dure menos de lo que crees: si tus pantallas iniciales presentan problemas, o no están bien resueltas, abandonarán la app. Y cuando lo hagan, es para nunca más volver. Y ya sabes, no existe una segunda oportunidad para causar una primera buena impresión.

Entonces, es fundamental que comiences con el pie derecho, y te concentres en conseguir una buena UX desde el primer momento.

Sign up y login

Hay muy pocas aplicaciones a las que un usuario llega decidido a registrarse y dejar sus datos personales, sin importar el tiempo o esfuerzo que le lleve. Quizás esto sea así con Facebook o Twitter, o alguna otra app indispensableen el día a día, como aquellas que instalas ni bien tienes tu móvil nuevo.

Pero seamos honestos: lo más posible es que la tuya no sea una de ellas.

Un formulario de registro como primer pantalla es algo que va a hacer dudar al usuario, y considerar si realmente vale la pena entregar su información personal (una vez más) a un producto que no conoce. La confianza es un bien que escasea en estos días. Y ni siquiera estamos hablando de lo que pasaría si el formulario tiene muchos campos, o requerimientos especiales que no han sido comunicados apropiadamente de antemano.

Imagina que vas al supermercado, y antes de entrar —y siquiera saber si tienen el producto que buscas— una persona en la puerta te pide que le dejes tus datos para permitirte ingresar.

En honor a la verdad, hay pocas apps que realmente necesiten una cuenta de usuario para que se puedan usar. Si bien queremos que el usuario se registre, la mayoría de las veces no es estrictamente necesario. Aquellas que lo precisan, son también inútiles sin una cuenta. Por ejemplo, las que necesitan crear un perfil para poder conectar con otros usuarios y de esa manera enriquecer la experiencia, o las que precisan sincronizar información entre dispositivos.

Si se puede en tu caso, considera postponer el registro todo lo que sea posible, tanto hasta que sea inevitable para continuar. Algunas apps ofrecen una funcionalidad básica o limitada a un set de funciones, que actúan de “test drive”.

Si el usuario está satisfecho con esta primera prueba, y puede percibir claramente el valor de registrarse, es muy probable que lo haga. Entonces, mi recomendación es presentar el registro tan apartado de la primera pantalla como puedas.

Tours y otras pantallas de bienvenida

Cuando alguien finalmente instala tu app, ya tiene algo de información acerca de qué se trata. Si han tomado esa decisión, fue porque leyeron una reseña en un blog o alguien se las recomendó, por ejemplo. También puede ser que la han encontrado de casualidad en la tienda cuando buscaban algo que necesitaban. Aún si este es el caso, antes de descargarla, y de usarla, lo más posible es que le dieron una mirada a la descripción, comentarios y valoraciones de otros usuarios y a las capturas de pantalla.

En definitiva, ya conocen los datos básicos de tu app, y no necesitan esta información de nuevo en forma de explicaciones o pantallas con los puntos sobresalientes de tu propuesta. Ya saben lo que hace, y ahora quieren comprobar si es así por ellos mismos.

En el “mundo real”, cuando compras un nuevo televisor, ¿acaso lees el manual antes de usarlo? Apuesto a que no. Yo tampoco lo hago. Lo conectas, lo enciendes, y comienzas a presionar botones en el mando.

Los llamados walkthroughs o tours de bienvenida son el equivalente a un manual de instrucciones, sólo que en algunos casos, hasta somos “obligados” a pasar por todas las páginas de este manual antes de poder usar el producto. Una vez escuché a alguien (no voy a dar nombres) parte de un equipo de desarrollo, que decía algo así como “No importa si el usuario no entiende del todo esta herramienta, después pondremos una explicación en el tour de bienvenida”.

Un buen producto no necesita instrucciones. Los walkthroughs son para diseñadores holgazanes que no se tomaron el tiempo de encontrar la mejor manera de hacer algo. Tampoco tiene sentido usar este tour para explicar el funcionamiento básico, o el significado de botones o iconos.

Siguiendo con el ejemplo anterior del supermercado, piensa qué pasaría si recién ingresado al establecimiento un empleado te comenta dónde está el pescado, cómo hacer la fila o pagar, mucho antes de que lo necesites. Cuando realmente llegue el momento, ya te habrás olvidado de todo eso.

Lo más posible es que con la ansiedad de llegar la “pantalla principal” los usuarios no presten nada de atención a lo que estás explicando, y rápidamente pasen a través del tour sin ni siquiera leer nada. Y aún si llegaran a leer algo, con un poco de suerte, seguramente se habrán olvidado de todo cuando llegue el momento de comenzar a usar la app.

En lugar de usar estas pantallas explicativas, te propongo que te valgas de la ayuda contextual, en el momento y lugar en que el usuario realmente la necesita. De esa manera, te asegurarás de que lo que estás explicando es más relevante y efectivo. Para conseguir esto, puedes repartir y fragmentar la información que consideres esencial, y ubicarla estratégicamente en diferentes pantallas durante los primeros usos de la aplicación.

Tampoco subestimes a los usuarios que quieren explorar, y aprender a usarla por ellos mismos. La curiosidad es algo de lo que podrías beneficiarte, si quieres. Incluso, algunas personas quieren cometer errores, y descubrir por ellos mismos cómo funciona todo, sin que nadie se lo diga.

Pidiendo permiso

El mismo sentido de oportunidad que he mencionado antes, aplica también para cuando quieres preguntar al usuario si puedes enviarle notificaciones, acceder a sus contactos o su ubicación, por ejemplo. Esta situación es aún peor cuando necesitas más de uno de esos permisos. Podrías arriesgarte a asustar a un usuario desprevenido que ni siquiera entiende por qué necesita aceptar todo eso.

En situaciones como esas, en lugar de preguntar por permiso de una forma dramática, y todo a la vez, puedes solicitarlo en el momento cuando realmente lo necesitas.

También puedes preparar al usuario para este momento crucial añadiendo una pantalla extra, que explique lo que está a punto de suceder. Esto tiene que utilizarse para comentar de una forma clara, honesta y concisa para que no solamente tú, si no el usuario también, entienda el valor de aceptar.

Conclusión

Muchos de nuestros errores, cuando un potencial usuario está probando una aplicación por primera vez, están relacionados con poner obstáculos en su camino. Los usuarios sólo quieren sacar a tu app a dar una vuelta lo antes posible. Por lo tanto, estas equivocaciones que comento, muchas veces están causadas por nuestra ansiedad en conseguir los objetivos de negocio o mejorar métricas, pero sin tener en cuenta de qué manera se beneficia el usuario o cómo lo ayuda a resolver sus problemas.

Entonces, recapitulando, la clave puede ser fragmentar la información y revelarla de forma gradual, cuando sea oportuno. De esta manera, podrás conseguir una experiencia inicial más efectiva y que, esperemos, convencerá a tu usuario de que tu app vale la pena.

Experiencia de usuario, 7 reglas de diseño para tu aplicación móvil

La experiencia de usuario en las aplicaciones móviles es muy importante, hoy en día parte de nuestra vida digital se desarrolla desde un smartphone. Y esto ha hecho que empresas creen parte de su actividad focalizado a este entorno como hacer transacciones diarias, decisiones y actividades, no es solo traer seguidores y clientes potenciales, sino también credibilidad y reputación.

Solo mira algunas de las marcas más exitosas y conocidas. ¿No has visto que todas ellas tienen su aplicación móvil? Esto muestra lo importante que puede ser una aplicación móvil en una estrategia de marketing.

Antes de crear una aplicación móvil debes tener en cuenta que el diseño debe ser efectivo y la experiencia del usuario móvil será un gran comienzo.

¿No estás seguro por dónde empezar?

Vamos a ver las mejores reglas de diseño y experiencia de usuario para aplicación móvil que puedes utilizar.

Mantenga las restricciones físicas en mente

Los teléfonos móviles vienen en diferentes formas y tamaños. Además, tendrás que tener en cuenta diferentes sistemas operativos, como Android y iOS. Cuando se trata del diseño de UX móvil, debes presentar varias versiones de diseño que se adapten a la interfaz, la navegación y la funcionalidad de un dispositivo.


Por ejemplo, un iPhone tiene un solo botón que tiene múltiples propósitos. Mientras en Android ofrece múltiples botones para la interacción. Obviamente, requieren diferentes enfoques al diseñar y planificar.

Es importante tener en mente los diferentes tamaños de pantalla. Esto simplemente significa que debe ajustarse a múltiples tamaños de pantalla, lo que hace que la lectura y la navegación sean fáciles y posibles.

Si ya tiene un sitio web, puede parecer aceptable tomar todo desde allí y convertirlo en una aplicación. Sin esfuerzo, barato y práctico, ¿verdad? Esto es la peor idea que puedes tener para tu negocio. Ya que lo único que conseguirás es perder credibilidad, seguidores y dinero.

Esto nos lleva a nuestro siguiente principio: convertirnos en la audiencia.

Ponte en el lugar de un “usuario”

Una de las mejores prácticas es ver tu trabajo con los ojos de un usuario. Sé que es inevitable mirar tu propio trabajo bajo una luz demasiado positiva; sin embargo, te ciega a las mejoras y ajustes necesarios para hacer.

Si realmente deseas que su proyecto brille con mayor intensidad, debes determinar qué puedes hacer que lo haga. Esto puede ser posible estableciendo su mente en la perspectiva de un posible visitante.

Por ejemplo, tu público objetivo son los coleccionistas de juguetes. Debes tener en cuenta sus necesidades, motivadores, preferencias y comportamiento. Con estos factores en mente, puedes navegar a través de su proyecto y posiblemente obtener conocimiento sobre lo que hace bien o mal.

En todo momento deberías responderte a estas preguntas:

  • ¿Realiza la función que originalmente como se pensó?
  • ¿Es útil para el público objetivo?
  • ¿Impulsará el nombre y la reputación de la marca?

Si estás dispuesto a obtener más información y resultados precisos, puede hacer que un pequeño grupo de pruebas. Sería ideal reunir personas que puedan beneficiarse de la aplicación. Te pueden dar comentarios y opiniones útiles.

Puede interesarte: Como usar un Heatmap para la conversión el websites

Sé minimalista

El enfoque minimalista en el diseño es lo que se usa hoy en día, utilízalo en el tuyo.

Un patrón que sigue un enfoque minimalista es ideal para crear una experiencia agradable para los usuarios móviles. En una pantalla significativamente más pequeña, no es necesario que estén llenos de aplicaciones o sitios web excesivamente decorados. Lo que buscan es funcionalidad y facilidad de navegación.

Aquí es donde la creatividad de un diseñador realmente brillará. Es fácil hacer un diseño simple, pero puede ser un desafío hacerlo sobresaliente. Una vez que obtengas el equilibrio perfecto entre simplicidad y singularidad, tu aplicación o sitio web destacará.

Conozca tus colores

Los colores juegan un papel vital en el diseño. No solo está destinado a poner vida en la aplicación o sitio web, sino que también determina el tono, el estado de ánimo y el mensaje que transmite.
Si el negocio está relacionado en la industria alimentaria, ¿cuál cree que es el mejor color para utilizar?

Según la psicología del color, el rojo es la opción más poderosa que puede aumentar sus ventas. Eche un vistazo a McDonald’s, KFC, Pizza Hut y Coca-Cola. Una cosa que tienen en común es que utilizan el rojo como el color de su marca.

Hay una sola razón por la que estas marcas optaron por la misma estrategia: es efectiva. Se sabe que este color estimula el apetito de una persona y estimula las papilas gustativas. Cuando se combina con otros colores adecuados, puede intensificar el mensaje de la marca.
Investiga el color tuyo y lo que puedes hacer en el diseño. Asegúrate de que sigue el camino para conseguir tus objetivos.

Toma nota de gestos una experiencia de usuario mejorada

Debes tener en cuenta que los botones no son la única interacción. Debes tener en cuenta la experiencia de usuario tienen en los gestos, esto te ayudará a saber la mejor forma de interactuar con ellos en las acciones que quieres llevar a cabo en tu aplicación móvil. Algunos de los gestos más utilizados incluyen pellizcar, tocar dos veces, desplazarse y deslizarse.

Por ejemplo: en las versiones anteriores de la aplicación de Instagram, no era posible hacer zoom en las imágenes. Esta acción suele ser el resultado de un pellizco, que es el gesto común para acercar / alejar. Los usuarios se sintieron limitados en sus acciones, lo que significa que no estaban obteniendo la mejor experiencia de usuario móvil. Afortunadamente, en sus actualizaciones más recientes, abordaron el problema.

También es importante tomar nota de los diferentes gestos utilizados en diferentes plataformas. Un gesto que podría funcionar en un teléfono con Android podría no funcionar en un iPhone.

Es posible que desees agregadar algunas animaciones cada vez que se realiza un gesto. Por ejemplo, tirar hacia abajo se ha convertido en el gesto universal para actualizar una aplicación. Hazlo emocionante agregando algo que pueda jugar con los ojos de tus visitantes mientras esperan. Algunas aplicaciones utilizan el indicador de carga circular, pero siempre puede agregar su propio sabor. Mantenlo único, simple y un poco sutil.

Las interacciones de mano a pantalla

Si no tienes tu teléfono, cógelo ahora y abre una aplicación que usas regularmente. Observa tus dedos y donde suelen aterrizar o interactuar.

¿Son fáciles de alcanzar y presionar? Si no es así, ¿causa tensión en tus dedos y / o muñecas?

Cuando diseñes una aplicación, no olvides considerar la comodidad física de los usuarios en estas cosa reside la experiencia de usuario. Si observas que las ubicaciones de los botones o el contenido pueden causar la más mínima incomodidad, sería mejor volver a diseñar. Los usuarios tienden a dejar de admitir la aplicación cuando resulta demasiado difícil navegar.

Otra cosa que debes considerar es incluir el tamaño de sus botones, área de visualización de contenido, cuadros de texto y más. Para esto, debes tener en cuenta que las personas también tienen varios tamaños de pantalla y varios tamaños de dedos.

No diseñes la interfaz basándote únicamente en el tamaño de sus dedos y el tamaño de su pantalla. La experiencia de usuario llevada a cabo por unos no debe por que funcionar para otros. Si deseas estar seguro, puede reunir personas con diferentes características para probarlo.

Presta atención a los comentarios y datos del usuario

Cuando creas una estrategia, necesitas saber qué tan bien funciona. No solo lo ayudará a medir tu éxito, sino también a obtener información sobre lo que podría necesitar mejorar.

El objetivo número uno es proporcionar una experiencia de usuario satisfactoria para los usuarios. Recibir comentarios precisos sobre su aplicación le dará inmediatamente una notificación sobre qué está funcionando y qué no. Con estos datos en la mano, sabrás lo que necesitas cambiar, revisar o agregar.

Por ejemplo, notas una caída repentina en el número de instalaciones. ¿Qué se hizo mal para que la gente se desinstale la aplicación? No tendrás que adivinar más porque la aplicación de análisis te dirá la información que necesitas saber.

Ecommerce, la confianza como aumento de ventas

Una de las premisas que debemos tener siempre en la venta online o por internet en un eCommerce es que las personas compran siempre en lugares que les hace sentir seguros.

De hecho, el volumen de transacciones que se realiza en internet, aumenta año a año (ver fuente CNMC), ya sea por la contratación de un servicio o la compra de un producto en un eCommerce.

El principal reto, para todo pequeño/mediano modelo de negocio que vende productos/servicios es demostrar a sus clientes potenciales que son de confianza.

Me refiero a que un producto o servicio debe tener la confianza por parte de los clientes, y no que sea solo a tener un producto de calidad, con unas buenas críticas, sino que además, la Marca y el canal online por el que vende sean seguros y confiables.

Al no tener una imagen de Marca asociada a estos valores por el cliente, los pequeños y medianos eCommerce lo tienen más difícil.

Es por eso una de las preguntas que deberías hacerte es:

¿Cuál es la clave para potenciar las ventas online? 

Puede que sea generar mayor confianza ¿no?.

Vamos a ver qué pasos puedes realizar en su eCommerce para mejorar la forma de trasmitir “confianza” con el objetivo de aumentar tus ventas.

Pasos para generar confianza en tu eCommerce o servicio

1) eCommerce o app cuidada

El diseño de tu tienda online o app es muy importante para que el usuario se forme una impresión sobre tu negocio.

Si el look&feel o diseño no está bien formado puede que estés dando unos valores y mensaje incorrectos.

2) Añade información corporativa

Muestra tal y como eres a tus clientes, es preferible que sepan quién hay detrás del servicio y que indiques quién es el equipo que lo forma tanto de directivos como de las personas que hacen que todo funcione.

También publica información sobre la empresa que hace tu eCommerce como la misión, valores e incluso incluye en forma de una historia institucional o profesional la vida de la empresa con sus hitos.

Todas estas accionen hacen el el cliente sienta que la empresa que hay detrás del eCommerce son serios y por tanto provoca que haya una mayor sensación de confianza, ya que provoca que vea que hay personas reales detrás de la tienda online, haciéndolo más personal y humano.

3) Los vídeos siempre aumentan la veradicad

Una muy buena idea, que nunca pasará de moda, es utilizar vídeos que estén bien visibles en nuestro propio sitio web o con enlaces a nuestro canal de Youtube.

Crear vídeos y publicarlos en tu propio canal de YouTube o redes sociales como Instagram o Facebook o en tu Ecommerce o App pueden facilitar el mensaje que quieres llevar a tus clientes, ya si lo haces llamativo puede ser muy didáctico.

Esto puedes usarlo tanto para comunicar información corporativa, como demostrar características principales de nuestros productos y servicios a los potenciales clientes de una forma más atractiva y sencilla.

Esta probado que el uso de vídeo logra mayor impacto en la comunicación aumentando la confianza y credibilidad, que cualquier otro medio escrito o visual.

4) Política de privacidad, devolución, envío y servicio post-venta 

Deja bien claro todas las políticas de envío, servicios al cliente, servicio post-venta y sobre todo de protección de datos personales (LOPD) de tu negocio eCommerce.

Crea una página especifica por cada una de las políticas y vincula en aquellos momentos que tu cliente necesite saberlo así podrá ver que tu negocio es transparente y que ofreces todas las garantías necesarias que necesita.

5) Certificados de seguridad

Los compradores cada día un usuarios más expertos y saben que negocios están bien valorados y avalados por instituciones que promueven la seguridad en internet por la calidad del servicio, pago seguro, envío o solicitud de información, por eso es importante incluir en tu tienda online algún tipo de certificado de seguridad, como marca de confianza reconocida.

El certificado de pago seguro por ejemplo te proporcionará una mayor tranquilidad y por defecto confianza de los usuarios hacia el tratamiento de la información que se realizará en un sitio web o tienda online.

6) Formas de pago conocidos

Aprovéchate de la imagen de marca de las principales pasarelas de pago y bancos asociados que tengas integrados en tu eCommerce, por ejemplo PayPay que es un tipo de pasarela de pago muy seguro y reconocido por los clientes.

Ponte en el lugar del usuario, si entrar en tu portal puede dudar sobre tí por que no te conoce imagínate si la pasarela de pago no es conocida eso puede provocar que no compre y por tanto tu tasa de abandono sea alta.

Pero en cambio sí tienes integrado PayPal o Redsys que son reconocido por todos esto provocará confianza ya que entienden que hay una empresa segura como PayPal y en el caso de Redsys el banco con el que tienes contratado el servicio.

7) Fácil contacto directo

Otro forma de mostrar confianza y de paso mejorar la calidad de tu servicio, es ofrecer vías de comunicación directa a tus clientes, como por ejemplo: incluir número de teléfono, dirección físicas, correo electrónico, instalar un chat online o incluso a través de las redes sociales como Facebook, Twitter o WhatsApp si contestas de una forma rápida por cada una de esas vías harás que tengan una muy buena imagen de ti y de paso te ganes su confianza para tu eCommerce.

En definitiva, al mostrarte tan accesible a los usuarios con tantas vías de comunicación para contactar contigo para aquellos casos con algún tipo de inconveniente con su compra por Internet, puedes revertir ese momento con una solución adaptada a sus necesidades.

Es muy importante tener una alta credibilidad del servicio post-venta y solucionar los problemas o dudas de los clientes aumenta la satisfacción de estos y confianza para que vengan nuevos clientes.

8) Presumen de las reseñas

Demostra al mundo que eres de fiar y la gente sepa quien eres, que haces y cuales son tus éxitos con otros clientes a través de los comentarios y opiniones que hacen sobre tu eCommerce, productos y servicios en otras plataformas como Google Maps, TripAdvisor…

Está demostrado que los usuarios antes de comprar en un sitio buscan las valoraciones de estos en internet. Estas reseñas son un punto importante de decisión para acabar comprando en tu tienda online.

9) Sé activo en redes sociales y tu blog

Las redes sociales es un lugar perfecto para demostrar tus valores y tus deseos de transmitir tal y como es tu negocio online, al mismo tiempo si tienes un blog corporativo llevado con una buena estrategia de contenidos de calidad, también es una muy buena forma de infundir confianza a tus potenciales clientes.

Son unos buenos canales de comunicación para posicionar nuestro eCommerce como para atraer y fidelizar a nuestros lectores o seguidores… que tendrán mayor predisposición a transformarse en clientes.

10) Gestiona las críticas en redes sociales

Cuando das un servicio de cualquier tipo nos alegra ver los comentarios positivos que ponen sobre nuestro eCommerce, pero no tanto cuando las criticas son negativas sobre distintos problemas que ha tenido un usuario.

Por eso, para evitar problemas y hacer que los comentarios negativos se vuelvan positivos es dar trato trasparente y ágil. Esto generará confianza sobre aquella persona que no lo tenia y el que lo lea.

En definitiva, una crítica bien gestionada puede pasar a posicionarnos muy bien si sabemos cómo hacerlo y además es una buena forma para tener feedback de nuestros usuarios y así mejorar el servicio.

11) Crea engagement y fidelizar

Este punto es la clave de toda buena estrategia de marketing digital, es decir, hacer que nuestros usuarios consigan ser fieles a nuestro eCommerce generando engagement, todo ello basado en un punto que debe ser clave para el desarrollo del servicio, la atención al cliente. Cómo decía anteriormente, no solo aumentará la confianza en nuestro eCommerce sino que facilitará las futuras ventas online.

Conclusión 

Al dar una imagen profesional del eCommerce, y al ofrecer información detalla y clara, estarás dando creando una reputación fuerte en la internet.

Además, si utilizas las redes sociales y/o blog con contenidos de calidad para darse a conocer y/o generar fidelidad, estaremos dando otro gran paso más.

Crear un dialogo con los usuarios hace que se cree comunidad social entorno a tu negocio ofreciendo a los futuros compradores una visión más completa, profunda e íntima del eCommerce haciéndolo más creíble y más humano.

En resumen ¿Cómo generar mayor confianza en tu eCommerce para aumentar tus ventas online?

Customer Journey, diseña la mejor experiencia de tu cliente

Sea cual sea tu negocio, lo que siempre hay que tener claro es que el cliente debe ser el centro de todo tu producto o servicio. Por tanto, es muy importante conocerle, por qué posteriormente se realizará una serie de acciones orientadas a cliente con el fin de obtener más ventas. Esto se realiza con el Customer Journey 🙂

¿Qué es customer journey o mapa de experiencia de cliente?

Customer journey  es un diagrama que describe las interacciones de un cliente con un negocio desde la fase inicial de atracción hasta la fase de fidelización.

El objetivo es buscar la forma de empatizar con el cliente para saber cómo satisfacer sus necesidades en cada una de las etapas en las que se encuentra para saber las acciones y la forma de interactuar para dicho momento.

¿Cómo crear un Customer Journey?

El mapa de experiencia de cliente te permite diseñar el Customer Experience, en el cual interactuará tu estrategia de negocio con los clientes, todo esto se ve de una forma muy visual.

El customer journey ayudará a descubrir, cuáles son las mejores acciones por cada tipología de cliente para: atraer, convertir y fidelizar. Para para asegurarte un aumento de las ventas.

Para hacer todo esto debes apoyarte en las métricas de tu servicio o producto online, por que con una buena experiencia te aseguras:

  • Incrementar x5 el engagement y fidelización a tu producto/servicio.
  • Aumentar entorno al 30% la intención de compra.

Como diseñar mi Customer journey

Para poder diseñar tu mapa de experiencia de cliente vamos a dividirlo en 4 grandes pasos:

1) Investigación

El primer trabajo es saber quien es nuestro publico objetivo y perfilarlo muy bien para saber quien es y así conocerlo como si fuera nuestro mejor amigo, esto es importante para construir nuestro a nuestro buyer persona.

Como digo este punto es muy importante saber a que tipo de cliente va a ir nuestro producto o servicio, ya que de equivocarnos la experiencia de usuario que diseñemos no servirá para nada.

Para hacer este perfilado de cliente tenemos dos alternativas:

Opción rápida

Si eres de las personas que no tiene tiempo y dinero de salir a la calle y entrevistar a personas anónimas tal vez esta sea tu opción.

La forma de poder conocer a tus clientes es a través de los comportamientos y opiniones que ofrecen a través de las redes sociales.

Para hacer esto debes conocer bien las redes sociales a las que dirigirte, por empleo si tu modelo de negocio va dirigido a cliente final deberás ir a Facebook e Instagram; si en cambio lo son las empresas a Twitter y LinkedIn.

Una vez que estas allí deberás tener en cuenta una serie de preguntas que tu tipología de cliente tiene que cumplir como son:

  • ¿Qué les gusta?
  • ¿Cuales son las cosas que no le gusta?
  • ¿Qué comparten en sus redes sociales?
  • ¿Son activos en redes sociales? ¿en cuáles?
  • ¿Quiénes son sus amigos?

Opción perfeccionistas

Si eres de los que cree que los estudios debe hacerse sobre unos cimientos bien construidos esta es tu opción ya que deberás hacer entrevistas, focus groups… para saber realmente quiénes son y cuales son sus necesidades.

Existen muchos tipos de entrevistas y encuestas a clientes. Pero una que puede interesarte es la llamada entrevistas Jobs to be done de Clayton Christensen. Se basa en que los clientes no saben lo que quieren y que la única forma de averiguarlo es mediante la observación de sus comportamientos ya que de otra forma pueden mentirte.

Las preguntas deben estar diseñadas para saber:

  • De que forma descubre un problema que tu cliente quizás no sabe que tiene
  • Cómo habla del problema.
  • Cuál es forma interactuar: funcional, emocional y socialmente hablando
  • Qué espera obtener..
  • Restricciones.
  • Donde busca la información
  • Quiénes  son sus marcas o preescriptores que espera que solucione su problema.
  • Por qué seleccionar un producto determinado.
  • ¿Cumple sus expectativas el producto o servicio utilizado?
  • Si recomienda el producto: cómo lo hace, qué dice…
  • Que quejas tiene

2) Definición de buyer persona

Una vez recolectada toda la información y realizada en la fase de investigación. Vamos a resumirlo y ordenar las ideas de forma que podamos tener una imagen real de nuestra tipología de cliente para el Customer journey.

Para hacer esto vamos a un buyer persona, esta extraído del inbound marketing.

Un buyer persona simplifica la singularidad de cada cliente en un único perfil que resume los rasgos más importantes de nuestro cliente ideal y a su vez define a la persona idónea para trabajar y empatizar con él.

El Buyer persona tiene 11 secciones:

  1. Nombre y cargo
  2. Empresa: tipo de empresa trabaja nuestra persona y su información como:
    1. Facturación,
    2. Sector
    3. Número de empleados
  3. JTBD: trabajos y problemas que tiene y cuáles de ellos puedes resolver tú con tu servicio o producto.
  4. Background:
    1. Edad
    2. Estudios
    3. Si tiene hijos o no
    4. Hobbies e intereses
  5. Foto de la persona: una foto real de la persona ayuda mucho a identificar a ese tipo de cliente.
  6. Otros perfiles: saber si tienes más de un cliente como:
    1. Comprador
    2. Influencer
    3. Usuario
    4. Vendedor
  7. Motivación: por qué compra o usa nuestro producto o servicio.
  8. Objeciones y problemas: que tiene el cliente con respecto a nuestro producto o servicio.
  9. Precio: barrera de entrada para decidir el uso del producto
  10. Conocimiento: que tiene esa persona sobre el producto o servicio que ofreces.
  11. Digital: Definir si usa redes sociales, consume productos digitales… o todo lo contrario.

3) Decidiendo las fases de nuestro customer Journey

Ahora que tenemos a nuestro usuario o cliente definido para nuestro Customer Journey. Vamos a definir los momentos y además, las fases que vamos a interactuar, es decir, tenemos que definir nuestro funnel de venta.

Si no sabes como desarrollarlo, aquí tienes unos ejemplos:

Inbound marketing

En inbound marketing el embudo de venta consta de 4 fases:

  • Atraer
  • Convertir
  • Cerrar
  • Deleitar.

Doble funnel de conversión

Proceso de compra desde el punto de vista del cliente:

  • Primer pensamiento: “No tengo claro qué problema tengo”
  • Búsqueda pasiva: “Voy a buscar por curiosidad sí existe alguna solución”.
  • Búsqueda activa: “Tengo claro cuál es mi problema y quiero resolverlo”.
  • Consideración: “He seleccionado 2 o 3 opciones y mis criterios de decisión”.
  • Compara: “Elijo una opción; pago”.
  • Consumo: “Uso el producto o servicio”
  • Satisfacción: “Compruebo si ha resolver el problema”.

Funnel de ventas

  • Atracción: Conseguir que el cliente tu servicio o producto. Esto puedes hacerlo a través de blogs, redes sociales, eventos…
  • Interés: Convencer al cliente de que eres su mejor opción respecto al resto.
  • Deseo: Generar en el cliente un poder de atracción que provoque la necesidad de elegirte.
  • Venta: Materializar la venta al cliente.
  • Fidelización: Generar que el cliente te vuelva a comprar y hable bien a familiares y amigos.

4) Brainstorming

Definido para tu Customer Journey el perfilado de clientes y las fases de acciones. Hay que ver las aciones que un cliente tiene que hacer en cada una de las etapas.

En esta punto vamos a generar ideas creativas que se definirán en un futuro.

5) Crear nuestro Customer Journey

Ya nos encontramos en la etapa final. Ahora, cuando vamos a crear nuestro mapa de experiencia de cliente.

Vamos a realizarlo en base a la siguiente plantilla:

DESCARGAR PLANTILLA CUSTOMER JOURNEY

Empezamos por la fila:

  • Atracción: el cliente tiene problema y busca cuál podría ser la mejor solución. El objetivo para nosotros debe ser recoger sus datos para estar contacto y nos solicite información.
  • Cultivo: Se evalúa las opciones que ya ha encontrado. El objetivo, conseguir que se decida por nosotros.
  • Venta: Se produce la concreción de la venta del bien o servicio
  •  Fidelización: el cliente ya usado nuestro producto o servicio y conocemos si está satisfecho con el servicio prestado. Es importante convencerlo para que consuma otros de nuestros productos o servicios, o para que nos recomiende de otros clientes.

Ahora debemos empatizar con el cliente en cada una de esas fases para construir una experiencia única, debemos tener presente:

  • Guión: ¿Qué ha pasado al cliente para estar en esa situación?
  • Puntos de contacto: ¿Qué forma de contacto podemos con el cliente?
  • Emoción: ¿Cómo se siente, cuál es su estado emocional?
  • Oportunidad: ¿Qué acciones podemos realizar para adelantarnos a sus necesidades del cliente?
  • Canales: ¿Qué canales de contacto serán se utilizará para realizar las acciones?

¿Y ahora que haces con tu Customer Journey Map?

Ya hemos hecho un enorme trabajo resumiendo de una forma muy visual todo el Customer Journey, aunque seguro que una vez terminado te preguntas. ¿Y ahora qué hago con esto?

Pues felicidades ya tienes entre tus manos tu estrategia de marketing y ventas, y además sin darte cuenta has definido tus productos o servicios, ya que tu Customer Journey te indica:

  • Estrategias de atracción para tu cliente.
  • Qué tipo de acciones llevar a cabo.
  • La mejor forma de cerrar una venta.
  • Qué necesitas cuidar para que el cliente hable bien de ti y te vuelva a comprar.
  • Como hacer para que tu producto o servicio sea más atractivo a tu cliente.

Importante

En definitiva, no olvides tener claro quién es tu cliente y detectar cuáles son los momentos donde tu producto o servicio pueden causar mayor impacto en la experiencia de ese cliente y así da lo que realmente necesita.

Ejemplos de Customer Journey

A continuación, te dejo ejemplos de Customer Journey que puedes usar:

eCommerce: como definir un plan de comunicación y tipos de estrategias

Vamos a  ver como como es necesario antes de comenzar a vender es como vamos a hacerlo, para ello es necesario contar con una estrategia de marketing online eCommerce la mejor forma es definir el Plan de Comunicación anual en el cual se integren acciones con objetivos a corto y medio plazo haciendo un reparto equilibrado de la inversión según el esfuerzo e impacto medible para el negocio.

Es importante saber que una estrategia sin un plan de acción es una alucinación pero un plan de acción sin una estrategia es un suicidio.

Vamos a ver a continuación tres pasos para definir el plan de comunicación.

1) Define la propuesta de valor de negocio de tu eCommerce

Parece muy obvio pero este punto es muy importante para comenzar con el Plan de Negocio donde, analizaremos la oferta (competencia) y la demanda (clientes) así como las fortalezas y debilidades internas, se establece el posicionamiento de mercado objetivo.

Con todo ello se parte de esta base, nuestra estrategia de marketing digital para eCommerce definiendo lo que se conoce como las 3 V´s del Marketing en Internet:

2) Establecer el mix de medios

Según el sector o mercado en el que te encuentres, fase de madurez del eCommerce y tipo de producto o servicio que ofrezcas, nuestra estrategia de marketing online eCommerce se establecerá baje mix de medios que necesitemos manejar, así como qué peso y función tendrá cada uno de nuestros assets digitales en los sucesivos Planes de Comunicación.

Una buena estrategia de marketing online para eCommerce debe buscar un modelo de inversión con dependencia controlada y , es decir, nuestro principal objetivo es migrar gradualmente el share de tráfico pagado a tráfico orgánico y de medios propios (SEO, redes sociales, newsletters, branded content, etc.)

3) Diseñar el Plan de Comunicación

Esta parte de nuestra estrategia de marketing online para eCommerce se centra en la forma adquirir y retener tus clientes.

Es importante tener en cuenta a la hora de diseñar nuestro plan de comunicación el Customer Journey y los criterios que determinan la decisión de compra para estar seguros que estamos presentes en las distintas fases del proceso de compra de los usuarios respondiendo a su vez a todas sus necesidades y a los aspectos claves de su toma de decisión como son:

  • Emocional: (sentimiento de pertenencia con la marca, atención al cliente, proximidad y accesibilidad) que atendemos con mensajes Pull o centrada en el Usuario, es decir Inbound Marketing que buscan generar engagement y afinidad con la marca con conversión a venta a medio plazo.
  • Racional (beneficios del producto, relación calidad-precio, oferta alternativa), con mensajes Push o de producto, es decir Outbound Marketing. Se centran en conseguir la conversión a venta en el corto plazo.

Una vez definido el Plan de Comunicación para tu eCommerce puedes llevarlo a cabo distintas estrategias como pueden ser:

Cross-selling (venta cruzada)

El Cross-selling o venta cruzada es una de las estrategias más utilizadas por Amazon con el objetivo de la cesta de la compra online. Si os has fijado habrás visto el mensaje de “Los clientes que han comprado este producto también han comprado…”que vincula el producto que estás a punto de comprar, con otros muy relacionados y que pueden ser objeto de compra impulsiva conjuntamente con  el artículo de interés.

Estrategias psicológicas

Esta estrategia esta diseñada para generar una sensación de escasez de un producto. Se puede hacer de distintas formas como añadiendo ofertas de última hora, número bajo de stock en ciertas tiendas o las ofertas limitadas a una hora en concreto. Esas acciones generan la sensación de escasez e incentivan las posibles compras. Otras acciones están enfocadas a la entrega “inmediata” o casi inmediata, favoreciendo la sensación de tener el artículo en breves.

Interacción y fidelización del cliente antes de su abandono

La estrategia hace referencia a aquellas acciones que recibimos como cliente para incentivar el seguir online o con mensajes que nos hacen llegar los asistentes online de atención al cliente con tal de hacer dar la sensación de ser tratado de manera individual en un entorno online.

Remarketing y retargeting tras abandono del eCommerce

Para mi es una de las estrategias más destacables, el objetivo principal es intentar captar al usuario tras su visita. Hacemos referencia a, por ejemplo, los anuncios que “casualmente” aparecen en los diferentes banners de las webs tras visitar algún e-commerce o al hecho de recibir un e-mail de un e-commerce tras abandonar el proceso de compra en los pasos finales.

Up-selling (venta ascendente)

El up-selling es una de las técnicas mas usadas en eCommerce. Son acciones en las cuáles cuándo se está consultando algún producto, se ofrece un productos de gama superior en la ficha del artículo seleccionado, el objetivo es orientar y ofrecer alternativas al cliente e intentar que la cesta de compra del cliente incremente su valor.

Cuatro formas de mejorar la interaccion de tu servicio web

Las interacciones en un servicio web exige una continua revisión y mejora para facilitar a los usuarios el uso del servicio.

Mantenerse al día con todas las tendencias en este campo puede llegar a ser abrumador.

A continuación voy a explicar algunas interacciones exitosas que pueden servirte.

1. Diseña con Claridad

Antes de realizar una revisión debe plantearse las siguientes preguntas en la interfaz del servicio web:

  • ¿Dónde estoy?
  • ¿Qué acciones son posibles?
  • ¿Por qué iba a tomar esas acciones?
  • ¿Qué sucederá una vez que lo hago?

Para todo esto es importante estudiar el comportamiento de los usuarios y flujos para saber como obtener la mejor respuesta y mejora para ello puede ayudar:

  • Elige los patrones de interfaz de usuario adecuados: Utiliza sitios como patrones de interfaz de usuario y las guías gratuitas como Patrones móvil de interfaz de usuario y patrones de interfaz de usuario Web para conocer las soluciones de diseño populares para los problemas comunes. Por ejemplo, las tarjetas son populares porque ayudan a organizar grandes cantidades de contenido. Imágenes del héroe son ideales para sitios de productos, ya que dejan una impresión inmediata. Utiliza estos patrones como punto de partida y a continuación añade la capa con tu propia creatividad.
  • No rompas modelos mentales: Diseña basándote en lo que la gente ya están familiarizada. Los iconos en la parte superior izquierda deberían vincular de nuevo a la página principal. Calendarios deben permitirá elegir las fechas, en lugar de exigir a los usuarios escribir en el día y la hora.
  • Utiliza buena copia: Asegúrate de que el tono de la copia coincide con el diseño visual, ya que todo es una parte de la misma interfaz. Cualquier discrepancia puede confundir a los usuarios.
  • Incluye etiquetas significativas y los iconos: No te pongas demasiado inteligente con cómo etiquetar objetos de interfaz como la navegación. Debe quedar claro lo que es y no se puede hacer clic.

Echemos un vistazo a la página de inicio para Tictail. Claro, no se ve particularmente inteligente o alucinante, pero eso no es el punto de diseño. Es, sin embargo, extremadamente clara.

El diseño general es, sin duda inspirado en los principios de diseño plano, pero los botones todavía tienen una sensación táctil gracias a las esquinas redondeadas. De este modo, los botones mejor fomentan la interacción (que tiene mucho sentido para los negocios, ya que los dos son ensayos CTA). Color ayuda a distinguir entre las dos CTA ya que uno es azul y el otro es blanco.

En una nota más sutil, ver cómo se etiquetan también el menú de hamburguesa para que sea más visible. El cuerpo del texto también sigue un patrón de lectura en forma de C para reducir la tensión visual, lo que lleva a los usuarios de forma natural a la prueba gratuita CTA.

Recuerda que la claridad no es lo mismo que la simplicidad. No todo buen diseño es simple – sólo pensar en las complejidades técnicas detrás del iPhone o todos los sitios de citas que le permiten elegir socios en base a los casi cualquier criterio. Pero cuando estas características son de ritmo y presentados correctamente, a lograr una mayor claridad, que siempre fomenta la interacción.

2. Crea una Guía de diseño con las interacciones de los usuario

Los riesgos pueden ser inteligentes cuando están calculados y deliberada. Pero los riesgos involuntarios conducen a consecuencias lamentables. Así también es el caso cuando se diseño basandose únicamente en las tendencias.

Los diseñadores deben centrarse en las necesidades del usuario y no exclusivamente en las últimas tendencias que no aportan ninguna funcionalidad clara para el usuario..

La mejor opción es escuchar los comentarios de los usuarios, es la forma más fácil de desbloquear los requisitos de diseño específicos. A menudo los comentarios de los usuarios es tratado como una molestia para ser ignorado. Pero hay una mina de oro entre esos comentarios y pueden ser muy útiles para mejorar sus diseños.

Una gran herramienta para escuchar es Get Satisfaction. Las características están diseñadas para evocar discusiones honestas. Cuanto mayor sea la transparencia, mayores serán los puntos de vista.

3. Haz las preguntas correctas observando el comportamiento del usuario

El diseño de interacción requiere la participación del usuario. Si los usuarios no realizan una acción, no hay interacción. Aprende de Etsy creando tests A / B: no pienses, no adivines; prueba y saca tus propias conclusiones.

Estas prácticas se llevan adelante en la metodología del ciclo de vida UX Lean, que dicta que siempre se debe repetir los diseños basados ​​en estudios de usabilidad hiper-enfocado. Para ello, utiliza herramientas de análisis, mapas de calor y seguimiento de los ojos para observar el comportamiento.
Encontrar la solución de diseño derecha comienza por hacer las preguntas correctas. Pero averiguar qué preguntas hacer toma un poco de tiempo y práctica. Una vez que has observado a tus usuarios, intenta la Metodología Tarjetas de IDEO para descubrir la razón de sondeo para identificar la raíz de un problema de diseño en particular.

4. Saber cuándo abandonar el barco

A veces los diseños sólo tienen que ser arrojado a la basura. Diseña el tiempo suficiente.

Señales de que tu diseño no está trabajado, entre otros:

  • Los usuarios quedan atrapados en un bucle sin fin
  • El espacio no se ajusta al contenido necesario
  • Los usuarios se confunden o se sienten abrumado
  • El contenido toma demasiado tiempo para cargar en el dispositivo o navegador
  • El diseño no funciona en diferentes idiomas
  • No puede integrarse con servicios principales
  • Los usuarios no utilizan el diseño según lo previsto y terminan con los mensajes de error

Es por eso que es importante para comenzar el trabajo el diseño en un cuaderno de dibujo o en una pizarra.

Para mí, prototipado rápido con una herramienta como UXPin ayuda con diseño iterativo haciéndome resolver problemas antes de que me comprometo a una idea de diseño.

Aprenda a fallar rápidamente y seguir adelante. Cuanto más rápido se recupere, más rápido que llegaremos a la solución de diseño derecha.

Conclusión: piensa como un diseñador de Servicio

Los productos son a menudo sólo una parte de la experiencia de usuario. Si se tiene en cuenta cómo los equipos de productos se crean, es posible que un usuario interactue con varios productos a la vez. A veces los productos que se encuentran en el mismo sitio web o aplicación, pero otras veces un usuario podría interactuar con los productos no relacionados.

Considera a un usuario que buscar información de viajes. Los usuarios pueden utilizar productos como: la calculadora de cambio de divisas, buscador de vuelo, localizador de cajeros automáticos internacional, buscador de alojamiento, calendario, cliente de correo electrónico, etc, y el usuario podría hacer uso de varios dispositivos al mismo tiempo en función de sus preferencias.

Cuando sabes más sobre el contexto y las motivaciones de un usuario y sus interacciones con un producto en particular es posible crear un mapa del servicio o viaje del cliente. Estas herramientas te ayudan a llevar la experiencia del usuario a la vida y crear patrones de diseños de interacción que apoyan las necesidades del usuario.

Cuando te das cuenta de que tu producto serás capaz de diseñar interacciones den un valor añadido que no da el resto.

6 consejos para diseñar una aplicación móvil

Vamos a ver 6 consejos para diseñar una aplicación móvil y que pueden ser muy importantes para el producto como es la interfaz de usuario, la interacción con el usuario y el fácil uso.

Antes de comenzar a diseñar una aplicación hay que tener en cuenta los Cinco Pilares de Diseño de Interacción con consejos sobre la creación de interfaces de aplicaciones nativas:

  • El objetivo del diseño: Antes de diseñar es necesario hacer una previa investigación del usuario, tales como encuestas y entrevistas, las cuales ayudarán perfiles de usuarios más propensos a utilizar la aplicación y sus necesidades. Esto permite crear objetivos específicos para sus usuarios y adaptar el flujo de trabajo de la aplicación para satisfacer las necesidades.
  • Usabilidad: Esto parece una obviedad, pero la aplicación tiene que ser utilizable. Si el público no puede usar la aplicación, no se usará y habrá sido por tanto una inversión inútil. Usabilidad hace que un producto útil, que es el primer paso en ser deseable.
  • Potenciadores y significantes: El potenciador es la función. Los significantes insinúan a los potenciadores. Por ejemplo, azul, texto subrayado indica que al hacer clic en que le llevará a otra parte. Utilica significantes correctamente para que los usuarios no tienen que pensar en lo que cada elemento de la interfaz de usuario.
  • Facilidad de aprendizaje: La aplicación debe tener una interfaz fácil de utilizar para que de forma intuitiva sepan navegar por ella. Aquí es donde los patrones de diseño son útiles. Los standares de interacción de las distintas plataformas moviles ayudan a un nuevo usuario adapte con facilidad a una aplicación.
  • Comentarios y Tiempo de respuesta: La valoración de los usuarios es importante para mejorar las carencias que pueda tener la aplicación y mejorarlo en un futuro inmediato para que los usuarios sigan utilizando la aplicación.

1. Conoce a tu usuarios

El tamaño de la pantalla no es el único obstáculo en el diseño móvil. Los usuarios forman la base de las limitaciones de su interfaz. Así que el primer paso en la creación de un objetivo impulsado por aplicación de interfaz de usuario es para conocer tus usuarios.

Hay tres tácticas fundamentales para la comprensión de sus usuarios, como se destaca en la Guía de la libertad de Proceso UX Diseño y Documentación:

  • Personas: son personajes de ficción formados a partir del comportamiento esperado de los usuarios de destino. Permiten determinar lo que va a impulsar las decisiones de los usuarios dentro de su aplicación.
  • Escenarios de usuario: Escenarios de dar una idea de cómo va a actuar un personaje. Con escenarios de usuario, podrás diseñar una interfaz de usuario que mejor ellos y los objetivos que se quieren lograr adapte.
  • Mapas Experiencia: Aquí se exploran todas las posibles condiciones para una sola interacción. Los Mapas Experiencia trazar cada paso que personajes son más propensos a tomar durante el uso de una aplicación. Ayudan a entender todas las emociones y circunstancias que rodean esos pasos.

Es importante asegurarse realizar sesiones de pruebas de usabilidad entre cada gran iteración. Como mínimo, hay que hacer algunas pruebas de usabilidad remotos con un servicio como UserTesting para que puedas ver cómo la gente usa la aplicación en entornos naturales. Para más ideas sobre matices de comportamiento (por ejemplo, los gestos y la posición del cuerpo), se recomienda dirigir una sesión de laboratorio en persona con un mínimo de cinco usuarios.

2. Trazar contenido y flujo de usuario

Diseño e investigación deben trabajar en paralelo. Por ejemplo, se puede esbozar rápidamente los flujos de usuarios basado en lo que has aprendido hasta el momento. Antes de comprometerse a un camino, sin embargo, crear un simple prototipo. No tiene que ser algo de fantasía, el prototipo se puede hacer en un papel para que pueda empezar a entender cómo fluyen los usuarios entre el contenido y las acciones.

Si deseas esbozar el flujo, puede utilizar el método de escritura de primera, que Jessica Downey escribe en su excelente artículo “Jumpstarting Your App Conception Without Sketching UI.” Este método ayuda a tener ideas de aplicaciones y construir un “entendimiento común “de cada página de la aplicación.

Antes de dibujar o prototipar, un esquema escrito ayuda a explorar la parte más importante de su aplicación, el contenido. La construcción del contenido da una evaluación mucho más precisa del número total de páginas necesarias para su aplicación.

Como siguiente paso, a continuación, puedes crear un boceto para cada página de su flujo. A partir de ahí, se puede continuar con la interacción los bocetos en papel y recortarlas para un prototipo de papel, o mover a una herramienta de creación de prototipos digitales.

El esquema ayuda a explorar rápidamente diferentes flujos de página. Los bocetos llevar a los flujos a la vida con más detalle en torno a la disposición y estructura. Por último, un prototipo rápida ayuda a probar esas ideas con los usuarios.

3. Mejorar la Usabilidad con funciones por defecto en móviles

Diseño móvil gira en torno a muchos matices específicos del dispositivo, como la colocación del pulgar, y la orientación y la postura.

Examina las interfaces populares y estudia los patrones de los teléfonos comunes, como la navegación deslizable. Esto permitirá crear una interfaz de usuario que hace que los usuarios “se sientan como en casa”.

No estamos sugiriendo copiar los diseños de los demás, pero si que sirvan como ejemplo. Utiliza los patrones de interfaz de usuario comunes como base para la facilidad de uso para después incluir la capa en su propia creatividad. De este modo, te asegurarás de que el diseño de su aplicación coincide con las expectativas del usuario sin sentirse aburrido.

Hay dos categorías de patrones de diseño de interacción que debe dominar para un buen diseño móvil.

  • Gestos: Los dispositivos táctiles se definen por gestos. Tocar, deslizar el dedo, tocar dos veces, pellizcar y zoom están convirtiendo en una segunda naturaleza para los usuarios.
  • Animaciones: Motion mantiene a los usuarios conectados a tierra en la interfaz de usuario, mientras que la adición de contexto. Hay una diferencia entre los elementos que se desvanecen y las que se deslizan fuera de la vista. El primero es borrado; este último está disponible para su uso posterior. Cuando animaciones se combinan con gestos, añaden otra profundidad a la experiencia.

Los patrones de interacción móviles ayudan a dictar la disposición de elementos de la interfaz común. Por ejemplo, los botones de navegación en la parte inferior de la pantalla son más fáciles para que los usuarios del grifo con un pulgar de botones en la parte superior.

Los texto también son importantes para llamar a la acción del usuario y que haga lo que se desea algunos consejos para el texto:

  • Frase etiquetas positivamente para que los usuarios sienten en control.
  • Las palabras importantes deben aparecer primero. Los usuarios móviles son especialmente impaciente, así que utilice “Nombre completo” en vez de “Nombre”.
  • La redacción debe ser coherente y con un estilo uniforme a través de cada pantalla.

4. Diseño para dedos gordos

Los dedos son mucho más gruesos que los cursores del ratón en píxeles precisos, por lo que deben prestar atención al diseño amigable con los dedos.

En concreto, deja espacio suficiente para que los usuarios del grifo con un dedo. Si los botones son demasiado pequeños o agrupado demasiado juntos, los usuarios no pueden usarlo de forma fiable esto hace que aumente la frustración y, por tanto, abandono.

Consejos a tener en cuenta en el diseño de los botones y otros objetivos táctiles:

  • Llevamos a cabo nuestros teléfonos de diferentes maneras. Hay tres maneras de sostener un teléfono: un dedo / un lado, dos manos / un dedo y dos manos / dos dedos. Y también hay diferentes maneras para tablets, pero los usuarios en su mayoría tienen tabletas en el lateral.
  • Dedos son gordos. Actualmente entre unos 45 a 57 píxeles de ancho, que es más grande que lo que recomiendan la mayoría de las directrices para los objetivos táctiles. Por ejemplo, Apple recomienda alrededor de 44 píxeles cuadrados.
    La directriz 44 píxeles no siempre es cierto. Normalmente no quieres diseñar un botón tan grande que la gente no piense en ello como una acción. Sin embargo, debes tener en los dedos de las personas y cómo se va a interactuar con la aplicación.

5. Sin degradados descuento y sombras por el momento

El diseño Flat es el nuevo estilo de Apple desde que abandonó skeuomorphism.

Pero eso no quiere decir que las sombras y degradados están muertos. Han descolocada su camino de regreso en el diseño. Basta con mirar a Material Design de Google para ver cómo se han hecho una fuerte recuperación.

Al pensar en los botones, palancas y otras señales visuales, se debe considerar el uso de sombras.

Las sombras y degradados  antes de utilizarla asegúrate que de interfaces de usuario parece mucho más natural y coherente. Puede utilizar sombras y degradados para crear botones 3D y formas de entrada, donde el efecto hace que el elemento aparece inserción o principio.

Elementos que lo incluyen dentro:

  • Los campos de entrada
  • Botones pulsados
  • Pistas deslizantes
  • Botones de radio no seleccionados
  • Las casillas de verificación

Elementos que lo incluyen fuera:

  • Botones sin planchar
  • Botones deslizantes
  • Controles desplegables
  • Botones de radio seleccionados
  • Pop ups

Como se describe en Flat Tendencias Diseño Presente y Futuro, utilizando un diseño semiplano ofrece lo mejor de ambos mundos al abordar los elementos. La interfaz móvil tendrá un aspecto moderno.

6. Cortar el desorden

El usuario debe ser capaz de realizar tareas de forma rápida y en tan pocos pasos como sea posible.

Tendencias para Usabilidad en 2015

Quiero facilitar un listado de las tendencias en recursos a nivel de usabilidad que más se están usando o comienzan a ver en distintos proyectos web.

Los recursos presentados no están basado en datos pero si son recursos que estoy empezando a ver cada vez más a menudo en los sites y que son innovadores respecto a la forma actual de mostrar el contenido.

Algunas de estas predicciones serán más evidentes que otros, pero he decidido mostrar lo ‘probable’ en vez de ‘extravagante’.

Efecto parallax

El efecto Parallax se produce ya sea haciendo scroll vertical como horizontal esto hace que los objetos y fondos que se mueven a velocidades y direcciones diferentes. Estos están creados a través de diversas capas, estando así en diferentes posiciones y distancias entre ellos, lo que da lugar a un efecto visual parecido al 3D.

Este tipo de recurso empieza a ser muy utilizado sobre todo en portales promocionales o landings en el que se busca impacto visual muy alto.

Diseño de tarjeta

Este tipo de diseño se basa en crear un elemento temático en que albergue una series de funcionalidades y así para el usuario sea mas sencillo encontrar que acción realizar para un tipo de contenido.

Este tipo de diseño es muy útil por ejemplo para dispositivos móviles y es una tendencia que se esta dando cada vez más a menudo por este motivo.

Material Design

Este framework o guía de estilo es el punto de encuentro entre skeuomorphism y diseño totalmente plana. Google inventó cito:

El material está basado en la realidad táctil, inspirada en el estudio de papel y tinta, pero tecnológicamente avanzado y abierto a la imaginación y la magia.

Desde el punto de vista de usabilidad, es una tendencia que cada vez esta teniendo más relevancia ya que empezó mejorando la experiencia de usuario en las apps de Android pero dicho desarrollo se ha trasladado al mundo web con el objetivo de unificar interfaz al usuario.
Si tienes quieres saber más accede a este post sobre Material Design

Botones Ghost

Al igual que un fantasma misterioso que asoma en la esquina, botones fantasmas no tienen la intención de distraer, sólo atraer la atención de una manera sutil.

Ellos son transparentes, pero tienen una forma reconocible, se limita con una línea muy delgada y contienen fuentes de luz sans-serif.

Su finalidad no es destacar y hacer una llamada a la acción fuerte. Son perfecto para los diseñadores que no deseen saturar sus sitios con la navegación aunque necesario.

Velocidad

Este tema es algo importante y mucha gente se lo pasa de largo hasta que no ocurre una catástrofe, más que una tendencia es una realidad.

Desde usabilidad no solo la organización correcta de elementos e interacciones es correcta sino también aconsejar para la diseño vs. velocidad carga de dato sea lo más equitativa posible y se caiga en uno u otro extremo.

Micro UX

Diseño Micro UX de mejoras de procesos bien desde el punto de vista funcional como el uso innovador diseño simple que no sólo hace una tarea más fácil, sino también crea una experiencia de usabilidad atractiva.

En muchas ocasiones pequeñas mejoras de proceso de usabilidad conllevan una mejora en el proceso de compra, login… traduciéndose en un mayor porcentaje de compra, registro de usuarios…

Menús ocultos

El menú oculto o como lo llamo yo la hamburguesa es un recurso heredado de los dispositivos móviles y que poco a poco se esta empezando a popularizar más en sitios web para ocultar la pantalla de navegación ocultándola hasta que se interactua con el elemento de menú en la parte superior izquierda o derecha de la pantalla.

Esto tiene como beneficio dar una mayor importancia al contenido ofreciendo una mayor visibilidad, el inconveniente es que todavía no todo el mundo esta preparada para esta estructura en web y puede ser confusa.

Elementos anclados

Este recurso se esta usando mucho en landings con un scroll muy grande sirve para saber en que punto se encuentra el usuario y cuanto le queda para terminar, además le sirve para poder navegar de forma fluida por la web.

Como comentaba desde el punto de vista de usabilidad y también de accesibilidad es muy recomendable usar este recurso para landings con un scroll importante.

Pantallas alta resolución

Aunque hay un montón la tendencia de los últimos años ha sido la del responsive design para dispositivos móviles se ha dejado de lado las nuevas dimensiones de las pantallas de alta definición como 4k que puede útil para ofrecer al usuario mayor información del servicio web.
Se espera que las marcas se adapten a la experiencia de pantallas gigantes en la oficina y en casa.

Menú anclado y delgado

La tendencia en usabilidad en los últimos tiempos es adelgazar los menús con el objetivo de dar más visibilidad a los servicios y contenidos del portal pero no por ello el menú pierde importancia y con ello se acentúa con anclándolo a la parte superior de la pantalla creando un fácil acceso a otras partes de la web y velocidad.

Diseño de movimiento


Las interacciones es una de las partes que más esta destacando en los últimos tiempos desde el punto de vista de la usabilidad ya que los portales están dejando de ser estáticos y se les esta dotando de vida con movimiento con cada paso del usuario por la web con el objetivo de sorprenderle o a traerle a una determinada acción, es importante saber cuando usarlo y no usarlo en exceso ya que puede llegar a saturar al usuario y los recursos del dispositivo en caso de no tener grandes recursos.

Las interacción más usadas son:

  • Scroll infinito: cada vez que el usuario baje por el portal se irá cargando contenido, muy útil para hacer que el tiempo de respuesta del portal sea más rápido
  • Gráficos dinámicos animados: haz los resultados más atractivos
  • Desplazamiento modular: desplazarse en columnas individuales, así como páginas enteras.