SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Principios de Tecnología de Textos ,[object Object],La información presentada en pantalla debe ser en unidades pequeñas y manejables, recordando que la memoria a corto plazo no supera (según estudios realizados) más de 7+-2 unidades de información. ,[object Object],Toda la información que aparezca en una pantalla debe guardar relación en función de un tópico o tema, lo que sea momentáneo, o sencillamente sea para aclarar esa idea, debe aparecer en otra sección, porque eso distrae al usuario. Colocar “junto” lo que es similar.
Principios de Tecnología de Textos ,[object Object],Las etiquetas representan una estrategia para que el usuario se ubique en qué parte del proceso de formación está, además que le permite comprender y buscar luego la información, sólo haciendo uso de la misma. Ella no es más que una especie de Título que permite presentar el tópico o tema que se está abordando.  ,[object Object],Tal y como la palabra lo expresa, este principio permite que el material desarrollado (en cuanto a contenido y forma de presentación) tenga un hilo conductor. La variedad en la presentación de los elementos, no necesariamente representa creatividad y mejor aprendizaje, más bien puede ser un elemento distractor para el usuario.
Principios de Tecnología de Textos ,[object Object],Hay estudios que han determinado que, sobre todo en la formación de adultos, la utilización de gráficos, dibujos, entre otros permite una mejor comprensión del contenido presentado. En este sentido la utilización de estos elementos debe tener una razón, no deben ser insertados para “rellenar” sino que deben ser complemento del contenido presentado, o el propio contenido abordado de manera que el usuario pueda comprender mejor la información.  ,[object Object],Este principio lo que busca es que la información presentada sea lo suficientemente útil para el usuario, es decir, ser lo más específico de modo que no exista información de “sobra” e irrelevante.
Principios de Tecnología de Textos ,[object Object],Este principio lo que nos señala es que debemos establecer criterios de modo que, la información y los elementos presentados guarden no sólo una relación, sino también un orden que permita que el usuario pueda captar la importancia de la información de manera organizada.
Guiones – Ejemplo 1 Etiqueta Contenido Animación En este apartado debe señalarse la identificación del contenido que se está revisando en pantalla, es decir, representa una estrategia para ubicar al usuario, y que sepa en qué lección, tema o tópico está interactuando. Suele ubicarse en el extremo superior derecho de la diapositiva, pero todo depende del diseñador, tanto gráfico como instruccional. En este apartado se desarrolla el contenido como tal, es decir, aquí el diseñador instruccional debe señalar todo lo que debe aparecer en pantalla en cuanto a contenido solamente. (por ejemplo definiciones, conceptos, características, tablas, gráficos, etc.) En este apartado debe describir la acción de los elementos que están dentro de la diapositiva, es decir, cómo y cuando deben aparecer, en qué lugar de la diapositiva, efectos de los elementos (botones, textos, gráficos, etc.), colores, sonido (si es una música o una voz en off, etc.), qué frase o palabra debe resaltarse, etc.
Guiones – Ejemplo 2 ETIQUETA Desarrollo de Contenido Descripción de la Animación: Puede resaltarse con colores de letras diferentes o con cualquier otro aspecto que permita al diseñador gráfico saber que estos son los efectos que queremos agregar a los elementos dentro de la diapositiva.
Diseño de Interfases gráficas ,[object Object],[object Object],[object Object],[object Object],La Interfaz Gráfica representa el diseño de la pantalla y los elementos que están dentro de ella, en este sentido es un aspecto importante dentro del diseño de un mdc, sin embargo no debe abusarse en su diseño ya que ella es sólo el espacio dentro del cual se va a desarrollar la instrucción, pero no es la instrucción en sí.
Elementos de una  Interfaz gráfica ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Estructura de una  Interfaz gráfica Área Natural de Atención Los elementos se distribuyen en estos tres segmentos manteniendo ciertos criterios en cuando a textos, imágenes, navegación, etc.
Estructura de una  Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo superior derecho.
Estructura de una  Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo inferior derecho.
Posición de los objetos  Los elementos se distribuyen siguiendo mas o menos esta distribución. Texto del Título Texto del Título Texto Texto
Referencias  ,[object Object]
EJERCICIO  A Continuación se presenta un contenido (Material para servicios de Internet), organízalo en PwPoint siguiendo las recomendaciones presentadas anteriormente, e intenta elaborar un pequeño guión donde indiques qué efectos quieres que tenga el contenido de tu presentación.

Weitere ähnliche Inhalte

Ähnlich wie Principios de diseño de interfaces de usuario

Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1mbulas
 
Multimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbMultimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbByron Toapanta
 
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdfC1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdfSistemadeEstudiosMed
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfazJose Luis Dorao
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivosdecroly moodle
 
Equipo..1 parte 2
Equipo..1 parte 2Equipo..1 parte 2
Equipo..1 parte 2Liiz Roses
 
Instructivo de exe lerning
Instructivo de exe lerningInstructivo de exe lerning
Instructivo de exe lerningNELLYKATTY
 
