SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Unidad 4
      Diseño de Interfaces
      Hombre-Máquina
      César Octavio Orozco Buenrostro


      Centro Universitario de la Costa
      Universidad de Guadalajara




lunes 18 de octubre de 2010
Teoría de la Argumentación



               La argumentación retórica consiste en entablar una comunicación entre el
               emisor y receptor de un mensaje. Se crea una interactividad entre ambos.


          Argumentar consiste en plantear una idea que pueda cambiar la manera de pensar
          o achura del emisor del mensaje, mediante argumentos válidos de modo que el
          receptor pueda aceptarlos.




lunes 18 de octubre de 2010
Elementos de la Retórica


               El conocer a fondo los elementos de la retórica es de gran ayuda para el
               diseñador de interfaces ya que son herramientas que se pueden aplicar en el
               campo del diseño para lograr mejores productos finales.

          La retórica consiste, a grandes rasgos, en el arte de expresarse con propiedad y
          claridad.

          Para conseguir la persuasión del auditorio se usan diferentes tipos de argumentos,
          que en general, nos ayudan a formular bien nuestro mensaje para que el
          destinatario pueda obtener nuevos conocimientos basándose en conceptos ya
          conocidos, siendo esto una función que refuerza el conocimiento.




lunes 18 de octubre de 2010
Discurso retórico
                                             -Inventio
          Es la preparación de los argumentos que se utilizarán para la creación del discurso
          o mensaje a emitir.

                                            -Dispositio
          Es donde se estructuran los argumentos y se construye el mensaje.

                                             -Elocutio
          Es donde se genera el mensaje, donde todos los elementos se componen para
          formar el discurso.

                                               -Actio
          Es la transmisión del discurso, es la parte final del proceso argumentativo.
          Es cuando se da a conocer al auditorio.




lunes 18 de octubre de 2010
Retórica en el diseño digital



               Aplicar todos los elementos de la retórica en el diseño digital ayuda de gran
               manera para la comprensión de la interfaz.

          Son los mismos fundamentos que la retórica antigua, pero viene acompañada de
          nuevos conceptos y el medio donde se aplica es totalmente diferente a lo que se
          ha visto anteriormente: una interfaz digital.




lunes 18 de octubre de 2010
Esquema para el desarrollo de interfaces
          de usuario




lunes 18 de octubre de 2010
Invención


               Es donde se inicia el proceso del diseño de una interfaz, donde se marca la
               pauta para la definición, todos los elementos que ésta contendrá y el público al
               cual se va a dirigir




lunes 18 de octubre de 2010
Disposición



               En este paso del proceso se toma en cuenta al cliente en el proceso, obteniendo
               de él los objetivos de la interfaz así como las ideas que la persona tenga en
               mente para la realización del trabajo.

          Aquí es donde también se define todos los elementos de interactividad que ésta
          contendrá, la manera en que los usuarios navegarán y como se llegará a la
          información que se quiere dar a conocer.




lunes 18 de octubre de 2010
Elocución



               Se ponen a andar las ideas previamente planteadas. Se realizan story boards
               para ir dando forma a la idea y poder coordinarse con el equipo de trabajo.


          Aquí se define el estilo que contendrá: tipografías, colores, etc.




lunes 18 de octubre de 2010
Acción
               Es la parte del proceso mas laboriosa y se divide en diferentes pasos.

          Implementación
          Aquí se seleccionan y se adaptan los contenidos que se van a utilizar ya sea gráficos o texto.
          Los textos a considerar se deben cuidar bien, eligiendo las palabras adecuadas. El contenido debe ser preciso
          y conciso.

          En este paso también se desarrolla el sistema informático. En lo gráfico se empieza a crear botones, fondos,
          menús, etc, tomando en cuenta algunos aspectos generales a considerar que son referidos por la Asociación
          de Interacción Persona-Ordenador
          que son
          facilitar la visibilidad
          Utilizar diálogos simples y naturales
          Reducir la memorización
          Reducir la complejidad de las acciones
          Marcar las opciones de navegación con claridad
          Control de la velocidad
          Incluir mensajes de error
          Mostrar opciones de ayuda
          Agrupar los datos lógicamente
          flexibilizar la presentación
          Diseñar siguiendo una imagen global




lunes 18 de octubre de 2010
Optimización


          Es la etapa donde el proyecto final se depura. Se prueba para poder detectar fallas
          en la interfaz haciendo las observaciones al diseñador para que corrija los errores.

          Lanzamiento
          Habiendo pasado la prueba de optimización el producto final se da a conocer y
          mediante una campaña de difusión.




lunes 18 de octubre de 2010
Cibermetría


          Aquí es donde la página que se ha creado se mide la popularidad del sitio. Que
          tanto impacto ha generado. A cuantas personas ha llegado el mensaje.

          Existen diferentes metodologías para medir la popularidad de la página. Una de
          ellas es el CINDOC en España donde se mide el contenido de acuerdo a:
          Tamaño
          Número de Páginas
          Archivos Enriquecidos (formatos de texto)
          visibilidad
          Enlaces recibidos
          PageRank
          Citas
          Popularidad




