SlideShare una empresa de Scribd logo
1 de 22
Descargar para leer sin conexión
Diseño de Interfaz gráfica del usuario
       publicaciones digitales.
                      El diseño de interfaz gráfica :: L.D.G. Lizbeth Luna González
Diseñadores

Destacar la importancia que tiene el diseño de una interfaz grafica amigable para
sitios web o soportes multimedia, sobre todo porque hasta hace no mucho tiempo
era una labor realizada por programadores y pocos diseñadores tenían la
oportunidad de adquirir experiencia en ésta área.
http://www.startrekmovie.com/


Cuando se trata de realizar un proyecto serio en formato digital y
confiable, es necesario contar con conocimientos de diseño de
interfaces, los cuales nos ayudan a resolver una publicación de la
mejor manera.
Diseño de
            Interfaces Gráficas de Usuario (IGU)




                                    http://www.fordvehicles.com/the2010mustang/




http://www.volkswagen.es
http://www.fool.com/

                                                              http://www.aetna.com/



El estudio y desarrollo del diseño de una interfaz requiere de un trabajo donde
están inmersas viarias disciplinas en función a un mismo objetivo: cubrir la
necesidad del hombre de transmitir y comunicar, en este caso, a través de un
medio electrónico. Las disciplinas pueden variar pero las que se mantienen de
alguna manera constante son: la ingeniería, la pedagogía y diseño. No importa si
la publicación es científica, de divulgación o de entretenimiento, la interfaz es
fundamental para la consulta adecuada del documento.
Todo usuario requiere un tiempo de adaptación a una interfaz, entre menor
sea el tiempo dedicado a realizar está acción, las posibilidades de éxito están
garantizadas. Curiosamente, una buena interfaz se vuelve invisible al
momento de interactuar con ella. Nos damos cuenta de su existencia cuando
los errores se hacen presentes al sentimos perdidos, ingenuos y con la
situación fuera de control, por ejemplo.

1.- Mensajes poco claros.
2.- El encontrar información se vuelve complicado.
3.- No existen jerarquías, ni de información, ni visuales.




                                 http://www.havenworks.com/
La interfaz de, por el contrario debe hacer sentir al usuario, seguro, confiado y tranquilo,
guiarlo e incluso condicionarlo, de tal forma, que el sienta el control total de la situación.
Varios factores influyen en la toma de decisiones para el diseño de interfaz
El Poder del Contenido y la Imagen
El medio digital nos ofrece una serie de recursos multimedia (imagen, sonido, animación,
video, etc.) y no hay que dejarse seducir por ellos: Una publicación puede estar saturada de
animaciones y efectos visualmente atractivos, lo cual no mejora en nada la calidad del
contenido, pero si lo usamos pensando siempre en el beneficio que puede proporcionar para
el usuario la aplicación de estas herramientas, en función del reforzamiento de las ideas que
se quieren transmitir, estaremos cumpliendo con elementos rectores de una interfaz, es
decir, que sea eficaz, de fácil uso y memorización, así como de una imagen agradable, que
provoque, incluso, un estado emocional, lo que en inglés se conoce como usability (algunos
textos en español lo manejan como usabilidad). El principal estudioso de esta área es Jakob
Nielsen
Lo anterior se logra, si conseguimos
que la interfaz sea básicamente:

1.   Sencilla
2.   Clara
3.   Predecible
4.   Flexible
5.   Consistente
6.   Intuitiva
7.   Coherente




        http://www.lacoste.com/
1.- Sencilla: Los elementos están para apoyar, ayudar y guiar, no
para confundir, evitemos la saturación y colocación innecesaria de
los mismos.
2.- Clara: La información debe ser fácilmente localizable, es decir, debe estar
organizada ya sea de manera lógica, jerárquica o temática. En el ejemplo se
puede apreciar una organización temática.
3.- Predecible: A acciones iguales, resultados iguales Que el usuario
comprenda rápidamente cuales son las opciones de búsqueda, cuál será la
visualización de un contenido en la pantalla
4.- Flexible: La publicación deber verse y entenderse claramente en la mayoría de los
navegadores y plataformas (Mac, PC), al menos en las más comunes. Debemos pensar siempre
en opciones (“botones”, textos) que nos permitan regresar al punto de partida (de ser posible)
y a la página principal (recordemos que por las características del medio, el lector puede iniciar
la lectura en cualquier punto de la misma), proporcionar versiones del mismo documento pero
en varios formatos (PDF, DOC, TXT) para que el usuario puede elegir el que más le convenga.
Para la actualización el diseño debe permitir la adecuación de la interfaz a agregar nuevas
secciones, cambio de algunas imágenes, modificar textos, etcétera.
http://www.marvel.com/




