Cómo comenzar a DISEÑAR una WEB o APP

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ค. 2024
  • El diseño de tu web o app es tan importante como su programación, y debes dedicarle el tiempo necesario. En este vídeo te cuento cómo herramientas como Miro te ayudarán a diseñar tus prototipos (wireframes) de forma rápida y fácil:
    🔗 miro.com/es/wireframe
    📱 Mis redes y enlaces de interés | moure.dev
    🕹 Twitch (En directo de Lunes a Viernes): / mouredev
    👾 Discord: mouredev.com/discord
    🖥 Practica programación: retosdeprogramacion.com
    ⏰ ÍNDICE:
    00:00 | Introducción
    00:37 | La importancia del diseño
    03:04 | La herramienta Miro
    03:56 | ¿Qué es un wireframe?
    04:23 | Primeros pasos
    05:58 | Herramientas de diseño
    08:35 | Herramientas de notas y navegación
    09:10 | Conclusiones
    #Diseño #UI #UX

ความคิดเห็น • 253

  • @mouredev
    @mouredev  ปีที่แล้ว +145

    ¿Conocías la herramienta Miro?
    ¿Quieres más vídeos sobre diseño?

    • @orlandosandovalm.9218
      @orlandosandovalm.9218 ปีที่แล้ว +3

      No la conocía bro, será de gran ayuda. Muchas gracias y sí! mas videos de diseño xfa

    • @salvaaahv2584
      @salvaaahv2584 ปีที่แล้ว +2

      Más videos de diseño porfavor! Estoy en DAM y no se me da muy bien y así puedo entenderlo mejor. Un saludo!

    • @el_yisusT
      @el_yisusT ปีที่แล้ว

      La conocía por el Scrum Master, vamos a ver como se usa en diseño!! Gracias barbitas!! jajaja

    • @antoniorodriguezblanco6894
      @antoniorodriguezblanco6894 ปีที่แล้ว

      Buenss noches. Sí, por favor, un buen diseño como bien dices es fundamental

    • @elcaballerodejunini
      @elcaballerodejunini ปีที่แล้ว +1

      Yo iba a usar Figma, pero este se ve interesante

  • @arteinsectoDIY
    @arteinsectoDIY ปีที่แล้ว +58

    Soy diseñador gráfico (por error de una secretaria ... historia larga), y aunque vivo del desarrollo de software desde hace más de 38 años, NUNCA me imaginé que aplicaría DISEÑO GRAFICO a mis sistemas. El equilibrio en tipografía, colores, texturas, formas, imágenes, etc es MUY importante a la hora de "desarrollar" cualquier aplicación. Lo que enumeras es cierto, nada como ver el marco del "cómo se verá" nuestra aplicación auxilia bastante (mucho) para encontrar el equilibrio visual. Gracias.

    • @SonidoScoobyDoo
      @SonidoScoobyDoo ปีที่แล้ว +3

      38 años programando, sin diseño ? D:

    • @josealexanderperaltaramos2189
      @josealexanderperaltaramos2189 หลายเดือนก่อน

      Jaja quizas solo hizo back end

    • @Alex-ni6ed
      @Alex-ni6ed 28 วันที่ผ่านมา

      A mi me pasa mucho, yo solo se picar codigo y muchas veces tengo que ir editando el codigo y eso es estresante y toma mucho tiempo.

    • @IParzivalMC
      @IParzivalMC 11 วันที่ผ่านมา

      Países en los que nadie te preguntó:

  • @ElPolemista
    @ElPolemista หลายเดือนก่อน +7

    La facilidad que tú tienes para crear esos wireframes yo carezco de ella.
    Le doy mil vueltas y me dan ganas de tirarme por la ventana.
    Gracias por la herramienta

  • @rodrigofernandez2006
    @rodrigofernandez2006 ปีที่แล้ว +5

    Muchísimas gracias por esto, llevo 1 año y medio desarrollando frontend y backend y el diseño de la web siempre ha sido un trabajo complejo para mi, esto es una ayuda increíble

  • @alfonso_alvarez
    @alfonso_alvarez หลายเดือนก่อน +3

    Moure eres lo máximo! Te lo dice un UX que ha aprendido a dar pasos en programación gracias a tus streams, un abrazo

  • @allansoto8971
    @allansoto8971 ปีที่แล้ว +32

    No uso la herramienta pero tiene un potencial enorme!! Mi campo es la ingeniería civil y arquitectura, y aún así este canal me enseña demasiadas cosas, necesito incorporar Miro y Notion a mi flujo de trabajo! 💪🏼 Y claro, la programación.

  • @jorgeandresvalenciaortiz5295
    @jorgeandresvalenciaortiz5295 ปีที่แล้ว

    No conocía esta herramienta, se ve muy util y practica, ademas después de ver que fácil que lo haces la voy a incorporar a mi trabajo.
    Gracias por tu tiempo y buena energía

  • @carlosearagon2024
    @carlosearagon2024 หลายเดือนก่อน

    Brais precisamente estoy iniciando en el mundo de la programacion, vengo de hacer diseno y claro que esta herramienta facilita mucho, por cierto tu voz me ayuda a concentrarme, pausada, mesurada y con buena explicacion, muchas gracias!

  • @ruben093
    @ruben093 ปีที่แล้ว +2

    Muchas gracias por el vídeo. Conocía la herramienta Miro pero no sus capacidades. Debería aplicarla para mi proceso de desarrollado Front-End. Valoro la humildad y claridad con la que explicas.
    Un saludo.

  • @cerm88
    @cerm88 ปีที่แล้ว +11

    Este vídeo es oro molido. Justamente lo que buscaba para no trabajar mucho en figma ya que no soy design ux/ui y poder hacer prototipados rápidos!

    • @aprendiz7164
      @aprendiz7164 ปีที่แล้ว +1

      Sabes cual es mejor en plan Gratuito? yo no puedo pagar suscripciones pero quiero aprender a usar alguna herramienta de estas jaja

  • @evavargas7767
    @evavargas7767 ปีที่แล้ว +8

    Me gusta su voz, me da calma y enseña bien facilito. Muchas gracias :)

    • @Alex-ni6ed
      @Alex-ni6ed 28 วันที่ผ่านมา +1

      Me pasa justo lo contrario. Es como si un princeso o una persona debil me estuviera dando un consejo... pero quiero aclarar a pesar de eso veo sus videos porque su contenido es de los mejores a mi parecer y aprendo mucho. Daludos 🖐

  • @miguedelgado
    @miguedelgado ปีที่แล้ว +2

    Que buen video. La verdad es que no conocia la herramienta pero he visto el potencial que tiene para por ejemplo venderle de una forma visual a los clientes o jefes como quedaria el prototipo de la web

  • @joshuaguzmantineo1169
    @joshuaguzmantineo1169 ปีที่แล้ว

    Es justamente lo que he estado buscando durante mucho tiempo, grandioso video Moure, excepcional!!

  • @lauracordonieheras4284
    @lauracordonieheras4284 ปีที่แล้ว +1

    Conocia la herramienta como pizarra colaborativa si bien no la habia utilizado mucho. Me parece util y con un buen potencial para la ayuda a prototipar y diseñar proyectos.
    personalmente, me va a resultar muy util conocer esta y otras herramientas de diseño.
    Muchas gracias por todos tus valiosos aportes.
    Saludos desde Madrid

  • @juanmanuellongombardo6481
    @juanmanuellongombardo6481 ปีที่แล้ว

    Me encantan tus videos. Lo explicas de una forma tan facil. La herramienta esta buena no la conocia y tiene un potencial tremendo.

  • @josemiguellorenzolara
    @josemiguellorenzolara ปีที่แล้ว

    Llevaba tiempo buscando una herramienta así, muchas gracias!

  • @adolfoantonioramirez5023
    @adolfoantonioramirez5023 3 หลายเดือนก่อน +2

    Excelente brais yo llevo mas o menos 1 año en la parte de backend y esta herramienta es mas fácil que figma excelente solo q podrás ampliar un poco mas el ejemplo es decir mas ventanas saludos desde México

  • @karlozzamaniego8594
    @karlozzamaniego8594 ปีที่แล้ว +1

    No conocía esta herramienta!! Se ve bastante bien
    Muchas gracias por tus videos, son muy buenos y tu forma de explicar es excelente sigue así 👍

  • @cristianalvarado7952
    @cristianalvarado7952 ปีที่แล้ว

    Gracias Moure, realmente la herramienta tiene mucho potencial y me va a a servir de mucho su versión gratuita esta bastante completa a mi parecer, sigue pasando tips de buenas herramientas, saludos

  • @ep4r4
    @ep4r4 ปีที่แล้ว +7

    Ufff que bueno saber esto, en una trabajo anterior lo usabamos pero era otra historia; ¿sera que seguiras con alguna serie de videos de este tipo desde el punto de vista de un desarrollador como lo has hecho con este video?

  • @razahumano3609
    @razahumano3609 ปีที่แล้ว

    Se ve muy interesante...y como bien dices este tipo de herramientas nos ahorran tiempo y nos pueden ayudar a simplificar un poco nuestras ideas... No lo conocía asi que gracias por el dato

  •  27 วันที่ผ่านมา

    Wow!! Increíble… no te conocía… acabas de eliminar un embotellamiento de mi cerebro durante años! No conocía esta herramienta.. sinceras felicitaciones además de lo bien que explicas, me suscribo y saludos desde Venezuela.

  • @libeliapompa
    @libeliapompa ปีที่แล้ว

    No la conocía pero sin duda Miro es una herramienta súper util para el diseño. Me encanta para la creación de mapas mentales y facilita la primera fase del proyecto: El protipado. En cuanto a su pregunta; si, me gustaría conocer más herramientas de diseño.
    Gracias Sr. Brais Moure por facilitar nuestro camino a la Programación.💟💟💟

  • @tenshimori
    @tenshimori ปีที่แล้ว

    Me gusto mucho el video, no conocía esta herramienta y creo que me puede ayudar mucho, gracias Brais, siempre con buenos consejos.

  • @kyokobm6866
    @kyokobm6866 ปีที่แล้ว +2

    Justo JUSTO me preguntaba últimamente como podría empezar a diseñar algunos proyectos que tengo en mente :0
    Muchas gracias por presentar esta herramienta, Moure. ¡De verdad, gracias! 🤗🤗

  • @user-ee4og8rm8v
    @user-ee4og8rm8v 5 หลายเดือนก่อน

    ¡No sabes la lo que me has ayudado con este vídeo! de verdad muchas gracias, es muy útil.👍👋

  • @jaum0603
    @jaum0603 ปีที่แล้ว

    Muchas gracias, excelente video como siempre.

  • @guillermorodriguezcespedes5345
    @guillermorodriguezcespedes5345 ปีที่แล้ว +1

    Esta muy buena esa herramienta la voy a probar, por que uno pierde mucho tiempo diseñando y codificando te ganaste mi like, eara super.

  • @CesarCastro-gy8tm
    @CesarCastro-gy8tm หลายเดือนก่อน

    Muchas gracias por el tutorial, justo lo que necesitaba.

  • @dannysaman6707
    @dannysaman6707 ปีที่แล้ว +9

    Sería interesante una sección de diseños de Apps :D , es algo que creo mayormente a los programadores no tomamos en cuenta.

  • @KrazyJ0k3r
    @KrazyJ0k3r ปีที่แล้ว +2

    Eres un genio 😎 y lo sabes.
    Te llevo viendo 1 semana, y no creo que pare.
    Muchas gracias por todo el contenido que tienes desde hace años!
    Me encanta el mundo que te has montado. Discord, twitch, GitHub...
    Con cada video que veo, al principio siempre tengo una pregunta... de donde sacas esas pedazo de camisetas! 🤪

  • @PeladoMarketingDigital
    @PeladoMarketingDigital 4 หลายเดือนก่อน

    GRACIAS! LA VERDAD QUE ES EXCELENTE! EXPLICAS MUY BIEN TODO, DE VERDAD GRACIAS, CUADNO TERMINE DE DESARROLLAR MI APP TE ESCRIBIRE Y MECIONARE POR TODOS LADOS QUE PUEDA, SALUDOS DESDE MISIONES ARGENTINA

  • @epcores
    @epcores 10 หลายเดือนก่อน

    Buscando sobre UX/UI me tope con tu canal, me sirvio mucho este video, gracias!

  • @petermunoz1221
    @petermunoz1221 ปีที่แล้ว

    Brais muy buen aporte, me hacia falta este video, muchas gracias

  • @irradev
    @irradev 9 หลายเดือนก่อน

    Muchas gracias es justo lo que estaba buscando!

  • @iznatorafvalen
    @iznatorafvalen ปีที่แล้ว

    No conocía esta herramienta pero me ha parecido muy interesante. Muchas gracias por la información!!!

  • @nahuelgaleano2267
    @nahuelgaleano2267 4 หลายเดือนก่อน

    Muy buena recomendacion, justo lo que necesitaba. Gracias!!

  • @gustavodellac6044
    @gustavodellac6044 ปีที่แล้ว

    Impresionanteee!!! Muchas gracias por la info, me ayuda muchísimo !! 🙌

  • @javiervelasco1373
    @javiervelasco1373 ปีที่แล้ว

    Gracias Moure por tus videos. Información de gran calidad. Espero poder ver más videos sobre diseño web y apps móviles en lo posible. Gracias

  • @josuealbelaez
    @josuealbelaez ปีที่แล้ว

    Excelente herramienta.
    Se ve sencilla de usar. Ya voy a probarla.
    Gracias

  • @Altilium1
    @Altilium1 8 วันที่ผ่านมา

    No, no la conocia y me parece una herramienta bastante buena y util.
    Gracias por compartir el video y el conocimiento

  • @ElprofeM
    @ElprofeM ปีที่แล้ว

    Genial Moure, me gustó la herramienta.

  • @javidesarrolloweb
    @javidesarrolloweb ปีที่แล้ว

    Hola Genio, no conocía esta herramienta, muy buen video y tenes toda la razón lo mas importante a la hora de hacer una web o app lo mejor es hacerla o en papel o en esta herramienta, gracias por compartir tus conocimiento un saludo

  • @davidramirez9727
    @davidramirez9727 ปีที่แล้ว

    Gracias por compartir Moure 😃

  • @bot6731
    @bot6731 2 หลายเดือนก่อน

    ya habia usado miro pero nunca vi todo el potencial que hay, me quede sorprendido, gracias. Volveré para atras y apoyarme en miro .

  • @Bombe1006
    @Bombe1006 ปีที่แล้ว

    Excelente herramienta, la verdad desconocía de su existencia. Me es muy útil para el diseño web.

  • @anonymousnoname6526
    @anonymousnoname6526 ปีที่แล้ว +1

    Muchas gracias por la herramienta, justo a tiempo para un proyecto que estoy haciendo en el cual estoy peleando con el diseño ya tengo la lógica lista

  • @bernardosandoval6911
    @bernardosandoval6911 ปีที่แล้ว +1

    Oye esa herramienta está super, yo soy desarrollador móvil y a veces no cuento con diseñadores, y usaba figma pero me costaba mucho porque no soy diseñador 😅 y con esta creo que se me va a facilitar la vida.
    Pd. Ya tiene unos meses que me suscribí a tu canal y la verdad me encanta el contenido que publicas, porque me vas ayudando a encontrar un marco de referencia a problemas que me van surgiendo en mi día a día como desarrollador.

  • @MrMartinezDev
    @MrMartinezDev ปีที่แล้ว

    Como siempre: aportazo! Gracias

  • @fundalab6826
    @fundalab6826 ปีที่แล้ว

    Gracias por estos aportes. Buena herramienta para el proceso de desarrollo. No la conocía. Ya Estoy empezando con ClickUp pero esto está muy útil para el diseño de la aplicación.

  • @Gabriel_pdu
    @Gabriel_pdu ปีที่แล้ว

    Excelente muchas gracias Moure!

  • @victor.design
    @victor.design หลายเดือนก่อน

    Wow, se ve muy poderosa y funcional para todo el proyecto web. La estoy probando inmediatamente. ❤‍🔥

  • @-Fjolnir-
    @-Fjolnir- ปีที่แล้ว

    creo que es la mejor app que he visto en mi vida! la verdad le voy a sacar mucho provecho a esto XD muchas gracias!!!!

  • @luisrodriguez8135
    @luisrodriguez8135 29 วันที่ผ่านมา

    Se ve brutal 😊. Yo me anoto a usarla

  • @JaneKateKiu
    @JaneKateKiu ปีที่แล้ว

    Genial! Llevo siguiéndote desde el curso de git en Twitch y me gustas mucho :)
    Cualquier info sobre diseño es bienvenida :)
    Gracias!!!

  • @eduardoluna3331
    @eduardoluna3331 ปีที่แล้ว

    Gracias por el aporte man! no conocía esa herramienta! muy útil. Muchas Graciuas

  • @aruyesin
    @aruyesin ปีที่แล้ว

    Excelente aporte Brais Gracias 👏👏👏

  • @acostaneil
    @acostaneil 28 วันที่ผ่านมา

    Justo el video e información que estaba buscando. Lo recomiendo!

  • @amocutheboss
    @amocutheboss ปีที่แล้ว

    Fantástica herramienta, no la conocía. Me la apunto

  • @franciscoangelromerotepal5373
    @franciscoangelromerotepal5373 ปีที่แล้ว

    Justo lo que mas necesitva, Gracias

  • @norbertovaldeon5638
    @norbertovaldeon5638 ปีที่แล้ว

    Excelente herramienta ! Muchas gracias por el aporte , me pondre a experimentar ! Un saludo!

  • @KayKun.
    @KayKun. ปีที่แล้ว

    el video que necesitaba en mi vida, gracias dios griego moure

  • @EnriqueRuizBlanco
    @EnriqueRuizBlanco ปีที่แล้ว

    Excelente, como todos los aportes de este canal!

  • @juanpedrososa1118
    @juanpedrososa1118 ปีที่แล้ว

    Muy buena herramienta, gracias por compartirla

  • @igorduran63
    @igorduran63 ปีที่แล้ว

    Gracias gracias, muy buen material muy desconocido para mi.

  • @vict0ria_23
    @vict0ria_23 หลายเดือนก่อน +1

    Me encanta! Es de mis favoritas ❤ soy diseñadora UI

  • @fredyrodriguez4172
    @fredyrodriguez4172 ปีที่แล้ว

    me encanto tu video moureDev es una plataforma fabulosa

  • @IamLink__
    @IamLink__ ปีที่แล้ว

    Gracias bro eres un capo

  • @pablogarciapda
    @pablogarciapda ปีที่แล้ว

    Moure, me parece una aplicación fenomenal, gracias

  • @luisloyola3591
    @luisloyola3591 ปีที่แล้ว +1

    Me comí la publicidad encantado, solo para apoyar el contenido. Saludos!

  • @rab0587
    @rab0587 หลายเดือนก่อน

    Brutal aporte 👍🏼

  • @RickGarRey
    @RickGarRey 8 หลายเดือนก่อน

    Brais, acabas de salvarme el semestre. Video recomendado

  • @SonidoScoobyDoo
    @SonidoScoobyDoo ปีที่แล้ว

    Muy buena, no la conocia, gracias!

  • @juliopenamatamoros760
    @juliopenamatamoros760 ปีที่แล้ว

    excelente, no sabia que existía esa herramienta de diseño👍

  • @arielgonzalezmesa8065
    @arielgonzalezmesa8065 ปีที่แล้ว

    No la conocía, y la verdad que es muy funcional

  • @raulzarza2018
    @raulzarza2018 ปีที่แล้ว

    se ve nice, la probaré

  • @elbauldesantiago5842
    @elbauldesantiago5842 ปีที่แล้ว

    acabas de salvar mis primeros proyectos como programador

  • @ohadrobles
    @ohadrobles ปีที่แล้ว

    Excelente información.

  • @Cerebrito47
    @Cerebrito47 29 วันที่ผ่านมา

    Genial Brais me ha resultado super útil. Yo antes usaba Keynote o Freeform, pero creo que esa herramienta va a ser mucho mejor.😊

  • @jonathanbriceno3865
    @jonathanbriceno3865 ปีที่แล้ว

    Caramba...brutal video.
    Sin duda alguna eres mi norte, te admiro un monton:
    Espero tener tu nivel algun dia.
    Inmensamente por todo tu contenido.

    • @mouredev
      @mouredev  ปีที่แล้ว

      Mil gracias por tus palabras 🙌

  • @intecdown6145
    @intecdown6145 ปีที่แล้ว

    Es una buena herramienta la he estado usando hace dos años

  • @ezequielgarcia4609
    @ezequielgarcia4609 ปีที่แล้ว

    Ostras, yo uso la misma App, es genial como herramienta para diseñar, que bueno 😊

  • @vamosahacerlo
    @vamosahacerlo ปีที่แล้ว

    GRACIAS¡¡¡
    Excelente video, justo lo que necesito para comenzar a desarrollar mi app. un sub mas...

  • @martinchocho4102
    @martinchocho4102 26 วันที่ผ่านมา

    Epico el video Brais, super util

  • @pielbonitaa8356
    @pielbonitaa8356 3 หลายเดือนก่อน

    espectacularrrrr!!!!
    Gracias!!

  • @leandroroldan959
    @leandroroldan959 ปีที่แล้ว

    Muy bueno! Gracias!!

  • @ortfactory4580
    @ortfactory4580 ปีที่แล้ว

    Gracias por tus consejos bro

  • @alejandrorios6999
    @alejandrorios6999 ปีที่แล้ว

    Gracias!! Se ve bastante buena esa app. No la conocía

  • @thecoolestdog1923
    @thecoolestdog1923 ปีที่แล้ว

    Excelente vídeo!

  • @Br4nd0nS4n7os1995
    @Br4nd0nS4n7os1995 ปีที่แล้ว

    Se ve prometedora.

  • @SOMNIART3D
    @SOMNIART3D ปีที่แล้ว

    Que podemos decir, simplemente ¡¡¡GRACIAS!!!

  • @rodolfojosecalmenperoza3915
    @rodolfojosecalmenperoza3915 ปีที่แล้ว

    Me parece interesante la herramienta la voy a probar gracias por el vídeo saludos desde Venezuela

  • @paola4857
    @paola4857 ปีที่แล้ว

    Guau que genial muchas gracias por tus videos

  • @jimbo3725
    @jimbo3725 ปีที่แล้ว

    no sabia que se podia hacer en miro XD gracias Moure😉

  • @NelsonJus-ki3zw
    @NelsonJus-ki3zw 28 วันที่ผ่านมา

    MoureDev, sos un verdadero man...!!! Gracias...

  • @etzel-4522
    @etzel-4522 หลายเดือนก่อน

    Gracias por la información, en estos momentos me hacia falta una idea al respecto, ya estoy revisando la aplicación en su versión free

  • @luisjesuslopezaguilera432
    @luisjesuslopezaguilera432 26 วันที่ผ่านมา

    Geeenial. No la conocía. ❤❤

  • @spriggan9303
    @spriggan9303 ปีที่แล้ว

    Que buen video 😃😃

  • @johanarleybaguihurtado8616
    @johanarleybaguihurtado8616 หลายเดือนก่อน

    gracias bro, muy util

  • @jillhenry9347
    @jillhenry9347 หลายเดือนก่อน

    Me has salvado la vida