lunes 18 de octubre de 2010
Mantenimiento

          Es la parte final del proceso pero no quiere decir que con eso se concluye todo. En
          el mantenimiento del sitio el diseñador debe estar atento a que el sistema funcione
          correctamente. Debe estar al tanto que todo funcione cada vez que haya por
          ejemplo una actualización de software.
          Lo mas importante de todo es que el contenido ofrecido debe ser siempre actual,
          fresco, interesante. Se debe estar la página en constante renovación y se deben
          agregar nuevas elementos al diseño para que los usuarios no se aburran de ver
          siempre lo mismo.
          Aún agregando elementos no se debe hacer un cambio radical del diseño al menos
          que el cliente lo decida.




lunes 18 de octubre de 2010
Referencias:
               Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en :

               http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_1.htm Consultado el 18 de Octubre del 2010




               Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en :

               http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_2.htm Consultado el 18 de Octubre del 2010




               Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en :

               http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_3.htm Consultado el 18 de Octubre del 2010




               Imágen: Figura 12. Esquema de Trabajo Propuesto Para El Desarrollo De Una Interfaz

               Disponible en http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_3.htm




lunes 18 de octubre de 2010

Más contenido relacionado

Similar a Unidad4_César orozco

Tarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantesTarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantes
David Martinez
 
Unidad 4 Hombre-Máquina
Unidad 4 Hombre-MáquinaUnidad 4 Hombre-Máquina
Unidad 4 Hombre-Máquina
JOZHE
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquino
Vane Aquino
 
Slideshare vanessa aquino
Slideshare vanessa aquinoSlideshare vanessa aquino
Slideshare vanessa aquino
Vane Aquino
 
Presentaciones audiovisuales con propósitos educativos
Presentaciones audiovisuales con propósitos educativosPresentaciones audiovisuales con propósitos educativos
Presentaciones audiovisuales con propósitos educativos
vascogdlh78
 

Similar a Unidad4_César orozco (20)

Unidad 4 alejandra gomez torres
Unidad 4 alejandra gomez torresUnidad 4 alejandra gomez torres
Unidad 4 alejandra gomez torres
 
Técnicas argumentativas
Técnicas argumentativas Técnicas argumentativas
Técnicas argumentativas
 
Tarea 4 interfaces
Tarea 4 interfacesTarea 4 interfaces
Tarea 4 interfaces
 
Tarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantesTarea 4 interfaces david martinez cervantes
Tarea 4 interfaces david martinez cervantes
 
Productos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usarProductos digitales: Agítese bien antes de usar
Productos digitales: Agítese bien antes de usar
 
Slideshare
SlideshareSlideshare
Slideshare
 
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
 
Unidad 4 Hombre-Máquina
Unidad 4 Hombre-MáquinaUnidad 4 Hombre-Máquina
Unidad 4 Hombre-Máquina
 
Unidad4 isabel arredondo
Unidad4 isabel arredondoUnidad4 isabel arredondo
Unidad4 isabel arredondo
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
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
 
4 A Multimedia Communication System ( H C I2)
4  A  Multimedia  Communication  System ( H C I2)4  A  Multimedia  Communication  System ( H C I2)
4 A Multimedia Communication System ( H C I2)
 
Unidad 4 paul nuñez coffeen
Unidad 4 paul nuñez coffeenUnidad 4 paul nuñez coffeen
Unidad 4 paul nuñez coffeen
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
Formato de manual
Formato de manualFormato de manual
Formato de manual
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Presentaciones audiovisuales con propósitos educativos
Presentaciones audiovisuales con propósitos educativosPresentaciones audiovisuales con propósitos educativos
Presentaciones audiovisuales con propósitos educativos
 
Proyecto de tics
Proyecto de ticsProyecto de tics
Proyecto de tics
 

Último

Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 

Último (20)

Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 

