Construcción de un Prototipo Clickeable

Clase 10 de 12 • Introducción al Diseño de Prototipos 2018

Luis Manuel Navarro Rangel

student•

A partir de la versión 49 Sketch maneja Prototipado lo cual te permite crear ese prototipo clickeable con hotspots y todo lo que conlleva 😄

Uriel Ramírez

student•

Si, esta muy bueno!! 😄

Luis Manuel Navarro Rangel

student•

Sólo le falta incluir animaciones más complejas (scrolls, timing, etc) como Principle y será el absoluto monarca.

Néstor José Silva Castillo

student•

Desde otra herramienta que no sea Sketch podemos migrar el trabajo hacia Invision? Seria genial poder haacerlo con AdobeXD o alguno similar

Carlos Jimenez

student•

Puedes hacerlo desde cualquier herramienta exportando .jpgs o .pngs por pantalla. Un poco más de trabajo pero va a funcionar perfecto

Mauricio Rengifo Abella

student•

En realidad ya puedes hacerlo en Adobe xD y el mismo programa te da la opcion de agregar interaccion y compartirlo online, pruebalo es genial y es super sencillo agregar esa funcionalidad.

Wilmer Alvarez Mamani

student•

Consulta: alguna herramienta equivalente a Sketch en linux??

Uriel Ramírez

student•

Ese sereia Figma, que lo puedes ejecutar desde un navegador

Mauricio Rengifo Abella

student•

Adobe xD instalado con wine

David Edson González Carrillo

student•

Les comparto mi proyecto, lo complemente con el curso de Adobe XD

José Luis Burgon Cervantes

student•

Yo vengo trabajando con Adobe Xd y pues era consciente que Sketch es una herramienta muy similar y hasta más antigua que el mismo Xd pero ahora que sé que Sketch no tiene la capacidad de simular interacciones (cosa que si tiene Xd) entonces me convenzo de seguir usando la herramienta de Adobe :)

julian orrego

student•

Es una de las grandes ventajas de Adobe XD, además que se integra con las demás aplicaciones de Adobe.

Luz Elena Velazquez Arvizu

student•

iba a preguntar justo esto por que tengo el cc entonces me enfocare a seguir usando XD es mas practico

David Behar

student•

Adobe XD acaba de lanzar una experiencia increíble para hacer envés de “prototipos clickeables”, "prototipos interactuables"

Ver video

Solarte Orozco Jose Luis

student•

Excelente!! y hoy me vengo a enterar que adobe XD es Free. https://www.adobe.com/la/products/xd/ui-design-kits.html
Aunque mi ambiente es Linux. pasare un rato por windows para utilizarla.

David Navarro Rolon

student•

Free?? A mí me aparece pago

Jonathan Macalupu Reyes

student•

Adobe XD ya permite hacer un prototipado Clickeable directamente.

Dustin Campos

student•

En estas dos ultimas clases me hubiera gustado mucho que hables de las diferencias con el reproducir de adobe xd (que tome el curso justamente para dar este) y que hubieras dejado links de los iconos que utilizaste antes para avazanzar contigo y dejarte imagenes de nuestros avances. Tambien el uso de algunas palabras en ingles que usas con mucha normalidad sin haberlas explicado nunca es un poco molesto, y claro, con el avanzar de la clase mas o menos te das cuenta pero no creo que sea el punto. Muchas gracias igual he aprendido un monton y espero recibas mi feedback.

Italika México

student•

Clickable Muckup

Victor Alwin Hércules Carranza

student•

Que software de prototipado ofrece las mejores animaciónes?

Diego Forero

Team Platzi•

Tanto sketch como adobe xd tienen opciones muy similares ya que se basan en las transiciones que se usan en los dispositivos móviles como los slides hacia los lados.

Victor Alwin Hércules Carranza

student•

Pero existe algo mas allá? … por ejemplo pop ups, slides verticales, interacciones con mayor fidelidad a la idea del MVP ?

Mario Merlo

student•

Puedes subir los cartulas de la aplicación en formato png o jpg para poder realizar la practica en invision?

Juan David Montoya Jaramillo

student•

Que herramienta para hacer protopitado clickeables puedo reproducir videos y audios?

Belen Ceballos

student•

Mm no estoy segura de lo de los audios, pero prueba con Marvelapp, Invision, Flinto o Proto.io, seguramente alguna de esas tiene la opción de hacerlo. Las primeras dos son más sencillas, mientras que las últimas requieren un poquito más de tiempo para aprender a usarla.

Mateo Buitrago

student•

Flinto lo hace!

David Behar

student•

En Sketch agregaron recientemente la herramienta nativa para hacer prototipos interactuables, aunque es mucho mejor utilizar la herramienta de invision llamada craft

Prototipos en Sketch

Craft of invision

Wilmer Diaz

student•

Al día de hoy Adobe XD, presta la simulación en la sección Prototype y se puede ver directamente la construcción en tiemp real al clickear en el icono play o si se desea desde un movil en el icono phone.

Juli Farsky de Dada

student•

Recomiendo FIGMA, que tiene la opcion de armar el prototipo y luego hacer las conexiones para navegar dentro de el y analizar la interfase creada. Es muy sencillo de usar, es gratuito y rápido

Mateo Buitrago

student•

Les recomiendo esta herramienta para hacer test con usuarios con prototipos de invision: https://maze.design/

Camilo Diaz

student•

Para mi fue nuevo el termino “hover” Quiero ampliar mi vocabulario. ¿Que me recomiendan?. Alguna pagina, libro o blog. Gracias

Duvan Carvajal

student•

Te recomiendo aprender a fondo css, te encontraras con esos términos y conocerás muchos otros.

Yuri Añorga

student•

Muchas gracias por el curso, ya tengo las bases para crear prototipos en productos digitales, y eso me encanta, gracias Misael, gracias Platzi.

Jenffry José Bencomo Hernandez

student•

Firma me parece muy completo, además sirve para cualquier sistema Lo recomiendo!

José Liendo

student•

Hola que aplicación recomiendan free para prototypado uso Windows 32 bit

Juan Castro

teacher•

:wave: ¡Hola!

Te puedo recomendar Figma, Power Point (el más nuevo), Adobe XD. Sobretodo Figma porque puede funcionar directamente desde el navegador, sin necesidad de instalar nada. :wink:

Juan Bedoya

student•

Hola

Puedes usar Adobe XD, Figma o Invision Studio