SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
Diseño de Interfaz gráfica del usuario
publicaciones digitales.
El diseño de interfaz gráfica :: L.D.G. Lizbeth Luna González
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.
Diseñadores
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.
http://www.startrekmovie.com/
Diseño de
Interfaces Gráficas de Usuario (IGU)
http://www.volkswagen.es
http://www.fordvehicles.com/the2010mustang/
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.
http://www.aetna.com/
http://www.fool.com/
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.viaarte.com/
http://www.marvel.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.
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.
http://www.quino.com.ar/
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.
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.
http://www.ariza.com.tr/site.html
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.

Contenu connexe

Tendances

Presentaciones digitales
Presentaciones digitalesPresentaciones digitales
Presentaciones digitalesjahc8786
 
Presentación Electrónica
Presentación ElectrónicaPresentación Electrónica
Presentación ElectrónicaKarlaAp2
 
Trabajo en slide share
Trabajo en slide shareTrabajo en slide share
Trabajo en slide sharewegp55
 
Herramientas del web 2.0
Herramientas del web 2.0Herramientas del web 2.0
Herramientas del web 2.0elena0985
 
Presentaciones Electronicas & Multimedia
Presentaciones Electronicas & MultimediaPresentaciones Electronicas & Multimedia
Presentaciones Electronicas & MultimediaGeovanny Jacome
 
Presentación Electrónica
Presentación ElectrónicaPresentación Electrónica
Presentación ElectrónicaKarlaAp2
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Astriid Moreno
 
Presentaciones online
Presentaciones onlinePresentaciones online
Presentaciones onlinefibol118
 
Herramientas de multimedia
Herramientas de multimediaHerramientas de multimedia
Herramientas de multimediamairasalas
 
Presentaciones en linea informatica
Presentaciones en linea   informaticaPresentaciones en linea   informatica
Presentaciones en linea informaticanferrin
 
Diseño y la producción de Medios para la enseñanza
Diseño y la producción de Medios para la enseñanzaDiseño y la producción de Medios para la enseñanza
Diseño y la producción de Medios para la enseñanzaMiguelBlanco74
 
Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0jessica
 
Qué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxQué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxdaniela03carol
 
UTILIZA PREZI (Pequeño Manual)
UTILIZA PREZI (Pequeño Manual)UTILIZA PREZI (Pequeño Manual)
UTILIZA PREZI (Pequeño Manual)Lissethpintog
 
PRESENTACIONES DIJITALES
PRESENTACIONES DIJITALESPRESENTACIONES DIJITALES
PRESENTACIONES DIJITALESJose Montes
 

Tendances (17)

Presentaciones digitales
Presentaciones digitalesPresentaciones digitales
Presentaciones digitales
 
Presentación Electrónica
Presentación ElectrónicaPresentación Electrónica
Presentación Electrónica
 
Trabajo en slide share
Trabajo en slide shareTrabajo en slide share
Trabajo en slide share
 
Herramientas del web 2.0
Herramientas del web 2.0Herramientas del web 2.0
Herramientas del web 2.0
 
Presentaciones Electronicas & Multimedia
Presentaciones Electronicas & MultimediaPresentaciones Electronicas & Multimedia
Presentaciones Electronicas & Multimedia
 
Presentación Electrónica
Presentación ElectrónicaPresentación Electrónica
Presentación Electrónica
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)
 
Presentaciones online
Presentaciones onlinePresentaciones online
Presentaciones online
 
Herramientas de multimedia
Herramientas de multimediaHerramientas de multimedia
Herramientas de multimedia
 
Presentaciones en linea informatica
Presentaciones en linea   informaticaPresentaciones en linea   informatica
Presentaciones en linea informatica
 
Diseño y la producción de Medios para la enseñanza
Diseño y la producción de Medios para la enseñanzaDiseño y la producción de Medios para la enseñanza
Diseño y la producción de Medios para la enseñanza
 
Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0
 
2 herramientaweb2drive.parcial 1
2 herramientaweb2drive.parcial 12 herramientaweb2drive.parcial 1
2 herramientaweb2drive.parcial 1
 
Qué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxQué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mx
 
UTILIZA PREZI (Pequeño Manual)
UTILIZA PREZI (Pequeño Manual)UTILIZA PREZI (Pequeño Manual)
UTILIZA PREZI (Pequeño Manual)
 
PRESENTACIONES DIJITALES
PRESENTACIONES DIJITALESPRESENTACIONES DIJITALES
PRESENTACIONES DIJITALES
 
Informatica
InformaticaInformatica
Informatica
 

En vedette

Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioAntonio Albanés
 
Impresora en red
Impresora en redImpresora en red
Impresora en redrockhttp
 
Libro el profesorad principiante
Libro el profesorad principianteLibro el profesorad principiante
Libro el profesorad principianteIrving Molina
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuarioLuisa Arenas
 
Dominios de internet
Dominios de internetDominios de internet
Dominios de internetruben87htz
 
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioAproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioCarlos Marrero
 
elementos tipicos de las interfaces graficas de usuario
elementos tipicos de las interfaces graficas de usuarioelementos tipicos de las interfaces graficas de usuario
elementos tipicos de las interfaces graficas de usuarioantosaavedra35
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFicaXimena Tabares
 