http://www.viaarte.com/
http://www.defensayjusticia.com.ar



5.- Consistente: Lograr una semejanza entre las secciones o capítulos. Los elementos una
vez organizados y definidos deben permanecer en la misma área, con la misma función y la
misma función con el mismo texto o imagen, la única que permite presentar variaciones de
la distribución de los elementos es la página principal, pero la representación gráfica y de
texto que se haga de las funciones debe permanecer igual en todas las secciones, por
ejemplo: El menú de navegación.
http://www.bauhaus.de
6.- Intuitiva: El usuario se siente más seguro en una publicación en la que no
tenga que adivinar ni pensar como ejecutar acciones.
http://www.quino.com.ar/



7.- Coherente: Tanto texto como gráficos, colores y demás elementos utilizados deben corresponder al
contenido de la publicación. Apoyados generalmente por una construcción de palabras, frases y elementos
visuales.
La labor de un diseñador de interfaces gráficas es adelantarse, ponerse en el lugar del usuario, prever
cualquier situación que pueda resultar un punto de conflicto (ya sea psicológico o técnico) y resolver el
problema antes de que se presente. Si el lector de una publicación digital encuentra que para tener
acceso a la misma, previamente debe solucionar problemas técnicos, ajenos al documento, en lo que
busca, encuentra y aprende a usar esas nuevas herramientas, seguramente habrá olvidado el porqué
de la lectura inicial o bien encontrado otro sitio donde venga la misma información y el acceso a ella
sea mucho más sencillo, por supuesto la elección resulta obvia.
http://www.ariza.com.tr/site.html




  Es compromiso del diseñador es usar los programas como
herramientas para comunicar y reforzar ideas, que connoten y
 denoten el mensaje, NO para lucir su dominio técnico de los
             programas y recursos multimedia.
El diseño de una interfaz como cualquier proyecto en diseño es un proceso el cual no
está libre de imprevistos, ya que el medio cambia y evoluciona en la medida en que la
sociedad, sus necesidades y recursos tecnológicos lo hacen. Sin embargo, las premisas
básicas de una buena interfaz, no se pierden, sólo se transforman y adaptan al
medio. que la interfaz gráfica de usuario sirve como medio para la comunicación con
un sistema. El diseñador cumple una función primordial como materializador y
constructor de mensajes. Todo proyecto de diseño implica un proceso pensado y
consiente que puede tener variaciones, todo depende de diversos factores entre ellos
del cambio y evolución que tenga el medio electrónico-digital para lograr que ésta sea
eficaz, de fácil uso y memorización y que incluso provoque emociones en el usuario,
en beneficio directo del mismo.

Más contenido relacionado

La actualidad más candente

Protocolos, estandares y tipos de modem
Protocolos, estandares y tipos de modemProtocolos, estandares y tipos de modem
Protocolos, estandares y tipos de modemMirna L. Torres Garcia
 
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3Ejercicios Modulación Análoga & Digital resultados(fam)-rev3
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3Francisco Apablaza
 
Generadores y dispositivos semiconductores de microondas (3)
Generadores y dispositivos semiconductores de microondas (3)Generadores y dispositivos semiconductores de microondas (3)
Generadores y dispositivos semiconductores de microondas (3)Nicolas Cuya Motta
 
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓN
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓNELEMENTOS DE UN SISTEMA DE COMUNICACIÓN
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓNfeedsanchez
 
Sistema de Comunicación. Redes de Telecomunicaciones
Sistema de Comunicación. Redes de TelecomunicacionesSistema de Comunicación. Redes de Telecomunicaciones
Sistema de Comunicación. Redes de Telecomunicacionesmamogetta
 
Modulador y demodulador ask
Modulador y demodulador askModulador y demodulador ask
Modulador y demodulador askIsrael Chala
 

La actualidad más candente (20)

Protocolos, estandares y tipos de modem
Protocolos, estandares y tipos de modemProtocolos, estandares y tipos de modem
Protocolos, estandares y tipos de modem
 
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3Ejercicios Modulación Análoga & Digital resultados(fam)-rev3
Ejercicios Modulación Análoga & Digital resultados(fam)-rev3
 
Generadores y dispositivos semiconductores de microondas (3)
Generadores y dispositivos semiconductores de microondas (3)Generadores y dispositivos semiconductores de microondas (3)
Generadores y dispositivos semiconductores de microondas (3)
 
Trabajo sistemas de comunicacion
Trabajo sistemas de comunicacionTrabajo sistemas de comunicacion
Trabajo sistemas de comunicacion
 
