Principios UX de aplicaciones móviles

Escrito por: Stephen Griffiths

Publicado: abril 2015

Mejorar la experiencia del usuario y optimizar la conversión.

Principios UX de aplicaciones móviles

2

Este documento es un marco de optimización de conversión adaptado a las

aplicaciones móviles "Smartphone" (no a las aplicaciones para tabletas).

Define los principios y consideraciones clave.

- es decir, las cosas importantes en que pensar - al evaluar las aplicaciones de

teléfonos inteligentes, para identificar qué y cómo mejorar la experiencia del
usuario, optimizar la conversión y medir mejor el rendimiento de la aplicación.

Si bien este documento puede informar la creación de una nueva aplicación, está
destinado a la optimización de las aplicaciones existentes.

Adoptar

Utilizar

Tramitar

Regreso

Eliminar obstáculos para su uso

Proporcionar lo último

en conveniencia

Autoservicio, compromiso y encanto.

Hacer las decisiones de conversión simples

Pantalla de inicio y navegación

Producto y Servicio
Detalle personal y de dirección

Pases y Redención

Registro / entrada y permisos

Pago

Dispositivo cruzado y fuera de línea

Revisa &

Confirmación

Widgets y

Notificaciones

Contenido y diseño

Splash, Tips & Onboarding

Buscar

Cesta

Su cuenta

Higiene de usabilidad: Qué hacer, y no hacer.

Contenido
3

1. ADOPTAR

Pantalla de bienvenida, consejos y embarque

4. VOLVER

Su cuenta

05

06
dieciséis

34

35

37

Inicio de pantalla y registro de 08 Pases y canje de contenido y 36

navegación, inicio de sesión y diseño Widgets y
permisos 11 notificaciones 40
2. USO 15
5. Usabilidad
Buscar
Higiene 42
Producto y Servicio 19 Qué hacer 43
Dispositivo cruzado y fuera de
23 Qué no hacer 48
línea
3. TRANSACTO 26
Cesta 27
Datos personales y de dirección 29
Pago 30
Pago y Confirmación 32

Consideraciones
Revisores

Estudio de expertos:

En lugar de derivarse de las pruebas de usabilidad, este estudio experto se deriva

de: las mejores prácticas UX de la aplicación; auditando aplicaciones de clientes en
EMEA y América del Norte; Lenguajes visuales de Android e iOS y pautas de
HCI; investigación secundaria; etc.

Mejora de la conversión:

El objetivo de este estudio es ayudar a las empresas a mejorar / optimizar la

conversión de sus aplicaciones existentes que se centran en ventas, reservas, etc.

Plataformas de aplicaciones:

Las capacidades de Android y iOS fueron las consideraciones de la plataforma.

Variedad de aplicaciones:

Una complejidad en el desarrollo de principios para aplicaciones móviles es el

hecho de que las aplicaciones dentro de una sola categoría pueden exhibir una
mayor variedad que los sitios móviles y, por lo tanto, pueden exhibir una variable
mucho más grande entre aplicaciones que satisfacen el mismo caso de uso pero en
un aspecto más utilitario (por ejemplo, búsqueda) o experiencia (por ejemplo,
descubrir)

Categorías excluidas:

Dada la amplitud de las categorías de aplicaciones y la necesidad de centrarse en la

conversión, este estudio excluyó categorías más orientadas al compromiso, por
ejemplo, juegos, redes sociales y mensajes.

Bucear o Saltar:

Este conjunto completo, aunque no exhaustivo, de los principios de UX de la

aplicación para teléfonos inteligentes se puede leer en su totalidad o leer de forma
selectiva (por ejemplo, sección por sección)

Medición:

Los KPI y las métricas resaltadas al final de cada sección están diseñados para
indicar lo que "podría" medir, para estimular el debate, para que pueda definir
exactamente lo que "debería" medir para su contexto empresarial específico

Oliver Borm,

Líder de rendimiento avanzado, CSI EMEA

Jos Meijerhof,

Especialista en Conversión, CSI EMEA

Elmar Nubbemeyer

Especialista en atribución, CSI EMEA

Pawel Matkowski

Experto en productos de Google Analytics y GTM, CSI EMEA

Morgane Gaudin

Especialista en implementación de soluciones de rendimiento, CSI EMEA

Cemal Buyukgokcesu

Especialista en Conversión, PerfX EMEA

Matt Brocklehurst

Gerente de Marketing de Producto, Reino Unido

Richard Hyndman

Jefe EMEA de Defensa Escalable

Nick Butcher

Desarrollador Defensor

Lina lau

Gerente de socio estratégico en línea de APAC

01. ADOPTAR

Eliminar obstáculos para su uso

Pantalla de bienvenida, consejos y

embarque
El objetivo en esta etapa es eliminar todos los obstáculos para el uso y la adopción
de su aplicación móvil.

Obtenga usuarios en el contenido / sustancia lo más rápido posible, para que

puedan usar, evaluar y experimentar su valor para ellos.

Las primeras impresiones cuentan, y una pantalla de inicio le brinda una ventana
breve pero vital para involucrar a un usuario en su propuesta. Pero, nunca hagas
que los usuarios esperen.

Los consejos / ayuda o una secuencia de incorporación solo deben emplearse si es

necesario, para no interrumpir a los usuarios, pero cuando se usan adecuadamente,
pueden guiar al usuario en su experiencia y adopción iniciales.

Cuando se les pregunta si prefieren hacer clic en una aplicación o en un sitio web
móvil desde los resultados de búsqueda móviles, más personas prefieren la
aplicación. Aquí se explica por qué: las aplicaciones son más rápidas de cargar
que los sitios web móviles (46%).
App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el
marketing, 2015

La aplicación parece cargar rápidamente

Establezca las expectativas de inmediato al garantizar que la pantalla de inicio se

cargue inmediatamente y haga que la aplicación se sienta rápida y receptiva. No
pierda el tiempo de los usuarios en esta etapa de adopción crítica, incluso antes de
que hayan intentado usar su aplicación.

La pantalla de bienvenida es consistente con la marca.

(por ejemplo, comunica la esencia de la marca)

Una pantalla de inicio debe involucrar a los usuarios y comunicar la esencia de la

marca, pero nunca hacer que el usuario espere. Siempre ponga al usuario en control
y sea capaz de ejecutar su tarea lo antes posible.

Si la aplicación admite sugerencias / ayuda, se muestran en contexto a lo que

está haciendo el usuario

Si el usuario necesita aprender algo sobre la aplicación, pero no antes de su primer

uso, proporcione

Consejos contextuales y ayuda en lugar de una secuencia de incorporación. Los

consejos y la ayuda que son relevantes para lo que el usuario está tratando de
hacer, cuando lo están haciendo, serán más beneficiosos para el usuario que un
diseño genérico e interrumpido. Involucre a los usuarios a través de imágenes,
animación e interactividad, para ayudarlos a aprender haciendo, y solo
proporcionar consejos para tareas prioritarias o difíciles (no son un sustituto para
un buen diseño de UX). (Ver imagen 01)

imagen 01

MEDICIÓN
Si la aplicación es compatible con la incorporación, se utiliza porque es
esencial para el primer uso de la aplicación.

Una secuencia de incorporación solo debe emplearse si es esencial y las

sugerencias / ayuda contextuales son insuficientes. Si se usa, solo debe mostrar los
aprendizajes de mayor prioridad que un usuario necesitará para el primer uso. Trate
de involucrar a los usuarios de la misma manera que con 'consejos y ayuda', evite
usar más de 3 o 4 pantallas y beneficios, y minimice la copia. Verifique los análisis
con regularidad, y si el flujo no funciona, ¡ mátelo! y considerar otro enfoque de
diseño. La razón para usar el onboarding sería:

La aplicación está vacía y requiere que el usuario ingrese para completarla para su
primer uso

La aplicación requiere comentarios personales o selecciones para el primer uso

La aplicación tiene una funcionalidad compleja, como en una aplicación de

productividad

La aplicación se basa en gestos ocultos o personalizados desconocidos para la

mayoría de los usuarios

La aplicación ha sido actualizada con nuevas características.

Si se utiliza la incorporación, el usuario puede elegir omitirlo (poner al

usuario en control)

Los usuarios deben poder omitir la secuencia de incorporación si no desean ser

interrumpidos por ella o no perciben un beneficio al deslizarla. Ponga al usuario en
control de su tiempo y la experiencia inicial de la aplicación. La incorporación solo
debe

aparece siempre en el primer uso de la aplicación, o hasta que el usuario haya

iniciado sesión. (Ver imagen 02)

Porcentaje de rebote:

deseará reducir esto (p. ej., la activación de eventos en elementos / paquetes

cargados para comprender los motivos de entrega; rastree los errores de tipo de
carga a nivel de usuario, que son razones clave para los altos índices de rebote de
aplicaciones)

Horarios de usuario:

Si usa Google Analytics , puede medir los tiempos de carga de recursos de una
pantalla específica (en las aplicaciones de Android e iOS)

Si se utiliza una secuencia de integración, podría medir:

% de usuarios que completan pantallas de incorporación y pasan a la pantalla de

inicio

% de usuarios que optaron por omitir la incorporación

Tiempo transcurrido entre las pantallas de incorporación

imagen 02

Pantalla de inicio y navegación

Una pantalla de inicio de la aplicación debe proporcionarle al usuario los viajes y
la funcionalidad para completar sus tareas prioritarias, y proporcionar contenido
que satisfaga sus necesidades y expectativas. La navegación debe ser clara,
orientada a la tarea, lógica (por ejemplo, los controles de la pantalla sugieren cómo
usarla) y la ubicación de la navegación (por ejemplo, la barra de menú) es
consistente. Solo primaria

La navegación y el contenido deben ser visibles de forma predeterminada, con el

contenido secundario oculto, pero disponible mediante toque o deslizar - fuera de
la pantalla.

Cuando se les pregunta si prefieren hacer clic en una aplicación o en un sitio web
móvil desde los resultados de búsqueda móviles, más personas prefieren la
aplicación. He aquí por qué: las aplicaciones son más sencillas de navegar que los
sitios web móviles (50%) ”.

App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el

marketing, 2015

Los logotipos de las marcas se utilizan sutilmente y con moderación.

(el espacio de pantalla de la aplicación es limitado)

Las aplicaciones no son sitios, y NO necesitan un logotipo de marca en todas las

pantallas que enlazan con la pantalla de inicio. El espacio de la pantalla de la
aplicación es limitado. Y, los usuarios ya han hecho el esfuerzo de descargar, para
que conozcan su marca, y utilicen su aplicación, así que refuerce

su identidad de marca de manera sutil, es decir, en lugar de su nombre completo de

marca, use un icono o un color; y aplíquelo con moderación, es decir, solo en la
pantalla de bienvenida y en la pantalla de inicio.

El propósito de la aplicación y los viajes prioritarios de los usuarios son

claros (crítico para las marcas más nuevas)

Para los usuarios que han hecho el esfuerzo de descargar su aplicación, ahora
necesita satisfacer sus expectativas de lo que su marca y propuesta ofrecerán, es
decir, comunicando los viajes prioritarios de los usuarios y los estados en los que
sus clientes objetivo querrán actuar. (Ver imagen 03)
imagen 03