11.ilse.estrategias unidad2
11.ilse.estrategias unidad211.ilse.estrategias unidad2
11.ilse.estrategias unidad2k4rol1n4
 
99 disenoproducmedios
99 disenoproducmedios99 disenoproducmedios
99 disenoproducmediosLuis Lu
 
Boceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalBoceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalkipirinai
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
ORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdfORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdfEstebanJM1
 
Taller 4: Estrategias de Enseñanza.
Taller  4: Estrategias de Enseñanza.Taller  4: Estrategias de Enseñanza.
Taller 4: Estrategias de Enseñanza.nanvillegasvillao
 

Ähnlich wie Principios de diseño de interfaces de usuario (20)

Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1
 
Multimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webbMultimedia y de sarrollo de sitios webb
Multimedia y de sarrollo de sitios webb
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdfC1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
C1-tecnologia_del_texto_color_MPPE_Fundabit.pdf
 
Presentaciones visuales
Presentaciones visualesPresentaciones visuales
Presentaciones visuales
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
21 Modulos Transmisivos
21 Modulos Transmisivos21 Modulos Transmisivos
21 Modulos Transmisivos
 
Equipo..1 parte 2
Equipo..1 parte 2Equipo..1 parte 2
Equipo..1 parte 2
 
12.ilse.estrategias unidad2
12.ilse.estrategias unidad212.ilse.estrategias unidad2
12.ilse.estrategias unidad2
 
Tecnicas de estudio
Tecnicas de estudioTecnicas de estudio
Tecnicas de estudio
 
Apz (2)
Apz (2)Apz (2)
Apz (2)
 
Instructivo de exe lerning
Instructivo de exe lerningInstructivo de exe lerning
Instructivo de exe lerning
 
11.ilse.estrategias unidad2
11.ilse.estrategias unidad211.ilse.estrategias unidad2
11.ilse.estrategias unidad2
 
99 disenoproducmedios
99 disenoproducmedios99 disenoproducmedios
99 disenoproducmedios
 
Entorno de powerpoint
Entorno de powerpointEntorno de powerpoint
Entorno de powerpoint
 
Boceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla finalBoceto tabla de criterios justo antes de realizar la tabla final
Boceto tabla de criterios justo antes de realizar la tabla final
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
ORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdfORGANIZADORES GRÁFICOSFINAL.pdf
ORGANIZADORES GRÁFICOSFINAL.pdf
 
Taller 4: Estrategias de Enseñanza.
Taller  4: Estrategias de Enseñanza.Taller  4: Estrategias de Enseñanza.
Taller 4: Estrategias de Enseñanza.
 
Aprendizaje visual
Aprendizaje visualAprendizaje visual
Aprendizaje visual
 

Kürzlich hochgeladen

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 

Kürzlich hochgeladen (16)

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

Principios de diseño de interfaces de usuario

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. Guiones – Ejemplo 1 Etiqueta Contenido Animación En este apartado debe señalarse la identificación del contenido que se está revisando en pantalla, es decir, representa una estrategia para ubicar al usuario, y que sepa en qué lección, tema o tópico está interactuando. Suele ubicarse en el extremo superior derecho de la diapositiva, pero todo depende del diseñador, tanto gráfico como instruccional. En este apartado se desarrolla el contenido como tal, es decir, aquí el diseñador instruccional debe señalar todo lo que debe aparecer en pantalla en cuanto a contenido solamente. (por ejemplo definiciones, conceptos, características, tablas, gráficos, etc.) En este apartado debe describir la acción de los elementos que están dentro de la diapositiva, es decir, cómo y cuando deben aparecer, en qué lugar de la diapositiva, efectos de los elementos (botones, textos, gráficos, etc.), colores, sonido (si es una música o una voz en off, etc.), qué frase o palabra debe resaltarse, etc.
  • 6. Guiones – Ejemplo 2 ETIQUETA Desarrollo de Contenido Descripción de la Animación: Puede resaltarse con colores de letras diferentes o con cualquier otro aspecto que permita al diseñador gráfico saber que estos son los efectos que queremos agregar a los elementos dentro de la diapositiva.
  • 7.
  • 8.
  • 9. Estructura de una Interfaz gráfica Área Natural de Atención Los elementos se distribuyen en estos tres segmentos manteniendo ciertos criterios en cuando a textos, imágenes, navegación, etc.
  • 10. Estructura de una Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo superior derecho.
  • 11. Estructura de una Interfaz gráfica Atención a la Diagonal Principal Los elementos se distribuyen siguiendo esta orientación, destacando el extremo inferior derecho.
  • 12. Posición de los objetos Los elementos se distribuyen siguiendo mas o menos esta distribución. Texto del Título Texto del Título Texto Texto
  • 13.
  • 14. EJERCICIO A Continuación se presenta un contenido (Material para servicios de Internet), organízalo en PwPoint siguiendo las recomendaciones presentadas anteriormente, e intenta elaborar un pequeño guión donde indiques qué efectos quieres que tenga el contenido de tu presentación.