A la hora de realizar nuestro prototipo de algún proyecto, a veces necesitamos un poco de inspiración de otros prototipos ya existente, y que mejor manera de recursos de pagina donde coleccionar gran cantidad de pantallas de prototipos móviles, veamos lo siguiente:

Recursos inspiracionales para prototipar

  • Pttrns.- excelente pagina para encontrar variedad de prototipos de looking field (aspecto visual) de diferentes capturas de pantallas de aplicaciones que son interfaces, en diferentes plataformas tanto para android y iPhone.
  • Lovelyiu.- también un excelente pagina para encontrar capturas de pantallas de aplicaciones de diferente plataformas, en sentido si tenemos que dar forma a nuestras ideas, con estos recursos, podemos encontrar buenos prototipos.
  • Mobile Patterns .- también una pagina para encontrar pantallas de apps móviles, de ambas plataformas.
  • MobileMozaic .- listado de capturas de pantallas de diferentes plataformas.
  • Media queries .- pagina donde existe una colección de pantallas de paginas RWD ( Responsive Web Design) excelente listado para ver como funcionan el diseño de patrones de cualquier interfaz.
  • Land-books .- excelente pagina que colecciona paginas que ofrecen un producto determinado, de tipo o servicio.
  • Empty States .- buena pagina que tiene una colección de diseño de screenshot (captura de pantallas) de espacios vacios, que nos sirve de referencia en los prototipos .
  • UserOnboarding .- excelente pagina donde muestra diseño de asistentes cuando uno ejecuta una app por primera vez.

Recursos y herramientas para prototipar

  • Axure .- excelente herramienta para prototipar, con diversidad de opciones de prototipos básicos hasta prototipos complejos.
  • Balsamiq .- otra herramienta y muy conocida para protitipar, podemos crear sketch, y wireframe tanto para web y moviles. Tiene versión free y premium.
  • InvisioApp .- muy buena herramienta para prototipar y muy bonita donde puedes hacer un prototipo, con ayuda colaborativa, y recibir feedback, es una mas utilizada por los diseñadores, y también por mi.
  • SolidifyApp .- otra herramienta para crear prototipos de alta calidad.
  • LovelyCharts .- una herramienta para crear diagramas de flujo, o cualquier otro diagrama, muy utilizada, ofrece la versión gratuita y de pago.
  • Gomockingbird .- otra herramienta web para prototipos y wirefaremes para web y móvil, y tiene muy buena pinta.
  • UXPin .- otra herramienta muy famosa para crear todo tipos de prototipos.
  • MarvelApp .- un herramienta muy buena, y conocida para crear prototipos interactivos.
  • Flinto .- alguna igual es una excelente herramienta para crear prototipos interactivos de alta fidelidad.
  • Pixate .- un herramienta para crear prototipos interactivo y muy intuitivo, para los usuarios y fácil y sencillo el manejo de esta excelente herramienta para prototipar.
  • Framerjs .- si queremos picar un poco de código para crear prototipos interactivo, poder crear transiciones y animaciones de elementos y paginas de muy buena pinta podemos hacerlo con esta herramienta web, el código va de JavaScript y CofeeScript.

Recursos de Prototipado en Papel

  • Sneakpeekit .- buena pagina para descargar plantillas en papel, para hacer prototipos para móviles y tables, y así facilitarnos con el dibujo con las plantillas.
  • PaperBrowser .- excelente herramienta para descargar plantillas de web, y otro formato de grillas muy útiles.
  • Graph paper .- si en los demás no encontramos las plantillas deseadas, puesto que aquí podemos encontrar y descargar plantillas para prototipar en papel y lapiz.
  • Appsketchbook .- buena pagina para descargar plantillas con mejor acabados.
  • UIStencils .- excelente pagina para encontrar variedad de prototipos plantillas o plantillas con formas (Stencils), y variedad para escoger. Es una de mis favoritas.

Buenos como consejos en patrones de diseños tenemos lo sgte:

  • Apple — dev.apple.com/design
  • Android
  • Mozilla
  • Microsoft