Las razones para comprar / reservar son claras

(para fomentar el uso y la conversión)

Esto se aplica a todas las marcas, ya sean desconocidas o de renombre. Las marcas
desconocidas deben dar a los usuarios razones para adoptarlas y su nueva
propuesta, mientras que las marcas conocidas necesitan

Para posicionarse y diferenciarse de la competencia. Las razones para creer pueden

estar relacionadas con cosas tales como: precio, descuentos, características,
cumplimiento, servicio al cliente, lujo, patrimonio, etc.

“Diseño simple, contenido intenso”.

Edward Tufte

Solo el contenido y la funcionalidad primarios están en la pantalla de manera

predeterminada (todas las cosas secundarias están fuera de la pantalla y están
disponibles desde un menú)

Los usuarios no deben presentar una aplicación que replique el sitio móvil de la
marca, ni contienen demasiado contenido y funcionalidad en la pantalla de forma
predeterminada. Las aplicaciones deben ser claras y los viajes / tareas obvios, por
lo que la marca debería haber priorizado la funcionalidad y el contenido
principales, y poner todo lo demás fuera de la pantalla, por ejemplo, accesible con
un golpe desde un menú, arriba, a un lado o debajo de la pantalla. (Ver imagen 04)

El cajón de menú es accesible desde todos los niveles de aplicación

(posible excepción: checkout en eCommerce)

El usuario debe poder hacer clic en el ícono de un cajón de menú visible, o

deslizarse para revelar la lista de menú, en cada nivel de la aplicación (excepto
posiblemente en una compra de eCommerce que está en cuarentena), para asegurar
que puedan navegar rápidamente. Navegar desde un cajón de menú en cada nivel
de una aplicación es fundamental

para aplicaciones que tienen estructuras profundas o complicadas, como mercados

minoristas o agregadores de contenido.

Si la aplicación utiliza un cajón de menú, la muestra en el primer uso (ya sea

con una pista o abriendo completamente)
En el primer uso de la aplicación, el cajón del menú, si utiliza un sistema de menú
de este tipo, podría revelarse por defecto para mostrar la amplitud del contenido y
la organización antes de que comiencen a navegar. Una alternativa a esto es sugerir
que hay un cajón de menú disponible pero fuera de la pantalla, por ejemplo,
mostrándolo rápidamente y luego ocultándolo, o mediante un rebote sutil abierto
del cajón de menú.

En las aplicaciones de Android, la barra de la aplicación y la barra de

pestañas deben estar ubicadas en la parte superior de la pantalla (no en la
parte inferior)

La convención de Android es para que la barra de la aplicación (menú) y la barra

de pestañas se muestren en la parte superior de la pantalla. Si se muestran en la
parte inferior de la pantalla, donde Android muestra los controles de navegación
del sistema

- Podrían causar confusión y dañar la navegación.

imagen 04

Las pantallas largas de aplicaciones no tienen un callejón sin salida (por

ejemplo, el usuario continúa descubriendo y explorando)

Si su aplicación tiene pantallas de contenido largas, asegúrese de que cuando los

usuarios lleguen al pie de la pantalla puedan seguir descubriendo y explorando, y
no encuentren callejones sin salida que hagan que abandonen la aplicación. Por
ejemplo, en el pie de página de una pantalla larga, su aplicación podría
proporcionar:

Volver al botón TOP

Campo de búsqueda si se mostró uno en la parte superior de la pantalla

Pocas opciones de navegación para animar a los usuarios a seguir explorando.

O bien, podría proporcionar una pantalla de desplazamiento infinito, que es

utilizada por aplicaciones de tipo de compromiso (por ejemplo, social, mensajería,
contenido), pero también es utilizada por algunas aplicaciones de comercio
electrónico para mostrar elementos como parte de una corriente de contenido

La lista del menú es corta

(por ejemplo, hasta 7) o es más largo y tiene secciones claras

Hay muchas formas de diseñar una lista de menús, pero deben ser obvias para el
usuario objetivo de las aplicaciones.
Una lista corta y clara es el menú por defecto. Una alternativa es un menú que
contiene más elementos que se separan en secciones claras, posiblemente
etiquetadas para que el usuario objetivo las entienda rápidamente. Por ejemplo, una
aplicación de venta al por menor podría contener las siguientes secciones de menú
(y enlaces): Tienda (género, departamento, venta, etc.) .), Cuenta (cesta, detalles,
cierre de sesión, etc.). (Ver imagen 05)

La terminología de la lista de menús es obvia para el usuario objetivo (los

menús no deben contener términos que su base de usuarios no entienda)

Los usuarios deben identificarse con las etiquetas / terminología del menú, de
modo que puedan navegar a la sección de la aplicación que necesitan lo más rápido
posible. Y ordene la lista de menús según la popularidad u otro sistema que se
entenderá y que será de valor para los usuarios. Los menús con términos que
requieren conocimiento empresarial o que intentan mezclarse, por ejemplo,
literales

y metafórico: los términos pueden confundir a los usuarios y aumentar el

abandono.

Los carruseles son obvios para navegar

(cuidado, la mayoría no lo son!)

Los carruseles son problemáticos en las aplicaciones, al igual que lo están en los
sitios web, donde no es infrecuente el 98% de entrega entre la primera y la segunda
pantalla del carrusel (fuente: Erik Runyon ). Los carruseles pueden ser puntos
ciegos donde las promociones rara vez se ven. Dicho esto, si un carrusel es el
método de interacción adecuado en su aplicación, diseñe con cuidado y aproveche
los patrones de diseño móvil con los que los usuarios están familiarizados desde
sus sistemas operativos nativos, es decir, en Android y iOS, una serie de puntos
indican una serie de puntos. Imágenes deslizables horizontales.

El usuario puede deslizar horizontalmente para navegar rápidamente

lateralmente

El buen diseño de la aplicación móvil permite a los usuarios desplazarse

rápidamente para navegar lateralmente a la siguiente pantalla, en lugar de verse
obligados a navegar jerárquicamente

imagen 05

Registro, registro y permisos

Uno de los principales puntos de diferencia entre las aplicaciones móviles y los
sitios móviles, es que las aplicaciones permiten al usuario iniciar sesión de forma
persistente (eliminando el esfuerzo de inicio de sesión manual y los errores), para
beneficiarse del nivel de conveniencia y personalización que solo se puede lograr
desde un inicio de sesión persistente En el estado, derivado de las aplicaciones que
almacenan y actúan sobre sus detalles, comportamientos e historial de
transacciones. Para proporcionar una experiencia de usuario con las menores
barreras para la conversión, las aplicaciones móviles deben:

Proporcionar viaje no firmado

Solicite el registro "solo" cuando depende de proporcionar valor, y luego ...

Solicitar datos mínimos

Mostrar declaraciones claras de beneficios

"El sistema debe tratar todas las opiniones de los usuarios como sagradas".

Jef raskin

El registro de usuarios para la aplicación es rápido y las declaraciones de

beneficios son convincentes

El registro es un obstáculo para la adopción. Si tiene una aplicación de comercio

electrónico y desea que los usuarios

Regístrese, intente capturar la mayor parte de los datos del usuario durante su
primera verificación (más cualquier campo adicional como nombre de usuario,
contraseña o inicio de sesión social). Pero, si su aplicación depende de la
suscripción para proporcionar valor, por ejemplo, con contenido personalizado,
servicios a pedido, funciones sociales avanzadas, etc., deberá proporcionar
declaraciones de beneficios convincentes para impulsar la adopción y el
registro. (Ver imagen 06)

pogo - arriba y abajo.

El usuario puede deslizar horizontalmente para navegar rápidamente

lateralmente

El buen diseño de la aplicación móvil permite a los usuarios desplazarse

rápidamente para navegar lateralmente a la siguiente pantalla, en lugar de verse
obligados a navegar jerárquicamente - pogo - hacia arriba y hacia abajo.

MEDICIÓN
Tasa de rebote (para obtener más información, consulte: Pantalla de bienvenida,
consejos y embarque)

Tiempo en pantalla: esto debería ser mínimo para indicar que los usuarios
encontraron lo que estaban buscando rápidamente y lo buscaron

Acciones del usuario: consulte los mapas de clics (si están disponibles) para ver en
qué hacen clic los usuarios. O, mire los informes de navegación (informe de la
siguiente pantalla) para ver qué contenido es el más popular

% de usuarios que navegaron a la siguiente pantalla en el carrusel (si se usa un

carrusel)

Errores: el seguimiento y la limitación de los errores en la aplicación por

aplicación por dispositivo / SO es un problema clave que la mayoría de los
productos de análisis de aplicaciones admiten

imagen 06

El registro de usuarios para aplicaciones con datos confidenciales / valiosos es

rápido y las declaraciones de beneficios son claras (por ejemplo, aplicaciones de
servicios financieros o proveedores de registros de salud)

El registro es una solicitud obligatoria familiar para aplicaciones en verticales

altamente reguladas (por ejemplo, servicios financieros) o aquellas que almacenan
datos altamente confidenciales (por ejemplo, registros de salud personales). Estas
aplicaciones

Aún debe hacer que la inscripción sea rápida, alentarla con declaraciones de
beneficios claras y brindar el nivel de seguridad que los usuarios esperan de
aquellos que requieren una decisión de riesgo / beneficio.

Si la aplicación solicita el registro, el usuario puede elegir continuar como

invitado (el usuario tiene el control)

Los usuarios deben poder optar por ignorar el registro y continuar como invitados,
donde pueden muestrear y evaluar su valor antes de comprometerse a
registrarse. Esto es aún más importante para aplicaciones de marcas desconocidas,
o

Las aplicaciones que proporcionan contenido atractivo y que dependen de los

usuarios que las experimentan antes de que puedan tomar una decisión de
registro. Siempre

poner al usuario en control de su tiempo y la experiencia inicial de la aplicación.

(Ver imagen 07)

Si el registro de la aplicación es obligatorio, el usuario puede elegir

demostrarlo primero (el usuario tiene el control)

Los usuarios deben poder optar por ignorar el registro y continuar como invitados,
donde pueden probar y evaluar su valor para ellos.

Antes de comprometerse a registrarse. Esto es aún más importante para

aplicaciones de marcas desconocidas, o aplicaciones que proporcionan contenido
atractivo y que dependen de los usuarios que las experimentan antes.

Ellos pueden tomar una decisión de registro. Siempre ponga al usuario en control
de su tiempo y la experiencia inicial de la aplicación. (Ver imagen 08)

imagen 07

imagen 08

Usuario por primera vez tiene múltiples opciones de registro

(por ejemplo, nombre de usuario / contraseña y registro social)

Se debe presentar a los usuarios múltiples opciones de registro, como nombre de

usuario / correo electrónico y contraseña, y registro social. Debido a que, si bien
algunos usuarios prefieren el enfoque más rápido de registro social (por ejemplo, a
través de G +, Facebook o Twitter), otros prefieren mantener separados sus
diferentes perfiles sociales, y otros pueden incluso no ser consumidores de redes
sociales. (Ver imagen 09)

