Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

5 técnicas para recuperar la originalidad en el diseño web

753 views

Published on

En esta charla vamos a explicar cinco técnicas para recuperar poco a poco la originalidad en nuestras páginas web, crear una experiencia única, memorable y, por supuesto, útil para nuestros visitantes. Hablaremos de maquetación, de interacciones, de imágenes, de textos y en general de cómo dar personalidad a nuestras marcas, a nuestros proyectos, a nuestras webs personales o a cualquier cosa que subamos a la red.

Published in: Internet

5 técnicas para recuperar la originalidad en el diseño web

  1. 1. 5 TÉCNICAS PARA RECUPERAR LA ORIGINALIDAD EN EL DISEÑO WEB
  2. 2. Aviso Esta charla es para todo el mundo que tenga una web.
  3. 3. Quién soy yo Me llamo Juan y tengo una web. También creo muchas otras con WordPress. Llevo mucho tiempo en este mundillo. Aquí me trae Dinahosting. Y tengo un blog en ciudadanob.com.
  4. 4. Por qué voy así «¡Hola mamá! Ya te avisé de que nadie iba tan elegante a este tipo de eventos» – yo.
  5. 5. We’ve got a problem «Estamos aburridos y un poco molestos viendo como la mayoría de las experiencias en la web se han convertido en predecibles y poco inspiradoras» – Vitaly Friedman.
  6. 6. «¿Cuándo fue la última vez que viste una web que no tenía una imagen enorme ocupando toda la pantalla con algún texto gigante por encima?» – Dave Ellis.
  7. 7. «Todos los sitios web en 2018» – Daryl Ginn.
  8. 8. Todo es igual Y ni siquiera es memorable o especialmente bueno.
  9. 9. Incluso cuando es bonito, se copian las tendencias sin pensar y volvemos a no ser originales. «Dejad. De hacer. Sitios web. Como. Este» – Jenny Johannesson
  10. 10. ¿Quién echa de menos el Flash? Ni tanto ni tan calvo. Mucho mejor recordar CSS Zen Garden
  11. 11. «Pero nos funciona…» Lo original no tiene por qué no ser funcional. La web siempre tiene que ser rápida, accesible, escalable y respetar un estilo.
  12. 12. ¿Qué es original? «Originalidad es la cualidad de las obras creadas o inventadas que las hace ser nuevas o novedosas, y que las distingue de las copias, las falsificaciones, los plagios o las obras derivadas. Una obra original ni deriva de otras obras ni es una copia realizada sobre otra, que sería su origen, marcando que se compone de una forma, como este». – Wikipedia
  13. 13. ¿Qué es original en ti? O en tu proyecto. O en tu cliente. Toca pensar.
  14. 14. Mis consejos No hay que hacerlo todo. Pero os pueden ayudar a buscar vuestra originalidad.
  15. 15. 1 Maquetación con CSS Grid El maquetar con Bootstrap se va a acabar. Las restricciones también.
  16. 16. Webconf.asia (Más ejemplos en GridExamples)
  17. 17. Invision Design Genome Project (Más ejemplos en GridExamples)
  18. 18. Andy Barefoot Web Stuff (Más ejemplos en GridExamples)
  19. 19. 2 Microinteracciones Los humanos conectan con humanos. Y los detalles nos encantan.
  20. 20. Brent Clouse Dribbble
  21. 21. John Noussis Dribbble Simple Methods for Using Micro-Interactions on Your Site https://speckyboy.com/micro-interactions/
  22. 22. 3 Ilustraciones propias O fotografías originales. Demuestra tu personalidad única.
  23. 23. Medium distric0x.io
  24. 24. Smashing Magazine
  25. 25. 4 Encuentra tu voz Tu personalidad también está en tus mensajes, en tus textos.
  26. 26. Slack
  27. 27. Desatranques Jaén Fundación Civio
  28. 28. 5 Rompe moldes Tal vez el brutalismo no es lo tuyo, pero no lo descartes y experimenta siempre.
  29. 29. Vancouver Art Book Fair Brutalist Framework
  30. 30. Tenemos deberes 1 página de vuestra web. Sobre mí / Sobre la empresa / Producto. RE-IMAGINADLA. Maquetación, detalles, dibujos, textos,… #queremoswebsoriginales
  31. 31. Muchas gracias Hacedme fotos y subidlas a Twitter para que haya merecido la pena vestirme así. #queremoswebsoriginales

×