SlideShare une entreprise Scribd logo
1  sur  21
Unidad 4 Diseño y Evaluación de Interfaces Hombre Máquina Maestra: Brenda Georgina EstupiñánCuevas Alumno: Héctor Isaias Medina Herrera Licenciatura en Ingeniería en Comunicación Multimedia Universidad De Guadalajara Centro Universitario de la Costa Puerto Vallarta , jal. 18/04/2010
Técnicas Argumentativas 	Algunas técnicas argumentativas apelan los procesos sensoriales como: ,[object Object]
Significado: es el concepto o idea que se asocia al signo en todo tipo de comunicación, como es el contenido mental.
Percepción: proceso nervioso superior que permite al organismo, a través de los sentidos, recibir, elaborar e interpretar la información proveniente de su entorno.,[object Object]
Teoría De La Argumentación 	La interrelación con el entorno permite la integración de los individuos con su entorno y con las demás personas abriendo un posible dialogo; estableciendo un proceso comunicativo llamado interactividad. 	La retorica es y será considerada como un sustento científico a la practica del diseño, que permitirá analizar, sistematizar y reproducir sus procesos. según Buchanan el diseñador debe de ser:  ,[object Object]
Capaces de juzgar sus diseños
Participar con sus iguales
Evaluar sus productos,[object Object]
«Argumentar es utilizar un conocimiento para establecer otro conocimiento». 	En estos tiempos, observando la comunicación masiva nos damos cuenta que la publicidad, el diseño y la mercadotecnia cada vez están mejor estructuradas y así captan mas la atención del público consumidor; esto tendrá una respuesta positiva en el consumo del producto mismo, es por eso que nosotros como diseñadores debemos de mostrar interés y capacidad para tener buenos logros.
Modelo Argumentativo “Todo razonamiento o dato que de fe, pruebe o demuestre la posibilidad, la razón, la existencia, la verdad, y que por ello induzca a la persuasión o convenza durante la argumentación” 	El diseñador no puede establecer el proceso de argumentación, esta tarea consiste en utilizar conceptos que ya están aceptados por el consumidor, se utilizan las premisas que ya se aceptaron por el público. los argumentos están formados por:	 el cuerpo del mensaje,  sea grafico, textual o combinado.
	Según Peremal, el auditorio hará uso de diversos tipos de argumento: ,[object Object],También los argumentos deberán pasar pruebas para ser aceptados por el público consumidor. ,[object Object]
Phatos: estado de animo del público, puede utilizarse a favor por parte del orador.
Logos: el argumento debe de ser verdad o al menos aparentarlo, esto ayudara con la credibilidad.,[object Object],[object Object]
Elocutio: la etapa donde el discurso queda de una forma conceptualizada.
Actio: es nada mas y nada menos que la trasmisión de el argumento anteriormente creado y estructurado, esta transmisión se hace ante un público objetivo.,[object Object]
Alejandro Tapia 	Resalta el hipertexto como argumento, , la navegación como metáfora, la página como metáfora arquitectónica, los lugares comunes, el diseño de la navegación de acuerdo con el auditorio, toda página tiene un carácter, apelación a la razón, al placer y a la autoridad, escribir para una página web y la introducción en Flash como exordio. TOMÁS ALBALADEJO Nos dice que el internet agrega lo visual y lo auditivo, esto nos permite captar mas la atención del usuario. La elección de contenidos y la elaboración gráfica contribuyen a la generación de un buen discurso.
PIERRE LÉVY Nos dice que la gramática, dialéctica y retorica suceden al mismo tiempo en la virtualización. ROBERTO GAMONAL ARROYO Explica por medio de metáforas el concepto de internet, facilitando la practica y construcción.
4.3 Esquema para el desarrollo de interfaces de usuario 	Podemos dividir a los web master en dos categorías; los que nos basamos mas en las ciencias de la comunicación y damos prioridad a la parte de composición visual, la armonía, uso de colores, el diseño en si; y los web master que se preocupan mas por el buen funcionamiento de la pagina y dejan un poco de lado el diseño de la misma. 	El diseño digital implica y requiere de gente y equipo que estén preparados para crear y diseñar el proyecto que es requerido.
4.3.1 Invención Definición de la situación 	En este punto se debe de hacer un listado con todo lo que queremos que aparezca en el diseño, o bien, pedirle a quien solicita el diseño que es lo que quiere y que especifique como quiere su diseño. Identificación de públicos y de entornos El solicitador del diseño dará ideas acerca de su petición, pero uno como diseñador deberá fundamentar sus ideas con aspectos culturales, sociológicos, etnográficos, económicos a fin de obtener un diseño bien estructurado y fundamentado.
4.3.2 Disposición Definición general de la interfaz Junto con el cliente se definirán objetivos, metas y actividades a realizar, a fin de que ambas partes estén conformes. después en el diseño de la interfaz se comenzara a esbozar a fin de utilizar herramientas tales como botones, links, imágenes, textos, sonidos, etcétera
4.3.3 Elocución Desarrollo conceptual 	Concentraremos tareas y objetos definidos en  la etapa anterior que formaran parte de la interfaz. Se definirá el estilo general, colores, tipografías, tipo de imágenes o animaciones, así como el uso de maquetas, escenarios, storyboards, diagramas de flujo, prototipos de software para la visualización de la misma en una posible interfaz terminada.