El usuario puede seleccionar revelar u ocultar la contraseña a medida que se

escribe, durante el registro o el inicio de sesión (por ejemplo, al alternar un
control 'revelar' u 'ocultar')

Ofrezca a los usuarios la opción de seleccionar rápidamente un control de

alternancia que revele (u oculte) su contraseña mientras escribe. Esto reducirá los
errores de entrada de contraseña, durante el registro y el inicio de sesión.

(Ver imagen 09)

Cuando se les pregunta si prefieren hacer clic en una aplicación o en un sitio web
móvil desde los resultados de búsqueda móviles, más personas prefieren la
aplicación. He aquí por qué: las aplicaciones que he instalado tendrán mi
información de inicio de sesión previamente y me ahorrarán tiempo (51%).
App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el
marketing, 2015

El usuario devuelto inicia sesión de forma persistente en su aplicación

Los usuarios no deberían tener que seguir iniciando sesión en sus aplicaciones una
vez que se crean, ya que una de las principales diferencias entre un sitio y una
aplicación es que la aplicación proporciona una experiencia persistente, para
brindar comodidad y personalización continuas. Una base de usuarios con inicio de
sesión persistente permite el seguimiento de conversiones entre dispositivos. Una
advertencia para el inicio de sesión persistente son las aplicaciones en verticales
reguladas (por ejemplo, servicios financieros) o aquellas que almacenan datos
altamente confidenciales (por ejemplo, registros de salud personales)

Touch ID se presenta a los usuarios de iPhone (5S y más) como una forma
conveniente de iniciar sesión

Las empresas pueden emplear Touch ID (reconocimiento de huellas dactilares)

para permitir que los usuarios de iOS (versión 5S y superiores) puedan iniciar
sesión en aplicaciones, como los usuarios de Evernote Premium que tienen acceso
a un bloqueo de código de acceso con compatibilidad con Touch ID.

(Ver imagen 10)

Se le pide al usuario que otorgue permisos de aplicación y se dan razones por

las cuales (y percibe el beneficio)

Solo solicite los permisos que permiten que su aplicación le brinde valor al
usuario, pregunte en el momento adecuado (en contexto a lo que el usuario está
haciendo) y con

una clara declaración de beneficios. Por ejemplo, solicite permiso para la ubicación
actual de un usuario cuando inicie una búsqueda o servicio:

"A ACME le gustaría usar su ubicación actual para que podamos ayudarlo a
recordar los eventos"

(Ver imagen 11)

imagen 09

MEDICIÓN
Número de registros creados y% de cada opción (por ejemplo, manual, opción
social, etc.)
% de opciones de inicio de sesión elegidas (por ejemplo, manual, opción social,
Touch ID, etc.)

% de usuarios que eligen continuar como invitado

% de usuarios que rechazan el permiso para acceder a los recursos del teléfono
inteligente (por ejemplo, ubicación, contactos, etc.)

imagen 11

imagen 10

02. USO

Hacer las decisiones de conversión simples

Buscar
“El móvil es una tecnología transformadora. A medida que nuestro porcentaje de
clientes que adoptan dispositivos móviles continúa creciendo, los dispositivos
móviles ya no pueden ser un subconjunto limitado de características o
productos. Y creemos que con un uso inteligente de las funciones y el diseño, es
posible dar a los clientes móviles el 100% ".

Paul Cousineau, Director de Compras Móviles , Amazon.com, No. 1 en Internet

Retailer 2015 Mobile 500

“% De usuarios de aplicaciones de venta minorista que participaron en el tipo de

actividades en los últimos 30 días: realizar una compra en línea (58%); Busque
información sobre un producto / servicio específico (56%); Navegación
(54%); Hacer una compra fuera de línea (35%); Busca algo cercano
(35%); Encuentra opiniones de opiniones de otros (34%);Administrar o revisar mi
cuenta (21%) ".

Estudio de aplicaciones móviles para el consumidor de EE. UU., 2014, Google /

Ipsos MediaCT

El objetivo en esta etapa es permitir que las personas utilicen su aplicación de la

manera que pretenden. Un excelente servicio de búsqueda ayudará a los usuarios a
encontrar qué

Quieren de forma rápida y sencilla, para satisfacer sus necesidades y impulsar la

conversión. En nuestra experiencia,
la búsqueda de aplicaciones tiene un índice de conversión mucho más alto que el
uso de aplicaciones que no son de búsqueda, lo que refleja la mayor intención del
comprador. Hay varias formas de habilitar la búsqueda, desde la búsqueda de
palabras clave hasta el escaneo de productos y la búsqueda de imágenes.

"El 47% de los encuestados prefiere las aplicaciones, en lugar de un sitio web
móvil, cuando quieren información rápidamente".

App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el

marketing, 2015

La búsqueda se muestra prominentemente

(por ejemplo, en la parte superior de la pantalla)

Si la búsqueda es una función principal de su aplicación, visualícela de manera

prominente, ya que puede ser la ruta más rápida de descubrimiento para los
usuarios con alta intención de conversión. Las aplicaciones de comercio
electrónico deben incluir la búsqueda en la parte superior de la pantalla de inicio (y
si la pantalla de inicio es larga, repítala en la parte inferior).Para aplicaciones con
gran inventario, mostrar el campo de búsqueda por defecto aseguraría que sea
obvio y rápido de usar.

Y, proporcione un aviso de búsqueda, que puede ser una llamada a la acción para
el usuario y puede aclarar qué ingresar, por ejemplo, producto, marca, categoría,
número de identificación, etc. (Ver imagen 12)

imagen 12

Los primeros resultados de búsqueda son muy relevantes (¡los bienes raíces
móviles son limitados!)

Como las pantallas de los teléfonos inteligentes son tan limitadas en cuanto a la
cantidad de resultados que pueden mostrar sin

la necesidad de desplazamiento, asegúrese de que el usuario vea un conjunto de,

por ejemplo, 3 a 5, resultados altamente relevantes de forma predeterminada; y
solo después de eso necesitan desplazarse. Como una actividad en curso, debe
verificar regularmente la calidad de los resultados de búsqueda para las principales
consultas de búsqueda en la aplicación y ajustar la clasificación si es necesario

Proporcionar alternativas cuando no hay resultados de búsqueda

coincidentes (no hay callejones sin salida)

Evite dar a los usuarios callejones sin salida en su experiencia cuando su búsqueda
no produce resultados coincidentes. Ofrézcales opciones, por ejemplo, en la
reserva de vuelos, sugiera aeropuertos alternativos, en el alquiler de automóviles
sugiera una flota alternativa, al por menor sugiera productos o categorías
alternativos. Para ayudar al usuario aún más, podría emplear una función de
'búsqueda inteligente' que cubra singulares, plurales y faltas de ortografía, etc.

El usuario puede ordenar fácilmente los resultados de búsqueda

Proporcionar al usuario opciones de clasificación que sean relevantes para su

búsqueda. No oculte la función de clasificación dentro de la función de filtrado,
son tareas distintas.

El usuario puede filtrar fácilmente los resultados de búsqueda

Proporcione al usuario opciones de filtrado que sean relevantes para su búsqueda, y

permita que seleccionen

En Android , la búsqueda se encuentra en la barra de aplicaciones en la parte

superior de la pantalla.

En iOS , la búsqueda puede tener una barra de alcance adjunta, que permite a los
usuarios seleccionar rápidamente el alcance de su búsqueda,

es decir, con criterios o categorías claramente definidos (aunque, esto no sustituye

a una buena arquitectura de información y diseño de UX).

Se utilizan sugerencias automáticas

(para reducir la entrada de datos y proporcionar resultados inmediatos)

Proporcione sugerencias automáticas (o, resultados de texto predictivo) lo más

rápido posible, como después de ingresar el tercer carácter, para proporcionar un
valor inmediato y reducir su esfuerzo de ingreso de datos (y los errores que podrían
cometer en teclados pequeños con "dedos gruesos"). (Ver imagen 13)

imagen 13

MEDICIÓN
/ deseleccione múltiples opciones cada vez que apliquen el filtro a los resultados.

Se muestran búsquedas recientes

(para acelerar su experiencia)

Las aplicaciones deben almacenar todas las interacciones, incluidas las búsquedas
recientes, para proporcionar estos datos al usuario la próxima vez que realicen una
búsqueda. Beneficia al usuario al ahorrarles tiempo y esfuerzo en la búsqueda del
mismo artículo nuevamente, y mejora la experiencia del usuario. Esto es
especialmente importante para las aplicaciones de viaje, donde los usuarios a
menudo repiten las mismas búsquedas y se beneficiarían enormemente.

Los datos del formulario de reserva se rellenan previamente con los datos
sugeridos (por ejemplo, un formulario de restaurante)

Rellene automáticamente los datos en un formulario de reserva con datos

sugeridos, que en muchos casos serán precisos para el usuario y harán que el
proceso sea más conveniente. Por ejemplo:

Datos sugeridos para la reserva de restaurantes: Tabla para (2), Cuándo (esta
noche), Hora (7:00 PM), Dónde (Ubicación actual), etc. (Ver imagen 14)

Datos sugeridos para la reserva de hotel: ubicación (ciudad actual), fecha de

entrada (hoy), fecha de salida (mañana), invitados por habitación (2), etc.

Uso de la búsqueda del sitio:% de visitas con la búsqueda del sitio

Búsqueda de relevancia y precisión: realice un seguimiento para ver si los

resultados de la consulta fueron precisos o si el usuario tuvo que volver a consultar
con un término similar

Compare lo que las personas buscan en el móvil con lo que buscan en el

escritorio. Optimizar basado en las diferencias.

Mire las tasas de entrega de resultados de búsqueda por consulta de búsqueda para
encontrar calidad baja

Resultados de búsqueda o vacíos en su inventario.

/ ofrendas

imagen 14

Producto y Servicio
Las pantallas de productos son donde los usuarios toman decisiones clave de
conversión, por ejemplo, agregar a la canasta, agregar a la lista de deseos, reservar
ahora, llamar ahora, completar el formulario, etc. Las pantallas de productos de
aplicaciones móviles fuertes permiten a los usuarios realizar transacciones
rápidamente, guardar para más tarde y compartir los elementos Tienen que tomar
decisiones sobre.

“Con mucho, la mayor oportunidad de ingresos en la economía de aplicaciones

hasta 2017 es

e-commerce. Las pantallas más grandes para teléfonos inteligentes, la mejora de

los flujos de compra móvil en la web y las aplicaciones nativas dedicadas ya han
cambiado ese comportamiento.

Eliminar la fricción de los pagos acelerará aún más la transición al comercio

móvil ".

Vision Mobile , App Economy Forecasts 2014-2017

La descripción del producto es fácil de escanear (encontrar información

específica) y descremada (obtener una descripción general)

Las descripciones de los productos deben ser de alto nivel (objetivo de la

brevedad) y deben estar claramente establecidas, como en formato de lista o punto
de viñeta, para que sea fácil de acelerar la lectura. los

Las características clave o las dimensiones de compra del producto deben ser el
enfoque, para alentar a los usuarios a hacer clic en el botón de detalles del producto
(para obtener más información) o agregar a la cesta.

