Para qué Perder el Tiempo Diseñando

[@edcampos8747]

Tenía las mismas dudas de los comentarios del comienzo pero ahora lo dejaste bastante claro. Gracias.

[@DiaorvaDesign]

¡jaja holaa! youtube me sugirió el video y me gustó mucho. A veces uno no piensa en estas cosas hasta que te preguntan o hacen comentarios que revelan que existen estas dudas o incluso molestias por no poder pasar de diseño a código a producción mágicamente (entre otras cosas que no pasan mágicamente). Qué buen canal, yo acabo de empezar uno con el objetivo de compartir información útil a quien le interese el diseño, ya que veo que no hay tanta info en español. Saludos desde México

[@FranciscoAMK]

Buenísimo, mucho éxito con tu canal

[@DiaorvaDesign]

@@FranciscoAMK ¡ Muchas gracias !

[@carmen3378]

Muy buena aclaración. Me ha servido para orientarme y tomar decisiones en mi formación. Muchas gracias Francisco, ahora mismo acabo de empezar el curso que tienes en Domestika sobre el diseño de interfaces, mi intención es conocer todos los pasos del diseño web para trabajar como freelance. Mil gracias por tu forma de comunicar.

[@valecbcb]

Genial video Francisco! Yo no trabajo de esto aún pero sí estoy estudiando desarrollo web y me ha servido muchísimo maquetar/diseñar antes la idea que simplemente empezar en blanco, desde cero.

[@FranciscoAMK]

Excelente :)

[@zuckerman93]

Genial vídeo Francisco, todo explicado súper claro y sencillo. Es enorme el valor que nos aportas con tus contenidos, mil gracias siempre

[@FranciscoAMK]

Muchas gracias Mario :)

[@upwardstudies6240]

Hola Francisco, en nuestro caso somos 3 trabajando, y hacemos la separación entre diseño e implementación de un sitio, creo que depende mucho también del valor que le des a tu trabajo, ya que para nosotros el valor real es el diseño de experiencia, el copywriting y el diseño más visual del sitio, pero ese en realidad es nuestro aspecto diferenciador, y creo que el hecho de diferenciar las etapas no solo ayuda a trabajar más ágil (que es cierto porque hemos aplicado ambas modalidades) sino que también ayuda a cobrar como corresponde, a darle valor a lo que de verdad lo tiene, el cómo contamos la historia de la marca, y cuán cómodos hacemos sentir a la persona que aterrice en el sitio web es lo que nos diferencia como agencia o diseñador. Mucha gente puede hacer la implementación de un sitio, algunos con código más limpio que otros, pero ninguna otra agencia o diseñador comprenderá la marca como uno, y por ende ninguno/a dará la misma solución que la que da uno, ni mucho menos la misma forma de contar el mensaje ni de estructurarlo y plasmarlo visualmente. Cuando le explicamos a los clientes que hay dos etapas se logra hacer mayor hincapié en cada una de ellas y logran entender cómo funciona todo ya que se les hace todo más simple y lógico. Un gran saludo Sensei🙏🇨🇱

[@FranciscoAMK]

Tampoco es como que "cualquiera" pueda desarrollar bien. Un buen diseño con un mal desarrollo igual no queda bien, la idea es un equilibro de calidad de ambos elementos.

[@upwardstudies6240]

@@FranciscoAMK gracias por la corrección y estoy de acuerdo con ello🙌 me expresé mal y espero que eso no haya entorpecido lo que quería comunicar, que era nuestra percepción en base a nuestra forma de trabajar y lo que nosotros valoramos más en lo que hacemos, que son del tipo de proyectos simples que nombraste en el video y que no requieren tanta capacidad y conocimiento en desarrollo😅

[@albertgimenole8089]

Totalmente de acuerdo.

[@FranciscoAMK]

Y yo estoy de acuerdo con tu comentario.

[@albertgimenole8089]

