Тёмный

Cómo crear Wireframes para Diseño Web 

UXTips
Подписаться 50 тыс.
Просмотров 107 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 71   
@victorhugobenitezbosques8817
@victorhugobenitezbosques8817 7 лет назад
Hola felicitaciones por estos vídeos, para mí es como agua en el desierto. Soy programador de dispositivos móviles y con tus vídeos empiezo a entender a mis compañeros de diseño sobre su trabajo. Un saludo desde México Puebla.
@UXTips
@UXTips 7 лет назад
me alegro mucho que te ayuden viktor! Si bien esto es parte del proceso de diseño, considero importante (y más en esta etapa) que todo el equipo este integrado. Así que genial que te interese ;) Gracias por tu comentario 😊
@CarlosGomez-rx9sn
@CarlosGomez-rx9sn 7 лет назад
Genial el video me gusto soy desarrollador web y me gustan mas los videos de este tipo ya que son tanto útiles para diseñadores como programadores :D
@UXTips
@UXTips 7 лет назад
Gracias Carlos! 😊
@victorguevara4698
@victorguevara4698 5 лет назад
Genial ya somos dos.... Y de hecho hacer y plantear el diseño, interactividad, etc. Hacer un proceso antes de siquiera pensar escribir una linea de codigo no hace aprender y mejorar cada dia mas... Saludos.
@Juniorista70
@Juniorista70 5 лет назад
Sencillamente una gran explicación de wireframes. Excelente.
@gabrielgerardo7953
@gabrielgerardo7953 3 года назад
Hermosas manos de una mujer ux..... que mas se puede pedir....jeje con mucho respeto y admiracion ....saludos!!!
@danielarotoma1926
@danielarotoma1926 Год назад
Buen video, estoy estudiando programación y tengo que hacer una página web. Esto me ayudó a tener una idea mas clara.
@ramiroproietto6747
@ramiroproietto6747 5 лет назад
Gracias! expresas las ideas con pocas y adecuadas palabras
@nixonjosebrinezmoreno
@nixonjosebrinezmoreno Год назад
🎉❤🎉Que bueno profe. Te felicito,
@victorhuayhuapuma1505
@victorhuayhuapuma1505 5 лет назад
Yo me estoy especializado en el desarrollo web frontend, y la verdad todo lo que haces yo lo pasaría a código html, css con bootstrap y javascript con jquery o vue.js. Muy informativo :) me gusto mucho :) y también muy educativo.
@diarioelmatero1193
@diarioelmatero1193 5 лет назад
Estoy enamorado de tu forma de enseñar, Muchas Gracias!
@victorguevara4698
@victorguevara4698 5 лет назад
Exelente. Solo que en las diferencias tambien existen los mockups. No en todos los paises se manejan como tal por que por ejemplo en mi pais para la mayoria que esta comenzando; los mockups y wireframe son lo mismo, pero si es importante saber esa diferencia. Saludos y muchos exitos.... :D
@Nic01983
@Nic01983 7 лет назад
Hola, una sugerencia simple....la cámara podria estar de manera frontal para ver lo que escibes en tu libreta... :)
@LoboPintadoNRKlob
@LoboPintadoNRKlob 7 лет назад
Eugenia, Muchas gracias por tu aporte de excelente calidad, lo más importante CLARO
@UXTips
@UXTips 7 лет назад
Gracias ⭐
@Edward-ce2lt
@Edward-ce2lt 6 лет назад
Hola Eugenia buen video ;te quiero hacer una pregunta ,con que programas creaste los ultimos 2 wireframes que muestrasal final??
@josemanuelgutierrez4095
@josemanuelgutierrez4095 Год назад
Hola , entonces quiere decir que siempre antes de prototipar tenemos que hacer un wireframe ?? si es asi , que hay de las aplicaciones un poco mas complejas con varias interaciones y varias paginas ??? se realizaria esto de igual manera ???
@gonzafl4577
@gonzafl4577 5 лет назад
Me sirvió muchisimo este video. Gracias !! (Estoy aprendiendo desarrollo web y no conocia esos conceptos ya que no sé mucho sobre la parte de diseño)
@enmanueldiazmelo9371
@enmanueldiazmelo9371 5 месяцев назад
Gracias
@daf80
@daf80 11 месяцев назад
Hola Eugenia, gracias por compartir tus conocimientos. Si me podes responder buenisimo sino no importa. Estoy metiendome en el mundo del diseño web con Figma pero no vengo del mundo del diseño grafico. Estoy aprendiendo a usar figma y a utilizar por otro lado html y css para diseñar. Mi traba esta en el comienzo de todo, como aprendo a realizar wireframes desde una idea que tenga en la cabeza?, no se por donde arrancar.
@UXTips
@UXTips 11 месяцев назад
Viendo ejemplos de muchas apps, sitios web etc que te inspiren y comiences a ver qué patrones de diseño se estan usando. Ya mucho se ha probado con usuario por lo que no tienes que empezar de cero. Lo mejor para comenzar es aprendiendo de otros. Aqui por ejemplo dribbble.com/shots/popular
@adelavalle
@adelavalle 5 лет назад
Hola, Dirías que es productivo hacer los wireframes en versión movil y descktop, de un mismo proyecto o para tí eso se puede obviar?
@leviatanMX
@leviatanMX 3 года назад
Buen video...! a mi me gusta usar Balsamiq Mockups
@juancarloszapata4181
@juancarloszapata4181 5 лет назад
Buen video, gracias
@jairgabrieldelmazoriega3478
@jairgabrieldelmazoriega3478 7 лет назад
Excelente! quedo bien los conceptos de wireframes.
@UXTips
@UXTips 7 лет назад
Gracias!
@moviedev874
@moviedev874 6 лет назад
que buen vídeo...soy estudiante que recién estoy empezando en esto del diseño web y quería saber ¿que sigue después de elaborar el prototipo y cual seria el programa para terminarlo por completo?
@ljchacc
@ljchacc 6 лет назад
Muchas gracias por la explicación y el ejempleo, fue muy claro. Gracias
@villaloboslinda8291
@villaloboslinda8291 4 года назад
hola como por me puedes recomendar un libro para poder aprender hacer la estructura de los espacios wireframe gracias
@erwinboadabohada1340
@erwinboadabohada1340 5 лет назад
hola yo hice un conversor de monedas en sublime tex como haria para eso subirlo a un telefono. en realidad estudio solo y no se mucho apenas incurciono en este mundo perdone mi ignorancia pero como hago para subirlo a mi tlefo y usarlo como una app. si me puede dar una luz.
@dlerner92
@dlerner92 5 лет назад
Están muy buenos los videos que haces! Me sirve mucho ya que soy Diseñadora Gráfica y actualmente me estoy metiendo por mi cuenta en el mundo del Diseño UX/UI. Hice un par de trabajos relacionado a UX pero lamentablemente lo que vi en la facultad fue algo más general y no se dividían en distintas especializaciones. Quisiera saber saber si conoces sobre algún curso gratuito o por lo menos accesible.
@matiastoso1977
@matiastoso1977 3 года назад
Whaaat nanan muy buen videooo.. tenes algún curso en donde enseñes esto??
@UXTips
@UXTips 3 года назад
por ahora solo comparto por aqui o en instagram :)
@jespascual3692
@jespascual3692 7 лет назад
Excelente, gracias
@practicodesign5863
@practicodesign5863 7 лет назад
Hola Eugenia, que buen canal. Yo rara vez hago wireframes en papel, pero no estaría mal que nos recomendaras algunas marcas de libretas para sketch. Saludos!
@UXTips
@UXTips 7 лет назад
Hola! gracias por tu comentario :D Libretas para wireframes te refieres? Bueno yo uso desde libretas comunes hasta hojas sueltas je! pero se que las mas populares son las moleskine.com. Algo muy interesante y que voy a probar en breve son estas hojas con puntos para imprimir www.printablepaper.net/category/dot - Saludos!
@gerardopacheco9521
@gerardopacheco9521 Год назад
alguna herramienta para hacerlos que recomiendes ?
@UXTips
@UXTips 9 месяцев назад
Si, Figma o Sketch, o papel :D
@julioalvarado1833
@julioalvarado1833 6 лет назад
Gracias más videos asi
@AlbertoGuerreroZaroza
@AlbertoGuerreroZaroza 7 лет назад
Hola Eugenia, no cualquiera puede diseñar, por ejemplo, yo puedo saber donde están todos los truquitos y botoncitos de una herramienta, pero si no les doy el toque , la simetría, o podemos decir el buen gusto no sirve de nada. Quizás en próximos videos podrías dar algunos consejos, o tips acerca de lo anterior como diseñadora, para personas como el suscrito puedan enfocarse. También hay unos videos que hablan de las tendencias del diseño web para el 2015, 2016, ..no he visto o hay muy pocos que se atrevan a decir cual va a hacer la moda que viene para el 2017, por ejemplo . continúan los colores flat, fotos a todo lo ancho ese tipo ce cosas. Sin alargarme mas.. me retiro . Buenas Noches 😊✌️️
@UXTips
@UXTips 7 лет назад
Gracias por tu sugerencia Alberto! 😊
@christiandelapena1643
@christiandelapena1643 6 лет назад
Excelente video muy conciso y entendible. Tengo una duda que me gustaría me resolvieran los más experimentados en el tema, esto de los wireframes ¿no estaría más enfocado al UI que al UX? por el tema del diseño o esquema de interfaz (lo de especificar la interacción de los elementos es de UX pero todo lo referente a la estructura del producto (web/app) me parece que va más por el UI. Es una duda que siempre he tenido y que me gustaría me pudieran apoyar. De antemano muchas gracias. Por cierto excelente canal, me acabo de suscribir :)
@UXTips
@UXTips 6 лет назад
Hola Christian! responderé esto en mas detalle en un próximo video así que no te lo pierdas :)
@ReflectionHere
@ReflectionHere 7 лет назад
hola, muy buen video, cómo hiciste el wireframe de baja fidelidad? en qué programa? y el de alta fidelidad? gracias
@UXTips
@UXTips 7 лет назад
Con Sketch :) Puedes ver mis videos de Sketch aqui ru-vid.com/group/PLAd-1AckEO2e88L3qkqVzCZILYrT-qxb5
@SHORELESSPRODUCTIONS
@SHORELESSPRODUCTIONS 7 лет назад
Amor os una pro, muchísimas gracias por tu vídeo pero mira suceden dos dilemas, primero necesito un software gratuito que me recomiendes que opere en windows xp y este en español sea para elaborar plantillas de formularios web el segundo es alguno de estos que me han mencionado que partir de fotos de is dibujos en mis proyectos personales le agregue fluidez si me entendes?, este ultimo puede ser de pago no asi el primero te agradezco tu tiempo
@yimym.7146
@yimym.7146 5 лет назад
Nice video
@qomovirus
@qomovirus 3 года назад
Excelente, a pesar de que ya pasaron 5 años n.n
@gendersoncaro7664
@gendersoncaro7664 2 года назад
no se si les paso, pero cuando empezó a diseñar el Wireframes de la cafetería, automáticamente empecé oler a café.
@UXTips
@UXTips 2 года назад
Jajaja 😊👍
@juanvaldemarcolichonramire407
@juanvaldemarcolichonramire407 7 лет назад
Muy bueno :):)
@juandcg0331
@juandcg0331 6 лет назад
Como programador me gusta la parte del desarrollo del prototipado y wireframe, pero a la hora de del diseño quedo loco, no se me dá por ningun lado. Algún video en el cúal puedas recalcar algunos trucos para mitigar estos problemas?
@juandcg0331
@juandcg0331 6 лет назад
@Ana Maria Muchas gracias por responder. En estos momentos me estoy enfocando en el área del desarrollo Front End como pasante en una empresa de desarrollo, mi objetivo es ser multifacético y llegar a conseguir el dominio como desarrollador web full stack. Estoy aprendiendo muchos tips de Ingenieros y diseñadores en la parte de UI y UX; tienes toda la razón, no hubo mejor forma de aprender que sentarse al lado (literalmente) de un experto en diseño y voy mejorando poco a poco a diseñar en herramientas como Elementor.
@alvarogermainn
@alvarogermainn 7 лет назад
Podes hacer un tutorial de pasar esos wireframes, a alta fidelidad como los muestras al final de video?
@UXTips
@UXTips 7 лет назад
Hola Alvaro! gracias por la sugerencia! para pasarlos a alta fidelidad simplemente ya aplicas el diseño casi final, con contenido real, imagenes reales etc y puedes hacer esto con Sketch o Adobe XD. En los cursos que ofresco aquí puedes ver el proceso completo www.uxtipsonline.com/ Saludos!
@lizhu8427
@lizhu8427 6 лет назад
claro o sea los wireframes van dibujados seria basicamente ( boceto ) y lo que es el prototype es una vez creado en por ejemplo adobe XD ahora mi duda es por que yo muchas veces no creo wireframes sino que los imagino y ya los voy construyendo en prototype ... creo que cuando tenes cancha ya directamente agarras de prototipos pero si los wireframes siempre sirven por que a veces no tenes ideas y dibujando vas tachando borrando etc y generas nuevas ideas.
@daviruiz6327
@daviruiz6327 3 года назад
Esto significa Wireframes ?
@kooper7
@kooper7 11 месяцев назад
eso no es un sketch?
@escorpiodeoctubre
@escorpiodeoctubre 7 лет назад
muy buenos videos, hacele caritas felices a tus dibujos =)
@UXTips
@UXTips 7 лет назад
jaja lo tendré en cuenta para los próximos wireframes :P
@rubenming
@rubenming 6 лет назад
Los menús de hamburguesa mejor a la izquierda no?
@johnyauyo
@johnyauyo 7 лет назад
Lo último que muestras en el video es lo que se suele llamar mockups
@fbnbnz
@fbnbnz 7 лет назад
Perteneces a IXDA por lo que vi :)
@UXTips
@UXTips 7 лет назад
jeje! he participado del grupo local hace un tiempo y de los eventos pero no soy organizadora :D Es un excelente equipo!
@fbnbnz
@fbnbnz 7 лет назад
Muy bien! Aca ixda viña presente
@UXTips
@UXTips 7 лет назад
que bueno!! 😄😄
@incubaagencia7444
@incubaagencia7444 6 лет назад
Buen vídeo, esta todo bien explicado y fácil de entender. www.incuba.pe/diseno-web
@UXTips
@UXTips 6 лет назад
Gracias :D
@lottharortiz1803
@lottharortiz1803 5 лет назад
me enviaron de ISIl lol xd
@rodcastillosuarez8291
@rodcastillosuarez8291 5 лет назад
minuo deperdiciados de mi vida, se supone que todo lo que ya esta escribo en papel lo tienes que levar a la aplicación del wirefram no? dislike
Далее
Cómo crear Wireframes en UX ✍🏼
33:56
Просмотров 20 тыс.
Cómo comenzar a DISEÑAR una WEB o APP
10:17
Просмотров 150 тыс.
What’s your height?🩷🙀💚
00:59
Просмотров 3,6 млн
WIREFRAMES | Qué son? Por qué hacerlos?
4:38
Просмотров 12 тыс.
The 5 Design Principles (But in Web Design)
11:07
Просмотров 73 тыс.
How To Create Your First Wireframe (A UX Tutorial)
12:52
5 UX/UI Portfolios You SHOULD Copy
15:02
Просмотров 97 тыс.
✅ Cómo Vender Páginas Web a Clientes y Empresas
21:34
Figma UX tutorial for beginners - Wireframe
8:41
Просмотров 535 тыс.
What’s your height?🩷🙀💚
00:59
Просмотров 3,6 млн