SlideShare una empresa de Scribd logo
PROSESO DE DISEÑO
El proceso de diseño de las interfaces de usuario es iterativo y se puede
representar mediante un modelo espiral.
La espiral implica que cada una de las tareas anteriores aparecerán más de
una vez, en donde a medida que se avanza por la espiral se representará la
elaboración adicional de los requisitos y el diseño resultante.
PROCESOS PARA EL DISEÑO DE LA INTERFAZ
ANÁLISIS Y MODELADO DE USUARIOS, TAREAS Y ENTORNOS.
Es decir concretar a través de técnicas de requerimentación, qué tipo de
usuarios van a utilizar el programa, qué tareas van a realizar los usuarios y
cómo las van a realizar, qué exigen los usuarios del programa, en qué
entorno se desenvuelven los usuarios.
DISEÑO DE LA INTERFAZ.
Es importante dedicar tiempo y recursos a esta fase, antes de entrar en la
codificación. En esta fase se definen los objetivos de usabilidad del
programa, las tareas del usuario, los objetos y acciones de la interfaz, los
iconos, vistas y representaciones visuales de los objetos, los menús de los
objetos y ventanas. Todos los elementos visuales se pueden hacer primero a
mano y luego refinar con las herramientas adecuadas.
IMPLEMENTACIÓN DE LA INTERFAZ.
Es interesante realizar un prototipo previo, una primera versión del programa
que se realice rápidamente y permita visualizar el producto para poderlo
probar antes de codificarlo definitivamente.
VALIDACIÓN DE LA INTERFAZ.
Se deben realizar pruebas de usabilidad del producto, a ser posible con los
propios usuarios finales del mismo.
TÉCNICAS PARA EL DISEÑO DE INTERFACES DE USUARIO
Presentación de información
No se deben colocar demasiados objetos en la pantalla, y los que existen
deben estar bien distribuidos. Cada elemento visual influye en el usuario no
sólo por sí mismo, sino también por su combinación con el resto de
elementos presentes en la pantalla.
ELEMENTOS DE DISEÑO DE PANTALLA Y SU PERCEPCIÓN VISUAL
Análisis de color
Es probablemente el elemento de la interfaz que con más frecuencia es mal
utilizado. El color comunica información, no es sólo decorativo. El color debe
atraer la atención, pero no cansar después de un rato de trabajo.
Análisis Audio
Primero es preciso ver cuándo es más apropiado que la información visual.
Segundo, determinar el sonido adecuado. Tercero, permitir la
personalización.
Análisis Animación
Se define como un cambio en el tiempo de la apariencia visual de un
elemento gráfico. La animación puede ayudar a subrayar iconos
importantes, mostrar el estado de un objeto particular o explicar su
comportamiento.
En cada categoría se lleva a cabo la explicitación de los requisitos.
Se registran el nivel de conocimiento, la comprensión del negocio y la
receptividad general del nuevo sistema, y se definen diferentes categorías de
usuarios.
Una vez definidos los requisitos generales, se lleva a cabo un análisis más
detallado de las tareas.
Se identifican, describen y elaboran las tareas que realiza el usuario para
conseguir los objetivos.
El análisis del entorno de usuario se centra en el entorno del trabajo físico.

Más contenido relacionado

La actualidad más candente

03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario
Manuel Mujica
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
Willy Aguirre
 
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Eivar Rojas Castro
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
Antonio Albanés
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
DNRstudios
 
Digu 03. Estilos de interfaz
Digu 03. Estilos de interfazDigu 03. Estilos de interfaz
Digu 03. Estilos de interfaz
Jorge Cantú López
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
Norerod
 
03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario
Manuel Mujica
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
adrianazamora
 
DIGU 02. diseño de interfaces
DIGU 02. diseño de interfacesDIGU 02. diseño de interfaces
DIGU 02. diseño de interfaces
Jorge Cantú López
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
Cin Fagundez
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
Luis Carlos Aceves
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Victor Pezzetti
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
Manuel Mujica
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
JDanniel Pacheco
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
Juan Pablo Bustos Thames
 
Digu 05. guías de estilo
Digu 05. guías de estiloDigu 05. guías de estilo
Digu 05. guías de estilo
Jorge Cantú López
 
Validation Onion
Validation OnionValidation Onion
Validation Onion
Pedro Bermudez Talavera
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
Uniminuto - San Francisco
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
Emmanuel Telles
 

La actualidad más candente (20)

03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
 
Digu 03. Estilos de interfaz
Digu 03. Estilos de interfazDigu 03. Estilos de interfaz
Digu 03. Estilos de interfaz
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 
DIGU 02. diseño de interfaces
DIGU 02. diseño de interfacesDIGU 02. diseño de interfaces
DIGU 02. diseño de interfaces
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
 
Digu 05. guías de estilo
Digu 05. guías de estiloDigu 05. guías de estilo
Digu 05. guías de estilo
 
Validation Onion
Validation OnionValidation Onion
Validation Onion
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 