Uno mismo tiene que darse cuenta del porque. Escuchar mucho, leer mucho, practicar mucho y pensar “un poco” #muy importante prácticamente en cualquier disciplina profesional.

[@alfredodoradomartinez7111]

Saludos desde México, soy Economista de profesión, formulo proyectos de inversión y planes de negocios, así mismo coordino y ejecuto proyectos, y hace tiempo me toco coordinar un proyecto tecnológico de una cámara empresarial, la cual demandaba la realización de un sistema, así como la realización de un plataforma digital para un nuevo modelo de negocios del propio organismo, así que se contrato el equipo de desarrollo para que fueran encargados de dicho tarea, y paso tal como describes en tú video, en el cronograma con base a los desarrolladores todo iba tener un periodo de 10 meses, ya finalizado con pruebas, implementación y todo.... y no fue así, nos atoramos mucho con el diseño, los requerimientos, y eso nos llevó a tener reuniones de semana tras semana, solo para ver cuestiones de la modificación o agregar simplemente un botón, el color y la forma del mismo. Todo eso fue muy desgastante lidiar todo ese trabajo, y no fue si no hasta que una chica de diseño gráfico con especialidad en el diseño de interfaz y sistemas web, nos ayuda a desatorar todo el proyecto, lo cual hubiésemos ahorrado bastante tiempo y desgaste en lo personal, ya que no se nos hubiese convertido algo incontestable de manera financiera, tanto para los desarrolladores como a mi equipo de coordinación, ya que el tiempo se nos fue a más de 12 meses.

[@FranciscoAMK]

Gracias por compartir 🙌

[@brauliogarcia1836]

Excelente video Francisco. Creo es una muy buena explicacion del como se trabaja el diseño/desarrollo de sitios y applicaciones digitales. En lo personal esto es como una clase de introduccion al desarrollo/diseño profesional.

[@FranciscoAMK]

Qué bueno que te sirva :)

[@fordall-vip]

Yo instale Adobe XD gracias a sus vídeos de recomendación y yo Trabajo mis Artes con Corel Draw 100% pero le digo tengan Instalado Adobe XD es muy bueno y muy práctico utilizó Adobe XD y Corel Draw y son una función muy poderosa a mi parecer.... Les recomiendo 100% Adobe XD y sigan las recomendaciones de Francisco!! Estamos para aprender y aportar lo aprendido para los demás gracias Francisco por seguir con tus Vídeos !!😋

[@FranciscoAMK]

Gracias Edwin :)

[@MrEduleon78]

Muy importante esa aclaratoria, antes que nada debe haber respeto por el trabajo de los demás y más cuando uno se está iniciando... Solo haré una observación... Cuando uno es autodidacta, uno desconoce muchas cosas, pero también hay un detalle que muchos de los que hacen los videos por KZbin solo por ganarse los likes pintan esto como Alicia en el país de las maravillas, pero la realidad es que esto es muy serio, pero mas son las dudas que uno le surgen y es muy difícil aclararlas por qué muchos ni sí quiera responden los comentarios.. Solo les interesa el like

[@FranciscoAMK]

Lo bueno es que de eso no pueden culparme, le respondo hasta a los haters jeje y trato de pintar el panorama con cierta realidad, con videos como este, que en lugar de tratar de ridiculizar estas visiones, intento ofrecer perspectiva... dentro de lo que puedo.

[@eliezerorama3983]

Particularmente no uso herramientas de diseño y prototipado, pero me vengo planteando muy seriamente hacerlo, por que eso es más profesional y que los clientes en el camino van solicitando muchos cambios que de contar con el prototipo lo podemos pulir y al aprobar se puede volcar todo y ya quedar el tema de ux testing.

[@FranciscoAMK]

Te recomiendo probarlo y ver si es una mejora en tu proceso ;)

[@eliezerorama3983]

@@FranciscoAMK una razón por la que estoy suscrito a tu canal 😉

