El auge de la tableta dentro del comercio electrónico

Descarga tu copia de "The Rise of the Tablet within eCommerce"Descargar

¿Por qué optimizar para la tableta?

Satisfacer la demanda

El advenimiento de la tableta y la velocidad a la que se están adoptando las tabletas han puesto a muchos propietarios de sitios y minoristas de Internet en sus talones tratando de averiguar cuál es el mejor enfoque para asegurar una experiencia positiva para estos visitantes. Desafortunadamente, la respuesta de moda es simplemente contratar a una tercera parte para desarrollar una aplicación que sea divertida y atractiva, pero la lógica detrás de este enfoque es defectuosa. De hecho, la disposición de muchas grandes marcas a ignorar rápidamente las lecciones aprendidas de su presencia web en favor de una aplicación no probada es sorprendente, especialmente teniendo en cuenta que la tableta es lo suficientemente destacada como para presentar la experiencia completa del sitio. El hecho es que los clientes están complementando sólo una parte de su tiempo en línea con tabletas, no completamente alejarse de sus computadoras de escritorio y computadoras portátiles. Debido a este hecho, forzar a los usuarios a una versión móvil de su sitio o una aplicación en su tableta presentará una experiencia fragmentada para los usuarios y complicará sus esfuerzos internos en muchas áreas.

Los desafíos

Estándares

Uno de los beneficios de los sitios web que se da por sentado ahora al día es la forma en que estandariza las diferencias de plataforma y permite que un medio se comparta por igual a través de la mayor parte de los dispositivos con conexión a Internet. El juego de aplicaciones ha hecho lo mejor para desentrañar este concepto, no es que las aplicaciones son inútiles, es más que las aplicaciones sin un propósito que no sea completar tareas ya disponibles en su sitio web son inútiles. Obviamente esto no es sin excepción, pero si usted es propietario de un sitio y está pensando en mover su experiencia de comercio electrónico a una aplicación, ¿ha considerado los costos de desarrollo que entran en las aplicaciones? No sólo una aplicación para iPhone o iPad, sino en proporcionar aplicaciones en todas las plataformas y dispositivos que su visitante puede estar utilizando? Con el reciente lanzamiento de Amazon Kindle Fire, hay otra tienda de aplicaciones para competir con iTunes App Store y el mercado Android y varios otros. Esto junto con los matices de cada dispositivo (algo que Se suponía que Android debía abordar y, sin embargo, hay miles de aplicaciones que funcionan en un subconjunto de dispositivos habilitados para Android), así como el hecho de que no todas las aplicaciones funcionan en teléfonos inteligentes y tabletas o viceversa. De repente, los costos de desarrollar esta experiencia han aumentado exponencial e innecesariamente cuando consideras que ya tienes un sitio web que funciona en todos estos dispositivos y plataformas (si estás haciendo las cosas bien).

Cohesividad de una experiencia de marca

Lo más probable es que haya pensado largo y tendido en este punto en cuanto a lo que su marca es y cómo se traduce a Internet, y usted está empujando esa experiencia a través de su sitio en este momento. Está trabajando duro para asegurarse de que sus rutas de navegación y llamadas a acciones están optimizadas y cada día está encontrando nuevas e innovadoras maneras de mejorar su sitio. Usted está trabajando en conceptos como la retención de clientes, como ha aprendido a lo largo de los años que el visitante repetido presenta un ROI mucho más alto y mantiene su tasa de conversión de objetivos para que pruebe nuevos conceptos para cultivar sus nuevos visitantes en clientes repetidos. AHORA, el 50% de estos clientes repetidos que has trabajado tan duro para contratar y retener han comprado recientemente o planean comprar una tableta en los próximos 6 meses, ¿realmente esperas que aprendan a usar una nueva versión de tu sitio o almacenar de nuevo?

Marketing de su sitio como una aplicación

Competir por la atención de sus visitantes en el mercado de aplicaciones de ritmo rápido presenta otro desafío debido en gran parte al gran volumen de aplicaciones que llegan al mercado todos los días, con un informe que indica 400 – 1300 por día, pero también en la falta de canales de adquisición y estrategias disponibles dentro de los mercados de aplicaciones. Suponiendo que pueda generar un gran volumen de descargas de aplicaciones, todavía hay una batalla que librar para asegurarse de que su aplicación no se pierde entre los cientos de otros instalados en el dispositivo de sus clientes. Un estudio reciente afirma que el usuario promedio de iOS pasa 84 minutos al día usando sus 108 aplicaciones instaladas. Esto presenta un problema de 2 veces, el primero es tratar de evitar el adagio antiguo de "fuera de sitio, fuera de la mente", así como el hecho de que estamos mirando un promedio de unos 45 segundos por aplicación. Obviamente esto no es específicamente aislar a los usuarios de tabletas, pero se puede ver a dónde va esto.