Similar a Procesos de diseño

Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
Gaby Bolaños Gomez
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
Manuel Mujica
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
Video 1
Video 1Video 1
Video 1
alexa878404
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuario
djyami
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
Sandhy Vargas Cruz
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
ncor_narbe
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
Treze Estudio
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
The Social Experience
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
Workshop Digital
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
Emmanuel Telles
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
Alexis Morillo
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
Eleny30
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
Eleny30
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
AderMogollonLuna
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger Pressman
Juan Pablo Bustos Thames
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
Ernesto Olmedo Pereira
 
Presentación sist de informacion
Presentación sist de informacionPresentación sist de informacion
Presentación sist de informacion
Raquel Scoppa
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el tema
Bárbara Lyschenko
 

Similar a Procesos de diseño (20)

Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Video 1
Video 1Video 1
Video 1
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuario
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger Pressman
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Presentación sist de informacion
Presentación sist de informacionPresentación sist de informacion
Presentación sist de informacion
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el tema
 

Último

Infografia - Hugo Hidalgo - Construcción
Infografia - Hugo Hidalgo - ConstrucciónInfografia - Hugo Hidalgo - Construcción
Infografia - Hugo Hidalgo - Construcción
MaraManuelaUrribarri
 
Aletas (Superficies extendidas) y aislantes térmicos
Aletas (Superficies extendidas) y aislantes térmicosAletas (Superficies extendidas) y aislantes térmicos
Aletas (Superficies extendidas) y aislantes térmicos
FrancelisFernandez
 
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifhClase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
FrancisJhonatanEnriq1
 
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
luliolivera62
 
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdfPRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
fabian28735081
 
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
jlupo2024
 
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomomRinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
DanielaLoaeza5
 
Estructura de un buque, tema de estudios generales de navegación
Estructura de un buque, tema de estudios generales de navegaciónEstructura de un buque, tema de estudios generales de navegación
Estructura de un buque, tema de estudios generales de navegación
AlvaroEduardoConsola1
 
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
Eliana Gomajoa
 
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptxGravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
RobertoChvez25
 
SLIDEHARE.docx..........................
SLIDEHARE.docx..........................SLIDEHARE.docx..........................
SLIDEHARE.docx..........................
azulsarase
 
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTOOPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
GERARDO GONZALEZ
 
balanceo de linea para los procesos de Producción
balanceo de linea  para los procesos  de Producciónbalanceo de linea  para los procesos  de Producción
balanceo de linea para los procesos de Producción
Victor Manuel Rivera Guevara
 
Klohn Crippen Berger _ Brochure LAM .pdf
Klohn Crippen Berger _ Brochure LAM .pdfKlohn Crippen Berger _ Brochure LAM .pdf
Klohn Crippen Berger _ Brochure LAM .pdf
ciniguez1
 
diagrama de flujo. en el área de ingeniería
diagrama de flujo. en el área de ingenieríadiagrama de flujo. en el área de ingeniería
diagrama de flujo. en el área de ingeniería
karenperalta62
 
chancadoras.............................
chancadoras.............................chancadoras.............................
chancadoras.............................
ssuser8827cb1
 
Brigada de primeros auxilios presentación.pptx
Brigada de primeros auxilios presentación.pptxBrigada de primeros auxilios presentación.pptx
Brigada de primeros auxilios presentación.pptx
gerenciasisomaqgeren
 
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptxJuzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
Folke Claudio Tantahuillca Landeo
 
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
RenanWVargas
 
Nivelación topográfica tipos de nivelación
Nivelación topográfica tipos de nivelaciónNivelación topográfica tipos de nivelación
Nivelación topográfica tipos de nivelación
waldir orosco tinta
 

Último (20)

Infografia - Hugo Hidalgo - Construcción
Infografia - Hugo Hidalgo - ConstrucciónInfografia - Hugo Hidalgo - Construcción
Infografia - Hugo Hidalgo - Construcción
 
Aletas (Superficies extendidas) y aislantes térmicos
Aletas (Superficies extendidas) y aislantes térmicosAletas (Superficies extendidas) y aislantes térmicos
Aletas (Superficies extendidas) y aislantes térmicos
 
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifhClase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
Clase Gas Natural , en piura kdhifheugfjiebfijhebvcihebvifh
 
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
1°AIRE ACONDICIONADO-EQUIPOS & SISTEMAS.pdf
 
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdfPRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
PRESENTACION TRANSFERENCIA FABIAN ALVAREZ.pdf
 
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
1-AAP-RENAV-PyM Capacitación del Reglamento Nacional de Vehiculos.pdf
 
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomomRinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
Rinitis alérgica-1.pdfuhycrbibxgvyvyjimomom
 
Estructura de un buque, tema de estudios generales de navegación
Estructura de un buque, tema de estudios generales de navegaciónEstructura de un buque, tema de estudios generales de navegación
Estructura de un buque, tema de estudios generales de navegación
 
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
Enjoy Pasto Bot - "Tu guía virtual para disfrutar del Carnaval de Negros y Bl...
 
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptxGravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
Gravimetria-Amalgamacion-y-Flotacion-del-Oro-pptx.pptx
 