La imagen del producto héroe está por encima del pliegue.

(para comercializar sus ofertas prioritarias)

No haga que los usuarios se desplacen para ver la imagen del héroe de un producto
(es decir, la primera y la imagen principal). Puede haber imágenes adicionales a
continuación que los usuarios pueden desplazarse para ver. (Ver imagen 15)

imagen 15

Las imágenes de los productos se deslizan rápidamente en forma horizontal (y

no se apilan en una fila vertical)

Los usuarios deben poder desplazarse rápidamente a través de las imágenes de los
elementos horizontalmente, y no tener que desplazarse hacia abajo para ver una
serie de imágenes.

Las imágenes / videos / otros activos del producto son de alta calidad (para
tranquilizar a los nuevos usuarios)
En línea y en la aplicación, sus imágenes / videos / otros activos son el producto,
ya que no hay una dimensión física del producto. Por lo tanto, deben ser de alta
calidad, para maximizar el impacto de la mercancía y el inventario, captar la
atención de los usuarios de la aplicación que pueden hojear y dirigir la llamada a la
acción.

Los activos de Android Graphic deben ser nítidos: siempre proporcione XHDPI (y
ahora XXHDPI) iOS recomienda que proporcione @ 3x activos para iPhone 6 Plus
y @ 2x activos para todos los demás dispositivos iOS de alta resolución.

Las imágenes del producto se pueden ampliar fácilmente en

(y siguen siendo de alta calidad)

Los usuarios deben poder ampliar fácilmente una imagen del producto para
inspeccionarla con más detalle, haciendo doble clic o seleccionando un botón de
zoom. Las imágenes ampliadas necesitan mantener una alta calidad. Y para evitar
que el usuario piense, indique la acción requerida,

por ejemplo, doble toque para hacer zoom.

"Autoayuda" se está convirtiendo en la nueva norma.

1 de cada 3 compradores usan sus teléfonos inteligentes para

Encuentra información en lugar de preguntar a los empleados de la tienda.

Móvil en Store Research , 2013, Google

El contenido útil del producto es fácil de encontrar y es tranquilizador (por

ejemplo, detalles del producto, especificaciones, preguntas frecuentes)

Los usuarios esperan ver los detalles del producto, y la profundidad del contenido
provisto debe ser apropiado para cada tipo de producto, para que el usuario tome
una decisión de conversión. Se deben proporcionar especificaciones para los
productos que los clientes puedan necesitar.

para ver con el fin de tomar una decisión de compra, por ejemplo, para artículos
con grandes multas (como automóviles), artículos técnicos (como computadoras),
artículos complicados (como cobertura de seguro).

Comentarios de clientes o testimonios son fáciles de encontrar y son

tranquilizadores

En este punto de conversión clave, los usuarios pueden necesitar investigar más a
fondo el artículo o ver información relacionada antes de tomar una decisión. Dicho
contenido de autoservicio podría ser en forma de preguntas frecuentes, una sección
de ayuda general en la aplicación, una superposición de guía de tamaño en la
pantalla del producto, etc.

"El 28% de los compradores abandonarán su carrito de compras si se les

presentan costos de envío inesperados".

VWO , eCommerce Survey 2014

Los costos son transparentes (impuestos incluidos)

Los artículos deben mostrar claramente todos los costos y los impuestos asociados
para tranquilizar a los usuarios. Los costos de envío inesperados, los impuestos,
etc. son las razones más citadas por las que los usuarios abandonan los embudos de
compras.

Se proporciona información de disponibilidad de stock / inventario

(idealmente local) (para compradores por impulso o de última hora)

La disponibilidad de stock o inventario (por ejemplo, habitaciones de hotel) es

importante para los usuarios de la aplicación, ya que son los usuarios que más
probablemente compran o reservan a último momento o por impulso, y usted
necesita satisfacer su urgencia. Y la disponibilidad "local" permite a los usuarios
comprar / reservar en las cercanías y luego recoger / llegar de inmediato. (Ver
imagen 16)

El botón de llamada a la acción principal es el elemento más prominente en la

pantalla, y el botón de llamada a la acción secundario está muy cerca de él.

El CTA principal debe ser el botón más prominente en la pantalla, y sus ojos deben
ser atraídos a él, por ejemplo, Añadir a la cesta, Reservar ahora, Enviar formulario,
etc. Y, los CTA secundarios deben estar cerca de él, para satisfacer los puntos
cruzados. - Comportamientos del dispositivo (microconversiones), a través de
funciones como Enviar producto por correo electrónico, Agregar a la Lista de
deseos, etc.

(Ver imagen 17)

El usuario puede ver productos sugeridos o listados

(por ejemplo, productos similares o recomendados)

Muestre un conjunto de productos relacionados o recomendados al que el usuario

está mirando actualmente.
Los productos relacionados son valiosos para el usuario porque están en contexto
con lo que están considerando y son valiosos para el negocio porque podrían
aumentar el valor promedio de la canasta. (Ver imagen 17)

El usuario puede ver la cesta clara y persistente o símbolos de reserva

Una canasta persistente o un símbolo de reservas en la barra de navegación

principal es fácilmente accesible (generalmente en la parte superior de la pantalla,
pero no siempre) y recuerda a los usuarios

Su contenido y costo (puede ser desglosado y / o total). Proporciona tranquilidad y

sencilla edición de sus contenidos.

imagen 16

imagen 17

MEDICIÓN
También mida:

# comentarios de clientes o testimonios vistos (y para qué productos / categorías)

# y tipo de contenido útil visto

# términos vistas (y para los cuales, por ejemplo, entrega, devoluciones,

cancelaciones, etc.)

# cheques de stock / inventario, y aquellos que llevan a conversiones

# cheques de inventario / inventario local, y aquellos que llevan a conversiones

# y tipo de productos relacionados o recomendados vistos, y aquellos que llevan a

conversiones

Tarifa producto a carrito

Segmentar las pantallas de productos en cuatro grupos según el volumen de tráfico

que reciben (alto o bajo) y su tasa de conversión (alto o bajo), y para:

1. Productos de bajo tráfico / CvR alto (tasa de conversión): ¡bombee en más

tráfico!

2. Alto tráfico / Alto CvR: continúe promoviendo (o haciendo más) y asegúrese de

que la oferta esté disponible
3. Tráfico bajo / CvR bajo: busque algunas estrellas emergentes y promocione
estos

4. Alto tráfico / bajo CvR: ¡comience a investigar! ¿Las imágenes de los productos
son de alta calidad? ¿El precio es competitivo? ¿Los productos están en
stock? ¿Las ofertas tienen descripciones fuertes? Etc.

Dispositivo cruzado y fuera de línea

Los consumidores investigan y consideran cada vez más productos y servicios a
través de múltiples puntos de contacto

- dispositivos, aplicaciones y navegadores - y también puntos de contacto sin

conexión, como telefonía y tiendas minoristas. Por lo tanto, es de suma
importancia que las marcas permitan a los usuarios pasar de su aplicación de
teléfono inteligente a su siguiente punto de contacto (digital o fuera de línea),
como parte de un viaje continuo hacia la conversión. Esto permitirá conversiones
entre dispositivos y fuera de línea, y satisfará los comportamientos de los
consumidores de hoy.

Los teléfonos inteligentes están transformando la experiencia de compra en la

tienda. El 90% de los compradores de teléfonos inteligentes usan su teléfono para
actividades de compras previas. El 84% usa sus dispositivos para ayudar a
comprar en una tienda.

Móvil en Store Research , 2013, Google

El escaneo del producto o la función de búsqueda de imágenes es fácil de

encontrar (por ejemplo, para encontrar detalles del producto escaneando un
código de barras o buscando a través de una imagen)

Algunos usuarios desean encontrar detalles del producto escaneando artículos en la

tienda (a través de la cámara y escaneando un código de barras o código QR), o
buscando con una imagen (que fotografían o cargan). Deben ser capaces de
encontrar estas características y

Activarlos rápidamente, desde la pantalla de inicio, el menú, el ícono / campo de

búsqueda o la pantalla de búsqueda. Es conveniente para los usuarios, ya que
reduce la necesidad de contratar personal minorista o de buscar con palabras clave,
y es otra ruta para la conversión. El beneficio para un juego puro es poder
involucrar al usuario sin necesidad de una presencia en la tienda. El beneficio para
un minorista multicanal es permitir a los usuarios exhibirlos y convertirlos. (Ver
imagen 18)
El producto o la reserva se pueden guardar (por ejemplo, en una lista de deseos,
favoritos o cuenta de cliente)

Algunos usuarios eligen no realizar conversiones en una sola sesión, mientras que
otros no tienen la intención de realizar conversiones, para quienes la posibilidad de
guardar su producto o reserva es una característica importante, para que puedan
continuar con la compra de la reserva más adelante. (Ver imagen 19)

"El 52% de todo el intercambio es de teléfonos inteligentes".

ShareThis , Q4 2014 Consumer Trends Trends Report

imagen 18

La lista de deseos, los favoritos y la cesta se sincronizan con la cuenta de un

cliente (para acceder posteriormente a cualquier dispositivo / navegador)

Los usuarios deben poder cambiar de su aplicación de teléfono inteligente y

continuar investigando, haciendo compras o reservando en cualquiera de sus otros
dispositivos / navegadores, con todos los elementos sincronizados en su cesta, lista
de deseos o favoritos, etc.

El producto se puede compartir fácilmente (por ejemplo, a través de correo

electrónico, G +, Facebook, Twitter, LinkedIn)

Permitir a los usuarios compartir - a través de correo electrónico o red social

- un artículo con otros para mayor consideración y para ayudarlos a tomar una
decisión de compra. Algunas categorías requieren más investigación que otras, y a
algunos usuarios les gustan las recomendaciones, mientras que otras necesitan
consultar con amigos o familiares. Trate de usar la funcionalidad nativa de
plataforma compartida en Android e iOS.

El usuario puede hacer clic para llamar desde la aplicación

Los usuarios pueden fácilmente hacer clic para llamar (CTC) a la marca desde la
aplicación. Cuanto más complicada sea la

el proceso de compra y / o cuanto más alto sea el precio a pagar, o más limitado
sea el inventario, más importante es posicionar a CTC como un llamado a la acción
principal, visible y accesible cuando / donde los usuarios esperan que sea. CTC es
una microconversión clave que debe ser rastreada y el valor atribuido al
móvil. (Ver imagen 20)

imagen 20
imagen 19

MEDICIÓN

El usuario puede encontrar la disponibilidad del centro de contacto fácilmente

(por ejemplo, en una pantalla de contacto)

Los usuarios que eligen no usar CTC desde un ícono de alto nivel o una CTA (por
ejemplo, en la pantalla de inicio o en la barra de menú principal), deben poder
encontrar fácilmente la pantalla del centro de contacto de las marcas y la
información de disponibilidad, por ejemplo, días y horas (y días especiales como
banco vacaciones); y qué sucede fuera de esa disponibilidad (p. ej., llamar la
próxima vez que se abra, dejar un mensaje o devolver la llamada, etc.).

