Actividad 3 Mejora de interfaz - Equipo 1

Zuheyhlee Rodríguez Velázquez 966250

Diego Herrera Ascencio 968418
Leslie del Río Mendoza 967751
Nadia Michelle Torres Rojas 964841

El objeto a analizar fue la página web de la Universidad de Arte de Yale http://art.yale.edu/

1. (30 puntos) Fotografía o video en donde se aprecie la interface que programaron.



El objeto que analizamos es la página del departamento artístico de la Universidad de Yale. En lo personal creemos que ésta página está horrible, no nos gustó ya que está muy desordenada y varios elementos hacen llamarte la atención lo cual produce que no te enfoques en una sola sección. No existe jerarquía de contenido y debido a eso no hay orden de navegación para saber en dónde tienes que dar click para llegar al sitio que deseas.

Si nosotros tuvieramos que accesar a ésta página diariamente sería una carga para nosotros ya que la combinación de colores que utilizaron es muy chillante y molesta, la selección tipográfica tampoco es la adecuada y al usar ésta página nos podríamos lastimar la vista debido a esos dos factores, sin contar el desorden de contenido que ocasionaría pérdida de tiempo para encontrar lo que queremos.

2. (30 puntos) Fotografía o video en donde se aprecie la interface mejorada utilizando las teorías de visión y reconocimiento de patrones.

Utilizando la teoría de integración de características, logramos reorganizar la página original. La modificamos para hacerla más interesante y fácil de navegar. Eliminamos una gran cantidad de distractores y acomodamos la información de modo que se pueda reconocer la información deseada fácilmente, así como logramos establecer una mejor interacción visual y de reconocimiento de patrones.

Las modificaciones que le hicimos fueron el arreglo de la gama de colores. Anteriormente habían más de 3 colores diferentes y fosforecentes, ahora solo hay una gama de colores, así no se distrae la vista y podemos concentrarnos en lo que estamos buscando. Re-acomodamos la información de modo que todo se resumió a 6 botones, los cuales guían, de acuerdo a su categoría, a la información que se desea buscar. También se agregó un buscador para acelerar la búsqueda y llegar rápidamente al objetivo de búsqueda. Se colocó un calendario para reorganizar los eventos de la universidad, éste calendario permite ver eventos pasados y que están por venir. Debajo del calendario, se pondrá el cartel del evento más cercano en fecha de realización, en la página original, los carteles que anunciaban el evento más cercano, se utilizaban como fondo de pantalla en una organización “tile”, ahora se publica el cartel de forma que sea fácil de apreciar y solo una vez en la página, sin afectar el fondo ni distraer al usuario. y finalmente modificamos la tipografía, ya que la interfaz original contaba con más de 2 tipografías y la nueva interfaz contará con máximo 2 tipografías, ya que será más fácil leer la información y mientras más grande sea la letra, es de mayor importancia esa información, solo que ahora será de manera intencional la distracción para hacer énfasis en algún asunto importante.



3. (40 puntos) Finalmente, agreguen un párrafo con las conclusiones a las que llegan con esta actividad:
¿sirvió de algo tomar en cuenta la cognición humana en el diseño de la interface? ¿por qué?

Esta actividad ayuda a enfocarnos en como no sólo páginas web y conceptos digitales, sino también objetos tangibles de la realidad en la cual muchas veces nos enfocamos en como están diseñadas las cosas y no como la gente se puede relacionar con el proyecto que se quiere mostrar. La cognición humana toma un papel muy grande e importante para llamar la atención del ojo del espectador o cliente al cual se le quiere ofrecer o mostrar algún objeto o proyecto y es por eso que ayudó en mucho a la interface de, en este caso, la pagina web la cual obviamente tenia un aspecto desordenado y que solamente confundía al usuario, ya que al poder manejar conceptos de de visión y reconocimiento de patrones pudimos tornar ese desorden en una atractiva y limpia interfaz.