98
PROFESOR: MTRO. JUAN MANUEL AGÜERA CASTRO email: [email protected] INGENIERÍA DE SOFTWARE II http://cursos-licenciatura.blogspot.mx/

Ingeniería de software II

Embed Size (px)

DESCRIPTION

Curso de Ingeniería de Software II. 1ra. PARTE. OBJETIVO GENERAL DE LA ASIGNATURA: El alumno desarrollará un sistema de información empleando las técnicas, metodologías y herramientas de diseño, pruebas y liberación necesarias para garantizar la implementación, de acuerdo a los requerimientos del cliente.

Citation preview

Page 1: Ingeniería de software II

PROFESOR: MTRO. JUAN MANUEL AGÜERA CASTRO !

email: [email protected]

INGENIERÍA DE SOFTWARE II

http://cursos-licenciatura.blogspot.mx/

Page 2: Ingeniería de software II

INGENIERÍA DE SOFTWARE II

Page 3: Ingeniería de software II

INGENIERÍA DE SOFTWARE II

Page 4: Ingeniería de software II

INGENIERÍA DE SOFTWARE II

Page 5: Ingeniería de software II

INGENIERÍA DE SOFTWARE II

Page 6: Ingeniería de software II

INGENIERÍA DE SOFTWARE II

Page 7: Ingeniería de software II

http://cursos-licenciatura.blogspot.mx/

INGENIERÍA DE SOFTWARE II

Page 8: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

INGENIERÍA DE SOFTWARE II

Page 9: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

¿QUE ES USABILIDAD?

Page 10: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Page 11: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

¿DONDE SE APLICA USABILIDAD?

Page 12: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Se aplica generalmente a:

Móvil

Page 13: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

¿PORQUE USABILIDAD PARA LA WEB?

Page 14: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Hoy en día, más que nunca los usuarios tienen infinitas posibilidades para ir a un sitio y otro.

¿Porque van a perder tiempo en algo que sea CONFUSO, LENTO o que no satisfaga sus NECESIDADES?

Page 15: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

OBJETIVOS DE LA USABILIDAD

Page 16: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

EVALUACIÓN DE LA USABILIDAD

Page 17: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

NECESITAMOS ENTENDER A LOS USUARIOS

Page 18: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

PROVEEDOR - USUARIO

Page 19: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

¿CONTENIDO O DISEÑO?

Page 20: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Arquitectura de la Información

Page 21: Ingeniería de software II

ARQUITECTURA DE LA INFORMACIÓN

Surgimiento de la arquitectura de la Información

Page 22: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

¿Que es la arquitectura de la información?

Page 23: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Definición de Arquitectura de la Información

Page 24: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

HCI - Human Computer Interaction

Page 25: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Objetivo de Arquitectura de la Información

Page 26: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

El Arquitecto de la Información

Page 27: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

La Arquitectura de la Información en Diseño Web

Page 28: Ingeniería de software II

PRINCIPIOS DE USABILIDAD

Planificación

Estratégia del Sitio

Page 29: Ingeniería de software II

PLANIFICACIÓN ESTRATÉGICA

Aspectos Generales del sitio

Page 30: Ingeniería de software II

Estudio de la Audiencia

PLANIFICACIÓN ESTRATÉGICA

Page 31: Ingeniería de software II

Ventaja Competitiva

PLANIFICACIÓN ESTRATÉGICA

Page 32: Ingeniería de software II

PLANIFICACIÓN ESTRATÉGICA

Carpeta del sitio

Page 33: Ingeniería de software II

Discusión de Resultados

PLANIFICACIÓN ESTRATÉGICA

Page 34: Ingeniería de software II

PLANIFICACIÓN ESTRATÉGICA

Page 35: Ingeniería de software II

USABILIDAD

ESTRUCTURAS DE LA

INFORMACIÓN

Page 36: Ingeniería de software II

Estructuras de la Información

USABILIDAD

Page 37: Ingeniería de software II

USABILIDAD

TIPOLOGÍAS DE ESTRUCTURAS

DE LA INFORMACIÓN

Page 38: Ingeniería de software II

TIPOLOGÍAS

Estructura Lineal

Page 39: Ingeniería de software II

USABILIDAD

Estructura Paralela

Page 40: Ingeniería de software II

USABILIDAD

Estructura Ramificada

Page 41: Ingeniería de software II

USABILIDAD

Estructura Jerárquica

Page 42: Ingeniería de software II

USABILIDAD

Estructura Jerárquica

Page 43: Ingeniería de software II

USABILIDAD

Estructura Concentrica

Page 44: Ingeniería de software II

USABILIDAD

Estructura Telaraña

Page 45: Ingeniería de software II

USABILIDAD

Estructura Mixta