“Los compradores que usan más el móvil, gastan más en la tienda. Los
compradores frecuentes de dispositivos móviles gastan un 25% más en la tienda
que las personas que solo ocasionalmente usan un teléfono móvil para ayudar con
las compras ".

Móvil en Store Research , 2013, Google

El usuario puede ubicar un negocio cercano utilizando los datos de ubicación

del teléfono inteligente (por ejemplo, una tienda minorista)

Una vez que los usuarios hayan confirmado que la aplicación puede acceder a la
función de ubicación de los teléfonos inteligentes, deberían poder ubicar
fácilmente el negocio físico de una marca cercana (ya sea una tienda minorista, una
estación de alquiler de coches, un hotel, etc.). Cuanto más complicado sea el
proceso de compra y / o cuanto más alto sea el precio a pagar, o más limitado sea
el inventario, o cuanto más experiencial sea el artículo, más importante será
colocar un localizador de tiendas como un llamado primario a la acción,

Visible y accesible cuando / donde los usuarios esperan que sea. De móvil a fuera
de línea es una microconversión clave que debe ser rastreada y el valor atribuido a
móvil. (Ver imagen 20)

# de clics en llamadas iniciadas, y aquellos que llevan a conversiones

# cheques de stock / inventario, y aquellos que llevan a conversiones

Conversiones estimadas entre dispositivos en AdWords

Medición de dispositivos cruzados de Universal Analytics con ID DE USUARIO

# de exploraciones de detalles del producto iniciadas, y aquellas que llevan a
conversiones

# de búsquedas de imágenes iniciadas, y aquellas que llevan a conversiones

# de cuentas creadas

# de favoritos o listas de deseos creados, y aquellos que llevan a conversiones

# productos compartidos por correo electrónico o canales sociales, y aquellos que

conducen a conversiones

# del localizador de tiendas iniciado y almacenar las pantallas de detalles vistas, y

aquellas que llevan a conversiones

imagen 37

imagen 38

imagen 39

03. TRANSACTO

Proporcionar lo último en comodidad

El objetivo en esta etapa es ayudar a los usuarios a progresar a través de cada etapa
de pago con un mínimo esfuerzo, con suficiente tranquilidad y a convertir sin
dudarlo.

El 42% de todas las ventas móviles generadas por los 500 comerciantes líderes en
m-commerce en 2014 provendrán de aplicaciones móviles ".

Internet Retailer 2015 Mobile 500

“% De usuarios de aplicaciones de categoría que han comprado aplicaciones en

los últimos 30 días en

Productos, servicios y suscripciones: Retail (50%); Viajes (44%); Local

(48%); Tecnología

(sesenta y cinco%); Finanzas (38%) ”.

Estudio de aplicaciones móviles para el consumidor de EE. UU., 2014, Google /

Ipsos MediaCT
El usuario se tranquiliza en todas las etapas de pago mediante mensajes
relevantes que los alientan a pasar a la siguiente etapa (¡sin dudarlo!)

Proporcione mensajes claros y visibles específicos para esta etapa de su viaje de

transacción, lo que los tranquiliza y los alienta a avanzar a la siguiente sin
dudarlo. Por ejemplo:

Canasta : pago seguro, descuento para compradores por primera vez, gastar £ X
más para la entrega gratuita. (Ver imagen 21)

Detalles personales y de la dirección: entrega gratuita, opciones de entrega

premium o devoluciones prepagas.

Pago: confirmación de las opciones de pago disponibles, seguridad de pago

empleada, costos mostrados de manera simple y transparente.

(Ver imagen 21)

Comprobación y confirmación: opciones y disponibilidad de asistencia al cliente,

por ejemplo, autoservicio (videos, demostraciones, preguntas frecuentes, foros,
etc.) o asistencia en vivo (correo electrónico, chat web, clic para llamar, etc.)

Cesta

En la fase de cesta, debemos empujarlos hacia la finalización de la compra (para

convertir) o seguir comprando (para aumentar el valor promedio de la cesta). Debe
confirmar claramente todos los elementos agregados y los costos (desglosados y
totales). También debe considerar: permitir a los usuarios editar elementos; y
productos de venta cruzada (por ejemplo, artículos recomendados) o servicios (por
ejemplo, financiamiento disponible).

El usuario puede editar atributos clave del producto

(por ejemplo, para un producto: color, tamaño o cantidad)

Permita a los usuarios cambiar de opinión y editar los atributos del producto, por
ejemplo, el color de un vestido, el tamaño de

imagen 21

MEDICIÓN

bicicleta, etc. - dentro de la etapa de pago, en lugar de intentar hacer clic en el

embudo o volver a buscar el producto. Esto es además de editar la cantidad de un
producto, que la mayoría de las aplicaciones ya le permiten hacer y es la
higiene. (Ver imagen 22)
El usuario puede ver productos relacionados o recomendados.

Muestre un conjunto de productos relacionados o recomendados al que el usuario

está mirando actualmente.

Los productos relacionados son valiosos para el usuario porque

están en contexto con lo que están considerando y son valiosos para el negocio
porque podrían aumentar el valor promedio de la canasta.

(Ver imagen 23)

# usuarios que editan atributos del producto

# atributos del producto editados (por ejemplo, color, tamaño, cantidad)

# productos relacionados añadidos a la cesta

Informes de embudo:% de visitas que van al siguiente paso en el proceso

Errores funcionales: tipo y número de defectos de pago (a reparar)

imagen 22

imagen 23

Datos personales y de dirección

MEDICIÓN

Brinde a los usuarios por primera vez la tranquilidad necesaria para que ingresen
sus datos y avancen a la etapa de pago sin dudarlo, y rellene previamente los datos
para conveniencia del usuario recurrente.

El usuario ha eliminado las distracciones con una pantalla en cuarentena

Proporcione un entorno limpio para acelerar a los usuarios a través de pantallas de

pago, eliminando todo el contenido extraño y los menús / navegación que podrían
distraerlos, y muestre solo el contenido esencial mínimo y las acciones para
impulsar la conversión. (Ver imagen 24)

Para el usuario que regresa, los detalles personales y de la dirección se

rellenan previamente
Rellene automáticamente los datos personales y de dirección para simplificar la
compra. No almacenar y rellenar previamente los datos ingresados anteriormente
hará que la transacción sea más ardua.

"El 47% de los encuestados prefiere las aplicaciones, en lugar de un sitio web
móvil, cuando necesitan completar una tarea o transacción rápidamente".

App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el

marketing, 2015

Para el usuario que regresa, el proceso de transacción de extremo a extremo

se encuentra dentro de una sola pantalla (es decir, desde los detalles hasta el
pago)

Los usuarios de retorno, que tienen todos sus detalles

- personal, dirección y pago - almacenado en la aplicación, debe presentarse con

una experiencia de transacción de pantalla única, donde todos los datos se rellenan
previamente (con opciones para editar), para que puedan completarlos de manera
rápida y conveniente. No deberían tener que hacer clic de pantalla en pantalla
durante el proceso de pago. (Ver imagen 24)

Informes de embudo:% de visitas que van al siguiente paso en el proceso

Errores funcionales: tipo y número de defectos de pago (a reparar)

# de errores de validación: si los errores son altos, podría mostrar los ejemplos de
entrada correctos

imagen 24

Pago
Maximice la conversión en la etapa de pago tranquilizando a los usuarios y
empleando métodos de entrada convenientes, como: escanear tarjetas, opciones de
pago y pago expreso para usuarios primerizos; y datos de llenado previo para
usuarios de retorno; etc.

Los costos son transparentes (desglosados y costos totales)

Las canastas de compras deben mostrar todos los artículos que contiene y los
costos, descuentos o ahorros de sus asociados, y el costo total. Los pagos también
deben mostrar los impuestos asociados, los costos de entrega y los costos totales.
Para el usuario que regresa, los detalles de pago se completan
previamente (para su comodidad)

Automáticamente rellene previamente los datos de pago, para los mismos

beneficios que arriba. El único campo que requiere una entrada manual cada vez,
por razones de seguridad, es el campo CVV.

Al usuario solo se le presentan las opciones de pago aceptadas en su país.

Proporcionar a los usuarios métodos de pago adecuados a su país. Ofrezca

múltiples opciones a los usuarios para asegurarse de capturar el rango completo
que los usuarios pagarían en cada país, por ejemplo, tarjeta de crédito, tarjeta de
débito, Paypal, etc.

Se proporciona la opción de pago / pago expreso (por ejemplo, Google Wallet,

PayPal, Apply Pay)

Algunos clientes prefieren pago expreso

/ Los métodos de pago como una alternativa más conveniente a las tarjetas de
crédito y débito e ingresar manualmente los datos personales y de
dirección. Ciertos tipos de productos también se prestan más a estos métodos,
como las compras de bajo costo o de una sola vez, que el usuario no tiene que
considerar demasiado. La reducción de la cantidad de pasos en el proceso de
compra y la cantidad de entrada de datos requerida aumentará la tasa de conversión
de la aplicación. Los métodos alternativos incluyen PayPal, Apple Pay y

Cartera de Google.

Con Apple Pay , evite mostrar el botón de pago si el usuario no puede pagar de esa
manera (es decir, no hay configuración de tarjeta autenticada o no en un
dispositivo de soporte de Apple).

Para el primer usuario que elige un pago con tarjeta, después de ingresar los
primeros cuatro dígitos del número largo de tarjeta, el Tipo de tarjeta se
detecta automáticamente (por ejemplo, la tarjeta de débito Visa)

Para usuarios de primera vez o para el pago de invitados, evite pedirles a los
usuarios que elijan su tipo de tarjeta. Después de que hayan ingresado los primeros
cuatro dígitos de sus tarjetas,

- Tarjeta de crédito o débito: la tarjeta debe reconocerse automáticamente y

mostrarse para su reconocimiento y tranquilidad.
Para el usuario que elige o registra una tarjeta por primera vez, todos los
datos se pueden ingresar secuencialmente en un solo campo (por ejemplo, un
número de 16 dígitos, luego MM / YY y finalmente CVV)

Para usuarios de primera vez o para el pago de invitados, evite forzar a los usuarios
a alternar entre varios campos para completar los detalles de su tarjeta. En su lugar,
solicite que todos los datos se ingresen en un solo campo, con instrucciones en
línea para cada parte de los datos secuenciales requeridos. Por ejemplo, cuando los
usuarios alcancen los detalles de la tarjeta de pago, ya habrán proporcionado su
nombre completo, y ahora solo tienen que proporcionar su tarjeta:

Número de 16 dígitos, MM / YY y CVV. Esto es mucho más conveniente para los

usuarios que alternar entre varios campos y desplazarse hacia arriba y hacia abajo
entre los campos y el teclado numérico.

(Ver imagen 25)

La primera vez que el usuario elige una tarjeta de pago, se muestra una
opción para escanearla

(por conveniencia sobre la entrada manual)

Ofrezca a los usuarios la opción de escanear convenientemente su tarjeta de pago

en lugar de ingresar datos manualmente. El beneficio para el usuario es la
conveniencia (se tarda unos segundos en lugar de un minuto) y el beneficio para

