Mostrando entradas con la etiqueta ui. Mostrar todas las entradas
Mostrando entradas con la etiqueta ui. Mostrar todas las entradas

lunes, 21 de enero de 2019

Mejorando tu tienda on-line

pagina de pago en una agencia de viajes vista en un movil


En el diseño de comercio electrónico, la pagina de pago es una de las partes más importantes del proceso del usuario. Y con razón: influye directamente en la percepción de la marca, la propensión a las visitas de retorno y la capacidad de una organización para generar ingresos en línea. Con cada vez más usuarios comprando en teléfonos inteligentes, es imperativo diseñar un flujo de pago móvil que no solo siga las mejores prácticas para la experiencia del usuario de comercio electrónico, sino que también esté optimizado para las capacidades y limitaciones de los dispositivos móviles.

Carro de la compra móvil y opciones de pago


Proporcionar acceso rápido al carrito de la compra.

Al tocar el carrito de la compra, se indica un deseo de avanzar, por lo que los usuarios deben ir al carrito lo más rápido posible. Evite los retrasos relacionados con el rendimiento y elimine cualquier obstáculo innecesario que pueda afectar a los usuarios cuando intenten acceder al carrito.


Facilite a los usuarios la actualización del contenido de su carrito de compras. 

Las personas a menudo cambian de opinión sobre la compra de un producto o añaden accidentalmente un artículo al carrito de la compra dos veces. Permitir a los usuarios cambiar fácilmente el contenido de su carrito de compras.

Ofrezca a los usuarios un botón Eliminar transparente junto a cada artículo en su carrito. 

No los obligue a cambiar las cantidades a cero para eliminar un producto de su carrito de compras.


No utilice un botón actualizar para confirmar cambios en el carrito de compras.

Algunos sitios obligan a los usuarios a presionar un botón para actualizar para que cualquier cambio en su carrito de compra. Por lo tanto, alguien que quiera cambiar la cantidad de un artículo en el carrito deberá indicar la nueva cantidad y luego presionar Actualizar para confirmar el cambio.

Este diseño es erróneo por dos razones: (1) los usuarios deben realizar dos acciones (cambiar la cantidad, luego presionar el botón Actualizar) para cambiar el artículo; (2) la gente a menudo no presiona el botón Actualizar , ya sea porque se olvida o porque no se dan cuenta de que se supone que deben hacerlo.

Apoye la continuidad de la experiencia de compra en múltiples dispositivos


Este aspecto se entiende mejor con un ejemplo. La transferencia permite a los usuarios de Apple moverse entre dispositivos iPhone, iPad y Mac. Esta función es compatible con una experiencia de compra perfecta, lo que permite continuar la misma sesión en diferentes dispositivos. Un usuario comenzó a comprar en una computadora MacBook Pro pero se mudó al iPhone para pagar.
Desafortunadamente, muchas aplicaciones (siendo Amazon un ejemplo notable) no utilizan el traspaso, en detrimento de sus usuarios.
Asegúrese de que su sesión pueda reanudarse en un dispositivo diferente una vez que haya iniciado sesión . Sin embargo, eso no es suficiente: los usuarios deben conocer esta función cuando crean una cuenta por primera vez. Para ayudar a los usuarios a recordar sesiones de compra anteriores en diferentes dispositivos, considere la posibilidad de incluir etiquetas que indiquen cuándo se agregaron artículos al carrito y en qué dispositivo o canal se agregaron.

Pon la casilla de recordar usuario


Resumen del pedido y opciones de recogida


Los compradores no aprecian inexactitudes o precios poco claros y se sienten frustrados cuando los costes aumentan inesperadamente durante el proceso de compra. A menudo, cuando esto sucede, los usuarios abandonarán su carro de compra y buscarán los artículos en otros lugares para evitar cargos excesivos, especialmente cuando se trata de gastos de envío y entrega.

Haga que el resumen del pedido sea fácil de encontrar en diseños móviles.

Si bien los detalles que mostramos en el resumen del pedido (incluidos el subtotal, los impuestos, las tarifas, los descuentos y los gastos de envío) son importantes para cualquier proceso de pago, debemos prestar especial atención a la colocación del resumen del pedido para el pago móvil. Debido al espacio limitado de la pantalla, estas tarifas adicionales pueden aparecer a bajo de la página y pueden ser ignoradas por los usuarios. Para evitar sorpresas desagradables muestre el resumen del pedido de manera prominente en la parte superior de las páginas de pago. No haga que los compradores se desplacen al final de la página para encontrar esta información.