Contenu connexe

Tendances

Unidad 4 interfaz laura garcia
Unidad 4 interfaz laura garciaUnidad 4 interfaz laura garcia
Unidad 4 interfaz laura garciaZuleima García
 
Unidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaUnidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaalastar16
 
Retórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuanRetórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuangil
 
Gui proyecto multimedia
Gui proyecto multimediaGui proyecto multimedia
Gui proyecto multimediaAlberto Rojas
 
Infografía digital interactiva
Infografía digital interactivaInfografía digital interactiva
Infografía digital interactivaNaelí González
 
Proceso creación multimedia
Proceso creación multimediaProceso creación multimedia
Proceso creación multimediaEspoch_lvaca
 
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIA
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIAINSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIA
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIAJose Ortiz
 
Proyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion TécnicoProyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion TécnicoManuel Busto
 
Creación de materiales didácticos
Creación de materiales didácticosCreación de materiales didácticos
Creación de materiales didácticosavrmoda
 
Transmedia & storytelling
Transmedia & storytellingTransmedia & storytelling
Transmedia & storytellingVladimir
 

Tendances (15)

Unidad 4 interfaz laura garcia
Unidad 4 interfaz laura garciaUnidad 4 interfaz laura garcia
Unidad 4 interfaz laura garcia
 
Unidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquinaUnidad 4 diseño de interfaces hombre máquina
Unidad 4 diseño de interfaces hombre máquina
 
Unidad4 isabel arredondo
Unidad4 isabel arredondoUnidad4 isabel arredondo
Unidad4 isabel arredondo
 
Retórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuanRetórica en la construcción de interfaces web - gil sanjuan
Retórica en la construcción de interfaces web - gil sanjuan
 
Presentacion capitulo4 interfaz
Presentacion capitulo4 interfazPresentacion capitulo4 interfaz
Presentacion capitulo4 interfaz
 
Gui proyecto multimedia
Gui proyecto multimediaGui proyecto multimedia
Gui proyecto multimedia
 
Infografía digital interactiva
Infografía digital interactivaInfografía digital interactiva
Infografía digital interactiva
 
GUION Y MATERIAL DE MULTIMEDIA
GUION Y MATERIAL DE MULTIMEDIAGUION Y MATERIAL DE MULTIMEDIA
GUION Y MATERIAL DE MULTIMEDIA
 
Guion Multimedia
Guion MultimediaGuion Multimedia
Guion Multimedia
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Proceso creación multimedia
Proceso creación multimediaProceso creación multimedia
Proceso creación multimedia
 
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIA
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIAINSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIA
INSTRUCTIVO PARA ELABORAR UN GUIÓN MULTIMEDIA
 
Proyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion TécnicoProyecto Multimedia. Storyline y Guion Técnico
Proyecto Multimedia. Storyline y Guion Técnico
 
Creación de materiales didácticos
Creación de materiales didácticosCreación de materiales didácticos
Creación de materiales didácticos
 
Transmedia & storytelling
Transmedia & storytellingTransmedia & storytelling
Transmedia & storytelling
 

En vedette

Carreira otero presentacionfinal.
Carreira otero presentacionfinal.Carreira otero presentacionfinal.
Carreira otero presentacionfinal.bely_katrina
 
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)Alexandra Alifanow
 
Isaias Medina Angarita (1941-1946)
Isaias Medina Angarita  (1941-1946)Isaias Medina Angarita  (1941-1946)
Isaias Medina Angarita (1941-1946)javiercayama
 
presidentes de Venezuela
presidentes de Venezuelapresidentes de Venezuela
presidentes de Venezuelaequipon2
 
La venezuela predemocratica 1936
La venezuela predemocratica 1936La venezuela predemocratica 1936
La venezuela predemocratica 1936eileem de bracho
 

En vedette (9)

Isaias medina
Isaias medinaIsaias medina
Isaias medina
 