Elementos de una interfaz Gráfica
Elementos de una interfaz GráficaElementos de una interfaz Gráfica
Elementos de una interfaz Gráficapantonyerivera
 
Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario ivancmontero
 
What we can learn from the vSTBs in the field
What we can learn from the vSTBs in the fieldWhat we can learn from the vSTBs in the field
What we can learn from the vSTBs in the fieldErwan Nédellec
 
HERRAMIENTAS DE UN TÉCNICO EN SISTEMAS
HERRAMIENTAS DE UN TÉCNICO EN SISTEMASHERRAMIENTAS DE UN TÉCNICO EN SISTEMAS
HERRAMIENTAS DE UN TÉCNICO EN SISTEMASharold martinez
 

En vedette (20)

Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Impresora en red
Impresora en redImpresora en red
Impresora en red
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Libro el profesorad principiante
Libro el profesorad principianteLibro el profesorad principiante
Libro el profesorad principiante
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuario
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Dominios de internet
Dominios de internetDominios de internet
Dominios de internet
 
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de UsuarioAproximación semio cognitiva a la Interfaz Gráfica de Usuario
Aproximación semio cognitiva a la Interfaz Gráfica de Usuario
 
Ip y dominios de internet
Ip y dominios de internetIp y dominios de internet
Ip y dominios de internet
 
Redes Lan
Redes LanRedes Lan
Redes Lan
 
Interfaces gráficas de usuario
Interfaces gráficas de usuarioInterfaces gráficas de usuario
Interfaces gráficas de usuario
 
elementos tipicos de las interfaces graficas de usuario
elementos tipicos de las interfaces graficas de usuarioelementos tipicos de las interfaces graficas de usuario
elementos tipicos de las interfaces graficas de usuario
 
Interfaz gráfica del usuario
Interfaz gráfica del usuarioInterfaz gráfica del usuario
Interfaz gráfica del usuario
 
Historia De La Interfaz GráFica
Historia De La Interfaz GráFicaHistoria De La Interfaz GráFica
Historia De La Interfaz GráFica
 
Historia de las redes de computación
Historia de las redes de computaciónHistoria de las redes de computación
Historia de las redes de computación
 
Elementos de una interfaz Gráfica
Elementos de una interfaz GráficaElementos de una interfaz Gráfica
Elementos de una interfaz Gráfica
 
Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario Elemento tipicos de las interfaces graficas de usuario
Elemento tipicos de las interfaces graficas de usuario
 
What we can learn from the vSTBs in the field
What we can learn from the vSTBs in the fieldWhat we can learn from the vSTBs in the field
What we can learn from the vSTBs in the field
 
HERRAMIENTAS DE UN TÉCNICO EN SISTEMAS
HERRAMIENTAS DE UN TÉCNICO EN SISTEMASHERRAMIENTAS DE UN TÉCNICO EN SISTEMAS
HERRAMIENTAS DE UN TÉCNICO EN SISTEMAS
 

Similaire à Diseño de Interfaces Graficas de Usuarios

Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitalesrick arias
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)RuddyAngelica
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)RuddyAngelica
 
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
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informaticaPamrn25
 
PROYECTO GRUPO 7
PROYECTO GRUPO 7PROYECTO GRUPO 7
PROYECTO GRUPO 7Dayana Mora
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informaticaAna Araujo
 
Proyecto 7
Proyecto 7Proyecto 7
Proyecto 7Jossy98
 
Proyecto grupo 7
Proyecto grupo 7Proyecto grupo 7
Proyecto grupo 7neyla13
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informaticaenaj84
 
EXPOSICION
EXPOSICIONEXPOSICION
EXPOSICIONAlly04
 

Similaire à Diseño de Interfaces Graficas de Usuarios (20)

Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)
 
Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)Diseño e integración de multimedia sena(2)
Diseño e integración de multimedia sena(2)
 
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
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
PROYECTO GRUPO 7
PROYECTO GRUPO 7PROYECTO GRUPO 7
PROYECTO GRUPO 7
 
PROYECTO
PROYECTOPROYECTO
PROYECTO
 
Grupo 7 proyecto
Grupo 7 proyectoGrupo 7 proyecto
Grupo 7 proyecto
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Grupo7
Grupo7Grupo7
Grupo7
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Proyecto 7
Proyecto 7Proyecto 7
Proyecto 7
 
GRUPO - 7
GRUPO  -  7GRUPO  -  7
GRUPO - 7
 
Proyecto grupo 7
Proyecto grupo 7Proyecto grupo 7
Proyecto grupo 7
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
EXPOSICION
EXPOSICIONEXPOSICION
EXPOSICION
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Herramientas informatica(1)
Herramientas informatica(1)Herramientas informatica(1)
Herramientas informatica(1)
 

Dernier

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 

Dernier (20)

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 

Diseño de Interfaces Graficas de Usuarios

  • 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. 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. Diseñadores
  • 3. 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. http://www.startrekmovie.com/
  • 4. Diseño de Interfaces Gráficas de Usuario (IGU) http://www.volkswagen.es http://www.fordvehicles.com/the2010mustang/
  • 5. 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. http://www.aetna.com/ http://www.fool.com/
  • 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. 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. http://www.quino.com.ar/
  • 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. 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. http://www.ariza.com.tr/site.html
  • 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.