SlideShare una empresa de Scribd logo
DISEÑO E
INTERACCION WEB
ETIMOLOGÍA DE DISEÑO
Tradicionalmente significa la
configuración de objetos bi y
tridimensionales, fabricados en serie
por procesos industriales.
DEFINICIÓN DE DISEÑO
El diseño es una actividad
creativa que supone la
existencia de algo nuevo y útil
sin existencia previa.
DISEÑO DE INTERACCIÓN
El diseño de interacción
determina las posibilidades de
operación de un sistema
tecnológico: las posibilidades de
acción de las personas que lo
usarán, y las reacciones del
sistema ante estas acciones.
DISEÑADOR GRAFICO
El diseñador gráfico se
encarga de la apariencia del
producto. Su trabajo consiste
en crear los elementos gráficos
necesarios para comunicar al
usuario las distintas
funcionalidades del producto
de manera atractiva.
El diseñador de interacción, por su parte,
trabaja para definir cómo tiene que funcionar
el producto para que sea útil y usable.
Para conseguirlo, debe diseñar el
producto desde el punto de vista del
usuario, no desde el punto de vista
técnico ni artístico.
El diseñador de interacción debe interiorizar y entender los objetivos, tareas,
necesidades y deseos que los usuarios tienen cuando están usando el
producto.
DISEÑADOR DE INTERACCIÓN
Fin
Muchas
Gracias

Más contenido relacionado

La actualidad más candente

Presentacion Diseño
Presentacion DiseñoPresentacion Diseño
Presentacion Diseñorogermirandac
 
Diseño industrial
Diseño industrialDiseño industrial
Diseño industrialeugeborelli
 
Diseño industrial eugee
Diseño industrial eugeeDiseño industrial eugee
Diseño industrial eugeeeugeborelli
 
Tipos de diseño sebastian
Tipos de diseño sebastianTipos de diseño sebastian
Tipos de diseño sebastiansebcervera27
 
Cuco Vega - Design vs UX
Cuco Vega - Design vs UXCuco Vega - Design vs UX
Cuco Vega - Design vs UXUX Nights
 
CartografíA ArquitectóNica
CartografíA ArquitectóNicaCartografíA ArquitectóNica
CartografíA ArquitectóNicaelenabueno
 
Tipos de software en el área de diseño
Tipos de software en el área de diseñoTipos de software en el área de diseño
Tipos de software en el área de diseñoandreavim
 
El Nuevo Rol de los diseñadores - Victoria Marafetti
El Nuevo Rol de los diseñadores - Victoria MarafettiEl Nuevo Rol de los diseñadores - Victoria Marafetti
El Nuevo Rol de los diseñadores - Victoria MarafettiUX Nights
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...Santiago Bustelo
 
Experiencia de Usuario (UX): Los publicos en primer plano
Experiencia de Usuario (UX): Los publicos en primer planoExperiencia de Usuario (UX): Los publicos en primer plano
Experiencia de Usuario (UX): Los publicos en primer planoSantiago Bustelo
 
La ética del diseñador gráfico
La ética del diseñador gráficoLa ética del diseñador gráfico
La ética del diseñador gráficoSantiago Nieto
 
Experiencia Interaccion Interfaces
Experiencia Interaccion InterfacesExperiencia Interaccion Interfaces
Experiencia Interaccion InterfacesGonzalo Auza
 

La actualidad más candente (18)

Presentacion Diseño
Presentacion DiseñoPresentacion Diseño
Presentacion Diseño
 
Ensayo. CAD
Ensayo. CADEnsayo. CAD
Ensayo. CAD
 
Diseño industrial
Diseño industrialDiseño industrial
Diseño industrial
 
Diseño industrial eugee
Diseño industrial eugeeDiseño industrial eugee
Diseño industrial eugee
 
Tipos de diseño sebastian
Tipos de diseño sebastianTipos de diseño sebastian
Tipos de diseño sebastian
 
Presentación 3 dp m - otoño 2010 - 2
Presentación 3   dp m - otoño 2010 - 2Presentación 3   dp m - otoño 2010 - 2
Presentación 3 dp m - otoño 2010 - 2
 
Cuco Vega - Design vs UX
Cuco Vega - Design vs UXCuco Vega - Design vs UX
Cuco Vega - Design vs UX
 
CartografíA ArquitectóNica
CartografíA ArquitectóNicaCartografíA ArquitectóNica
CartografíA ArquitectóNica
 