Unidad4_César orozco

  • 1. Unidad 4 Diseño de Interfaces Hombre-Máquina César Octavio Orozco Buenrostro Centro Universitario de la Costa Universidad de Guadalajara lunes 18 de octubre de 2010
  • 2. Teoría de la Argumentación La argumentación retórica consiste en entablar una comunicación entre el emisor y receptor de un mensaje. Se crea una interactividad entre ambos. Argumentar consiste en plantear una idea que pueda cambiar la manera de pensar o achura del emisor del mensaje, mediante argumentos válidos de modo que el receptor pueda aceptarlos. lunes 18 de octubre de 2010
  • 3. Elementos de la Retórica El conocer a fondo los elementos de la retórica es de gran ayuda para el diseñador de interfaces ya que son herramientas que se pueden aplicar en el campo del diseño para lograr mejores productos finales. La retórica consiste, a grandes rasgos, en el arte de expresarse con propiedad y claridad. Para conseguir la persuasión del auditorio se usan diferentes tipos de argumentos, que en general, nos ayudan a formular bien nuestro mensaje para que el destinatario pueda obtener nuevos conocimientos basándose en conceptos ya conocidos, siendo esto una función que refuerza el conocimiento. lunes 18 de octubre de 2010
  • 4. Discurso retórico -Inventio Es la preparación de los argumentos que se utilizarán para la creación del discurso o mensaje a emitir. -Dispositio Es donde se estructuran los argumentos y se construye el mensaje. -Elocutio Es donde se genera el mensaje, donde todos los elementos se componen para formar el discurso. -Actio Es la transmisión del discurso, es la parte final del proceso argumentativo. Es cuando se da a conocer al auditorio. lunes 18 de octubre de 2010
  • 5. Retórica en el diseño digital Aplicar todos los elementos de la retórica en el diseño digital ayuda de gran manera para la comprensión de la interfaz. Son los mismos fundamentos que la retórica antigua, pero viene acompañada de nuevos conceptos y el medio donde se aplica es totalmente diferente a lo que se ha visto anteriormente: una interfaz digital. lunes 18 de octubre de 2010
  • 6. Esquema para el desarrollo de interfaces de usuario lunes 18 de octubre de 2010
  • 7. Invención Es donde se inicia el proceso del diseño de una interfaz, donde se marca la pauta para la definición, todos los elementos que ésta contendrá y el público al cual se va a dirigir lunes 18 de octubre de 2010
  • 8. Disposición En este paso del proceso se toma en cuenta al cliente en el proceso, obteniendo de él los objetivos de la interfaz así como las ideas que la persona tenga en mente para la realización del trabajo. Aquí es donde también se define todos los elementos de interactividad que ésta contendrá, la manera en que los usuarios navegarán y como se llegará a la información que se quiere dar a conocer. lunes 18 de octubre de 2010
  • 9. Elocución Se ponen a andar las ideas previamente planteadas. Se realizan story boards para ir dando forma a la idea y poder coordinarse con el equipo de trabajo. Aquí se define el estilo que contendrá: tipografías, colores, etc. lunes 18 de octubre de 2010
  • 10. Acción Es la parte del proceso mas laboriosa y se divide en diferentes pasos. Implementación Aquí se seleccionan y se adaptan los contenidos que se van a utilizar ya sea gráficos o texto. Los textos a considerar se deben cuidar bien, eligiendo las palabras adecuadas. El contenido debe ser preciso y conciso. En este paso también se desarrolla el sistema informático. En lo gráfico se empieza a crear botones, fondos, menús, etc, tomando en cuenta algunos aspectos generales a considerar que son referidos por la Asociación de Interacción Persona-Ordenador que son facilitar la visibilidad Utilizar diálogos simples y naturales Reducir la memorización Reducir la complejidad de las acciones Marcar las opciones de navegación con claridad Control de la velocidad Incluir mensajes de error Mostrar opciones de ayuda Agrupar los datos lógicamente flexibilizar la presentación Diseñar siguiendo una imagen global lunes 18 de octubre de 2010
  • 11. Optimización Es la etapa donde el proyecto final se depura. Se prueba para poder detectar fallas en la interfaz haciendo las observaciones al diseñador para que corrija los errores. Lanzamiento Habiendo pasado la prueba de optimización el producto final se da a conocer y mediante una campaña de difusión. lunes 18 de octubre de 2010
  • 12. Cibermetría Aquí es donde la página que se ha creado se mide la popularidad del sitio. Que tanto impacto ha generado. A cuantas personas ha llegado el mensaje. Existen diferentes metodologías para medir la popularidad de la página. Una de ellas es el CINDOC en España donde se mide el contenido de acuerdo a: Tamaño Número de Páginas Archivos Enriquecidos (formatos de texto) visibilidad Enlaces recibidos PageRank Citas Popularidad lunes 18 de octubre de 2010
  • 13. Mantenimiento Es la parte final del proceso pero no quiere decir que con eso se concluye todo. En el mantenimiento del sitio el diseñador debe estar atento a que el sistema funcione correctamente. Debe estar al tanto que todo funcione cada vez que haya por ejemplo una actualización de software. Lo mas importante de todo es que el contenido ofrecido debe ser siempre actual, fresco, interesante. Se debe estar la página en constante renovación y se deben agregar nuevas elementos al diseño para que los usuarios no se aburran de ver siempre lo mismo. Aún agregando elementos no se debe hacer un cambio radical del diseño al menos que el cliente lo decida. lunes 18 de octubre de 2010
  • 14. Referencias: Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en : http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_1.htm Consultado el 18 de Octubre del 2010 Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en : http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_2.htm Consultado el 18 de Octubre del 2010 Unidad 4. Instituto de Estudios para el Aprendizaje [Portal Web]. Disponible en : http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_3.htm Consultado el 18 de Octubre del 2010 Imágen: Figura 12. Esquema de Trabajo Propuesto Para El Desarrollo De Una Interfaz Disponible en http://idea.cgti.udg.mx/file.php/476/Unidad%204/4_3.htm lunes 18 de octubre de 2010