SlideShare una empresa de Scribd logo
1 de 40
Descargar para leer sin conexión
Hola
Soy Carlos Úbeda
Trabajo en dnx | Designit


dnx | Designit es la consultora de
diseño más grande de Europa

200 empleados

Presencia en 7 países
El papel del diseño
en el desarrollo de
productos en Internet

El momento del diseño
¿diseño?
Una pequeña encuesta
sobre lo que es diseño
Diseñar es...


a) Aplicar estilo   b) Definir funcionalidad   c) Plantear soluciones
¿Por qué es tan importante
el diseño en el desarrollo
de productos en Internet?

Hagamos memoria
Inicios de Internet


Minoritaria
Navegacional
Limitaciones técnicas de presentación e interacción
El foco está en la tecnología
El diseño en Internet se limita entonces a detalles
gráficos y estructuras de información claras
La época de las puntocom


Popularización de Internet
Más aplicaciones
Recursos web que aportan presentación e interacción
El foco está en la apariencia
El diseño en Internet es la última etapa del proceso y
se centra en "embellecer"
Internet hoy


Multipispositivo, móvil, social... masiva
Todo son aplicaciones
Explosión del comercio electrónico y de las redes sociales
Buenas técnicas para la presentación y la interacción
El foco está en el uso
Los productos necesitan estar bien planteados y ser
diseñados y planificados
Inicios   Burbuja   Hoy
Diseñar para aplicaciones en Internet
Diseñar para la interacción
Cómo se diseña


Se piensa en el resultado final. Se analiza pensando
Se abocetan flujos e interfaces. Se prototipan
Cuanto más definimos, más nos comprometemos
Se piensa en cuando está vacío, el estado inicial
¿Quién lo hace?


Responsable de Negocio. "Lo primero, mi beneficio"
Programador. "Si funciona es suficiente"
Diseñador. "¿Parece molón?"


Todos desconocían el medio: Experto en Usabilidad
¿Quién lo hace?
Esto está cambiando


Responsable de Negocio. "Pensemos en el usuario"
Programador. "Así resultaría más cómodo"
Diseñador. "El feedback tras la acción está claro"


El diseño de interacción es un rol dentro del diseño
Diseñar para aplicaciones en Internet
Diseñar para resolver problemas
Así que a eso nos
   dedicamos
Y por esto es un
momento tan especial
Carlos Úbeda
carlos.ubeda@dnxgroup.com

Más contenido relacionado

La actualidad más candente

Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112Santiago Bustelo
 
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBA
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBADiseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBA
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBASantiago Bustelo
 
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...Santiago Bustelo
 

La actualidad más candente (6)

Razones
RazonesRazones
Razones
 
Producto digitales para personas - UX
Producto digitales para personas - UXProducto digitales para personas - UX
Producto digitales para personas - UX
 
Ensayo responsabilidad social dg
Ensayo responsabilidad social dgEnsayo responsabilidad social dg
Ensayo responsabilidad social dg
 
Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112
 
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBA
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBADiseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBA
Diseño de interaccion, accesibilidad e inclusion - 3ª Jornada del FIEDBA
 
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
 

Destacado

Presentacion seo analisis
Presentacion seo analisisPresentacion seo analisis
Presentacion seo analisisADWE Team
 
Presentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIPresentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIADWE Team
 
Industrialización Web
Industrialización Web Industrialización Web
Industrialización Web ADWE Team
 
Presentación de ACTO Framework parte I
Presentación de ACTO Framework parte IPresentación de ACTO Framework parte I
Presentación de ACTO Framework parte IADWE Team
 
HTML5 dia de internet 2012
HTML5 dia de internet 2012HTML5 dia de internet 2012
HTML5 dia de internet 2012ADWE Team
 
HTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebHTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebADWE Team
 
Frameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesFrameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesADWE Team
 
Javascript: potenciando la web desde 1995
Javascript: potenciando la web desde 1995Javascript: potenciando la web desde 1995
Javascript: potenciando la web desde 1995ADWE Team
 