Interaccion
InteraccionInteraccion
Interaccion
 
A designs
A designsA designs
A designs
 
Tipos de software en el área de diseño
Tipos de software en el área de diseñoTipos de software en el área de diseño
Tipos de software en el área de diseño
 
El Nuevo Rol de los diseñadores - Victoria Marafetti
El Nuevo Rol de los diseñadores - Victoria MarafettiEl Nuevo Rol de los diseñadores - Victoria Marafetti
El Nuevo Rol de los diseñadores - Victoria Marafetti
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
 
Experiencia de Usuario (UX): Los publicos en primer plano
Experiencia de Usuario (UX): Los publicos en primer planoExperiencia de Usuario (UX): Los publicos en primer plano
Experiencia de Usuario (UX): Los publicos en primer plano
 
La ética del diseñador gráfico
La ética del diseñador gráficoLa ética del diseñador gráfico
La ética del diseñador gráfico
 
Experiencia Interaccion Interfaces
Experiencia Interaccion InterfacesExperiencia Interaccion Interfaces
Experiencia Interaccion Interfaces
 
Diseño.
Diseño.Diseño.
Diseño.
 
Presentación1
Presentación1Presentación1
Presentación1
 

Destacado (20)

Diseño de Interacción y web 2.0 (DG3 Esteban Rico FADU/UBA)
Diseño de Interacción y web 2.0 (DG3 Esteban Rico FADU/UBA)Diseño de Interacción y web 2.0 (DG3 Esteban Rico FADU/UBA)
Diseño de Interacción y web 2.0 (DG3 Esteban Rico FADU/UBA)
 
Music magazines
Music magazinesMusic magazines
Music magazines
 
Nova brasil
Nova brasilNova brasil
Nova brasil
 
20150618_143559
20150618_14355920150618_143559
20150618_143559
 
Troca dos painéis de frota em 15 MINUTOS
Troca dos painéis de frota em 15 MINUTOSTroca dos painéis de frota em 15 MINUTOS
Troca dos painéis de frota em 15 MINUTOS
 
uagrm
uagrmuagrm
uagrm
 
Test
TestTest
Test
 
Alejandro
AlejandroAlejandro
Alejandro
 
certificate
certificatecertificate
certificate
 
PPEPL-Morning meeting
PPEPL-Morning meetingPPEPL-Morning meeting
PPEPL-Morning meeting
 
TM
TMTM
TM
 
Prueva de slideshare
Prueva de slidesharePrueva de slideshare
Prueva de slideshare
 
Experience 2
Experience 2Experience 2
Experience 2
 
RNA-RADIATION PROTECTION OFFICER CERTIFCATE
RNA-RADIATION PROTECTION OFFICER CERTIFCATERNA-RADIATION PROTECTION OFFICER CERTIFCATE
RNA-RADIATION PROTECTION OFFICER CERTIFCATE
 
Especial da expo zebu 80 anos 23.04
Especial da expo zebu 80 anos 23.04Especial da expo zebu 80 anos 23.04
Especial da expo zebu 80 anos 23.04
 
Letter from Ono Feb 2013
Letter from Ono Feb 2013Letter from Ono Feb 2013
Letter from Ono Feb 2013
 
tv por assinatursaUjy
tv por assinatursaUjytv por assinatursaUjy
tv por assinatursaUjy
 
Oo 2_7[1]
Oo  2_7[1]Oo  2_7[1]
Oo 2_7[1]
 
Конкурс тести учні
Конкурс тести учніКонкурс тести учні
Конкурс тести учні
 
CAREER REPORT
CAREER REPORTCAREER REPORT
CAREER REPORT
 

Similar a Diseño e interaccion web

Presentación1
Presentación1Presentación1
Presentación1jeiksoto
 
Diseño industrial jessica garcia
Diseño industrial jessica garciaDiseño industrial jessica garcia
Diseño industrial jessica garcia14jessica
 
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
 
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
 
Diseño industrial eugee
Diseño industrial eugeeDiseño industrial eugee
Diseño industrial eugeeeugeborelli
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráficoIsabel Yepes
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdfSandra Milena
 
+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...IxDA La Plata
 
Tiposdediseñoangelika
TiposdediseñoangelikaTiposdediseñoangelika
TiposdediseñoangelikaJuliancho11
 
