Prototipado y diseño UX para aplicaciones de e-commerce

UX: prototipado y diseño de una app de comercio electrónico

“¡Lo hemos conseguido! Es el final… o el principio ☺ En esta nueva versión de mi curso de Axure he querido, como siempre, desarrollar con vosotros un proyecto de principio a fin que fuera el resultado de un proceso de diseño de interfaz (casi) completo, en este caso, una App de tienda online. Ya habéis visto mi proceso, cuáles son los sitios en los que busco material, mis herramientas favoritas… Dicho esto, aquí os dejo los pasos que he seguido para realizar mi proyecto final. 1 Comenzaremos diseñando la página de bienvenida de la tienda donde el usuario escoge el idioma en el que quiere navegar por la tienda.

2 Luego continuaremos con la home de la app que iremos ajustando y depurando en varias lecciones hasta completarla con un carousel, una zona de destacados, una ventana pop de suscripción a la newsletter y un menú lateral! 3. Seguiremos con el listado de productos. Aprenderemos a crear tablas de datos simuladas que parecerán reales. Para ello utilizaremos los repeaters que incluso paginaremos para navegar entre los registros de forma realista. 4. Así es como quedará en el navegador, con sus filtros y sus stickers de promoción. 5. Continuaremos con la ficha de producto, la diseñaremos con todo detalle, tal y como puedes verla en muchos comercios electrónicos. 6. Programaremos un carrito completamente funcional, aunque los productos que agreguemos no serán los mismos de las fichas, sí que podremos ver el mismo número de productos y la simulación será muy efectiva. 7. Cerraremos la compra con la página de checkout, donde el comprador introduce sus datos para proceder al pago. Que podemos ver aquí arriba en una vista previa. Y si queréis ver el proyecto funcionando podéis hacerlo en esta dirección web A partir de aquí, es importante recordar que la herramienta no es la disciplina, es decir, que dominar Axure no implica dominar en absoluto el diseño de experiencia de usuario. Hay un conocimiento muy amplio y ecléctico detrás de un proceso de UX. Desde la investigación, donde observamos a las personas y los entornos en los que se mueven, preguntamos a los responsables en las compañías sobre sus negocios y analizamos que hacen los competidores y qué está de moda (y pasará o se quedará) en el área concreta para la que estamos trabajando. Pasando por unas bases de psicología que nos ayudarán a entender más sobre el aprendizaje, la toma de ediciones, la atención, la motivación, la memoria, las emociones… Y finalizando por el diseño como disciplina integradora para planificar la construcción de cualquier cosa. Siempre digo que los ingredientes base de mi profesión son cuatro: la curiosidad para estar constantemente aprendiendo, la capacidad de observación para ver y entender lo importante, la humildad para acercarte a los problemas sabiendo que te puedes equivocar y que esto no es necesariamente malo y la constancia para perseverar en la búsqueda de soluciones y afrontar procesos de mejora continua. ”

Transcripción parcial del vídeo

“Proyecto final Hemos llegado al final del curso, haremos un resumen de lo que hemos visto. Al comienzo repasamos la interfaz de Axure. Os conté los elementos que usaríais recurrentemente uno a uno para que los recordarais en el ejercicio posterior. El objetivo de esta introducción era familiarizarse con los componentes del programa, de los sencillos a los complicados. Así fuimos introduciendo poco a poco los widgets, de las formas básicas hasta los formularios, donde veríais vuestra primera programación. De los estilos de interacción, lo más fácil para programar un evento que reaccionaba a ...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Prototipado y diseño UX para aplicaciones de e-commerce

• Nivel: Intermedio
• 100% valoraciones positivas (136)
• 3657 estudiantes
• 5 unidades didácticas
• 29 lecciones (6h 8m)
• 49 recursos adicionales

• Categoría

  Diseño Web y App, Marketing y Negocios

• Software

  Axure RP

• Áreas

  Desarrollo de apps, Desarrollo Web, Diseño de apps, Diseño de la información, Diseño mobile, Diseño Web, e-commerce, UX / UI