Bitácora de aprendizaje

Semana 1 (3-4 de abril)

El profesor mostró la evaluación del curso y nos dio la bienvenida; realizamos una pequeña práctica diagnostica para ver tan familiarizado estamos con la materia.

El profesor explicó el desarrollo del portafolio, será un blog realizado en Blogger. Debe llevar contenido del curso, carta de presentación, autoretrato (es opcional hacerlo en formato de video), las asignaciones como tareas, trabajos, laboratorios, proyectos grupales, parciales y actividades adicionales (y fotografías de interacciones en clase) se pueden emplear imágenes de las asignaciones o emplear hipervínculos,  bitácora de aprendizaje (semanal), noticias, materiales de apoyo como diapositivas, manuales, lecturas, enunciados de tareas, guías de laboratorios-proyectos y bibliografías consultadas; y por último las consideraciones finales (Reflexiones o conclusiones de la asignatura final y su experiencia confeccionando el blog).

 

Semana 2 (10-11 de abril)

El profesor explicó el cuestionario que nos colocó la clase pasada; explicó la introducción al Diseño de Interfaces.

También se explicó como acceder al eCampus y a su materia; seguimos con las diapositivas de ayer, comenzamos con principios que apoyan la usabilidad: principios, directrices y estándares; principios de Dix separa la usabilidad en la facilidad de aprendizaje (predictibilidad, familiaridad y sintetizabilidad), la robusted (observabilidad y recuperabilidad) y flexibilidad (dialogo iniciativa, sustitución y multi-threading). 

Reglas de oro de Shneiderman: Consistencia (mantener uniformidad), atajos (realizar una acción por distintos medios), retroalimentación (toda acción tiene una reacción), diálogos cerrados (que el usuario sepa cuando termina una tarea), manejo de errores (permitir que el usuario pueda recuperarse al cometer un error), reversibilidad (permitir la reversión de acciones), control de usuario (permitir que el usuario tenga control sobre el sistema, locus de control interno), reducción de carga cognitiva (mantener todo simple, reducir la carga de memoria, mantener todo minimalista).

Heurística: regla práctica que guía el diseño o evaluación de las interfaces de usuario.

 

Semana 3 (17-18 de abril)

Esta semana no recibimos clases en DIU.

 

Semana 4 (24-25 abril )

El 24 se comenzó una actividad grupal, se crea y entrega el mismo día; se debe sustentar.

 

Semana 5 (1-2 de mayo)

Esta semana no recibimos clases en DIU.

 

Semana 6 (8-9 de mayo)

Terminaron de presentar los grupos que hacían falta, el profesor presentó un nuevo trabajo para entregar el 12 de junio. El profesor asignó otro tema para los integrantes que hacían falta, presentan mañana.

El último grupo presentó al día siguiente, el tema es principios de animación de Disney; tienen 12 principios de animación, conjunto de reglas técnicas para que los dibujos se vean los más reales y convincentes.

Aplastamiento y estiramiento: Da sensación de peso y flexibilidad a los objetos. 

Anticipación: Prepara al usuario para lo que va a pasar.

Puesta en escena: Comunica la forma clara y enfoca la atención. Diseña para que el usuario no se pierda.

Acción directa y pose a pose: Dibuja a cuadro de inicio a fin, sin planear mucho. 

Acción continuada y superpuesta: Hace que el movimiento se vea más realista y fluidas, no todas las partes se detienen al mismo tiempo en la vida real. 

Entradas y salidas lentas: Se basa en como los objetos aceleran o frenan gradualmente em la vida real. 

Arcos: Los movimientos más realistas y naturales no se hacen en línea recta, sino en forma de curva o arco. 

Acción secundaria: Acción pequeña que acompaña a la acción principal, da claridad al usuario.

Sincronización: Es el tiempo en el que ocurren acciones al mismo tiempo. 

Exageración: Se hace para que las acciones se vean más expresivas y llamativas. 

Dibujo sólido: Creación de personajes y objetos con un sentido claro de volumen y peso, evitando que se vean planos o poco realistas.

Atractivo: Se refiere a crear personajes visualmente agradables, con personalidad y encanto.

Terminamos el modulo #1, comenzamos con el modulo #2; la siguiente semana tenemos parcial el viernes.  Organización de contenido, es la estructuración lógica y jerárquica de la información para que los usuarios puedan encontrar, entender e interactuar con ella; los elementos clave son agrupas, categorizar y organizar.

Arquitectura de la información, disciplina que organiza, estructura y etiqueta el contenido de un sistema digital. Involucra la estructura lógica y jerárquica.

Semana 7 (15-16 de mayo) 

Se presentaron las últimas diapositivas que vienen en el parcial #1.

 

Semana 8 (22-23 de mayo)

Realizamos el parcial #1 el 22 de mayo, al día siguiente continuamos el modulo 2, los modelos de navegación.

Hub and Spoke, Fully Connected: permite accedes a todo el contenido del sitio web desde cualquier parte, Navegación multinivel: Las páginas principales están relacionadas entre si, pero las subpáginas solo están vinculadas entre si y a las principales, Navegación jerárquica: estructura en forma de árbol, una página principal y subpáginas que salen de ella; Navegación flat: No tiene jerarquía clara, se pude acceder a todas las opciones y funciones desde cualquier punto de la interfaz, Photoshop o Excel; Panel modal: son ventanas emergentes, bloquean el acceso a la interfaz; Puntos de entrada claros: enlaces o elementos que guían al usuario a secciones clave; Navegacion paso a paso: guían al usuario para completas tares o procesos; Navegación piramidal: una pagina principal lista una secuencia de elementos o subpáginas, permite acceder a otras subpáginas avanzando o retrocediendo; Navegación Pan Zoom: Permite navegar y explorar contenidos visual.

 

Semana 9 (29-30 de mayo)

Se realizaron las presentaciones sobre los métodos de navegación, al día siguiente se presentó tema nuevo.

Semana 10 (5-6 de junio)

En base al tema nuevo, sobre interfaz de usuario vamos a realizar unas diapositivas para presentar 2 principios de Gestalt por grupo, debe ser un ejemplo de algún sitio web, app, etc… que demuestre el uso de ese ejemplo; debe ser algo rápido. 

Semana 11 (12-13 de junio)

Se comenzó con las presentaciones sobre herramientas y softwares empleado para trabajar y manejar interfaces de usuario.

El profesor explico la parte  hacia falta del tema anterior, relacionada a los elementos dentro de una IU. Mencionó que la próxima semana no podemos faltar.

Semana 12 (19-20 de junio)

Realizamos una actividad interesante, realizamos un simulacro de creación de un wireframe para un cliente especifico, el trabajo fue en grupo; me correspondió ser el líder y designar roles.

El profesor comenzó un tema nuevo que estaba ligado a la experiencia de ayer.

Semana 13 (26-27 de junio)

Se presenta tema nuevo, el profesor dijo que la otra semana se presenta el taller que comenzamos la semana pasada y el viernes hay parcial. También se presentó las 3 herramientas que podemos usar para hacer el wireframe.

 

Semana 14 (3-4 de julio)

Presentamos el wireframe, en el caso de nuestro grupo, sobre el restaurante vegetariano; actuamos como si realizáramos la presentación del boceto al cliente real. También realizamos el parcial 2.

Semana 15 (10-11 de julio)

El profesor comenzó a explicar el último tema del semestre, es importante, se usará para desarrollar el semestral. El profesor explicó el semestral, será un proyecto.