Interrupciones
InterrupcionesInterrupciones
Interrupciones
 
Modos de transmisión de Datos
Modos de transmisión de DatosModos de transmisión de Datos
Modos de transmisión de Datos
 
Modulacion fsk
Modulacion fskModulacion fsk
Modulacion fsk
 
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓN
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓNELEMENTOS DE UN SISTEMA DE COMUNICACIÓN
ELEMENTOS DE UN SISTEMA DE COMUNICACIÓN
 
Transmision Datos
Transmision DatosTransmision Datos
Transmision Datos
 
Lenguaje ensamblador
Lenguaje ensambladorLenguaje ensamblador
Lenguaje ensamblador
 
La importancia de los microprocesadores
La importancia de los microprocesadoresLa importancia de los microprocesadores
La importancia de los microprocesadores
 
Estandares comunicacion
Estandares comunicacionEstandares comunicacion
Estandares comunicacion
 
Tipo De Modulacion, Codificacion Y Decodificacion
Tipo De Modulacion, Codificacion Y DecodificacionTipo De Modulacion, Codificacion Y Decodificacion
Tipo De Modulacion, Codificacion Y Decodificacion
 
Investigación técnicas de modulación
Investigación técnicas de modulaciónInvestigación técnicas de modulación
Investigación técnicas de modulación
 
Tipos de multiplexacion
Tipos de multiplexacionTipos de multiplexacion
Tipos de multiplexacion
 
Fundamentos ASK, PSK y FSK
Fundamentos  ASK, PSK y FSKFundamentos  ASK, PSK y FSK
Fundamentos ASK, PSK y FSK
 
Ccoeficiente y porcentaje de modulación
Ccoeficiente y porcentaje de modulaciónCcoeficiente y porcentaje de modulación
Ccoeficiente y porcentaje de modulación
 
Sistema de Comunicación. Redes de Telecomunicaciones
Sistema de Comunicación. Redes de TelecomunicacionesSistema de Comunicación. Redes de Telecomunicaciones
Sistema de Comunicación. Redes de Telecomunicaciones
 
Modulador y demodulador ask
Modulador y demodulador askModulador y demodulador ask
Modulador y demodulador ask
 
Estándar ieee 802
Estándar ieee 802Estándar ieee 802
Estándar ieee 802
 

Destacado

Definición y características de los nativos y migrantes digitales
Definición y características de los nativos y migrantes digitalesDefinición y características de los nativos y migrantes digitales
Definición y características de los nativos y migrantes digitalesmarcia simbala
 
Nativos e Inmigrantes Digitales
Nativos e Inmigrantes DigitalesNativos e Inmigrantes Digitales
Nativos e Inmigrantes DigitalesRaymond Marquina
 
Generación.Net: Nativos Digitales
Generación.Net: Nativos DigitalesGeneración.Net: Nativos Digitales
Generación.Net: Nativos DigitalesWaleska Rivera
 
10 sistemas gestores de base de datos
10 sistemas gestores de base de datos10 sistemas gestores de base de datos
10 sistemas gestores de base de datosGusttavo Nipas
 
Principios neurocognitivos
Principios neurocognitivosPrincipios neurocognitivos
Principios neurocognitivosHéctor Juárez
 
Sensores opticos
Sensores opticosSensores opticos
Sensores opticostorito2691
 

Destacado (6)

Definición y características de los nativos y migrantes digitales
Definición y características de los nativos y migrantes digitalesDefinición y características de los nativos y migrantes digitales
Definición y características de los nativos y migrantes digitales
 
Nativos e Inmigrantes Digitales
Nativos e Inmigrantes DigitalesNativos e Inmigrantes Digitales
Nativos e Inmigrantes Digitales
 
Generación.Net: Nativos Digitales
Generación.Net: Nativos DigitalesGeneración.Net: Nativos Digitales
Generación.Net: Nativos Digitales
 
10 sistemas gestores de base de datos
10 sistemas gestores de base de datos10 sistemas gestores de base de datos
10 sistemas gestores de base de datos
 
Principios neurocognitivos
Principios neurocognitivosPrincipios neurocognitivos
Principios neurocognitivos
 
Sensores opticos
Sensores opticosSensores opticos
Sensores opticos
 

Similar a Interfaces digitales

Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosJoaquin Paronzini
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesSdenkaCGuzman
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...SdenkaCGuzman
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2mariaerica
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIA
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIAHERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIA
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIAmariaestrada96
 
Herramientas web e infomaticas
Herramientas web e infomaticasHerramientas web e infomaticas
Herramientas web e infomaticasAnahí Pérez
 