[@carlosmaya8049]

¡Grande Francisco! muchas gracias por tu esfuerzo.

[@FranciscoAMK]

Para eso estamos :)

[@Xoxodsgn]

Adobe xd es lo mejor, obvio depende para que lo quieras usar. Yo lo he utilizado para hacer prototipos y darle una idea al desarrollador informático, es demasiado útil para eso, porque igual hay que seguir un manual de normas gráficas y un sin fin de cosas, y sobre todo si el tiene una idea pero no sabe ejecutarla, normalmente los que somos diseñadores tenemos otro punto de vista, lo ideal es siempre trabajar en equipo cuando son proyectos grandes, tal vez si estás solo puede ser que te tome mucho tiempo más hacer prototipos en adobe xd, pero eso lo debe evaluar cada uno e incluirlo en el presupuesto. los que dicen que adobe xd es inútil y perder el tiempo están muy equivocados, yo creo que incluso es mucho mejor que hacer bocetos a mano, ya que el desarrollador puede ver todo estructurado, donde va todo, los colores etc, y más que nada es tener buena comunicación con el desarrollador, y siempre ir viendo los prototipos como van avanzando y decir si eso es posible o no, normal mente todo se puede hacer. mucho texto

[@godoyphotoshoot]

El problema es que en latinoamérica no hay clientes suficientes que paguen y entiendan el valor que implica todo el proceso que requiere el trabajo de diseño profesional, y que debe contar de un equipo, estudio de diseño o agencia de publicidad para realizar esos proyectos soñaos. Para el *freelancer* es distinto, el independiente tiene que competir y sacarse del paso un montón de factores que tiene en contra. Es por eso que creo que un *diseñador web profesional* en el caso especifico del *diseño y desarrollo de sitios web & e-commerces* tiene que ahorrar tiempo y decidir rápido que está bien y que no en la implementación por ejemplo del layout, ubicación de contenidos, colores o tipografías que se van a usar, haciendo eso fluidamente y mentalmente sobre la marcha con código desde la maqueta html - css ... creo que el diseñador gráfico especializado en web se puede desempeñar bien estudiando y aprendiendo a usar herramientas clave como WordPress, Hml, Css, Visual Studio Code, Illustrator, Photoshop, Foundation, Bootstrap. etc... además con WordPress(.org) siempre se pueden usar Themes profesionales multifuncionales muy buenos para trabajar en los proyectos de los clientes.

[@FranciscoAMK]

Es cierto lo que dices con ese tipo de sitios, de hecho, por eso los incluí en el tipo de proyectos en donde diseño y desarrollo pueden ir de la mano.

[@napal24]

por lo general son los novatos o "desarrolladores" con una pesima administracion de tarea los que consideran estas herramientas como "innecesaria" yo hace poco hice un proyecto con muchas partes que me parecian muy complicadas y no sabia como desarrollarlas asi que opte por programar de forma separada cada parte complicada del proyecto, entre ellas el diseño de la web tarde aproximadamente 1 semana en hacer el prototipo de los elementos mas dificiles de mi webapp y el diseño en figma una ves tenia todo preparado para empezar, no me tomo mas de 2 dias desarrollar el proyecto ya que tenia todo servido en bandeja, entre ellos el diseño, que pensarlo antes en figma me lo dejo mas facil a la hora de escribir el CSS ya que sabia EXACTAMENTE lo que queria hacer

[@FranciscoAMK]

😎 Muy bien

[@mariotello999]

Excelente consejo... muchas gracias y lo tomare en cuenta en el futuro...

[@FranciscoAMK]

Genial :)

[@mardelarocha]

Creo que también es importante decir que un % alto de las empresas, estudios, etc. de diseño, a la hora de buscar personal, no tienen en cuenta esto.. directamente buscan "diseñador gráfico con conocimientos en UX/UI, Figma, XD, Wordpress, PHP, JS, Excel, AI, PS, inglés avanzado y que sirva café mientras probamos la web". Ese también es un problema.