SLIDEHARE.docx..........................
SLIDEHARE.docx..........................SLIDEHARE.docx..........................
SLIDEHARE.docx..........................
 
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTOOPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
OPERACIONES BÁSICAS (INFOGRAFIA) DOCUMENTO
 
balanceo de linea para los procesos de Producción
balanceo de linea  para los procesos  de Producciónbalanceo de linea  para los procesos  de Producción
balanceo de linea para los procesos de Producción
 
Klohn Crippen Berger _ Brochure LAM .pdf
Klohn Crippen Berger _ Brochure LAM .pdfKlohn Crippen Berger _ Brochure LAM .pdf
Klohn Crippen Berger _ Brochure LAM .pdf
 
diagrama de flujo. en el área de ingeniería
diagrama de flujo. en el área de ingenieríadiagrama de flujo. en el área de ingeniería
diagrama de flujo. en el área de ingeniería
 
chancadoras.............................
chancadoras.............................chancadoras.............................
chancadoras.............................
 
Brigada de primeros auxilios presentación.pptx
Brigada de primeros auxilios presentación.pptxBrigada de primeros auxilios presentación.pptx
Brigada de primeros auxilios presentación.pptx
 
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptxJuzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
Juzgamiento-de-Ganado-Lechero-CATEGORIA-B-SWISS.pptx
 
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
1 ANALISIS DE MASA Y ENERGÍA DE VOLÚMENES DE CONTROL [Autoguardado].pptx
 
Nivelación topográfica tipos de nivelación
Nivelación topográfica tipos de nivelaciónNivelación topográfica tipos de nivelación
Nivelación topográfica tipos de nivelación
 

Procesos de diseño

  • 1.
  • 2. PROSESO DE DISEÑO El proceso de diseño de las interfaces de usuario es iterativo y se puede representar mediante un modelo espiral. La espiral implica que cada una de las tareas anteriores aparecerán más de una vez, en donde a medida que se avanza por la espiral se representará la elaboración adicional de los requisitos y el diseño resultante.
  • 3. PROCESOS PARA EL DISEÑO DE LA INTERFAZ
  • 4. ANÁLISIS Y MODELADO DE USUARIOS, TAREAS Y ENTORNOS. Es decir concretar a través de técnicas de requerimentación, qué tipo de usuarios van a utilizar el programa, qué tareas van a realizar los usuarios y cómo las van a realizar, qué exigen los usuarios del programa, en qué entorno se desenvuelven los usuarios. DISEÑO DE LA INTERFAZ. Es importante dedicar tiempo y recursos a esta fase, antes de entrar en la codificación. En esta fase se definen los objetivos de usabilidad del programa, las tareas del usuario, los objetos y acciones de la interfaz, los iconos, vistas y representaciones visuales de los objetos, los menús de los objetos y ventanas. Todos los elementos visuales se pueden hacer primero a mano y luego refinar con las herramientas adecuadas.
  • 5. IMPLEMENTACIÓN DE LA INTERFAZ. Es interesante realizar un prototipo previo, una primera versión del programa que se realice rápidamente y permita visualizar el producto para poderlo probar antes de codificarlo definitivamente. VALIDACIÓN DE LA INTERFAZ. Se deben realizar pruebas de usabilidad del producto, a ser posible con los propios usuarios finales del mismo.
  • 6. TÉCNICAS PARA EL DISEÑO DE INTERFACES DE USUARIO Presentación de información No se deben colocar demasiados objetos en la pantalla, y los que existen deben estar bien distribuidos. Cada elemento visual influye en el usuario no sólo por sí mismo, sino también por su combinación con el resto de elementos presentes en la pantalla. ELEMENTOS DE DISEÑO DE PANTALLA Y SU PERCEPCIÓN VISUAL Análisis de color Es probablemente el elemento de la interfaz que con más frecuencia es mal utilizado. El color comunica información, no es sólo decorativo. El color debe atraer la atención, pero no cansar después de un rato de trabajo.
  • 7. Análisis Audio Primero es preciso ver cuándo es más apropiado que la información visual. Segundo, determinar el sonido adecuado. Tercero, permitir la personalización. Análisis Animación Se define como un cambio en el tiempo de la apariencia visual de un elemento gráfico. La animación puede ayudar a subrayar iconos importantes, mostrar el estado de un objeto particular o explicar su comportamiento.
  • 8. En cada categoría se lleva a cabo la explicitación de los requisitos. Se registran el nivel de conocimiento, la comprensión del negocio y la receptividad general del nuevo sistema, y se definen diferentes categorías de usuarios. Una vez definidos los requisitos generales, se lleva a cabo un análisis más detallado de las tareas. Se identifican, describen y elaboran las tareas que realiza el usuario para conseguir los objetivos. El análisis del entorno de usuario se centra en el entorno del trabajo físico.