Ux ui, front-end y back-end
Ux ui, front-end y back-endUx ui, front-end y back-end
Ux ui, front-end y back-endScada Ucv
 
Las etapas de un proyecto multimedia
Las etapas de un proyecto multimediaLas etapas de un proyecto multimedia
Las etapas de un proyecto multimediamlauritha
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informaticaPamrn25
 
PROYECTO GRUPO 7
PROYECTO GRUPO 7PROYECTO GRUPO 7
PROYECTO GRUPO 7Dayana Mora
 

Similar a Interfaces digitales (20)

Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de Usuarios
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
 
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2
 
Informatica
InformaticaInformatica
Informatica
 
U4 interfaz de usuario
U4 interfaz de usuarioU4 interfaz de usuario
U4 interfaz de usuario
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Unidad4 isabel arredondo
Unidad4 isabel arredondoUnidad4 isabel arredondo
Unidad4 isabel arredondo
 
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIA
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIAHERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIA
HERRAMIENTAS WEB Y AFIMÁTICAS APLICADAS A LA EDUCACIÓN Y A LA ENFERMERIA
 
Herramientas web e infomaticas
Herramientas web e infomaticasHerramientas web e infomaticas
Herramientas web e infomaticas
 
Ux ui, front-end y back-end
Ux ui, front-end y back-endUx ui, front-end y back-end
Ux ui, front-end y back-end
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
Moretti
MorettiMoretti
Moretti
 
Las etapas de un proyecto multimedia
Las etapas de un proyecto multimediaLas etapas de un proyecto multimedia
Las etapas de un proyecto multimedia
 
Diseño web
Diseño webDiseño web
Diseño web
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
PROYECTO GRUPO 7
PROYECTO GRUPO 7PROYECTO GRUPO 7
PROYECTO GRUPO 7
 
PROYECTO
PROYECTOPROYECTO
PROYECTO
 

Último

PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxEnriqueLineros1
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
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 - 2024Juan Martín Martín
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfRosabel UA
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 

Último (20)

PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docx
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
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
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

