La compra online: experiencia y tipos de usuarios
Todo lo que aprenderás sobre UX para Ecommerce
Introducción: ¿Por qué comprar online?
M-commerce
Perfiles de compradores
Homepages
¿Qué debe tener una buena homepage?
Requisitos para una homepage eficaz
Estrategias de UX en catálogo
Navegación y clasificación
La experiencia de navegación en mobile
Páginas de categorías y de listados de productos
Category pages: El menú hamburguesa
Category pages: Bottom navigation
Páginas de categorías
Páginas de listados de productos
Páginas de producto
Identifica tus requisitos
¿Cómo influye la página de producto?
Cómo usar el UX Writing
Reviews y Ratings
El momento de la compra
Checkout
Añadir productos al carrito
El carrito
Pasos y procesos del checkout
Los formularios y sus problemas derivados
Mensajes de error
Registro
Opciones de envío y entrega
Información y datos para el pago
Terminar y confirmar el pedido
Cierre
Cierre
Continúa aprendiendo con el programa de acompañamiento
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
Aportes 11
Preguntas 1
Ordenar por:
Estan mejores las infografías que nos comparte Francisco Lombardi que todas las diapositivas juntas de este curso
🤯 Jamás había caído en cuenta que la barra de navegación inferior es ideal para los pulgares. Con razón es más útil en ambientes móviles.
Deberían poner ejemplos para que los temas de las clases quede más claro, sea más didáctico entretenido para aprender.
Tips del bottom navigation:
➔ Es una fila de botones que se encuentra
en la parte inferior de la pantalla y que
siempre está visible
➔ Con un toque, los usuarios pueden
explorar sus opciones
➔ La aplicación de Instagram es un
ejemplo de este tipo de menú
Páginas que cumplen con modelo idóneo:
Pestañas y menú hamburguesa: https://www.linio.com.pe/
Menú hamburguesa: https://juntoz.com/
Esta lo hace mal: https://simple.ripley.com.pe/ (la parte de arriba tiene muchas cosas).
Bottom navigation está presente en Instagram, Twitter e incluso **Whatsapp. Es la barra de navegación inferior que te permite cambiar entre funcionalidades. Es más común en las aplicaciones móviles.
Las páginas donde no debería estar la barra de navegación inferior son la página del carrito y la página de pago. También puede estar exenta la página individual del producto si se muestra un botón de “comprar ahora” o “añadir al carrito” fijo.
1.- Un mal ejemplo de Web Responsive en vista móvil, el E-commerce IKEA, al realizar scroll en la página desaparece el menú hamburguesa, no existe un atajo para subir y poder navegar a las distintas secciones de la tienda.
2.- Cuando has navegado al interior de alguna de sus secciones, dejan fijo y visual los filtros, me parece correcto, pero sigue sin visualizarle el menú hamburguesa.
Un buen ejemplo de cómo aplican lo comentado en clase es en el E-commerce MANGO shop.
Es mucho mas útil el bottom navigation bar en entornos móviles
La barra de navegación inferior es un patron de diseño para resoluciones mobile, precisamente porque permite una navegación facil con los pulgares. Pienso que su uso optimo es en aplicaciones moviles no tanto en la web
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.