En promociones en el sitio

La última área vista como un obstáculo potencialmente grande en la ejecución de un presense multiplataforma construido alrededor del mismo servicio, particularmente en el comercio electrónico, está en sus promociones in situ y esfuerzos de merchandising. La mayoría de las empresas que ejecutan estrategias efectivas en estas áreas están construyendo campañas que monetizan ciertas posiciones inmobiliarias en su sitio con productos y servicios diseñados para construir el pedido promedio y crear transacciones más rentables. El obstáculo obvio aquí es ¿de qué servirán estos esfuerzos dentro de una aplicación o sitio móvil donde estas áreas no se piensan y ejecutan a un usuario de tabletas?

Directrices básicas de la experiencia de usuario de tabletas

Al aplicar un conjunto adicional de directrices de experiencia del usuario a su proceso de diseño actual, puede eliminar gran parte de la fricción que se presenta únicamente a los usuarios de tabletas a medida que interactúan con su sitio web.

navegación
C
lave: Los menús de navegación y las áreas interactivas deben evitar eventos de desplazamiento y mouseover.

Muchos sistemas de navegación ?y-out se construyen con la idea en mente de que el usuario se situará sobre el elemento deseado para interactuar con ese elemento de menú en particular. Esto obviamente puede presentar un problema bastante grande para los usuarios, ya que no hay ningún evento de desplazamiento en la tableta. Así que todo lo que su equipo ha pensado y planificado ha puesto en el sistema de navegación perfecto para su sitio ahora no sólo no se utiliza, sino que lo más probable es que también esté causando que los visitantes, potencialmente clientes, abandonen su sitio. Al abordar esto desde la perspectiva del usuario de una tableta, cambie los eventos en expansión a ?re en el clic, en lugar de en el desplazamiento. La desventaja (leve) a esto es que negará el uso del ancla generalmente asignado a estos elementos del menú, pero hará que la experiencia sea mucho más ?uid para su visitante.

El punto dulce de interacció
n
Clave: Crea un espacio que invite a usar y reduce el miedo a la interacción accidental.

Como regla general (o ?nger), hemos desenlatado la interacción ideal mínima como aproximadamente un área de 50px por 50px con un margen mínimo de 10px. Aunque este de?nes una zona bastante buena para presionar o tocar, se debe prestar especial atención a las interacciones secundarias o adicionales ubicadas cerca de la ?rst, especialmente al sur de la misma, ya que nuestros ?ngers abarcan un espacio vertical perpendicular a la página.

Proximidad de interacción múltiple
Clave: Sea consciente del área directamente debajo de sus acciones.

las acciones de apilamiento de gallinas cerca unas de otras, eligiendo una ubicación que se encuentra horizontalmente en relación con la primera acción se prefiere sobre una alineación vertical. Esto se debe a que la entrada deja una huella digital vertical y, por lo tanto, crea un margen de error mayor dentro de las presentaciones verticales. Debido a que el usuario está interactuando con su dedo yendo de norte a sur, la probabilidad de que pueda desencadenar una acción inesperada es mucho mayor. Al presentar las acciones en una alineación horizontal, el margen de error se minimiza significativamente.

Acciones primarias
Clave: Si es posible, mantenga las acciones primarias clave al alcance de los pulgares.

Se debe prestar cierta atención a cómo se mantienen las tabletas, ya que esto afecta inherentemente a cómo el usuario puede aprovechar su dispositivo de entrada. Mientras que la mayoría de las tabletas ofrecen un soporte de mercado de accesorios que se puede utilizar para apuntalar el dispositivo y liberar las manos, y fi nger, para interactuar más libremente, el uso principal de tabletas está en la posición mantenida. Debido a este hecho, los pulgares son los dispositivos de entrada más disponibles para el usuario y mantener las acciones principales dentro del rango de movimiento del pulgar proporciona un destino más fácil para el usuario. Tenga en cuenta que si está diseñando una acción principal para que esté dentro del rango de un pulgar, considere la posibilidad de aumentar el tamaño de este objeto para permitir un uso más fácil con el dígito más grande.

Nuevas ventana
s
Clave: Evite nuevas ventanas y asegúrese de que sus ventanas modales se pueden salir fácilmente.

