Ver el código de «David Silva Bernales Tarea 4 - Almanaque UX»

{{Tarea
|Título=David Silva Bernales Tarea 4 - Taller de Diseño de Interacción 2020
|Número=4
|Asignaturas Relacionadas=Taller de Diseño de Interacción
|Cursos Relacionados=Taller de Diseño de Interacción 2020
|Carreras Relacionadas=Diseño
|Alumnos=David Silva Bernales
}}
=Etapa 1=
==Card Sorting de Patrones==
El Card Sorting es una manera de organizar y jerarquizar conceptos en distintas categorías. cada miembro del taller propuso su jerarquía de patrones de las cuales se buscarán puntos comunes para crear el árbol de patrones definitivo.
[[Archivo:2020-03-27 (3.png||card sorting]]
=Etapa 2=
==Wire Frame==
Son esquemas que muestran estructuras simples con el objetivo de visualizar los contenidos en una pantalla y establecer una jerarquía.

Técnicamente, son el puente entre la arquitectura de información y el diseño, ya que coordinan ambos trabajos y los grafican en una guía visual que refleja tanto la estructura definida en el mapa de contenidos como las decisiones del diseño de interfaz.
 
¿Por qué Almanaque?
Un almanaque es una publicación anual que se caracteriza por recoger en ella todos aquellos datos o noticias más importantes acerca de un asunto determinado.
En el almanaque es común que se hallen datos astronómicos, estadísticas, e informaciones acerca del movimiento del sol, de la luna, eclipses, días festivos y cronologías destacadas.
Siendo que que el enfoque está en buenos y malos patrones UX en detalle  habiendo desde unos estrechamente vinculados y otros a simple vista no lo están formando un cuerpo variado, que estará reunido en está "biblioteca". De ahí lo de Almanaque.

<gallery mode="slideshow">
Archivo:INTERFAZ TDI2020.png|Inicio
Archivo:Group 1.png|Inicio
Archivo:INTERFAZ TDI2020 (1).png|
Archivo:INTERFAZ TDI2020 (2).png|
Archivo:INTERFAZ TDI2020 (4).png|
Archivo:INTERFAZ TDI2020 (3).png|
Archivo:IPhone 8 Plus - 1.png|
Archivo:IPhone 8 Plus - 1 (1).png|El visitante d ela página puede compartir su experiencia con un patrón, su opinión de la información, etc.
</gallery>
La versión móvil cosnta de una página de inicio que albergue el qué son los patrones y el porqué el identificar las buenas y malas prácticas presentes en ellos. Este se deriva al árból de patrones y cada nombre enviará al visitante a su patrón elegido. con la información recabada en la wiki, los pix, pantallas secuenciadas y una tabla de resumen de satisfacción en los criterios de evaluación del patrón. Esta página posee un input donde el visitante podrá ingresar sus ideas, comentarios, experiencias, etc. todo lo que pueda ser usado para ampliar la galería de información.
La versión de escritorio contaría con el inicio y el árbol de patrones en la misma página. Derivando de la misma manera que en la versión móvil.