[@FranciscoAMK]

Claro, pero una cosa es que busquen a alguien que haga todo (que ya es un problema en sí) y otra cosa (que es lo que toca el video) es que no haya una separación entre las etapas al momento de trabajar.

[@mardelarocha]

@@FranciscoAMK claro, pero muchos estudios pretenden contratar a una sola persona para que haga todo. El problema viene desde ahí.

[@icaro2m]

Más claro imposible... Todo lo contrario parte de la más profunda ignorancia. Nadie nace sabiendo todo, pero hay que estar abierto a prender como se hacen las cosas BIEN.

[@FranciscoAMK]

Así es, por eso hay que estar abierto a aprender

[@maximediastore]

Ahora comentando el video, para la experimentación es necesario PAPEL y LAPIZ, lo primero que enseñan en la U es que nunca, jamás se abre Adobe (el programa que sea) para comenzar a diseñar una idea... es errado. Lo ideal no funciona para todos, pero es un consejo que sirve para lograr objetivos dentro del tiempo estimado. Todo depende pero es lo que funciona al menos para mi, luego de lograr una rutina termina funcionando. El desarrollo posterior, siempre va a estar ligado al diseño, nunca a parte. Saludos.

[@FranciscoAMK]

Igual es medio un mito eso. Yo sí prefiero usar papel y lápiz (o dibujar con el lápiz en el ipad) antes de pasar a lo digital, pero eso no quita que uno pueda experimentar directo en el software y llegar a buenos resultados. De hecho yo lo he hecho muchas veces y eso no quita que los diseños finales sean de buena calidad. No me gusta eso de que en la academia se enseñe eso de "jamás hacer tal o cual cosa", cada profesional debe encontrar su camino y, si es suficientemente prolijo en una herramienta de modo que no limite su exploración, ¿qué importa si se salta el lápiz y papel?

[@maximediastore]

@@FranciscoAMK OK por eso dije clarito: todo depende, si a alguien le funciona, bien por él. Yo no considero que sea un MAL consejo, porque te abre un camino, al no ser experto en manejar el software, pocos lo dominan de buena forma en un comienzo, por ende, el papel y el lápiz te ayudan a concretar mejor una idea de manera que fluyen mas rápido al dibujarla: por ejemplo una idea para un logo, la vas experimentando a medida que vas borrando y corrigiendo, hasta que quedes con algo que te gusta y de ahí, pasar al soft. No es necesario que estemos de acuerdo, pero si estoy de acuerdo que también es posible que algunos lo hagan de la otra forma y les resulte. Los mas puristas quizás siempre van a promover que nunca dejemos de usar un lápiz, la herramienta más básica y simple para plasmar una idea.

[@maximediastore]

Jajajaja me sacaste una carcajada con eso de “Diseñollo” 😆 jajajajaja

[@FranciscoAMK]

#diseñollo

[@fgprado]

#diseñollo

[@FranciscoAMK]

😎

[@eeelvid]

Hacer las dos cosas al tiempo simplemente es complicarse la vida, pues cada cambio en el diseño toma más tiempo pues se hace desde el desarrollo, en cambio por separado se pueden hacer todos los cambios necesarios y rápidamente... una vez ya teniendo el diseño establecido el trabajo del desarrollador simplemente es más cómodo y de eso se trata que ambas partes se complementen, no que se choquen y se peleen entre ellas.

[@FranciscoAMK]

Sabias palabras

[@diegoarce4342]