Romina diego jairon1
Romina diego jairon1Romina diego jairon1
Romina diego jairon1OGO Hurtado
 
Innoventia diseño, creación de producto y soluciones digitales
Innoventia diseño, creación de producto y soluciones digitalesInnoventia diseño, creación de producto y soluciones digitales
Innoventia diseño, creación de producto y soluciones digitales+innoventia
 
Dia positivas de diseño industrial
Dia positivas de diseño industrialDia positivas de diseño industrial
Dia positivas de diseño industrialescorpionjlm
 
Analisis del contexto de trabajo del programa illustrator2
Analisis del contexto de trabajo del programa illustrator2Analisis del contexto de trabajo del programa illustrator2
Analisis del contexto de trabajo del programa illustrator2disseny2d1
 

Similar a Diseño e interaccion web (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Diseño industrial jessica garcia
Diseño industrial jessica garciaDiseño industrial jessica garcia
Diseño industrial jessica garcia
 
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
 
Diseño del producto
Diseño del productoDiseño del producto
Diseño del producto
 
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 Grafico
Diseño Grafico Diseño Grafico
Diseño Grafico
 
EL PROCESO DE DISEÑO SEPARATA.pdf
EL PROCESO DE DISEÑO SEPARATA.pdfEL PROCESO DE DISEÑO SEPARATA.pdf
EL PROCESO DE DISEÑO SEPARATA.pdf
 
Diseño industrial eugee
Diseño industrial eugeeDiseño industrial eugee
Diseño industrial eugee
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráfico
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 
+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia soluciones digitales
+innoventia soluciones digitales
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Tiposdediseñoangelika
TiposdediseñoangelikaTiposdediseñoangelika
Tiposdediseñoangelika
 
Romina diego jairon1
Romina diego jairon1Romina diego jairon1
Romina diego jairon1
 
Innoventia diseño, creación de producto y soluciones digitales
Innoventia diseño, creación de producto y soluciones digitalesInnoventia diseño, creación de producto y soluciones digitales
Innoventia diseño, creación de producto y soluciones digitales
 
Ux nikole
Ux nikoleUx nikole
Ux nikole
 
Dia positivas de diseño industrial
Dia positivas de diseño industrialDia positivas de diseño industrial
Dia positivas de diseño industrial
 
Analisis del contexto de trabajo del programa illustrator2
Analisis del contexto de trabajo del programa illustrator2Analisis del contexto de trabajo del programa illustrator2
Analisis del contexto de trabajo del programa illustrator2
 

Último

La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...yeisonmoreno02
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eYURYMILENACARDENASSA
 
PANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoPANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoIsabelHuairaGarma
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxQuerubinOlayamedina
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxElizabeth Mejia
 
SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.brenesquesadajenifer
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...quintinana89
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfJoselinBocanegra1
 

Último (9)

La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles e
 
PANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todoPANCREATITIS aguda explicacion anatomia todo
PANCREATITIS aguda explicacion anatomia todo
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.SliderSHARE ¿que es? y ¿c0mo funciona ?.
SliderSHARE ¿que es? y ¿c0mo funciona ?.
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdf
 

Diseño e interaccion web

  • 2. ETIMOLOGÍA DE DISEÑO Tradicionalmente significa la configuración de objetos bi y tridimensionales, fabricados en serie por procesos industriales.
  • 3. DEFINICIÓN DE DISEÑO El diseño es una actividad creativa que supone la existencia de algo nuevo y útil sin existencia previa.
  • 4. DISEÑO DE INTERACCIÓN El diseño de interacción determina las posibilidades de operación de un sistema tecnológico: las posibilidades de acción de las personas que lo usarán, y las reacciones del sistema ante estas acciones.
  • 5. DISEÑADOR GRAFICO El diseñador gráfico se encarga de la apariencia del producto. Su trabajo consiste en crear los elementos gráficos necesarios para comunicar al usuario las distintas funcionalidades del producto de manera atractiva.
  • 6. El diseñador de interacción, por su parte, trabaja para definir cómo tiene que funcionar el producto para que sea útil y usable. Para conseguirlo, debe diseñar el producto desde el punto de vista del usuario, no desde el punto de vista técnico ni artístico. El diseñador de interacción debe interiorizar y entender los objetivos, tareas, necesidades y deseos que los usuarios tienen cuando están usando el producto. DISEÑADOR DE INTERACCIÓN