el negocio es 100% de datos precisos capturados y menos abandono de la cesta: no

se ingresan más números largos de manera incorrecta, ni nombres que no se
ingresaron exactamente como aparecen en la tarjeta, etc.

MEDICIÓN

Si se solicita una tarjeta de identificación, se muestra una opción para

escanearla (por ejemplo, pasaporte o licencia de conducir)

Por los mismos motivos y beneficios de ofrecer a los usuarios la opción de

escanear tarjetas de pago, algunas empresas / aplicaciones, como aerolíneas,
alquiler de coches, seguros, planes de fidelidad, etc., pueden capturar datos de
tarjetas de identificación al permitir a los usuarios escanear su pasaporte , permiso
de conducir, etc. para capturar la identificación obligatoria. Esto proporcionaría
una mayor comodidad para el usuario y los aceleraría a través del embudo.

# pagos por opción (tipo de tarjeta o tipo de pago expreso)

# usuarios que escanean (tarjeta de pago y / o tarjeta de identificación)

Informes de embudo:% de visitas que van al siguiente paso en el proceso

Errores funcionales: tipo y número de defectos de pago (a reparar)

imagen 25

Pago y Confirmación
MEDICIÓN

Maximice la conversión en la etapa final de compra con: la eliminación de todas

las distracciones (todo lo que no conduce a una decisión de conversión); servicio
de atención al cliente;dando a los usuarios de retorno una experiencia de pago en
pantalla única; confirmando los detalles clave de la transacción; y contenido
contextual que proporciona valor más allá de la transacción inmediata (y
contribuye a la retención).

Con las nuevas tecnologías, podemos ver que la conversión móvil supera la
conversión de escritorio, por lo que hoy en día todas las empresas deben ser
móviles primero. No hay duda alguna de que los teléfonos inteligentes y las
tabletas serán fundamentales para el comercio minorista en la Web, y que estos
dispositivos móviles serán la base para impulsar el crecimiento general ".

Vishal Agarwal, EVP y CMO, Nomorerack. com Inc. , No. 78 en Internet Retailer
2015 Mobile 500

El usuario puede seleccionar su fecha / hora de entrega preferida

Permitir a los usuarios seleccionar su fecha de entrega preferida

/ tiempo, y eliminar esta barrera innecesaria a la conversión. Es posible que los

usuarios no puedan hacer una pre-

Fecha seleccionada, por compromisos laborales o familiares, o

vacaciones. Considere ofrecer una gama de opciones para cumplir con todos los
escenarios y los cargos de entrega escalonados para cumplir con ese nivel de
calidad de servicio.

Si el usuario cierra la aplicación durante una verificación parcial, cuando se

vuelven a abrir, se restauran todas las entradas del formulario, lo que les
permite continuar de manera conveniente

Si un usuario decide cerrar la aplicación a mitad de camino a través de una

verificación parcial, al volver a abrir la aplicación,
todos los datos de entrada del formulario deben ser restaurados, permitiendo que el
usuario continúe donde lo dejó convenientemente.

La pantalla de confirmación tranquiliza al cliente con la información de la

transacción completada

Proporcione información tranquilizadora relacionada con la compra o la reserva

del cliente, por ejemplo, el (los) artículo (s), precios, impuestos, dirección de
entrega, fecha de entrega prevista, impresión de la factura, enlaces a preguntas
frecuentes, opciones de contacto de servicio al cliente, etc. Estas cosas
tranquilizarán a los clientes, directamente a un útil contenido de autoservicio y
reducir el volumen al centro de servicio al cliente. (Ver imágenes 26, 27).

La pantalla de confirmación proporciona contenido contextual (para

proporcionar valor más allá de la verificación). Las pantallas de
confirmación posteriores al pago o posteriores a la reserva son una etapa
importante para comenzar el esfuerzo de retención, a través del contenido
contextual que proporciona valor más allá de la transacción y ayuda a crear una
diferenciación. Por ejemplo:

Transacción minorista: enviar recordatorio por SMS una hora antes de la entrega

Reserva de coche: dirección y mapa de estaciones de recogida y recogida

Reserva de eventos: Añadir al calendario, Enviar a libreta o TripIt

(Ver imagen 28)

Informes de embudo:% de visitas que van al siguiente paso en el proceso

Errores funcionales: tipo y número de defectos de pago (a arreglar)

imagen 26

imagen 27

imagen 28

04. VOLVER

Autoservicio, compromiso y encanto.

Su cuenta
El enfoque en esta etapa es ser útil, comprometerse y deleitarse, para retener a los
clientes o fomentar la lealtad de los miembros. Porque, las aplicaciones móviles
son el punto de contacto más apropiado para: interacciones repetidas y
transacciones frecuentes; clientes y miembros ya leales a una marca; primeros
casos de uso móviles (que no podrían existir sin las capacidades únicas de
Smartphone); servicios que aprovechan datos ricos y contextuales; Crucialmente,
cuesta menos retener a un cliente que adquirir uno nuevo.

La retención de aplicaciones continúa mejorando: durante los últimos cuatro

años, el porcentaje de aplicaciones que se usaron 11 o más veces aumentó 13%,
aumentando a 39% en 2014. Estas mejoras pueden atribuirse a una mayor
comprensión y enfoque.

en la participación del usuario que ha permitido a los desarrolladores crear

aplicaciones más útiles y personalizadas.

Localytics 2014

Las aplicaciones son el punto de contacto ideal para que los clientes y los
miembros se ocupen de sí mismos y administren sus

Cuentas y transacciones con usted, en cualquier momento y en cualquier

lugar. Ofrezca a los clientes el control y el nivel de comodidad que solo las
aplicaciones ofrecen.

44% de los clientes descargan aplicaciones para realizar un seguimiento del

estado de los pedidos. 38% de los clientes descargan aplicaciones para revisar y
administrar una cuenta de lealtad.

Responsys , abril 2014

El usuario puede gestionar la reserva (y autoservicio)

Los usuarios deben poder gestionar su reserva.

en la aplicación, y cambie cualquier dimensión de la misma (por ejemplo, fechas,

extras, etc.), y vea los resultados confirmados a ellos para su tranquilidad. Evite
dirigir a los clientes al centro de contacto para este tipo de interacción, ya que esto
frustra a los clientes y aumenta el volumen de llamadas y los costos para el
negocio. (Ver imagen 29)

imagen 29

MEDICIÓN

MEDICIÓN
El usuario puede cancelar la reserva (y autoservicio)

Los usuarios deben poder cancelar su aplicación de reserva, en lugar de buscar en

la aplicación para averiguar cuál es el proceso para hacerlo, o solicitar que llamen
o escriban a la empresa para hacerlo. La cancelación debe ser tan conveniente
como la gestión de su reserva. Evite dirigir a los clientes al centro de contacto para
este tipo de interacción (o, lo que es peor, ¡solicitar que le escriban!), Ya que esto
frustra a los clientes y aumenta el volumen de llamadas y los costos para el
negocio.

Marcar las notificaciones por correo electrónico a los usuarios. Vea qué esquemas
son compatibles: Google Now

En iOS, se pueden agregar pases Passbook, que se pueden ver / visualizar en

cualquier momento, y que también puede actualizar en cualquier momento, lo que
es crucial para las reservaciones y los eventos que pueden sufrir retrasos o
cancelaciones.

Si tiene un esquema de lealtad, permita que los usuarios de iOS vean su estado
y canjeen las recompensas fuera de línea con su aplicación Passbook

(en lugar de tener que iniciar sesión a través de la web)

Independientemente de si su propia aplicación contiene o no su esquema de lealtad,

los usuarios de iOS pueden ver su pase y estado de lealtad directamente en su
aplicación de libreta (junto con todos sus otros pases), y permitir una visualización
conveniente de su estado, y

canje de recompensas, etc. La libreta de ahorros también le permite actualizar la

información de lealtad en cualquier momento, lo que es importante para el estado y
las recompensas que requieren tiempo.

las cosas cambian y eliminan la necesidad de imprimir y llevar material físico.

“50% de aplicaciones de descarga de clientes para acceder a ofertas especiales o

exclusivas”

Responsys , abril 2014

Aproximadamente el 10%, la tasa de canje de cupones móviles aplasta la de los

cupones impresos, que oscilan alrededor del 1%.

Business Insider 2013

Si emite pases de eventos o reservas y / o cupones, los usuarios pueden
recuperarlos de Passbook o Google Now para canjearlos sin conexión (y
eliminar pases físicos y

impresiones)

Los usuarios deben poder recuperar y ver su pase de reserva en la aplicación, en

lugar de impresiones físicas, y escanearlos para ingresar a eventos o instalaciones
como la seguridad del aeropuerto, o para mostrarlos en el check-in del hotel. Los
usuarios también deben poder para canjear cupones o vales para productos o
eventos utilizando Passbook y ver y administrar convenientemente sus

pasa en la aplicación.

En Android, Google Now presenta a los usuarios "tarjetas" con la información

correcta en el momento adecuado

- Ya sea un evento, vuelo, reserva de hotel o restaurante - recibido en Gmail. Tu

simplemente

Pases y Redención

Permitir que los clientes reciban y canjeen pases o vales en la aplicación, ver su
estado de fidelidad o recibir actualizaciones oportunas cuando

# pedidos / reservas vistos

# pedidos / reservas cambiadas # pedidos / reservas canceladas

Universal Analytics medición en línea a fuera de línea con ID DE USUARIO

Contenido y diseño
Mejore la experiencia del usuario con contenido apropiado, tono de voz, diseño
visual, uso sutil del movimiento o formas de descubrir y evitar callejones sin
salida.

“El% de los usuarios de aplicaciones dice que los atributos están asociados con
sus aplicaciones de uso frecuente: siempre tiene contenido nuevo
(45%); Aplicación atractiva de diseño y estética (57%) ".

Estudio de aplicaciones móviles para el consumidor de EE. UU., 2014, Google /

Ipsos MediaCT
El contenido se utiliza en lugar de una pantalla de inicio tradicional para
involucrar a los usuarios inmediatamente

Algunas aplicaciones han decidido sustituir una pantalla de inicio tradicional por
una pantalla de contenido que involucra al usuario de inmediato, lo hace
interactuar.

y el muestreo de inmediato, y experimentando su valor inherente de

inmediato. (Ver imagen 30)

El usuario puede descubrir nuevos contenidos o productos a través de una

transmisión Infinite (desplazamiento sin callejones sin salida)

Las aplicaciones atractivas con grandes volúmenes de contenido o mensajes (p. Ej.,
Medios de comunicación o redes sociales) podrían proporcionar un flujo de
contenido que se puede desplazar

Infinitamente, para involucrar al usuario como lo desee, sin callejones sin salida o
acciones de "pantalla siguiente" interrumpibles.

El usuario devuelto puede ver rápidamente contenido / búsquedas recientes o

históricas, o transacciones

Permita que los usuarios que regresan vean rápidamente su contenido o historial de
transacciones, por ejemplo, contenido reciente, últimos 10 artículos, transacciones
en el último mes, etc. Las aplicaciones pueden almacenar esta información, así que
expóngala a los usuarios