De hecho los que hacen ese tipo de comentarios creo que no tienen en claro lo que hacen, un simple ejemplo, yo estuve trabajando como diseñador gráfico en una agencia de diseño web, los que desarrollaban las páginas tenían que hacer una web en base a una plantilla general y las ideas del cliente, luego tenian que modificar un montón de cosas que el cliente les pedía durante la semana, le dije a mi jefe el por qué no mandaba un prototipo usando XD y así se evitaba tener que modificar una página ya hecha, me dijo que le parecía una pérdida de tiempo, hasta que cuando un nuevo cliente nos contactó hice un pequeño prototipo y se lo mostré, solo mandó a hacer unas cuantas correcciones y el equipo de desarrollo terminó el trabajo en menos tiempo con pequeños cambios extra y aún así el jefe solo de vez en cuando mandaba prototipos, aunque solo estuve trabajando 2 meses, por qué el jefe se metió en cosas de política turbia y sinceramente creo que lo importante es mantener la ética como profesional.

[@FranciscoAMK]

Guao, no me esperaba ese último plot twist 🤯

[@Jesumigui]

porque me apasiona y me gusta

[@FranciscoAMK]

Me parece muy bien

[@julioclavijol]

Por que vale cada segundo, Saludos desde Colombia. pd El ahorro de tiempo que te da una maquetación supera al de la programación.

[@FranciscoAMK]

Por ahí va la cosa más o menos

[@kaima8084]

Alguien que ponga en duda porqué existe el proceso de diseño, solo puede ser por falta de experiencia profesional. Entiendo que alguien que programa o se haga una web por hobbie lo encuentre una perdida de tiempo, pero alguien que aspire a ser un buen profesional si piensa así, mejor que no lo diga :D y que tenga en cuenta que comete un error muy importante si ignora el diseño.

[@FranciscoAMK]

Ese es el objetivo del video, invitar a estas personas a empatizar con otras realidades y proveer una visión más completa a aquellos que recién comienzan.

[@kaima8084]

@@FranciscoAMK Seguro que servirá buen video. Gracias por tu contenido. Saludos.

[@nativoluis]

Por qué pierdes tiempo diseñando? mejor lo hago yo mientras lo programo....... queda horrible, poco intuitivo, nada usable. Fin.

[@FranciscoAMK]

Para qué pierdo tiempo haciendo videos jejeje

[@nativoluis]

@@FranciscoAMK que conste que estoy a favor tuyo, lo digo en caso de que haya redactado mal el comentario anterior.

[@FranciscoAMK]

Se entiende master 🤗

[@brayhanmendozabenites3714]

Todo esto se puede resumir en: prefieres escribir código inventando cosas de tu mente, borrando, cambiar color a cada rato o prefieres ver una “plantilla” y codificar en base a eso? Fin

[@FranciscoAMK]

Te lo resumo así nomás

[@delia_jauregui]

Me encanta tu contenido, muchas gracias, tengo una pregunta..... ¿Cómo es tu relación con el equipo de desarrollo? ¿Cómo logras que te vean con respeto y como un elemento importante y necesario para el proyecto? Saludos

[@FranciscoAMK]

Hola, respondo las preguntas: - Buena :) - No tuve que ganarme el respeto. En un equipo profesional no es algo que tengas que ganarte, sino que viene dado... aunque sí puedes perderlo. La importancia del trabajo realizado se ve reflejado en cosas como la anécdota que conté.

[@MrHyde1920]

En el mundo de estos personajes, el arquitecto tambien deberia pegar ladrillos.

[@FranciscoAMK]

🤷‍♂️

[@yotham.arenas]

En resumen: no construyes una casa conforme vas queriendo cuartos y escaleras

[@FranciscoAMK]

25 minutos resumidos en 5 segundos jejeje

[@victorparra1936]

Para que perder el tiempo diseñando una casa y un edificio? Jaja y si con Bravo studio o anima app ya se puede exportar el código que sea bueno o malo no se pero es muy útil

[@FranciscoAMK]

Me gusta tu sarcasmo. Aprobado 👍

[@luiscabeza7839]

Buen dia Profe, como diria #Thanos es invitable que el diseño y la programacion no trabajen juntos.

[@FranciscoAMK]

Solo pueden unirse con un chasquido