En la página de pago de Jet.com , el resumen del pedido se coloca de tal manera que los usuarios pueden ver claramente cada línea de pedido antes de realizar su pedido, sin tener que desplazarse hacia abajo.

Use la ubicación actual del usuario para determinar el impuesto a las ventas, los costos de entrega y las opciones de recolección disponibles.


Los costes de envío y los impuestos generalmente dependen de la dirección de envío asociada con el pedido, que generalmente se ingresa al final del proceso de pago. Siempre que sea posible, los minoristas deben usar la ubicación actual de sus clientes para estimar los cargos de envío y el impuesto antes de que los usuarios hayan ingresado sus direcciones de envío.


Campos de formulario 


Rellenar formularios en dispositivos móviles puede llevar mucho tiempo y ser propenso a errores. Reducir el número total de campos de formulario y rellenar automáticamente los campos para el usuario puede facilitar enormemente el proceso de pago.

Calcule campos automáticamente en base a las entradas previas de los usuarios. 

Los campos como el tipo de tarjeta de crédito, la dirección, la ciudad o el estado pueden calcularse automáticamente basándose en otros datos ingresados por el usuario (el número de la tarjeta de crédito y, respectivamente, el código postal). En lugar de pedir a los usuarios que escriban esta información explícitamente, haga el trabajo por ellos.

Uso del teclado correcto en cada momento. 

Use un teclado numérico para datos numéricos, como números de tarjetas de crédito o números de teléfono. Para los campos de dirección de correo electrónico, use un teclado específico para ingresar direcciones de correo electrónico, que presenta de manera destacada caracteres específicos.

El relleno automático del navegador y los datos guardados deben funcionar en campos de formulario
Como nombre, dirección, dirección de correo electrónico, número de teléfono, contraseña y tarjeta de crédito.

Pago fácil en el móvil


Ingresar los detalles de la tarjeta de crédito es laborioso, molesto y, especialmente en dispositivos móviles, propenso a errores; Además, es posible que los usuarios en ese instante no siempre tengan a mano su tarjeta de crédito.

Ofrezca opciones de pago para dispositivos móviles, pero no abrume a los usuarios con demasiadas opciones. 

Las opciones de pago de terceros reconocibles como Paypal o Apple Pay pueden ser útiles, pero demasiadas opciones pueden causar a brumación de opciones.

Permitir a los usuarios tomar fotos de sus tarjetas de crédito para completar la información.

Conclusión

Lo que distingue las mejores experiencias de pago móvil es la atención adicional a los detalles. Los elementos de UI centrados en el usuario pueden ayudar a sus usuarios.


miércoles, 25 de enero de 2017

Pruebas de usabilidad con usuarios de lector de pantalla

PUNTOS A SEGUIR


  • Usuarios de lectores de pantalla deben tener las mismas obligaciones y información que todos los demás.
  • La clave para tener un sitio web accesible o aplicación está asegurándose de que cualquier usuario - independientemente de la capacidad - puede utilizar todas las características de la aplicación.
  • Lo más probable, los usuarios de lectores de pantalla van a utilizar su propio equipo y la tecnología para acceder a su solicitud.
  • Siempre envíe las instrucciones por correo electrónico. Y asegurarse de que la línea de asunto sea. De esta forma, los usuarios se pueden crear fácilmente una referencia de las instrucciones antes de la prueba. Si tiene alguna acuerdos de confidencialidad que deben ser firmados por los usuarios antes de la prueba, se puede añadir como archivos adjuntos.
  • Al igual que con todas las pruebas de usabilidad, solicite al usuario a decir lo ques pensando a medida que avanzan a través de la web.


La recompensa merece


Las pruebas con los usuarios del lector de pantalla puede sonar un poco complicado al principio, pero una vez que se sabe qué esperar, es bastante sencillo.. La mayoría de todos los usuarios de lectores de pantalla que se ofrecen para hacer las pruebas estarán encantados de explicar cómo funciona su lector de pantalla.


In ormácion sacada de:Real-Time Remote Usability Testing with Screen Reader Users, Part 2: Tips & Tricks

jueves, 22 de diciembre de 2016

Legible en los textos de las apps