ISAIASMEDINA
ISAIASMEDINAISAIASMEDINA
ISAIASMEDINA
 
Carreira otero presentacionfinal.
Carreira otero presentacionfinal.Carreira otero presentacionfinal.
Carreira otero presentacionfinal.
 
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)
DE LA TRANSICIÓN DEMOCRÁTICA AL MILITARISMO (1945 – 1958)
 
Isais Medina Angarita
Isais Medina AngaritaIsais Medina Angarita
Isais Medina Angarita
 
Isaias Medina Angarita
Isaias Medina AngaritaIsaias Medina Angarita
Isaias Medina Angarita
 
Isaias Medina Angarita (1941-1946)
Isaias Medina Angarita  (1941-1946)Isaias Medina Angarita  (1941-1946)
Isaias Medina Angarita (1941-1946)
 
presidentes de Venezuela
presidentes de Venezuelapresidentes de Venezuela
presidentes de Venezuela
 
La venezuela predemocratica 1936
La venezuela predemocratica 1936La venezuela predemocratica 1936
La venezuela predemocratica 1936
 

Similaire à Unidad 4

Tarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantesTarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantesDavid Martinez
 
Unidad 4 Hombre-Máquina
Unidad 4 Hombre-MáquinaUnidad 4 Hombre-Máquina
Unidad 4 Hombre-MáquinaJOZHE
 
Argumentación Para Medios Digitales
Argumentación Para Medios DigitalesArgumentación Para Medios Digitales
Argumentación Para Medios DigitalesZuleima García
 
Unidad 4 diseño de interfaces hombre maquina
Unidad 4 diseño de interfaces hombre maquinaUnidad 4 diseño de interfaces hombre maquina
Unidad 4 diseño de interfaces hombre maquinaZuleima García
 
Slideshare
SlideshareSlideshare
Slidesharepgrocks
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquinoVane Aquino
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquinoVane Aquino
 
Técnicas argumentativas
Técnicas argumentativasTécnicas argumentativas
Técnicas argumentativasYasbeth Chávez
 
Técnicas argumentativas
Técnicas argumentativasTécnicas argumentativas
Técnicas argumentativasYasbeth Chávez
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazwi11i
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazwi11i
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazwi11i
 

Similaire à Unidad 4 (20)

Tarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantesTarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantes
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad 4 Hombre-Máquina
Unidad 4 Hombre-MáquinaUnidad 4 Hombre-Máquina
Unidad 4 Hombre-Máquina
 
Argumentación Para Medios Digitales
Argumentación Para Medios DigitalesArgumentación Para Medios Digitales
Argumentación Para Medios Digitales
 
Unidad 4 diseño de interfaces hombre maquina
Unidad 4 diseño de interfaces hombre maquinaUnidad 4 diseño de interfaces hombre maquina
Unidad 4 diseño de interfaces hombre maquina
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquino
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquino
 
Técnicas argumentativas
Técnicas argumentativasTécnicas argumentativas
Técnicas argumentativas
 
Técnicas argumentativas
Técnicas argumentativasTécnicas argumentativas
Técnicas argumentativas
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfaz
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfaz
 
Tecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfazTecnicas argumentativas para una interfaz
Tecnicas argumentativas para una interfaz
 
Slideshare
SlideshareSlideshare
Slideshare
 
Unidad 41
Unidad 41Unidad 41
Unidad 41
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 

