SlideShare una empresa de Scribd logo
Interfaz de usuario

•   Originalmente el termino interfaz surgió para
    referirse al trabajo realizado por algunos
    especialistas que construían aplicaciones de
    software. Pero realmente todos los productos y
    documentos tanto impresos como digitales tienen
    alguna clase de interfaz de usuario.

•   Una revista por ejemplo necesita una interfaz ( la
    tabla de contenidos, la numeración, títulos,
    subtítulos y demás) para que el lector pueda usarla
    efectivamente.

• Humanizar lo no humano

• Indicios                         Acción
Interfaz de usuario
El diseño de la interfaz de usuario (GUI - Graphic
User Interface -) de un sistema computarizado
incluye:


• 1- Metáforas de interacción,
   Imágenes y conceptos usados para transmitir función
   significando sobre la pantalla de la computadora,
   Las características visuales detalladas de cada
   componente de la interfaz gráfica,

• Todo esto produce la llamada: "experiencia de uso" de
  una interfaz.
Interfaz de usuario


•   En Internet, el diseño gráfico y las "marcas" visuales no
    son usadas simplemente para "decorar" las paginas. Aquí
    los gráficos son parte integral de la experiencia interactiva
    del usuario con el sitio.

•   En documentos interactivos es imposible separar el diseño
    gráfico del diseño de interfaz.
Interfaz de usuario


La navegación debe mostrar claramente:

•   1- En que lugar o sección del sitio me encuentro,
•   2- En que lugares o secciones he estado
•   3- Hacia donde puedo ir
Interfaz de usuario

Tips para el diseño de Interfaz :
   

1.   Conozca y diseñe para su publico objetivo
2.   Pruebe sus suposiciones
3.   Conozca la tecnología
4.   Conozca sus limitaciones
5.   No sea inconsistente (o demasiado
     consistente)
6.   Provea retroalimentación
7.   Permita la manipulación directa
8.   No sobreextienda sus metáforas
9.   Diseñe y conquiste
Interfaz de usuario

Piense globalmente y actúe localmente
     
1. Use figuras gráficas, iconos o símbolos para
   representar una acción siempre que sea posible:
 
2.Cuando esté creando elementos textuales asegúrese
   de que el texto sea totalmente editable

3. Deje espacio para las traducciones

4. Conozca sus limitaciones

5. No sea inconsistente (o demasiado consistente)

6. Consulte a los nativos

7. Sea listo

Más contenido relacionado

PDF
PPTX
Presentacion final
PPTX
Presentacion final
PDF
Disenadores desarrolladores y viceversa
PDF
Aureo Manager - Brochure
PPTX
Procesos de diseño
PPT
Farreras, informalismo matérico
PPTX
Tecnology Line
Presentacion final
Presentacion final
Disenadores desarrolladores y viceversa
Aureo Manager - Brochure
Procesos de diseño
Farreras, informalismo matérico
Tecnology Line

Destacado (16)

ODP
CRISTOFOR COLOM
PPTX
Presentación tarea 3
PPTX
Estudio de caso
PPTX
Googloe wen
PPTX
Rep0216slide
PPTX
FUNDAMENTOS CÓNICA Y EJERCICIOS
PPTX
Bases filosoficas y organizativas del sistema mexicano isabel barron luna
PPTX
Kvitu
PPS
Tráfico de animais ok
PPT
La revolución científica del siglo xvii
PPTX
Diapositivas elevctiva iv...
PPTX
Persiguiendo a la felicidad
PDF
MÁS ALLÁ DE UNA IMAGEN
PDF
Branding - Adoro Pedras
PPTX
Klaudia - Famous Polish people
DOCX
Caminando sobre la lluvia.
CRISTOFOR COLOM
Presentación tarea 3
Estudio de caso
Googloe wen
Rep0216slide
FUNDAMENTOS CÓNICA Y EJERCICIOS
Bases filosoficas y organizativas del sistema mexicano isabel barron luna
Kvitu
Tráfico de animais ok
La revolución científica del siglo xvii
Diapositivas elevctiva iv...
Persiguiendo a la felicidad
MÁS ALLÁ DE UNA IMAGEN
Branding - Adoro Pedras
Klaudia - Famous Polish people
Caminando sobre la lluvia.
Publicidad

Similar a Gui (20)