En 2010, investigadores de la Universidad de Alberta encontraron que la comprensión de lectura se altera cuando el contenido se presenta en una pantalla de tamaño móvil frente a una pantalla de ordenador más grande. Una simple explicación para este resultado fue que, con una pequeña pantalla, los usuarios veían menos del texto, por lo que tuvieron que confiar más en su memoria para acceder a la información . En otras palabras, la pantalla  pequeña resultó más difícil pues tenias que memorizar.
El enlace anterior pertenece a un estudio del 2010, en un reciente estudio se a comprobado mejoría., la mejoría viene dada con la evolución de los dispositivos.

Las principales directrices para asegurar la legibilidad son:


  • Permiten a los usuarios cambiar el tamaño de la fuente.
  • Tener un alto contraste entre los caracteres y el fondo. Preferiblemente, emplear un fondo liso en lugar de uno con textura.
  • Use un tipo de letra limpia . Con monitores de alta resolución de hoy, el tipo serif está bien, pero las fuentes tienen formas extrañas (por ejemplo, emulando la escritura o el estilo gótico) han reducido la legibilidad.

viernes, 16 de diciembre de 2016

IBM Research Servicio Experimental

Según la web de IBM research Servicio Experimental es una herramienta que ayudará al desarrollo de tu web haciéndola más usable y accesible, el coste de este evaluador es de cerca de 500€, hay que tener en cuenta que en su desarrollo se han basado en la section 508 cabe recordar que es similar a las WCAG 2.0 pero es mas estricta y se aplica más que las WCAG 2.0 en europa.

lunes, 12 de diciembre de 2016

Consejos simples para mejorar tu diseño UX

Cuando leo que el 77% de los usuarios borran la aplicación que han descargado por serles poco útil, me digo algo están haciendo mal y ese mal es que no se valora la accesibilidad ni la usabilidad por eso me he lanzado a dar unos simples pero útiles consejos.
Usuarios con varios mobiles


La accesibilidad es lo primero


Si usted está diseñando una aplicación o un sitio web para móviles, lo primero que se debe considerar es la accesibilidad. La gente usa el móvil porque es más rápido que un ordenador (es más cercano), identifica el propósito del producto las características de la aplicación o del sitio móvil deben ser inmediatamente evidente para los usuarios con el fin de minimizar la frustración.
Organiza los menús de forma limpia y sencilla posible para asegurar que los usuarios puedan encontrar lo que están buscando.


Ayuda y simplifica la vida al usuario


Si es posible, la incorporación procesos intuitivos.Además si es posible realiza un tutorial, es importante tener un FAQ y Ayuda zona de fácil situada para hacer frente a cualquier pregunta visitantes puedan tener.

Cuidado con formularios de registro.

Los formularios de registro abrasivos que aparecen inmediatamente después de la apertura de un sitio web o aplicación son uno de los mayores factores de disuasión para la interacción del usuario. La investigación ha demostrado que el 86% de los usuarios no les gusta formularios de registro, que sean lo más fácil posible. Acorta lo más que se pueda, tanto el número de entradas y el espacio que ocupa en la pantalla.y si es posible, utiliza un inicio de sesión con sociales.

Crea un fácil buscador

Los usuarios de móviles quieren información rápida.Un sitio móvil debe tener una función de búsqueda fácilmente visible en todas las páginas.La función de búsqueda también debe ser lo suficientemente inteligente como para tener en cuenta las faltas de ortografía, la creación de una buena función de búsqueda para el comercio electrónico puede ser clave, asegurando que los usuarios no tienen que buscar a través de productos para encontrar lo que están buscando. 


Cuidado con las modas.


Esto suena un poco tonto, pero es cierto. Por supuesto, las tendencias son muy populares, pero las tendencias son también una forma fácil caer en errores comunes de diseño UX . Tendencias como el carruseles o el desplazamiento pueden ser estéticamente atractivo, pero su producto no se debe centrar en la belleza.

Simplifica el contenido.


Si una aplicación móvil o sitio web está tratando de ofrecer lo que el usuario quiere de una manera eficiente, entonces la mejor manera de facilitar que esta sea a través de la simplificación de su contenido. Limitar el número de colores, fuentes y tamaños de fuente utilizados en la plataforma móvil de modo que el usuario no sienta abrumado

Ayuda a los usuarios lograr lo que quieren eliminando el desorden y el contenido innecesario. Del mismo modo, asegúrese de que los enlaces y las áreas interactivas están claramente identificados o identificables.

Prueba con usuarios regularmente


No hagas caso a lo que los usuarios quieren; prestar atención a lo que hacen. Si se analiza el comportamiento de los usuarios que interactúan con el producto, descubrirá donde las fallas en el diseño de UX