Destacado (9)

Presentacion seo analisis
Presentacion seo analisisPresentacion seo analisis
Presentacion seo analisis
 
Presentación de ACTO Framework parte II
Presentación de ACTO Framework parte IIPresentación de ACTO Framework parte II
Presentación de ACTO Framework parte II
 
Industrialización Web
Industrialización Web Industrialización Web
Industrialización Web
 
Git git hub
Git git hubGit git hub
Git git hub
 
Presentación de ACTO Framework parte I
Presentación de ACTO Framework parte IPresentación de ACTO Framework parte I
Presentación de ACTO Framework parte I
 
HTML5 dia de internet 2012
HTML5 dia de internet 2012HTML5 dia de internet 2012
HTML5 dia de internet 2012
 
HTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive WebHTML5 + CSS3 + Wordpress = Responsive Web
HTML5 + CSS3 + Wordpress = Responsive Web
 
Frameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móvilesFrameworks para el desarrollo de juegos para dispositivo móviles
Frameworks para el desarrollo de juegos para dispositivo móviles
 
Javascript: potenciando la web desde 1995
Javascript: potenciando la web desde 1995Javascript: potenciando la web desde 1995
Javascript: potenciando la web desde 1995
 

Similar a El momento del diseño, con Carlos Úbeda, de DNXGroup

Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfSharonSmis
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfSharonSmis
 
¿Cómo trabajamos los diseñadores digitales?
¿Cómo trabajamos los diseñadores digitales?¿Cómo trabajamos los diseñadores digitales?
¿Cómo trabajamos los diseñadores digitales?Jimena Catalina Gayo
 
Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Worköholics
 
Devs&Designers - Los que se pelean se desean
Devs&Designers - Los que se pelean se deseanDevs&Designers - Los que se pelean se desean
Devs&Designers - Los que se pelean se deseanFrancisco Aranda
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaBárbara Lyschenko
 
Ensayodelasticseneldiseografico 120425022926-phpapp01
Ensayodelasticseneldiseografico 120425022926-phpapp01Ensayodelasticseneldiseografico 120425022926-phpapp01
Ensayodelasticseneldiseografico 120425022926-phpapp01Seleny Zapata
 
Échale diseño a tu APP - Bilbapp 2018
Échale diseño a tu APP - Bilbapp 2018Échale diseño a tu APP - Bilbapp 2018
Échale diseño a tu APP - Bilbapp 2018Crisiscreativa
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 qweos
 
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...WIADColombia
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009eugeniaortiz
 
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...Interlat
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaPlain Concepts
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseñoBrandi Minaya
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Herlency Muñoz García
 

Similar a El momento del diseño, con Carlos Úbeda, de DNXGroup (20)

Diseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdfDiseño y concepto DOC-20240412-WA0023..pdf
Diseño y concepto DOC-20240412-WA0023..pdf
 
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdfDiseño ( concepto-caracteristicas y herramientas para el diseño.pdf
Diseño ( concepto-caracteristicas y herramientas para el diseño.pdf
 
Unidad 3 elaboracion de un proyecto (3.1)
Unidad  3   elaboracion de un proyecto (3.1)Unidad  3   elaboracion de un proyecto (3.1)
Unidad 3 elaboracion de un proyecto (3.1)
 
¿Cómo trabajamos los diseñadores digitales?
¿Cómo trabajamos los diseñadores digitales?¿Cómo trabajamos los diseñadores digitales?
¿Cómo trabajamos los diseñadores digitales?
 
Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Devs&Designers - Los que se pelean se desean
Devs&Designers - Los que se pelean se deseanDevs&Designers - Los que se pelean se desean
Devs&Designers - Los que se pelean se desean
 
DISEÑO GRAFICO
DISEÑO GRAFICODISEÑO GRAFICO
DISEÑO GRAFICO
 
Usabilidad y diseño
Usabilidad y diseñoUsabilidad y diseño
Usabilidad y diseño
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el tema
 
Ensayodelasticseneldiseografico 120425022926-phpapp01
Ensayodelasticseneldiseografico 120425022926-phpapp01Ensayodelasticseneldiseografico 120425022926-phpapp01
Ensayodelasticseneldiseografico 120425022926-phpapp01
 
Échale diseño a tu APP - Bilbapp 2018
Échale diseño a tu APP - Bilbapp 2018Échale diseño a tu APP - Bilbapp 2018
Échale diseño a tu APP - Bilbapp 2018
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013
 
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...Arquitectura de Informaciónen el Contexto de la usabilidad y experiencia del...
Arquitectura de Información en el Contexto de la usabilidad y experiencia del...
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009
 
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
Diseñando interfaces web: abordando proyectos desde la estrategia hasta la fo...
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataforma
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
 

Más de ADWE Team

Significado y usos de RSS
Significado y usos de RSSSignificado y usos de RSS
Significado y usos de RSSADWE Team
 
Responsive web y Wordpress
Responsive web y WordpressResponsive web y Wordpress
Responsive web y WordpressADWE Team
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5ADWE Team
 
Ponencia seo para el èxito con google 2011 copia
Ponencia seo para el èxito con google 2011   copiaPonencia seo para el èxito con google 2011   copia
Ponencia seo para el èxito con google 2011 copiaADWE Team
 
Diseñar para dispositivos móviles
Diseñar para dispositivos móvilesDiseñar para dispositivos móviles
Diseñar para dispositivos móvilesADWE Team
 
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridPotenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridADWE Team
 
Presentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwePresentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adweADWE Team
 
Rompiendo moldes
Rompiendo moldesRompiendo moldes
Rompiendo moldesADWE Team
 
Gwt intro adwe_murcia
Gwt intro adwe_murciaGwt intro adwe_murcia
Gwt intro adwe_murciaADWE Team
 
5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversaADWE Team
 
Presentación Framework CodeIgniter
Presentación Framework CodeIgniter Presentación Framework CodeIgniter
Presentación Framework CodeIgniter ADWE Team
 
Presentación Extreme Programming
Presentación Extreme ProgrammingPresentación Extreme Programming
Presentación Extreme ProgrammingADWE Team
 
SEO ADWE Murcia
SEO ADWE MurciaSEO ADWE Murcia
SEO ADWE MurciaADWE Team
 
Analítica para optimizar tu web
Analítica para optimizar tu webAnalítica para optimizar tu web
Analítica para optimizar tu webADWE Team
 
Masterclass PHP 5.3
Masterclass PHP 5.3Masterclass PHP 5.3
Masterclass PHP 5.3ADWE Team
 
Presentación Agile Inception ADWE Madrid
Presentación Agile Inception ADWE MadridPresentación Agile Inception ADWE Madrid
Presentación Agile Inception ADWE MadridADWE Team
 
Presentacion Symfony2 ADWE Alicante
Presentacion Symfony2 ADWE AlicantePresentacion Symfony2 ADWE Alicante
Presentacion Symfony2 ADWE AlicanteADWE Team
 

Más de ADWE Team (17)

Significado y usos de RSS
Significado y usos de RSSSignificado y usos de RSS
Significado y usos de RSS
 
Responsive web y Wordpress
Responsive web y WordpressResponsive web y Wordpress
Responsive web y Wordpress
 
Introduccion html5
Introduccion html5Introduccion html5
Introduccion html5
 
Ponencia seo para el èxito con google 2011 copia
Ponencia seo para el èxito con google 2011   copiaPonencia seo para el èxito con google 2011   copia
Ponencia seo para el èxito con google 2011 copia
 
Diseñar para dispositivos móviles
Diseñar para dispositivos móvilesDiseñar para dispositivos móviles
Diseñar para dispositivos móviles
 
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE MadridPotenciando tu web con APIs de Miquel Camps para ADWE Madrid
Potenciando tu web con APIs de Miquel Camps para ADWE Madrid
 
Presentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwePresentacion de Fran Moreno para adwe
Presentacion de Fran Moreno para adwe
 
Rompiendo moldes
Rompiendo moldesRompiendo moldes
Rompiendo moldes
 
Gwt intro adwe_murcia
Gwt intro adwe_murciaGwt intro adwe_murcia
Gwt intro adwe_murcia
 
5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa5 tips de diseñadores a maquetadores... y viceversa
5 tips de diseñadores a maquetadores... y viceversa
 
Presentación Framework CodeIgniter
Presentación Framework CodeIgniter Presentación Framework CodeIgniter
Presentación Framework CodeIgniter
 
Presentación Extreme Programming
Presentación Extreme ProgrammingPresentación Extreme Programming
Presentación Extreme Programming
 
SEO ADWE Murcia
SEO ADWE MurciaSEO ADWE Murcia
SEO ADWE Murcia
 
Analítica para optimizar tu web
Analítica para optimizar tu webAnalítica para optimizar tu web
Analítica para optimizar tu web
 
Masterclass PHP 5.3
Masterclass PHP 5.3Masterclass PHP 5.3
Masterclass PHP 5.3
 
Presentación Agile Inception ADWE Madrid
Presentación Agile Inception ADWE MadridPresentación Agile Inception ADWE Madrid
Presentación Agile Inception ADWE Madrid
 
Presentacion Symfony2 ADWE Alicante
Presentacion Symfony2 ADWE AlicantePresentacion Symfony2 ADWE Alicante
Presentacion Symfony2 ADWE Alicante
 

El momento del diseño, con Carlos Úbeda, de DNXGroup

  • 2. Trabajo en dnx | Designit dnx | Designit es la consultora de diseño más grande de Europa 200 empleados Presencia en 7 países
  • 3. El papel del diseño en el desarrollo de productos en Internet El momento del diseño
  • 5. Una pequeña encuesta sobre lo que es diseño
  • 6.
  • 7.
  • 8.
  • 9. Diseñar es... a) Aplicar estilo b) Definir funcionalidad c) Plantear soluciones
  • 10. ¿Por qué es tan importante el diseño en el desarrollo de productos en Internet? Hagamos memoria
  • 11.
  • 12. Inicios de Internet Minoritaria Navegacional Limitaciones técnicas de presentación e interacción El foco está en la tecnología El diseño en Internet se limita entonces a detalles gráficos y estructuras de información claras
  • 13.
  • 14. La época de las puntocom Popularización de Internet Más aplicaciones Recursos web que aportan presentación e interacción El foco está en la apariencia El diseño en Internet es la última etapa del proceso y se centra en "embellecer"
  • 15.
  • 16. Internet hoy Multipispositivo, móvil, social... masiva Todo son aplicaciones Explosión del comercio electrónico y de las redes sociales Buenas técnicas para la presentación y la interacción El foco está en el uso Los productos necesitan estar bien planteados y ser diseñados y planificados
  • 17. Inicios Burbuja Hoy
  • 18. Diseñar para aplicaciones en Internet Diseñar para la interacción
  • 19. Cómo se diseña Se piensa en el resultado final. Se analiza pensando Se abocetan flujos e interfaces. Se prototipan Cuanto más definimos, más nos comprometemos Se piensa en cuando está vacío, el estado inicial
  • 20.
  • 21.
  • 22. ¿Quién lo hace? Responsable de Negocio. "Lo primero, mi beneficio" Programador. "Si funciona es suficiente" Diseñador. "¿Parece molón?" Todos desconocían el medio: Experto en Usabilidad
  • 23. ¿Quién lo hace? Esto está cambiando Responsable de Negocio. "Pensemos en el usuario" Programador. "Así resultaría más cómodo" Diseñador. "El feedback tras la acción está claro" El diseño de interacción es un rol dentro del diseño
  • 24.
  • 25.
  • 26. Diseñar para aplicaciones en Internet Diseñar para resolver problemas
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. Así que a eso nos dedicamos
  • 33.
  • 34. Y por esto es un momento tan especial
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.