PPT
Interfaz_Graficaasssssssssssssssssssssssssssssssssssssssa.ppt
PPTX
producción de Multimedia y los Diseño Grupo 2.pptx
PPTX
3Mayo2023 Taller construcción de Prototipos.pptx
PPTX
Diseño interfaz de usuario
PPTX
Diseño interfaz de usuario
PPT
Pressman y sommerville, GUI
PPTX
Interfaces Gráficas de Usuario.pptx
PDF
PROCESO DE DISEÑO DE INTERFACES EN APPS WEB
PDF
Diseño de interfaces móviles (UX y la arquitectura de software)
PPTX
INTRODUCCION AL DISEÑO WEB.pptx
PDF
Herramientas de diseño UI
PPTX
DISEÑO DE INTERFAZ Y EXPERIENCIA DE USUARIO.pptx
PPTX
2.1 Diseño, prototipo y construcción
PDF
Clase 04 diseno_ui
PPTX
Diseño de interfaz de usuario
ODP
Front End & Responsive Web Design | DevFest Merida
PPTX
Modelo de Implantación del Usuario | interfaz Gráfica de usuario
PDF
Diseno grafico dojo_v1
PPTX
Trabajo baño
Interfaz_Graficaasssssssssssssssssssssssssssssssssssssssa.ppt
producción de Multimedia y los Diseño Grupo 2.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
Diseño interfaz de usuario
Diseño interfaz de usuario
Pressman y sommerville, GUI
Interfaces Gráficas de Usuario.pptx
PROCESO DE DISEÑO DE INTERFACES EN APPS WEB
Diseño de interfaces móviles (UX y la arquitectura de software)
INTRODUCCION AL DISEÑO WEB.pptx
Herramientas de diseño UI
DISEÑO DE INTERFAZ Y EXPERIENCIA DE USUARIO.pptx
2.1 Diseño, prototipo y construcción
Clase 04 diseno_ui
Diseño de interfaz de usuario
Front End & Responsive Web Design | DevFest Merida
Modelo de Implantación del Usuario | interfaz Gráfica de usuario
Diseno grafico dojo_v1
Trabajo baño
Publicidad

Más de Mayra Macas (6)

PDF
Etica de los derivados financieros
PPTX
Gestión porprocesos replica
PPTX
Mlearning
PPTX
Perritos hermosos
PDF
Técnica
PPT
Etica de los derivados financieros
Gestión porprocesos replica
Mlearning
Perritos hermosos
Técnica

Gui

  • 1. Interfaz de usuario • Originalmente el termino interfaz surgió para referirse al trabajo realizado por algunos especialistas que construían aplicaciones de software. Pero realmente todos los productos y documentos tanto impresos como digitales tienen alguna clase de interfaz de usuario. • Una revista por ejemplo necesita una interfaz ( la tabla de contenidos, la numeración, títulos, subtítulos y demás) para que el lector pueda usarla efectivamente. • Humanizar lo no humano • Indicios Acción
  • 2. Interfaz de usuario El diseño de la interfaz de usuario (GUI - Graphic User Interface -) de un sistema computarizado incluye: • 1- Metáforas de interacción, Imágenes y conceptos usados para transmitir función significando sobre la pantalla de la computadora, Las características visuales detalladas de cada componente de la interfaz gráfica, • Todo esto produce la llamada: "experiencia de uso" de una interfaz.
  • 3. Interfaz de usuario • En Internet, el diseño gráfico y las "marcas" visuales no son usadas simplemente para "decorar" las paginas. Aquí los gráficos son parte integral de la experiencia interactiva del usuario con el sitio. • En documentos interactivos es imposible separar el diseño gráfico del diseño de interfaz.
  • 4. Interfaz de usuario La navegación debe mostrar claramente: • 1- En que lugar o sección del sitio me encuentro, • 2- En que lugares o secciones he estado • 3- Hacia donde puedo ir
  • 5. Interfaz de usuario Tips para el diseño de Interfaz :   1. Conozca y diseñe para su publico objetivo 2. Pruebe sus suposiciones 3. Conozca la tecnología 4. Conozca sus limitaciones 5. No sea inconsistente (o demasiado consistente) 6. Provea retroalimentación 7. Permita la manipulación directa 8. No sobreextienda sus metáforas 9. Diseñe y conquiste
  • 6. Interfaz de usuario Piense globalmente y actúe localmente    1. Use figuras gráficas, iconos o símbolos para representar una acción siempre que sea posible:   2.Cuando esté creando elementos textuales asegúrese de que el texto sea totalmente editable 3. Deje espacio para las traducciones 4. Conozca sus limitaciones 5. No sea inconsistente (o demasiado consistente) 6. Consulte a los nativos 7. Sea listo