Unidad 4

  • 1. Unidad 4 Diseño y Evaluación de Interfaces Hombre Máquina Maestra: Brenda Georgina EstupiñánCuevas Alumno: Héctor Isaias Medina Herrera Licenciatura en Ingeniería en Comunicación Multimedia Universidad De Guadalajara Centro Universitario de la Costa Puerto Vallarta , jal. 18/04/2010
  • 2.
  • 3. Significado: es el concepto o idea que se asocia al signo en todo tipo de comunicación, como es el contenido mental.
  • 4.
  • 5.
  • 6. Capaces de juzgar sus diseños
  • 8.
  • 9. «Argumentar es utilizar un conocimiento para establecer otro conocimiento». En estos tiempos, observando la comunicación masiva nos damos cuenta que la publicidad, el diseño y la mercadotecnia cada vez están mejor estructuradas y así captan mas la atención del público consumidor; esto tendrá una respuesta positiva en el consumo del producto mismo, es por eso que nosotros como diseñadores debemos de mostrar interés y capacidad para tener buenos logros.
  • 10. Modelo Argumentativo “Todo razonamiento o dato que de fe, pruebe o demuestre la posibilidad, la razón, la existencia, la verdad, y que por ello induzca a la persuasión o convenza durante la argumentación” El diseñador no puede establecer el proceso de argumentación, esta tarea consiste en utilizar conceptos que ya están aceptados por el consumidor, se utilizan las premisas que ya se aceptaron por el público. los argumentos están formados por: el cuerpo del mensaje, sea grafico, textual o combinado.
  • 11.
  • 12. Phatos: estado de animo del público, puede utilizarse a favor por parte del orador.
  • 13.
  • 14. Elocutio: la etapa donde el discurso queda de una forma conceptualizada.
  • 15.
  • 16. Alejandro Tapia Resalta el hipertexto como argumento, , la navegación como metáfora, la página como metáfora arquitectónica, los lugares comunes, el diseño de la navegación de acuerdo con el auditorio, toda página tiene un carácter, apelación a la razón, al placer y a la autoridad, escribir para una página web y la introducción en Flash como exordio. TOMÁS ALBALADEJO Nos dice que el internet agrega lo visual y lo auditivo, esto nos permite captar mas la atención del usuario. La elección de contenidos y la elaboración gráfica contribuyen a la generación de un buen discurso.
  • 17. PIERRE LÉVY Nos dice que la gramática, dialéctica y retorica suceden al mismo tiempo en la virtualización. ROBERTO GAMONAL ARROYO Explica por medio de metáforas el concepto de internet, facilitando la practica y construcción.
  • 18. 4.3 Esquema para el desarrollo de interfaces de usuario Podemos dividir a los web master en dos categorías; los que nos basamos mas en las ciencias de la comunicación y damos prioridad a la parte de composición visual, la armonía, uso de colores, el diseño en si; y los web master que se preocupan mas por el buen funcionamiento de la pagina y dejan un poco de lado el diseño de la misma. El diseño digital implica y requiere de gente y equipo que estén preparados para crear y diseñar el proyecto que es requerido.
  • 19. 4.3.1 Invención Definición de la situación En este punto se debe de hacer un listado con todo lo que queremos que aparezca en el diseño, o bien, pedirle a quien solicita el diseño que es lo que quiere y que especifique como quiere su diseño. Identificación de públicos y de entornos El solicitador del diseño dará ideas acerca de su petición, pero uno como diseñador deberá fundamentar sus ideas con aspectos culturales, sociológicos, etnográficos, económicos a fin de obtener un diseño bien estructurado y fundamentado.
  • 20. 4.3.2 Disposición Definición general de la interfaz Junto con el cliente se definirán objetivos, metas y actividades a realizar, a fin de que ambas partes estén conformes. después en el diseño de la interfaz se comenzara a esbozar a fin de utilizar herramientas tales como botones, links, imágenes, textos, sonidos, etcétera
  • 21. 4.3.3 Elocución Desarrollo conceptual Concentraremos tareas y objetos definidos en la etapa anterior que formaran parte de la interfaz. Se definirá el estilo general, colores, tipografías, tipo de imágenes o animaciones, así como el uso de maquetas, escenarios, storyboards, diagramas de flujo, prototipos de software para la visualización de la misma en una posible interfaz terminada.
  • 22. 4.3.4 Acción 1. La inmersión en la lectura. Aprovechar las posibilidades gráficas del formato digital para que el lector pueda apropiarse del contenido. 2. La cinestesia del texto. Posibilidades del texto en pantalla que no es posible tener en texto sobre papel. Las palabras están sostenidas en la pantalla: las sostiene el lector mientras las lee, entre un clic y el siguiente. 3. El plegado del texto. Hacer uso del hipertexto para dosificar la información que se muestra al lector en el momento requerido.
  • 23. Arquitectura del sistema, la interfaz es la cara de la aplicación ante el usuario
  • 24. composición Decimos que en el aspecto grafico se debe de agregar botones, iconos, fondos, imágenes y animaciones que dan forma a la interfaz. Las mejoras que damos a los sistemas se dan al gusto de los usuarios, interactuando con la interfaz, evaluando del producto, permitiendo así la modificación y adecuación, según las necesidades, algunas técnicas comunes que se enlistan a continuación: - Inspección (uso, apego a estándares, etc…). - Indagación (cuestionarios, entrevistas, etc…).
  • 25. Difusión Cuando el diseño de nuestra interfaz esta listo se comienza con la etapa de difusión por medios de comunicación que sean necesarios. Y esta se debe de dar por mucho tiempo a fin de ganar muchos usuarios. Después de todo esto, se debe seguir dando mantenimiento a nuestra interfaz a fin de conservarla, actualizarla y mantenerla en el gusto del público que se ha ganado con el esfuerzo y dedicación por parte del diseñador, el cliente y todo aquel que intervino en la creación de esta interfaz.