PROGRAMA DE ESTUDIO
Programa Educativo:
Licenciatura en Informática Administrativa Área de Formación : Integral
Profesional
Diseño gráfico de sistemas
Horas teóricas: 2
Horas prácticas: 2
Total de Horas: 4
Total de créditos: 6
Clave: F1162
Tipo : Asignatura
Carácter de la asignatura
Optativa
Programa elaborado por: Arturo Corona Ferreira, Rafael Mena de la
Rosa
Fecha de elaboración: 12 de mayo del 2010
Fecha de última actualización:
Seriación explícita No
Asignatura antecedente Asignatura Subsecuente
Ninguna Ninguna
Seriación implícita Si
Conocimientos previos: Metodologías de desarrollo de software Manejo de lenguaje de programación
Presentación
Esta Asignatura se ubica dentro de Área de conocimiento de interacción hombre máquina, coadyuva a la formación disciplinar del alumno que cursa Licenciatura de Informática Administrativa.
El diseño gráfico de los sistemas sirve para que los productos de software que cree un desarrollador sean de gran atracción y se comprenda la funcionalidad de manera clara y directa
La aplicación de la asignatura proporcionará al alumno, los conocimientos y las técnicas básicas para elaborar sitios web y diseñar interfaces de aplicaciones.
Objetivo General
Aplicar los fundamentos del diseño gráfico en el diseño de interfaces de aplicaciones web para computadoras personales y dispositivos móviles.
Competencias que se desarrollaran en esta asignatura
Conocer los estándares de desarrollo web
Comprender las metodologías de diseño centrado en el usuario
Comprender los conceptos básicos de navegación y de estructura de información
Elaborar aplicaciones para diversos tipos de dispositivos
Competencias del perfil de egreso que apoya esta asignatura
Esta asignatura proporciona al egresado las destrezas y habilidades necesarias para diseñar interfaces de sistemas de gran impacto que faciliten la comprensión y el uso de las aplicaciones desarrolladas, sin importar el tipo de entorno de uso.
La asignatura impacta en la integración de aplicaciones para las organizaciones al utilizar elementos que le permitirán hacer un mejor análisis e integración de las aplicaciones que desarrolle.
También alimentará el perfil de egreso en cuanto a la actitud emprendedora, al trabajo en equipo, motivar la creatividad y habilidad de diseño.
Escenario de aprendizaje
Para impartir esta asignatura se utilizará el salón de clases y/o las salas de cómputo. De igual manera los alumnos harán consultas en la biblioteca física y virtual. Se recomienda la participación en eventos académicos tales como olimpiadas de conocimientos y concursos de programación, lo que les permitirá validar el aprendizaje adquirido en las aulas.
Perfil sugerido del docente
Debe tener formación relacionada con el área de informática.
Preferentemente con experiencia laboral en ramo de desarrollo web.
Que asista a cursos que le permita permanecer actualizado en los nuevos lenguajes de programación
Unidad No.
I
Estructuración de contenidos web Objetivo particular Aplicar fundamentos teóricos en la organización de las interfaces.
Hrs. Estimadas 10
Temas Resultados del
aprendizaje
Sugerencias didácticas Estrategias y criterios de evaluación
1.1 Definición del concepto de arquitectura de la información
1.2 Teorías de Morville 1.3 Los círculos de Rosenfeld
1.4 Las capas de Garret 1.5 Etapas de la construcción de un sitio
Sitio web aplicando los fundamentos básicos de una estructura de información.
Exposición del profesor en clase
Debate con los estudiantes mediante la revisión de sitios web y su estructura de la información
Entrega de tareas
Elaborar la estructura de la información de una empresa propuesta por el profesor.
Criterios de evaluación:
Claridad y justificación de
los contenidos
estructurados
Unidad No. II Diseño centrado en el usuario
Objetivo particular Aplicar los principios básicos de diseño en la organización de los contenidos de información textual, gráfica y en el diseño de las interfaces.
Hrs. estimadas 10
Temas Resultados del
aprendizaje
Sugerencias didácticas Estrategias y criterios de evaluación
2.1 Introducción al diseño centrado en el usuario
2.2 usabilidad en el diseño centrado en el usuario
2.2.1 Principios del diseño universal 2.3 consideraciones humanas para el diseño web
2.4 consideraciones humanas para el diseño de aplicaciones
empresariales
2.6 Comprensión de las funciones de una
organización
2.7 Principios de diseño interfaces gráficas 2.8 Manejo de imágenes en una interface web
Sitio web con elementos textuales y gráficos Reporte de evaluación del
uso de los principios básicos de diseño centrado en el usuario en un sitio web
comercial
Exposición del profesor en clase
Debate con los estudiantes mediante la revisión de sitios web y su estructura de la información
Entrega de tareas
Elaborar la estructura de la información de una empresa propuesta por el profesor.
Criterios de evaluación:
Claridad y
justificación de los contenidos
estructurados
Unidad No. III Diseño visual
Objetivo particular Diseñar de una interfaz gráfica aplicando el uso de metáforas.
Hrs. estimadas 20
3.1 La interface gráfica 3.2 elementos del diseño de interfaces 3.2 el color
3.2.1Componentes del color
3.2.2 Color Wheel 3.3 cognoción humana 3.3.1 visualización 3.3.1.1 zonas prioritarias
3.3 Percepción humana 3.3.1 teorías de Don Norman
3.4Diseño de una página web
3.4.1 conceptualización de una metáfora
3.5Estructura de una página web
3.6 tipografías en aplicaciones web 3.7Estilo editorial
Interface gráfica usando metáforas
Exposición del profesor en clase
Debate con los estudiantes mediante la revisión de sitios web
Casos de estudio de visualización gráfica en sitios web
Entrega de tareas Presentación del diseño visual de la interface justificando su metáfora y su funcionalidad visual Criterios de evaluación:
Claridad y
justificación de los contenidos
presentados
Unidad No. IV Estructura de un sitio web
Objetivo particular Desarrollar interfaces gráficas para dispositivos móviles con técnicas específicas que apoyen a obtener un producto fácil de usar y de aprender.
Hrs. estimadas 24
Temas Resultados del aprendizaje
Sugerencias didácticas Estrategias y criterios de evaluación
4.1Técnicas para el diseño de sitios web 4.1.1 Historyboard 4.1.2 Maquetas digitales
4.2 Métodos de navegación
4.3 Estructura web de un sitio
4.4 Sitios web para dispositivos móviles 4.5 Tipos de
dispositivos móbiles 4.5.1 Ténicas de diseño 4.5.2Tamaños de
pantallas
4.5.3Herramientas para el prototipado de sitios web
4.5.3.1 Photoshop 4.5.3.2 Dreamweaver
Historyboard de un sitio web para un dispositivo móvil
Sitio web para un dispositivo móvil
Exposición del profesor en clase
Debate con los estudiantes mediante la revisión de sitios web ara dispositivos móviles
Casos de estudio de visualización gráfica en sitios web para dispositivos móviles
Análisis y comprensión de las lecturas seleccionadas por el profesor
Entrega de tareas
Elaborar el diseño de un sitio web visualizable en internet explorer y en un dispositivo móvil Iphone
Criterios de evaluación:
Claridad y
justificación de los contenidos
presentados
Bibliografía básica
Galitz, W. (2007). The essential guide to user interface design: an introduction to GUI design principles and techniques.3º ed. Indianapolis: Wiley
St, A. (2008). Handbook of research on virtual workplaces and the new nature of business practices. Hershey PA:
Information Science Reference.
Gili, G., (2009). Graphic Design: the New Basics. USA: New Riders
McIntire, P., (2008). Visual Design for the Modern Web. USA: New Riders
Galitz, W., (2007) The Essential Guide to User Interface Design. 3º ed.USA: Wiley Publishing,
Bibliografía complementaria *
Gallego, R., (2005). . Tres cantos Madrid: Tursen/H. Blume.
Lidwell, W., (2005). . Barcelona: Blume.
Lupton, E., (1994). El ABC de . Barcelona: Gili.
* Se utiliza bibliografía con más de 5 años debido a que ya no hay nuevas ediciones y se considera que estos libros tratan los temas de acuerdo al perfil de la asignatura.
