1 of 22

Pre-Prototipado

Por: Mackaber

2 of 22

Pretotipo

3 of 22

Reglas de oro!

  • Usa lo que sabes
  • Familiaridad = Menor tiempo de Desarrollo
  • Tiempo de desarrollo vs Eficiencia
  • Modularidad (Probablemente pivoteén)

4 of 22

Para programadores

5 of 22

UI/UX Elements | No empiecen desde zero!

- Bootstrap

- Materialize

- UI Kitten

​

6 of 22

Frameworks (Web)

- http://todomvc.com/

​

​

7 of 22

Frameworks (Móviles)

- Polymer

- Flutter

- React Native

- SwiftUI

8 of 22

Frameworks (Híbridos)

- NativeScript

- Ionic

- Meteor

9 of 22

Starter Kits

Uber (Ruby): https://github.com/devleague/Uber-Ruby-StarterKit

Vue + Rails: https://github.com/jetthoughts/vuejs-rails-5-starterkit

React Native: https://github.com/dominicrj23/react-native-hackathon-starter

Laravel: https://github.com/unicodeveloper/laravel-hackathon-starter

Node.js: https://github.com/sahat/hackathon-starter

iOS: https://github.com/tattn/HackathonStarter

Android?: https://github.com/Credera/Android-Starter

​

10 of 22

Extras

- YeoMan

- React Studio

- BuilderX

​

11 of 22

No te gusto?

  • Alternative.net:
  • Google related:
  • Product Hunt
  • Startup Stash
  • Awesome Lists
  • Craft.co
  • Stack Share

​

12 of 22

Para Makers y otros

13 of 22

Preguntas que deben hacerse

https://www.appropedia.org/Validation_of_COVID-19_maker_projects

  • ¿Que tan fácil de replicar es?
    • ¿Qué tan fácil se pueden conseguir los materiales?
    • ¿Cual es el costo de los componentes?
    • ¿Cual es el costo de fabricación?
  • Lo más importante:
    • Se debe entender su función
    • Se debe entender como se usa

14 of 22

Presentables

  • Landing page
  • Infografía
  • Video
  • Simulación

15 of 22

Landing Page

Call to action

Imagen/Video

Logo

Links

16 of 22

Herramientas para landing pages

17 of 22

Prototipado en Ciencias?

18 of 22

Prototipando en Ciencias?

  • La forma en que se presenta variará dependiendo del público
  • Expertos => Como funciona?
  • Inversionistas => Números?
  • Público General => Para qué sirve?/Qué problema resuelve?
  • TODO DEBE TENER SUSTENTO CIENTÍFICO (Citas)
  • https://infogram.com/

19 of 22

Prototipado en Ciencias?

20 of 22

Laboratorios virtuales?

21 of 22

¿Dudas?

22 of 22

Gracias!