SlideShare una empresa de Scribd logo
1 de 8
UNIVERSIDAD ESTATAL DE BOLÍVAR
FACULTAD DE CIENCIAS ADMINISTRATIVAS GESTIÓN
EMPRESARIAL E INFORMÁTICA
ESCUELA : SISTEMAS
ASIGNATURA: INGENIERÍA DE SOFTWARE II
NOMBRE: BRYAN MUÑOZ
TEMA: PROCESOS DE DISEÑO
AÑO LECTIVO
2015-2016
PROCESO 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

Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuariooswaldo bernal
 
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 usuarioCin Fagundez
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfazJose Luis Dorao
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioJose Tabor
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioYesith Valencia
 
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 temaBárbara Lyschenko
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioUTPL
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingPercy Negrete
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosKarla Arosemena
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 

La actualidad más candente (20)

Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuario
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
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
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
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
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
Humming
HummingHumming
Humming
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos Básicos
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 

Destacado

Métricas del producto
Métricas del productoMétricas del producto
Métricas del productoBryan Muñoz
 
Métricas del producto software
Métricas del producto softwareMétricas del producto software
Métricas del producto softwareHENRYALBAN
 
You Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalYou Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalAbhishek Shah
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicasespanol
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Destacado (7)

Métricas del producto
Métricas del productoMétricas del producto
Métricas del producto
 
Métricas del producto software
Métricas del producto softwareMétricas del producto software
Métricas del producto software
 
You Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalYou Should Stop Looking for Venture Capital
You Should Stop Looking for Venture Capital
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar a Procesos de diseño

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º CursoThe Social Experience
 
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ónicoGaby Bolaños Gomez
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Treze Estudio
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebElsa Canto
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebElsa Canto
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoPercy Negrete
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Diseño interfaze de usuario (carlos chulli quinto sistemas)
Diseño interfaze de usuario (carlos chulli  quinto sistemas)Diseño interfaze de usuario (carlos chulli  quinto sistemas)
Diseño interfaze de usuario (carlos chulli quinto sistemas)Jonathan Chulli
 
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M...
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M..."Visualizaciones interactivas usables y para todas las personas". Por Nacho M...
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M...María Sánchez González (@cibermarikiya)
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))King-eClient
 
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
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráficoIsabel Yepes
 
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UXDE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UXatSistemas
 

Similar a Procesos de diseño (20)

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
 
Video 1
Video 1Video 1
Video 1
 
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
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de 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
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdfPARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
PARCIAL 2 DESARROLLO DE INTERFACES UI UX.pdf
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Diseño interfaze de usuario (carlos chulli quinto sistemas)
Diseño interfaze de usuario (carlos chulli  quinto sistemas)Diseño interfaze de usuario (carlos chulli  quinto sistemas)
Diseño interfaze de usuario (carlos chulli quinto sistemas)
 
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M...
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M..."Visualizaciones interactivas usables y para todas las personas". Por Nacho M...
"Visualizaciones interactivas usables y para todas las personas". Por Nacho M...
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
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
 
Sotfware teoria general de siste mas
Sotfware teoria general de siste masSotfware teoria general de siste mas
Sotfware teoria general de siste mas
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráfico
 
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UXDE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
 

Procesos de diseño

  • 1. UNIVERSIDAD ESTATAL DE BOLÍVAR FACULTAD DE CIENCIAS ADMINISTRATIVAS GESTIÓN EMPRESARIAL E INFORMÁTICA ESCUELA : SISTEMAS ASIGNATURA: INGENIERÍA DE SOFTWARE II NOMBRE: BRYAN MUÑOZ TEMA: PROCESOS DE DISEÑO AÑO LECTIVO 2015-2016
  • 2. PROCESO 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.