Interfaces digitales

  • 1. Diseño de Interfaz gráfica del usuario publicaciones digitales. El diseño de interfaz gráfica :: L.D.G. Lizbeth Luna González
  • 2. Diseñadores Destacar la importancia que tiene el diseño de una interfaz grafica amigable para sitios web o soportes multimedia, sobre todo porque hasta hace no mucho tiempo era una labor realizada por programadores y pocos diseñadores tenían la oportunidad de adquirir experiencia en ésta área.
  • 3. http://www.startrekmovie.com/ Cuando se trata de realizar un proyecto serio en formato digital y confiable, es necesario contar con conocimientos de diseño de interfaces, los cuales nos ayudan a resolver una publicación de la mejor manera.
  • 4. Diseño de Interfaces Gráficas de Usuario (IGU) http://www.fordvehicles.com/the2010mustang/ http://www.volkswagen.es
  • 5. http://www.fool.com/ http://www.aetna.com/ El estudio y desarrollo del diseño de una interfaz requiere de un trabajo donde están inmersas viarias disciplinas en función a un mismo objetivo: cubrir la necesidad del hombre de transmitir y comunicar, en este caso, a través de un medio electrónico. Las disciplinas pueden variar pero las que se mantienen de alguna manera constante son: la ingeniería, la pedagogía y diseño. No importa si la publicación es científica, de divulgación o de entretenimiento, la interfaz es fundamental para la consulta adecuada del documento.
  • 6. Todo usuario requiere un tiempo de adaptación a una interfaz, entre menor sea el tiempo dedicado a realizar está acción, las posibilidades de éxito están garantizadas. Curiosamente, una buena interfaz se vuelve invisible al momento de interactuar con ella. Nos damos cuenta de su existencia cuando los errores se hacen presentes al sentimos perdidos, ingenuos y con la situación fuera de control, por ejemplo. 1.- Mensajes poco claros. 2.- El encontrar información se vuelve complicado. 3.- No existen jerarquías, ni de información, ni visuales. http://www.havenworks.com/
  • 7. La interfaz de, por el contrario debe hacer sentir al usuario, seguro, confiado y tranquilo, guiarlo e incluso condicionarlo, de tal forma, que el sienta el control total de la situación. Varios factores influyen en la toma de decisiones para el diseño de interfaz
  • 8. El Poder del Contenido y la Imagen
  • 9. El medio digital nos ofrece una serie de recursos multimedia (imagen, sonido, animación, video, etc.) y no hay que dejarse seducir por ellos: Una publicación puede estar saturada de animaciones y efectos visualmente atractivos, lo cual no mejora en nada la calidad del contenido, pero si lo usamos pensando siempre en el beneficio que puede proporcionar para el usuario la aplicación de estas herramientas, en función del reforzamiento de las ideas que se quieren transmitir, estaremos cumpliendo con elementos rectores de una interfaz, es decir, que sea eficaz, de fácil uso y memorización, así como de una imagen agradable, que provoque, incluso, un estado emocional, lo que en inglés se conoce como usability (algunos textos en español lo manejan como usabilidad). El principal estudioso de esta área es Jakob Nielsen
  • 10. Lo anterior se logra, si conseguimos que la interfaz sea básicamente: 1. Sencilla 2. Clara 3. Predecible 4. Flexible 5. Consistente 6. Intuitiva 7. Coherente http://www.lacoste.com/
  • 11. 1.- Sencilla: Los elementos están para apoyar, ayudar y guiar, no para confundir, evitemos la saturación y colocación innecesaria de los mismos.
  • 12. 2.- Clara: La información debe ser fácilmente localizable, es decir, debe estar organizada ya sea de manera lógica, jerárquica o temática. En el ejemplo se puede apreciar una organización temática.
  • 13. 3.- Predecible: A acciones iguales, resultados iguales Que el usuario comprenda rápidamente cuales son las opciones de búsqueda, cuál será la visualización de un contenido en la pantalla
  • 14. 4.- Flexible: La publicación deber verse y entenderse claramente en la mayoría de los navegadores y plataformas (Mac, PC), al menos en las más comunes. Debemos pensar siempre en opciones (“botones”, textos) que nos permitan regresar al punto de partida (de ser posible) y a la página principal (recordemos que por las características del medio, el lector puede iniciar la lectura en cualquier punto de la misma), proporcionar versiones del mismo documento pero en varios formatos (PDF, DOC, TXT) para que el usuario puede elegir el que más le convenga. Para la actualización el diseño debe permitir la adecuación de la interfaz a agregar nuevas secciones, cambio de algunas imágenes, modificar textos, etcétera.
  • 16. http://www.defensayjusticia.com.ar 5.- Consistente: Lograr una semejanza entre las secciones o capítulos. Los elementos una vez organizados y definidos deben permanecer en la misma área, con la misma función y la misma función con el mismo texto o imagen, la única que permite presentar variaciones de la distribución de los elementos es la página principal, pero la representación gráfica y de texto que se haga de las funciones debe permanecer igual en todas las secciones, por ejemplo: El menú de navegación.
  • 18. 6.- Intuitiva: El usuario se siente más seguro en una publicación en la que no tenga que adivinar ni pensar como ejecutar acciones.
  • 19. http://www.quino.com.ar/ 7.- Coherente: Tanto texto como gráficos, colores y demás elementos utilizados deben corresponder al contenido de la publicación. Apoyados generalmente por una construcción de palabras, frases y elementos visuales.
  • 20. La labor de un diseñador de interfaces gráficas es adelantarse, ponerse en el lugar del usuario, prever cualquier situación que pueda resultar un punto de conflicto (ya sea psicológico o técnico) y resolver el problema antes de que se presente. Si el lector de una publicación digital encuentra que para tener acceso a la misma, previamente debe solucionar problemas técnicos, ajenos al documento, en lo que busca, encuentra y aprende a usar esas nuevas herramientas, seguramente habrá olvidado el porqué de la lectura inicial o bien encontrado otro sitio donde venga la misma información y el acceso a ella sea mucho más sencillo, por supuesto la elección resulta obvia.
  • 21. http://www.ariza.com.tr/site.html Es compromiso del diseñador es usar los programas como herramientas para comunicar y reforzar ideas, que connoten y denoten el mensaje, NO para lucir su dominio técnico de los programas y recursos multimedia.
  • 22. El diseño de una interfaz como cualquier proyecto en diseño es un proceso el cual no está libre de imprevistos, ya que el medio cambia y evoluciona en la medida en que la sociedad, sus necesidades y recursos tecnológicos lo hacen. Sin embargo, las premisas básicas de una buena interfaz, no se pierden, sólo se transforman y adaptan al medio. que la interfaz gráfica de usuario sirve como medio para la comunicación con un sistema. El diseñador cumple una función primordial como materializador y constructor de mensajes. Todo proyecto de diseño implica un proceso pensado y consiente que puede tener variaciones, todo depende de diversos factores entre ellos del cambio y evolución que tenga el medio electrónico-digital para lograr que ésta sea eficaz, de fácil uso y memorización y que incluso provoque emociones en el usuario, en beneficio directo del mismo.