Las nuevas ventanas pueden ser una experiencia abrumadoramente frustrante en los navegadores de tabletas de la misma manera que en las computadoras de escritorio. Si su sitio inicia nuevas ventanas para explicar el contenido en más contexto, por ejemplo, opciones de tamaño o entrega especiales, esto podría llevar al visitante a abandonar sus sesiones. En una tableta, interactuar con estos artículos y luego encontrar su ventana principal puede llegar a ser muy difícil debido al tamaño y los aspectos de diseño en tabletas. El uso de ventanas modales es un método popular para expandir el contenido y evitar la creación de nuevas ventanas. Una ventana modal es una ventana que superpone la ventana principal de los usuarios. La ventana modal requiere que los usuarios interactúen con ella antes de volver a la ventana de contenido principal. Cuando se utiliza ventanas modales se debe prestar especial atención al tamaño de estos casos, pero tal vez más importante a cómo los visitantes de tabletas pueden cerrar de ellos. Simplemente colocar un ancla con una "X" roja en la esquina superior derecha no será suficiente. Estas ventanas necesitan un punto dulce más grande para la acción de cierre y también deben permitir que el usuario haga clic fuera de la ventana para cerrarlo.

Formulario a sus Formularios

Botones de opción, casillas de verificación y boto
nes
Más grande es mejor. ¿Recuerdas nuestro "punto dulce" mencionado anteriormente? Tenlo en cuenta al presentar estos elementos de formulario y estarás en buena forma. Los botones y cajas pequeños y ajustados harán que sea más difícil para el usuario seleccionar su entrada deseada y muy bien podría asustarlos incluso de intentarlo.

Seleccionar cuadr
os
Evite usar CSS para superponer los cuadros seleccionados dentro de los formularios. En este caso, la vieja escuela es mejor ya que las tabletas superponen las opciones desplegables con sus propios menús que son más fáciles de interactuar con. Los menús basados en tabletas toman la casilla de selección y presentan una lista más grande y fácil de usar de sus opciones, lo que hace que los formularios sean más fáciles de interactuar.

Entradas de t
exto
Las entradas de texto funcionan muy bien junto con el teclado de la tableta, sin embargo, los menús de población automática pueden perderse y truncarse detrás del teclado de las tabletas haciendo que seleccionar el elemento que desea más difícil. Si utiliza un menú de recomendación de rellenado automático junto con una entrada de texto, asegúrese de mantenerlo lo más cerca posible de la parte superior de la página y solo le permita utilizar menos del 50% de la altura de la ventana para evitar que se ejecute detrás del teclado en pantalla integrado en tabletas.
Cajas de cantidades
Las entradas de texto se pierden con frecuencia cuando se inician teclados de tabletas basados en pantalla, lo que hace que la progresión del usuario se detenga en sus pistas. Piense en un proceso de pago cuando el botón continuar está oculto detrás del teclado dentro de la pantalla de una tableta, y el visitante lucha por resaltar y cambiar un 1 a un 2 en su cuadro QTY. No es óptimo para una experiencia fácil.
Un mejor enfoque aquí puede ser la capacidad de "marcar" la casilla QTY hacia arriba o hacia abajo en valor usando botones a la izquierda y a la derecha del cuadro de entrada (ver imagen de ejemplo). Esto presenta una manera fácil de usar para cambiar su QTY deseado hacia arriba o hacia abajo sin aparecer el teclado, pero todavía les permitiría editar la caja usando el teclado si es necesario.

Conclusión

Obviamente hay mucho más que puede hacer sitio por sitio para garantizar una experiencia positiva para sus visitantes que usan tabletas, pero estas directrices con suerte harán que sus equipos de UX piensen en este segmento de crecimiento constante en la próxima reunión de diseño. Asegúrese de que usted y su personal están utilizando su sitio en la tableta a diario y animarlos a estar abiertos con donde es culto diffi para interactuar con. Más o menos, realmente se reduce a una difiencia clave, el ratón contra el dedo y con pantallas táctiles asequibles que comienzan a moverse incluso en el mercado de escritorio, tal vez el título de la próxima iteración de este documento será El ascenso del dedo…

Sobre el autor

Nate Ende es responsable de la planificación y ejecución de iniciativas relacionadas con la optimización del comercio electrónico y el desarrollo de aplicaciones en Trinity Insight. Nate ha trabajado en comercio electrónico durante ocho años y tiene una profunda experiencia en equipos multifuncionales líderes en la ejecución de pruebas multivariantes, experiencia del usuario y desarrollo de sitios web. Nate se unió a Trinity desde BuyOnlineNow.com donde fue director de desarrollo.
Descarga tu copia de "The Rise of the Tablet within eCommerce"Descargar