Mejores practicas front end

22
Enlighten your software Mejores prácticas para diseñar front-end orientado a la información Arturo Léon Betanzos @art_uro linkedin.com/in/leonarturo

Transcript of Mejores practicas front end

Page 1: Mejores practicas front end

Enlighten your software

Mejores prácticas para diseñar front-end orientado a la

informaciónArturo Léon Betanzos

@art_uro linkedin.com/in/leonarturo

Page 2: Mejores practicas front end
Page 3: Mejores practicas front end
Page 4: Mejores practicas front end
Page 5: Mejores practicas front end
Page 6: Mejores practicas front end

Experiencia, del latin experientĭa, es el hecho

de haber presenciado, sentido o conocido algo.

Page 7: Mejores practicas front end

Piensa en la experiencia que un usuario tendrá.

Page 8: Mejores practicas front end

Antes de empezar a escribir líneas de código hay que trabajar en lo esencial. ¿Se han hecho las preguntas, “qué”,

“para qué” y “cómo”?

Page 9: Mejores practicas front end

Hoy en día con las variadas formas de presentar la información es fácil perder el foco de lo que realmente

es valioso.

Page 10: Mejores practicas front end

Documento inicial

Page 11: Mejores practicas front end

NECESIDADES

EXPECTATIVASOBJETIVOSMOTIVACION

ES

CAPACIDADES

UX

Page 12: Mejores practicas front end

Diseño Centrado en el Usuario

• Conocer a los usuarios finales• Diseñar un producto que resuelva sus necesidades• Poner a prueba lo diseñado.• Perfil de usuario.

Page 13: Mejores practicas front end

La intención de describir los pasos mínimos que debemos de contemplar al desarrollar un sistema de información es vital.

METODOLOGÍA

Page 14: Mejores practicas front end

Las ideas no han cambiado, pero sí la forma de ser representadas

Encontrar respuestas

a necesidadesRESULTADOS

MEDIBLES

Page 15: Mejores practicas front end

APPWEBSMSSOCIAL MEDIA

Una misma idea representada de varias formas

Page 16: Mejores practicas front end

Dan Saffer, director de Kicker Studios, describe UX como “lo que el cliente percibe al usar o probar un producto y un forma de ver estos productos de manera integral desde el punto de vista de un usuario que probablemente no le importa cómo se hacen esos

productos, sólo el producto en sí mismo”.

Page 17: Mejores practicas front end

“No veo al trabajo como trabajo, y al juego como juego. Lo veo como un todo, como la

vida”―Richard Branson

Page 18: Mejores practicas front end

HERRAMIENTAS COLABORATIVAS

Page 19: Mejores practicas front end

CLARIDAD EN EL USO DE LAS HERRAMIENTAS

Page 20: Mejores practicas front end

OFRECER SOLUCIONES

Page 21: Mejores practicas front end

Producto final

Page 22: Mejores practicas front end

Enlighten your software

¿Preguntas?@art_uro

linkedin.com/in/leonarturo