Tecnología, Internet y juegos
181 meneos
7535 clics
Este YouTuber arregla webs mal diseñadas para que sus desarrolladores (y cualquiera) aprendan sobre UI

Este YouTuber arregla webs mal diseñadas para que sus desarrolladores (y cualquiera) aprendan sobre UI

Steve Schoeger es un YouTuber con una misión muy específica: analizar el diseño de páginas web enviadas por sus desarrolladores, mostrando cuánto pueden mejorar haciendo unas ligeras modificaciones. Ha llamado a esta serie de vídeos "Refactoring UI", y de momento su canal ya cuenta con siete vídeos. En ellos, durante más de 10 minutos, enseña algunas buenas prácticas para mejorar la interfaz de usuario de dichas páginas.

| etiquetas: youtuber , paginas web , diseño , ui , arte
96 85 5 K 284
96 85 5 K 284
  1. Le han pasado la de RENFE ya?
  2. #1 Venía a decir lo mismo xD
  3. Con las webs de finales de los 90 y principios de los 00, tendrá para llenar YouTube él solo :troll:
  4. #1 No hay huevos... Fijo que con solo mirarla le da un cortocircuito neuronal.
  5. #1 #2 En el poema original de Pisandro de Cámiros, la sibila délfica propuso a Heracles dos alternativas, o arreglaba la web de Renfe, o tendría que realizar los 12 trabajos que le propusiese Euristeo....
  6. La pagina de la Casa Real necesita un recauchutado ...

    Manda narices que se pague dinero (de todos) por algo que claramente no esta acabado.
  7. A la de la RAE que parece que hagas un viaje al 2004 www.rae.es/
    Y en general a todas las del estado que dan vergüenza ajena, deberían fijarse en las gubernamentales del Reino Unido, son un gran ejemplo de funcionalidad, accesibilidad y usabilidad.
  8. #6 No he entrado (ni ganas). Pero si es así como comentas no lo veo tan mal. Es un reflejo claro de la institución a la que representa. :troll:
  9. ¿Alguien sabe cual es el software que usa?
  10. #9 la verdad que esta genial. En este video se ve: www.youtube.com/watch?v=5gdYHlYAKDY parece que es Sketch
  11. #7 En una época oscura de mi vida trabajé para cárnicas, en varios proyectos para entes públicos, uno estatal y varios a nivel de mi comunidad autónoma. En todos había que usar un framework propio desarrollado por a saber qué sub-sub-sub-contrata hacía años, y no te podías salir de él. Todo el aspecto gráfico venía definido desde ese framework, básicamente el trabajo se limitaba a la lógica de negocio concreta, todo lo demás había que hacerlo con aquello.

    Ha pasado más de una década, pero en las webs de mi comunidad autónoma sigo viendo los mismos elementos de UI, así que seguirán usando lo mismo.

    Estaba basado en Java, con todo el tinglado de Spring, Struts, etc. No es precisamente nostalgia lo que siendo al recordar aquella pesadilla xD
  12. Ultimo vídeo: hace 8 meses ¬¬
  13. #6 ufff, pero si parece un proyecto fin de curso de un fp de grado medio jajaja
  14. #11 Tengo una duda, Java, Spring, Struts... Puede llegar a estar bien o es una mierda siempre? Porque tengo la sensación de que todos los que han desarrollado en eso lo odian. O es una impresión equivocada.
  15. #9 Usa Sketch. Ese software es sólo para Mac, pero hay más alternativas para Windows y Linux.
  16. #12 ¿Qué insinúas?  media
  17. #15 Coñe, no nos dejes con la intriga, tengo el Mac de mi señora, pero yo uso linux, queremos de saber!
  18. #12 se cansó
  19. #7 La de Hacienda no está mal.
  20. #14 pues no puedo responderte, porque para mi, efectivamente, fue una mierda siempre. Entre un grupo de desarrolladores senior de la época teníamos la coña de «si un proyecto se puede hacer con varias tecnologías a elegir en dos meses por 10.000€, toda cárnica preferirá hacerlo en Java con Struts para conseguir lanzarlo en 10 meses, por 150.000€, y con bugs»

    Supongo que con una buena base, con tiempo, haciendo las cosas bien... se podrán hacer desarrollos agradables. Mi experiencia con ello es para esos proyectos de cárnica, y en ellos no vi cosa peor en mi vida (y me he comido intranets tochas programadas en ASP, pero en el ASP con VBScript, el anterior a .Net...)
  21. #1 Pagaría por verlo.
  22. #20 yo creo que se ha quedado viejuno Struts + Spring etc pero en su momento estaba muy bien, nada comparable con visual basic o similares.
    De hecho spring creo que sigue siendo parte de muchos proyectos aunque sea indirectamente a través de frameworks de terceros
  23. #12 Lo sigo en Twitter y publica cosas de vez en cuando. Todo el mundo le da la brasa para que haga nuevos videos pero se ve que tiene otras movidas, da conferencias, etc.
  24. #17 Perdón por tirar la piedra y esconder la mano.
    - Moqups: moqups.com/
    - FluidUI: www.fluidui.com/
    - Figma: www.figma.com/
    - Vectr: vectr.com/

    Estas opciones son bastante potentes aunque se manejen vía web, las encontré curioseando para ver si había opciones gratuitas para Sketch. No las he probado todas, pero si buscas hay buen feedback de sus usuarios.
  25. #14 Te voy a contestar como desarrollador Java con 10 años de experiencia.

    Respuesta corta, puede llegar a estar bien, incluso muy bien, siempre y cuando saques Struts de la ecuación. ¿Por qué?, bueno simplemente porque es un framework MVC que por un lado es una arquitectura ya obsoleta y que por otro no aporta nada sobre Spring (podrías usar SprignMVC).

    Java y Spring son dos tecnologías totalmente actuales, que bien usadas, pueden ser una maravilla, y mal usadas pueden ser un auténtico caos, como cualquier otra.

    El problema es que en muchos casos se arrastra código de hace un montón de años, que todavía corre en Java6 (con suerte), con versiones de Spring del año de la polca (cuando se configuraba todo en XML, eso sí era un truño), con código tocado por cientos de programadores, muchos de los cuales eran junior en su momento. Cuando te toca un proyecto de esos es lógico que acabes odiando la tecnología.

    Ahora, para empezar un proyecto de cero, con Spring (boot) 5 para montar el back y exponer los servicios web, es una gozada (bueno a veces configurar según que cosas da un poco de dolor de cabeza, pero como en cualquier otro framework).
  26. Es Steve Schoeger, el colega de Adam Wathan, el creador de Tailwind CSS. Ahora juntos han creado Tailwind UI.
    La verdad es que los dos son unos fenómenos. Viendo un video de cualquiera de ellos, te das cuenta de como piensan
  27. #7 Así es como yo veo la RAE con mis CSS personalizadas. Nada de publi y más limpio.  media
  28. #24 Un par de esos los he toqueteado hace siglos (lo mio no es la web) y desde luego no eran como lo que el tipo este maneja en el video. Tratare de ver el resto, gracias.
  29. #14
    Primero de todo hay que diferenciar que tipo de empresa hizo el proyecto. En una consultoria todo se tiende ha hacer mal por que quien suele programar es la gente que sale mas barata y que suele ser la que menos experiencia tiene en todo y por eso salen con la calidad que salen las cosas (eso sin contar proyectos que salen a concurso y que acaban pasando por miles de empresas con el paso de los tiempos y que son inmantenibles), Pero si la empresa es un cliente final las cosas salen mucho mejor hechas.
    Yo de hecho estoy encantado en como trabaja Struts y puedo decirte que las ideas de Struts estan actualmente implementadas en frameworks como puede ser Angular.

    Segundo,les pasa como a todo en este mundo de la tecnologia: un lenguaje/framework/etc puede estar muy bien pero si se usa mal (bien sea por falta de conocimiento, malos diseños, mantenimiento de codigo que ha pasado por muchas manos y que no es mas que espaguti code, etc).
    Struts desde el punto de vista tecnico es un buen framework, bueno aunque obsoleto, que permitia construir aplicaciones web rapidamente. Con el tiempo fueron saliendo cosas mas modernas(y modas) y cayo en desuso. Pero si dedicabas una tarde ha aprender como se tenian que hacer las cosas y a la hora de usarlo pensabas un poco el diseño tenias una herramienta muy buena.

    Spring sigue siendo muy actual y de hecho lleva la delantera en muchos campos del desarrollo y es quien tira en cierta manera del ecosistema de Java (Oracle tiende a ver que ha hecho Spring y añadir una version de lo que ha hecho Spring).
  30. #25 Spring MVC es bastante obsoleto, al igual que Struts 1 o Struts 2. En si la idea de tener MVC en el servidor ya es obsoleta.
    En lo demas estoy contigo, incluso que montar un backend con servicios (que actualmente ya no son web sino microservicios) es un infierno por la cantidad de cosas a configurar y montar
  31. #13 si sigues la pista de la subcontrata, de la subcontrata, de la subcontrata, ...
    Llegarás a la persona que lo hizo, efectivamente, como proyecto fin de curso.
  32. #30 Ese es uno de los fuertes de Spring actualmente, con las librerías de Spring Netflix puedes montar una arquitectura de microservicios en un pis pas, con todo lo necesario.

    Si es verdad que, a veces, al ser todo tan "automágico", se complica entender por qué algo no está funcionando.
  33. #27 Mucho mejor, la verdad, se ve limpio y claro.
  34. #33 Es ponerle esto con una extensión como Stylus:

    ::placeholder {
    color: transparent;
    }

    .faldon_publi, div#enclave, footer#footer, #app, .spr_dle90x110, .spr_logobrasocial, .compartir, p.o, div#ct, i#keyfilter, a.e2, div#cajacookies,
    .col-sm-4.bloqueIn, div#block-superfish, input.button, .pat_izda, select#formList, img{
    display:none !important;
    }
    *{
    font-family:Segoe UI !important;
    font-size:22px !important;
    line-height:1.5 !important;
    border:none !important;
    }
    input#texto, input#wq, input#submit-buscador, select#ambito{
    padding:10px 20px;
    height:auto !important;
    background-color:white;
    }
    .col-sm-8{
    float:none;
    margin:0;

    }
    .row{
    margin:auto !important;
    max-width:1000px !important;
    width:1000px !important;
    background-color:transparent !important;
    }

    .container{
    background-color:transparent;
    }
    div#resultados {

    padding: 40px;
    width:1000px
    }

    p {
    background: white;
    padding: 20px;
    margin: 10px !important;
    }
    html, body{
    height:100vh;
    background-color:#f8f8f8;
    }
  35. #3 En esa época no existía sketch ni las CSS3
  36. #28 #24 aunque sketch es lo mejor que hay tenéis una opción gratis para windows que no está mal:

    iconos8.es/lunacy
  37. #35 No tengo ni idea de programación ni de diseño web :-D Es más, igual la programación y el diseño web no tienen nada que ver xD
    Pero estaría bien que alguien se lo propusiera como reto :troll:
  38. #37 Edito el comentario porque me he liado con las respuestas y no iba para ti jajjaa.
  39. #38 Gracias por haberme enseñado algo.
  40. #1 Esa puta mierda no tiene soluciñon
  41. #11 Huele a CapGemini que tira para atrás :-D
  42. #25 Hola, llevo un par de años en Meneame sin registrarme y ayer lo hice para preguntarte. Soy un programador junior que me he tenido que mudar y dejar mi anterior empleo, en el que estaba trabajando con Angular y un framework horrible como del que se quejaba el compañero.

    Ahora que estoy libre estoy retomando lo que aprendí de Java, porque la mayoría de ofertas que veo son de eso. Veo que también se pide casi siempre Springs. Solo usé una vez Spring Boot en mi formación. Me pareció muy curioso como automatizaba todo. En vez de eso lo que hacíamos normalmente era crear proyectos dentro del entorno Java usando JSPs y haciendo manualmente el mapeo ORM, es decir creabamos las clases pojo, creábamos los DAOs, creábamos las tablas de la BD, todo así "a pelo", sin usar entitys ni nada. Bueno, no me enrollo, ¿esto está bien para aprender, pero no se trabaja así verdad? ¿Dices que la arquitectura MVC está obsoleta? ¿Spring, Spring MVC, Spring Boot, son cosas distintas o estamos hablando de lo mismo? Por último, ¿me puedes dar una ligera orientación sobre qué debería aprender de Java y/o de Spring? Supongo que en la mayoría de ocasiones, esto se usa para el back como un servicio REST que conecta el front en Angular o así, ¿no? Es que me pasa como a todos supongo, que veo tantas "ramas" que no sé qué es útil, qué no, qué se utiliza o no... perdona por la chapa y por mi cacao mental.
  43. #42 Hola, voy a intentar responderte a todo, espero que no se me olvide nada.

    - Acceso a BBDD. Actualmente hay varias opciones y varias "corrientes de pensamiento". El modo "fácil" (lo pongo entre comillas porque para casos básicos bien, pero en cuanto empieza a subir la complejidad se complica la cosa) es usar algún framework que siga el principio "code first", dónde la base de datos se "autogenera" a partir del modelo de objetos. Un ejemplo de esta forma de trabajar sería Spring Data JPA. Luego está el modelo tradicional, que es un poco el que describes, dónde la base de datos se crea por un lado y el código por otro, y se obtienen los datos de formas más o menos manuales. Yo personalmente prefiero el segundo modelo, me parece más sencillo de comprender (hay menos magia), más flexible (hoy puedes usar una BBDD relacional pero mañana quizá necesitas una NoSql, o quizá necesites combinar ambas) y permite explotar más el motor de base de datos (el tratamiento de grandes volúmenes de datos es, normalmente, mejor hacerlo "dentro" de la base de datos). También hay herramientas para automatizar un poco el proceso, ya no es tan "duro" como usar JDBC a pelo, por ejemplo con Spring JDBC Template, Mybatis...

    - MVC. Cuando digo que está obsoleta es porque en MVC la vista se genera en el servidor y se devuelve la página ya construida al navegador. Actualmente eso no se hace, lo habitual es que el servidor exponga una serie de servicios web que cualquier cliente puede consumir, sea una web, un dispositivo móvil... de este modo se desacopla totalmente la vista de la lógica de negocio.

    - Spring Boot se usa precisamente para desligarse del modelo MVC y crear serivicos "autocontenidos", que ni siquiera necesitas desplegar en un Tomcat o similar.

    - Qué aprender, bueno esta es delicada. Si te llama el back, ya tienes conocimientos de Java y no lo odias, te diría que te formes en microservicios con Spring Netflix. Los microservicios son "lo que se lleva ahora" y Spring Netflix es el conjunto de herramientas básico para hacer esto en Java.
    Este curso no está mal para empezar www.udemy.com/course/microservicios-con-spring-boot-y-spring-cloud/ .
    En cualquier caso, mi recomendación es que, uses la tecnología que uses, lo importante es entender y quedarse con los conceptos, abstrayendolos de la tecnología empleada (con tecnología me refiero al lenguaje / framework que uses).

    Espero haberte ayudado.
  44. #43 Muchísimas gracias. Aunque estoy verde te he entendido bien. No parto de cero y aunque nos centramos casi exclusivamente en hacer lo que te comentaba, también probamos a crear servicios que consumíamos desde fuera, desde otra app en Angular (quizá por eso en mi cabeza lo seguía considerando MVC al verlo en conjunto). Tras aquello no he vuelto a tocar Java en mucho tiempo y la verdad es que me gustaba y me gusta. Supongo que soy algo "cuadriculado" y me gusta lo riguroso. Creo que por ejemplo estoy cómodo con Typescript porque me recuerda salvando las distancias a lo que hacía en Java (poder usar tipado fuerte, clases, interfaces... ). En fín, muchas, muchas gracias, me ayuda mucho tu respuesta. Creo que voy a hacer el curso de paso (95% de descuento!).
  45. #32
    Te dejaré unos ejemplos por qué hace años escuché los motivos y me estuve informando.
    Hay algún libro y una película sobre eso que quisieron evitar q viese la luz.

    Y sobre las noticias:
    www.granadahoy.com/ocio/Odio-familias-crimen-familia_0_101989871.amp.html

    www.diariodeleon.es/articulo/revista/familiares-garcia-lorca-sospechos

    Y siempre se ha dicho que los Garvia Lorca si saben dónde está su hijo enterrado, pero que no les conviene decirlo.
    Sobre los datos de su padre solo hace falta leer cualquier biografía de el. Allí se explica(sobre el padre) sus negocios, sus influencias, su puesto de máximo dirigente del CEDA,etc.

    Y ojo, que no defiendo partidos,pero sé que en esa época en muchos pueblos se aprovecharon las circunstancias para finalizar rencillas a base de tiros y acusaciones falsas (de rojo,de fascista,de gay,de gitano,etc)
comentarios cerrados

menéame