Synap


TítuloSynap
Tipo de ProyectoProyecto de Taller
Palabras Clavesitioweb
Período2020-2020
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño
Alumno(s)Roberta Durán, Gabriela Zett, Catalina Velásquez, Javiera Galaz, Antonia Escudero
ProfesorKatherine Exss, Herbert Spencer

Proyecto SynApp

El nombre SynApp, es un concepto compuesto que nace a partir de dos palabras, por un lado, la palabra synapse que en español significa sinapsis y por otro la abreviatura app que alude al concepto de aplicación móvil. La palabra Synapse (Sinapsis) se refiere al acto de conexión neuronal que se ejecuta cuando las neuronas se relacionan e interactúan entre sí, transmitiendo o recibiendo impulsos nerviosos e información, lo que hace referencia a la conexión que existe entre un patrón u otro, donde dicha conexión es la que permite la formación de un sistema que posteriormente permitirá interacción con el usuario. En dicho sistema los patrones se cruzan y entrelazan a través de una constante interacción, la que el usuario percibe al momento de ingresar a este mundo. Cada patrón es importante, ya que cada uno cumple un rol fundamental, es decir, todos juntos forman un solo sistema de manera funcional.

Mapa de navegación

Mapa de Navegación

Wireframes

Este sitio web está pensado cómo un repositorio de distintos patrones de interacción categorizados, con la intención de crear una base de datos disponible para el público y de ésta manera poder comparar las prácticas y experiencias con los patrones. En un principio, proponemos que el sitio permita la participación activa de la comunidad, es decir, que el usuario certificado pueda evaluar el contenido y aportar con un feedback acerca de los patrones. También, el usuario puede añadir patrones de interacción bajo un estándar. Así nos aseguramos que el sitio web mantenga información actualizada.

Escritorio

Secuencia wireframe web

Móvil

Secuencia wireframe móvil

Segunda versión 14.04.2020

Esta versión del proyecto nace a raíz de las correcciones realizadas en el taller, además busca proponer una navegación que más horizontal para que se aprovechen mejor las capas o niveles de navegación. Haciendo que la interfaz no sea solamente un marco o estructura, sino que sea el eje principal de interacción del sitio. También, esta nueva versión tiene la intención de filtrar la cantidad de información que recibe el usuario por la pantalla.

Synap nace bajo la inspiración de la red neuronal presente en los seres vivos, y cómo esta interrelación de estímulos generan una experiencia en su plenitud.

Mapa de Navegación

En esta segunda versión del mapa de navegación surgen cambios debido a la propuesta de interfaz, donde de alguna forma se puede reducir las capas según la cantidad de información que maneje el sitio a través del scroll. Pudiendo así abarcar más capaz dentro de un nivel, haciendo que así la experiencia de ingresar al sitio se de en base a una lectura más paulatina y amable con el usuario.

Mapa de navegación SYNAP2.png

Wireframe Web

Error al crear miniatura: Archivo más grande que 25 MP

Wireframe Móvil

Synap movil 2.png