conveniencia (y no esperar que lo busquen). (Ver imagen 31)

El usuario devuelto puede configurar alertas para artículos o búsquedas (por

ejemplo, se activa cuando cambia su disponibilidad o el estado del precio)

Permita que los usuarios regresen para configurar alertas para mantenerlos
informados sobre un cambio en el estado, por ejemplo, en la disponibilidad o el
precio, en los artículos que han buscado o visto. Esto es conveniente para los
usuarios y niega la necesidad de que sigan regresando para buscar o ver las mismas
cosas.

El usuario que regresa puede hacer un clic en repetir una transacción

histórica (para mayor comodidad)

Permita que los usuarios que regresan hagan un solo clic, repita una transacción
anterior, para lo último en conveniencia de compra y reserva. La aplicación podría
rellenar previamente todos los datos.
- excepto el número de CVV - y si es una reserva, nuevo

imagen 30

Tiempo usado

Profundidad de la aplicación

Frecuencia de visitantes y recientes

MEDICIÓN

Se podrían sugerir fechas. Las experiencias de 1 clic rara vez son de 1 clic en la
realidad, pero se puede percibir una comprobación de pantalla única para una
transacción repetida o una que requiere muy pocos campos de datos adicionales.

como un proceso de 1 clic. Además, hace 1 año Amazon patentó 1-Click y, si bien
no puede utilizar el mismo proceso exacto en su producto, su ambición debería ser
crear el proceso más uniforme / sin fricción, y reducir el esfuerzo del usuario.

El tono de voz a veces sorprende y deleita al usuario.

Comuníquese con los usuarios de la manera en que esperan reforzar la

personalidad de su marca, pero trate de aprovechar su tono de voz para sorprender
o deleitar a los usuarios, sea informal o humorístico, especialmente en situaciones
en las que los usuarios esperan instrucciones formales. (Ver imagen 32)

"Sus productos se ejecutan para la elección todos los días y un buen diseño es
fundamental para ganar la campaña".

Procter & Gamble CEO AG Lafley , 2005

El diseño visual involucra y mejora la experiencia del usuario

La experiencia de la aplicación se puede mejorar a través del diseño de la interfaz

de usuario, que puede ser excepcionalmente hermosa, mínima, rica o impactante.

Si bien debe ajustarse a los valores de una marca, debe replantearse y concebirse
para el dispositivo Smartphone y el medio de aplicación.

(Ver imagen 33)

El movimiento mejora las interacciones y la experiencia del usuario (por

ejemplo, a través de animaciones sutiles)
El movimiento se puede aplicar para mejorar las experiencias, como aclarar lo que
está sucediendo y lo que está sucediendo, y para deleitar a los usuarios. Se puede
realizar a través de animaciones de interfaz de usuario sutiles y apropiadas, tanto
en pantalla como entre pantallas.

(Ver imagen 34)

imagen 31

imagen 32

imagen 33

imagen 34

Widgets y Notificaciones
Los widgets son una extensión de la aplicación incluida en su aplicación móvil
principal que le proporciona una forma de publicar nuggets de gran valor de
información oportuna para usuarios específicos de la aplicación, que se muestran
en el teléfono inteligente de un usuario y se analizan brevemente.

Las notificaciones push son mensajes que alertan a los usuarios de eventos,
contenido o mensajes altamente relevantes, oportunos y personales. Ellos fluyen en
el

Fondo, ajeno al usuario, hasta que vea o escuche una alerta.

Los widgets son configurables, por lo que es fundamental que el tuyo genere valor
desde el primer vistazo (o si te enfrentas a que lo apagues), ¡y no existe
simplemente como otra forma de abrir tu aplicación!

“El% de los usuarios de la aplicación volvería a usar una aplicación nuevamente

si se le dieran indicaciones: Descuento o cupón para mi próxima compra
(30%); Contenido exclusivo o extra (24%); Notificación en el teléfono cuando se
agregan nuevas funciones (16%) ".

Estudio de aplicaciones móviles para el consumidor de EE. UU., 2014, Google /

Ipsos MediaCT

9 de cada 10 de los que han olvidado las aplicaciones de Viajes y Vacaciones y

Compras serían

Abierto para usarlos de nuevo.

App-Nesia en el Reino Unido: la necesidad de un nuevo compromiso con el
marketing, 2015

Si la aplicación admite notificaciones push, se le pide al usuario que se

registre (para obtener su permiso)

La base de usuarios de su notificación debe estar formada por usuarios que se

hayan inscrito, quienes otorgaron permiso explícito para

Usted para empujar mensajes a ellos. Tenga en claro los diferentes tipos de
notificaciones que desea enviar, cuándo desea enviarlas y la frecuencia. Respete
siempre la atención del usuario, la única escasez por la que compiten las marcas.

Si la aplicación admite widgets y / o notificaciones, el usuario puede echar un

vistazo al contenido y percibir rápidamente su relevancia.

Sea conciso, oportuno y esté orientado a la acción con su widget o contenido de

notificación, para garantizar que el usuario solo tenga que echarle un vistazo para
comprender su relevancia, personal y oportuna, para ellos y

saber lo que es el llamado a la acción. Respete siempre la atención del usuario, la

única escasez por la que compiten las marcas. (Ver imágenes 35, 36)

imagen 35

El usuario recibe notificaciones que son personales, oportunas e

incentivadas (y crean un sentido de urgencia para actuar)

Los mensajes deben ser personales con contenido relevante para cada usuario,
según su perfil demográfico o el comportamiento de la aplicación. Segmenta a tus
usuarios opt-in lo más finamente posible, para que sean más efectivos con
mensajes personales.

Los mensajes también deben ser sensibles al tiempo y obvios para el destinatario
por qué lo reciben ahora. Debería haber una llamada a la acción clara e
incentivos para actuar de manera oportuna / urgente. Considere siempre el
contexto de cada usuario, como el día y la hora locales, por ejemplo: los mensajes
durante los días festivos u horas no sociales pueden ser interrumpidos y
rechazados. Ejemplo de notificación:

Compre ahora: ¡los miembros leales obtienen un 25% de descuento en ACME este
mes!

No realizó el pago: solo quedan 3 ACME - ¡obtenga un 5% de descuento hoy!

El usuario puede tocar su widget o notificación para ir directamente a ese
contenido dentro de la aplicación

Un usuario puede ver y actuar sobre el contenido de su widget pulsando solo para
abrir su aplicación principal para ver los productos, eventos o reservas
enumerados. Y un

el usuario puede tocar su acción de notificación e ir a la pantalla de la aplicación

específica (y no a la pantalla de inicio) - la vinculación profunda garantizará una
transición sin problemas de la notificación a la aplicación y mejorará la conversión

imagen 36

05. Higiene de usabilidad

Qué hacer y NO hacer.

Qué hacer
Esta sección se centra en la higiene de la usabilidad, o los conceptos básicos que
deben abordarse para optimizar

conversión, y evite interrumpir o forzar a los usuarios a pensar en cosas que

deberían ser simples.

Debe trabajar arduamente para satisfacer las expectativas de los usuarios que se
están acostumbrando más a las aplicaciones de alta calidad, publicadas por marcas
que invierten tiempo y esfuerzo en crear, probar y optimizar servicios, para ofrecer
experiencias de usuario utilizables, robustas y, a veces, encantadoras.

El texto y el contenido son fáciles de leer (incluso afuera en la luz del sol)

Para que el texto sea siempre legible, debe usar un tamaño de fuente de 11 puntos o
más (incluso cuando los usuarios seleccionan un tamaño de texto pequeño); y la
fuente utilizada en toda la aplicación debe ser consistente. Asegúrese de que haya
suficiente contraste perceptible entre el contenido de la aplicación y el fondo,
especialmente cuando se utiliza en el exterior a la luz del sol.

En Android, el tipo se debe especificar en píxeles independientes de la escala (sp),

y los diseños compatibles con los tipos escalables se comparan con esta
configuración.

"El 34% prefiere una aplicación, en lugar de un sitio web móvil, cuando tiene una
conexión WiFi o 3G deficiente".
Google App Re-engagement , Reino Unido, 2015

El contenido es accesible cuando el usuario no tiene conexión (es decir, no tiene

3G o WiFi)

Asegúrese de que el contenido clave dentro del viaje del cliente sea accesible, es
decir, que esté en la caché dentro de la aplicación, incluso cuando haya poca o
ninguna conexión de datos a través de 3G o WiFi. Esto debe ser identificado y
priorizado cuidadosamente, para permitir una experiencia de usuario perfecta y
evitar el abandono.

El espacio y el tamaño del contenido y los controles facilitan su interacción

Facilite a los usuarios la interacción con el contenido y los controles de la

aplicación al proporcionar suficiente espacio entre todos los elementos para que los
controles se puedan tocar / tocar fácilmente. Diseñe elementos táctiles / táctiles que
proporcionen retroalimentación directa cuando está normal, presionado,
deshabilitado, etc.

iluminación y atenuación) para ayudar al usuario a ver toda el área de contacto y

aprender cuáles son los elementos de contacto en toda la aplicación.

Android recomienda que los controles tengan un tamaño objetivo táctil

de 48dp para elementos de la pantalla como botones, iconos, pestañas con iconos,
etc.

iOS recomienda que los controles intercambiables tengan un objetivo de éxito de

aproximadamente 44 x 44 puntos .

Las vistas modales se utilizan para tareas autocontenidas dentro de un

proceso de varios pasos

Cuando los usuarios necesitan lograr una tarea simple e independiente dentro de un
proceso de varios pasos, y esa tarea no pertenece constantemente a la IU de la
aplicación, use una vista modal.

iOS tiene dos vistas modales: vertical y flip. Pueden cubrir la totalidad o parte de
la pantalla, contener copia y funcionalidad, deben completarse o cancelarse y salir
fácilmente

Los botones primarios de llamada a la acción son pegajosos

/ Visiblemente persistente (incluso cuando se desplaza la pantalla)

Es una buena práctica tener botones de llamada a la acción sobre la tapa, y en las
páginas con contenido rico o detallado, se puede habilitar al tener un botón
persistentemente pegajoso en la parte inferior de la pantalla, visible incluso cuando
la pantalla está desplazada. para que los usuarios actúen en un momento dado. (Ver
imágenes 37, 38, 39).

En los formularios, las llamadas a acciones que están debajo del pliegue se
desplazan automáticamente una vez que el usuario ha completado los campos
necesarios (los usuarios nunca deberían tener que buscar llamadas a acciones)

Si un formulario tiene una llamada a la acción debajo del pliegue, facilite a los
usuarios ver y actuar en él, al desplazar el botón automáticamente para ver una vez
que el usuario haya completado los campos necesarios.

Las etiquetas de formulario están sobre los campos de formulario o son

etiquetas flotantes (en Android)

Las etiquetas de formulario deben estar sobre los campos de formulario para que
los usuarios puedan ver fácilmente lo que están completando y por qué. Los
campos de formulario al lado reducen en gran medida el espacio disponible para
los campos. Campo de formulario

las descripciones dentro del campo desaparecen una vez que comienza la entrada
de texto y, si se distrae a un usuario, es posible que no recuerden lo que deben
completar más adelante.

