Prototipo rapido de Apps

Me?

Paolo Mosca tw: @paolomoscaBCN

React-Native Expert - Startup Advisor - Business & Tech - Passionate in Mobile

YOU?

Vuestra formación?

• Que lenguajes / frameworks estais utilizando?
• Cuales son vuestros objectivos profesionales?

Que es un Prototipo?

Prototipos

• Baja resolución
• Alta resolución
• Interactivos
• Desarrollo Apps

Baja resolución

• Papel
• Balsamiq Mockup
• Draw.io

Ejercicio 1

Elegir app (Whatsapp, Instagram, Tinder)

Prototipo en papel

Ejercicio 2

Prototipo en draw.io

Alta resolución

• Sketch
• Adobe XD
• Figma
• Avocode
• FreeHand Invision

Ejercicio 3

https://www.sketchappsources.com

Ejercicio 4

Figma

Interactivo

• MarvelApp
• Invision

Ejercicio 6

Figma -> Invision

Ejemplo: ToBePet

Desarrollo Apps

• Nativo (iOS/Android)
• Híbrido (Ionic / React-Native / Fluttr)
• Html (PhoneGap, PWA, JQueryMobile)

React-Native + Expo

javascript

ejemplo

Gracias

contact me: paolo@idev.io