Disenadores desarrolladores y viceversa
•
1 j'aime•391 vues
"Modern Web Event" es un evento gratuito y sin ánimo de lucro organizado por la UOC (Universitat Oberta de Catalunya). La primera edición se celebró en 2015 y a lo largo de estas tres ediciones (Barcelona 2015, Bilbao 2016, Sevilla 2017) profesionales de diferentes ramas del sector IT han compartido sus conocimientos. El encuentro se dirije a todos aquellos que quieran aprender sobre las nuevas tecnologías web de la mano de profesionales apasionados por compartir conocimiento en comunidad. La edición de 2017 se celebró el día 6 de junio en Sevilla. Me invitaron a participar en esta edición y lo hice encantado con mi charla "Diseñadores, desarrolladores y viceversa", en la que pretendía romper el viejo mito de que diseñadores y desarrolladores no se entienden. Hablé de vuenas prácticas, metodología y flujo de trabajo.
Recommandé
Contenu connexe
Similaire à Disenadores desarrolladores y viceversa
Similaire à Disenadores desarrolladores y viceversa (20)
Dernier
Dernier (20)
Disenadores desarrolladores y viceversa
- 2. Abel Sutilo Diseñador de Producto Digital ¡Hola!
- 3. Quiero ser mejor diseñador Mercado y contexto actual Diseñadores, desarrolladores y viceversa Qué se espera de mí Qué me gustaría ser Habilidades y marca personal
- 4. Mercado y contexto actual
- 5. “Producto Digital” Multiples contextos Diseñadores, desarrolladores y viceversa Multiples formatos Desktop, Tablet, Mobile WebApp, Ecommerce, Red Social, etc…
- 7. Diseño como servicio externo Diferentes tipos de organización Diseñadores, desarrolladores y viceversa La misma necesidad
- 8. Habilidades y marca personal
- 9. El especialista que sabe de todo Diseñadores, desarrolladores y viceversa UX UI Front
- 10. Diseñadores, desarrolladores y viceversa
- 11. Qué he aprendido de los desarrolladores para ser mejor diseñador
- 12. 1 Lee toda la documentación desde el primer minuto
- 13. Hecho: Diseñadores, desarrolladores y viceversa A los diseñadores no les gusta leer Sólo compran libros con dibujos
- 14. 2 Pregunta todo el tiempo antes, durante y después
- 15. FAQs Diseñadores, desarrolladores y viceversa ¿Puedo usar la herramienta que quiera para diseñar? Ojo con trabajar con Sketch si el maquetador no tiene mac Ojo a las premisas tecnológicas que afectan a los visuales ¿Existe alguna preferencia en framework CSS?
- 16. 3 Atomiza y encapsula Control y mínimo esfuerzo
- 17. Diseñadores, desarrolladores y viceversa Diseño UI orientado a objetos We’re not design pages, we’re designing systems of components —Stephen Hay http://bradfrost.com/blog/post/atomic-web-design
- 18. Diseñadores, desarrolladores y viceversa
- 19. 4 Documenta todo lo que haces ¡Piensa en el futuro, McFly!
- 20. Documentación del diseño Diseñadores, desarrolladores y viceversa Estructura de carpetas Siempre la misma nomenclatura Comprensible para cualquiera Sólo lo necesario Nombra todas las capas Planifica acceso a terceros Cuídate de las dependencias del software Estructura del documento http://photoshopetiquette.com
- 21. Ejemplo de estrutura Diseñadores, desarrolladores y viceversa Nombre del cliente Proyectos Recursos Nombre del proyecto 1 Nombre del proyecto 2 UX UI Logo, Tipografía, Imágenes, etc… Documentación UX Tecnología, User Journey, etc… Diagrama de flujo Wireframe UI Screenshots Versions
- 22. 5 Procura ser honesto Diseño medible
- 23. Diseño objetivo y honesto Diseñadores, desarrolladores y viceversa No te enamores de tu versión Diseño orientado a objetivos ¡sin dark patterns, ojo! No hay que tener respuesta para todo sin resultados previos Permítete dudar https://darkpatterns.org
- 24. 6 No complazcas por temor Te van a pagar (o no) igualmente
- 25. 7 “Flípate” Se notará en tu trabajo
- 26. 8 Las herramientas no te definen Requiem por Freehand, Fireworks, etc
- 27. Herramientas de diseño Diseñadores, desarrolladores y viceversa https://www.cooper.com/prototyping-tools
- 28. 9 HTML y CSS es obligatorio Sin excusas
- 29. HTML y CSS Diseñadores, desarrolladores y viceversa Presentación Montaje de screenshots a tamaño real Guía de estilos y manual de identidad Identidad del producto
- 30. 10 Allana el camino Y convierte al desarrollador en tu aliado
- 31. Facilita la comunicación con tu trabajo Diseñadores, desarrolladores y viceversa Modelo del cliente Utiliza un lenguaje no técnico Lenguaje técnico y solución abstracta Solución del desarrollador Traducción visual del modelo abstracto
- 32. Extra Siempre positivo Profesional antes que hater