En Android, en lugar de poner etiquetas de formulario sobre campos, se puede usar

una etiqueta en línea flotante , por ejemplo, cuando un usuario se involucra con
un campo de entrada de texto, la etiqueta se mueve y flota sobre el campo, para
guiar al usuario mientras ingresa datos .

Los errores de envío de formularios se reducen a través de la

comunicación (explicaciones de qué colocar en campos de formulario específicos)

Explique a los usuarios qué espera que ingresen en cada campo de formulario y en
qué formato. Esto reducirá la cantidad de errores y aumentará el porcentaje.

de usuarios completando el proceso

La entrada del formulario se valida en tiempo real

(Después de la entrada del campo verá si es correcto o no)

Al advertir a las personas que están cometiendo errores incluso cuando los
cometen, se les ahorrará el tiempo y la frustración de enviar y luego descubrir
errores.
En un formulario, el cursor se coloca en el primer campo y la entrada
apropiada se muestra de forma predeterminada

Reduzca el número de clics de formulario y ayude a enfocar al usuario, colocando

el cursor en el primer campo de formulario de manera predeterminada y mostrando
el tipo de entrada apropiado (por ejemplo, teclado o teclado de marcación) de
manera predeterminada. Haga este esfuerzo en nombre del usuario para que pueda
completar los formularios más rápido.

En una forma, el usuario puede seleccionar de una lista de etiquetas

horizontales sobre el teclado virtual (en lugar de una lista vertical oculta debajo
de ella)

Las pantallas móviles se reducen a la mitad cuando se muestra el teclado virtual, y

la mayoría de las listas verticales están ocultas. Entonces, cuando el usuario
necesita elegir de una lista de formularios, considere usar una etiqueta horizontal

lista, que se muestra sobre el teclado y hace un mejor uso de la pantalla disponible
para ayudar al usuario a elegir. (Ver imagen 40)

imagen 40

En un formulario, la entrada del número de teléfono está restringida a un

teclado de marcación (es decir, solo números)

Cuando los usuarios necesitan ingresar un número de teléfono, solo muestran el

teclado, para limitar su entrada a números y no a caracteres. Esto reducirá sus
elecciones y errores, y acelerará la finalización. Las consideraciones incluyen:
mostrar el formato de número que necesitan ingresar de forma predeterminada con
una máscara de entrada, y no mediante revelación gradual, para ayudarlos; No
acepte caracteres ingresados (enmascararlos).

En una forma o canasta, el usuario puede editar la cantidad de artículos

usando un control paso a paso (por ejemplo, en la canasta o en la caja)

Cuando los usuarios necesitan aumentar o disminuir la cantidad de un artículo en

una cesta, use el control paso a paso +/- (que consta de dos pestañas de control
segmentadas). Un paso a paso permite al usuario realizar pequeños ajustes en una
cantidad, y es especialmente relevante para las categorías de artículos o artículos
de precios altos que probablemente no se aumenten o disminuyan en más de uno o
dos. Evitar los menús desplegables.

(Ver imagen 41)

En una forma o canasta, el usuario puede seleccionar de un conjunto de
opciones, que están relacionadas pero se excluyen mutuamente, utilizando un
control segmentado

(por ejemplo, para seleccionar el género o título)

Cuando los usuarios necesitan seleccionar entre un conjunto de 5 o menos

opciones, que están relacionadas pero se excluyen mutuamente, proporcionan un
control segmentado, por ejemplo, cuando seleccionan su género (M | F) o su título
(Mr | Miss |

Señora | Señor | Señor). Los controles segmentados muestran todas las opciones de
forma predeterminada, lo que permite al usuario comparar y seleccionar
rápidamente. Sea consistente y evite mezclar imágenes y texto en una sola pestaña
de control segmentada, o en el conjunto de controles. (Ver imagen 42)

imagen 42

imagen 41

MEDICIÓN

En un formulario de búsqueda o refinado, el usuario puede mover un control

deslizante para establecer un rango mínimo / máximo (por ejemplo, para
precios o presupuestos)

Cuando los usuarios necesitan establecer un precio / rango de presupuesto mínimo

/ máximo para buscar, o refinar los resultados de búsqueda, utilice el control
deslizante horizontal. Un deslizador es fácil de deslizar horizontalmente y
proporciona indicaciones visuales simples para personalizar esta acción. Cosas
para considerar:

Los valores se pueden introducir fácilmente.

Los números no se ocultan cuando el control deslizante está siendo operado (por
dedos gordos).

Para algunos tipos de rango, un control deslizante discreto con un conjunto de

paradas con valores predefinidos puede ser mejor que un rango continuo, y puede
agregar un histograma a un control deslizante discreto para ilustrar los niveles de
inventario disponibles en cada parada.

En una forma, el usuario puede seleccionar horas o fechas de un control de

selección (por ejemplo, para ingresar fechas de viaje, fecha de nacimiento u hora
de llegada)
Cuando los usuarios necesitan seleccionar horas o fechas, proporcione un control
de selección de fecha y hora nativo, lo que hace que la selección sea rápida y
familiar, y sea compatible con múltiples formatos

Android puede mostrar hasta 3 ruedas al mismo tiempo

iOS hasta cuatro ruedas al mismo tiempo (cada rueda muestra un valor en una sola
categoría, con formatos como Fecha y hora, Hora, Fecha y Cuenta atrás).

En los formularios de viaje, el usuario puede seleccionar una fecha de un

calendario visual

Especialmente cuando los usuarios móviles probablemente no tengan un calendario

a mano cuando quieran realizar una tarea rápidamente. Facilíteles seleccionar las
fechas correctas ofreciendo un calendario real con los días de la semana en que
pueden elegir.

Cuando la aplicación falla, se reinicia y el usuario vuelve a la última pantalla

utilizada (para continuar donde lo dejó)

En el caso de que se produzca una falla en la aplicación, asegúrese de que se

reinicie y regrese su estado a la última pantalla utilizada, para que el usuario pueda
continuar donde lo dejó, especialmente si su viaje incluyó la introducción de datos
y el esfuerzo requerido. No es necesario que los usuarios vuelvan a ingresar datos.

"El retraso de 1 segundo en el tiempo de carga puede significar una disminución

del 16% en la satisfacción del cliente y una pérdida del 7% en las conversiones".

Akamai , 2013

El contenido en pantalla y las transiciones entre pantallas aparecen rápidas y

receptivas

(las pausas frustran y confunden a los usuarios)

Asegúrese de que el contenido en pantalla y las acciones del usuario, y las

transiciones entre pantallas, se muestren receptivas, ya que las pantallas que no
responden hacen que los usuarios repitan acciones o incluso cierren
aplicaciones. Y, si las pantallas

responden que no tendrá que usar un indicador de progreso / giro de carga, que
enfoca a los usuarios en esperar en lugar de en la tarea o transición. Las
consideraciones en pantalla incluyen:

Almacenar el diseño de la pantalla o los esqueletos localmente (para que se

muestren inmediatamente)
Minimizar el contenido en pantalla (que necesita cargarse dinámicamente)

Optimización del procesamiento de back-end (para cargar elementos en orden de

prioridad, o predecir qué necesitará / hacer un usuario a continuación y ejecutar esa
tarea)

Uso de la animación para crear el efecto de las pantallas que se cargan rápidamente
y proporcionar información visual de una acción del usuario

Tiempos de usuario: si usa Google Analytics, puede medir los tiempos de carga de
recursos de una pantalla específica (en aplicaciones de Android e iOS)

Informes de dispositivos móviles de Analytics: verifique las tasas de conversión

para diferentes sistemas operativos y dispositivos móviles

Qué no hacer
Diseñe para cada plataforma móvil nativa, Android e iOS, ya que cada una tiene
capacidades únicas y lenguajes visuales, no replica la experiencia web a las
aplicaciones y no interrumpe a los usuarios.

No imite los elementos de la interfaz de usuario de otras plataformas (desde

Android a iOS y viceversa)

Cada plataforma tiene un conjunto distinto de convenciones y cualidades. Si

replica elementos de una plataforma a otra, corre el riesgo de comprometer la
experiencia y la conversión del usuario. Por ejemplo, algunas plataformas admiten
botones con esquinas redondeadas, o las acciones pueden tener diferentes
comportamientos, y son estos detalles y posibilidades los que proporcionan al
usuario una experiencia familiar y coherente. (ver: muestra de elementos de la
interfaz de usuario, iconos, pestañas, etc. de Android, iOS y Windows Phone )

No usar enlaces subrayados

(las aplicaciones usan botones NO enlaces)

Evite el uso de texto con enlaces subrayados, que forman parte del modelo web /
navegador / página, y no forman parte del modelo de aplicación / pantalla. Las
aplicaciones usan botones, no enlaces.

No codifique los enlaces (a otros sitios o aplicaciones) Evite los enlaces

codificados en su aplicación, tanto a los sitios como a otras aplicaciones. Los
enlaces codificados deberán modificarse manualmente y le costarán tiempo y
esfuerzo.
Los usuarios que naveguen a enlaces rotos tendrán una mala experiencia y pueden
abandonar.

No lleve a los usuarios al navegador.

(los usuarios permanecen en la aplicación en todo momento)

Mantener a los usuarios en la aplicación en todo momento, para mantener su

geografía y optimizar la conversión. Si su aplicación carece de una función o
contenido específico, intente usar un

navegador en la aplicación; pero no invoque el navegador de teléfonos inteligentes,

o hará que los usuarios pierdan su geografía y no vuelvan a la aplicación, lo que
aumentará el abandono y reducirá la conversión.

No pida a los usuarios que califiquen su aplicación demasiado pronto después

de descargarla (es decir, no interrumpa a los usuarios)

Evite interrumpir a los usuarios pidiéndoles que califiquen su aplicación si la han

descargado recientemente o si la han usado solo algunas veces. En su lugar, espere
hasta que demuestren ser usuarios recurrentes y será más probable que califiquen
su aplicación favorablemente y brinden comentarios más informados (en los que
puede actuar). Podría activar la solicitud de calificación después de un determinado

número de aperturas de aplicaciones o tareas / objetivos se han

completado. Además, nunca incentive calificaciones positivas, ya que esto va en
contra de las reglas de la tienda.

Investigación de Google App Re-engagement (2015), base:

N = 1200 encuestados con aplicaciones en una de tres categorías: compras,

restaurantes y comida para llevar, viajes y vacaciones

Antecedentes de la investigación:

Google se asoció con Ipsos MediaCT en el Estudio de aplicaciones móviles para el

consumidor para descubrir los comportamientos de adquisición y uso de la
aplicación para teléfonos inteligentes del consumidor. La encuesta en línea se
realizó del 12 al 22 de septiembre de 2014 en los EE. UU. Entre 8,470 usuarios de
teléfonos inteligentes de 18 a 64 años de edad que han usado

cualquier aplicación de teléfono inteligente en los últimos 7 días y ha usado

aplicaciones de entretenimiento, finanzas, juegos, locales, minoristas, sociales,
tecnológicas o de viajes en los últimos 30 días.