Page 46: Ingeniería de software II

REALIZAR UNA INVESTIGACIÓN DE SITIOS WEB EN INTERNET Y ENCONTRAR DOS EJEMPLOS DONDE SE APLICA LA ARQUITECTURA DE LA INFORMACIÓN (AI) CON ESTRUCTURA JERÁRQUICA , SELECCIONE UN EJEMPLO DE SITIO WEB PARA EL SECTOR DE SERVICIOS O PRODUCTIVOS EN LAS SIGUIENTES ÁREAS: !- HOTELES Y RESTAURANTES - DESARROLLO DE SOFTWARE - ESCUELAS (primaria, secundaria, preparatoria, universidad, etc. - CENTROS DE CAPACITACIÓN - PERIODICOS Y/O REVISTAS - ESPECTÁCULOS

USABILIDAD

TAREA 1. INSTRUCCIONES:

NOTA: Elaborar un esquema gráfico relacional que permita identificar los niveles, jerarquías y contenidos básicos de la información de la página Web. Apoyarse con el ejemplo visto en clase. Hacer uso del formato para entrega de tareas el cual podrá encontrar en el blog del curso ubicado en —> http://cursos-licenciatura.blogspot.mx/

Page 47: Ingeniería de software II

USABILIDAD

Recomendaciones para las estructuras

Page 48: Ingeniería de software II

USABILIDAD

Recomendaciones para las estructuras

Page 49: Ingeniería de software II

USABILIDAD

Recomendaciones para las estructuras

Page 50: Ingeniería de software II

USABILIDAD

La importancia de las estructuras funcionales

Page 51: Ingeniería de software II

USABILIDAD

INTERFAZ

Page 52: Ingeniería de software II

USABILIDAD

¿QUE ES UNA INTERFAZ?

Page 53: Ingeniería de software II

USABILIDAD

HCI

Page 54: Ingeniería de software II

USABILIDAD

Interfaz por comandos

Page 55: Ingeniería de software II

USABILIDAD

Interfaz GUI

Page 56: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 57: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 58: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 59: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 60: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 61: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 62: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 63: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 64: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 65: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 66: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 67: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

Page 68: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2006 - 2007 Windows Vista

Page 69: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2005

Mac OS X 10.3 Panther

Page 70: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2010 Windows 7

Page 71: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2010

Mac OS X LION

Page 72: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2010 Windows 8

Page 73: Ingeniería de software II

USABILIDAD

interfaz gráfica de usuario - EVOLUCIÓN

2013

Mac OS X MAVERICK

Page 74: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 75: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 76: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 77: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 78: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 79: Ingeniería de software II

USABILIDAD

EXPERIENCIA DEL USUARIO

Page 80: Ingeniería de software II

USABILIDAD

USABILIDAD DE DISEÑOS DE SITIOS WEB

Page 81: Ingeniería de software II

USABILIDAD

USABILIDAD DISEÑOS DE SITIOS WEB

Page 82: Ingeniería de software II

USABILIDAD

DISEÑO DE PÁGINA

Page 83: Ingeniería de software II

USABILIDAD

ESPACIO DE PANTALLA

Page 84: Ingeniería de software II

USABILIDAD

ESPACIO DE PANTALLA www.viamichelin.com

Page 85: Ingeniería de software II

USABILIDAD

ESPACIO DE PANTALLA www.viamichelin.com

Page 86: Ingeniería de software II

USABILIDAD

DISEÑO DE PLATAFORMA CRUZADA

Page 87: Ingeniería de software II

USABILIDAD

TIEMPOS DE RESPUESTA

Page 88: Ingeniería de software II

USABILIDAD

TIEMPOS DE RESPUESTA

Page 89: Ingeniería de software II

USABILIDAD

VINCULACIÓN

Page 90: Ingeniería de software II

USABILIDAD

VINCULACIÓN- HAGA CLICK AQUÍ

Page 91: Ingeniería de software II

USABILIDAD

VINCULACIÓN- MÁS

Page 92: Ingeniería de software II

USABILIDAD

VINCULACIÓN- TÍTULOS DE VÍNCULOS

Page 93: Ingeniería de software II

USABILIDAD

COLOREAR LOS VÍNCULOS

Page 94: Ingeniería de software II

USABILIDAD

VINCULACIÓN - SUS EXTREMOS

Page 95: Ingeniería de software II

USABILIDAD

VINCULACIÓN - SUS EXTERNOS

Page 96: Ingeniería de software II

USABILIDAD

OTRAS CONSIDERACIONES DEL DISEÑO DE PÁGINAS

Page 97: Ingeniería de software II

USABILIDAD

CONCLUSIÓN

Page 98: Ingeniería de software II

USABILIDAD

DISEÑO DE CONTENIDO