ReUS

reUS

Título	reUS
Palabras Clave	sitioweb
Período	2020-2020
Asignatura	Taller de Diseño de Interacción
Del Curso	Taller de Diseño de Interacción 2020
Carreras	Diseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)	Martin Canihuante, Pablo Chicano, Catalina Gonzalez, David Silva Bernales, Fernanda Talamilla P, Alejandro Jiménez Amín
Profesor	Herbert Spencer, Katherine Exss, Catalina Pérez

Nombre de la página

El nombre de la página, reUS, es un acrónimo de "relación entre usuario y servicio", ya que los patrones UX jerarquizan la relación entre ambos pudiendo convertir la UX en algo bueno o malo, el nombre reUS hace alusión a esta relación, en conjunto con la palabra US que en inglés significa nosotros, refiriéndose a como la página busca crear una comunidad con la posibilidad de participar y contribuir en este proyecto.

PROPUESTA 1

Mapa de Navegación

Wireframes

La interfaz de reUs propone que el usuario se encuentre desde un primer momento con toda la información que el sitio dispone, a través de una interfaz amigable que optimiza el espacio del medio, condensando y distribuyendo la información de tal manera que el usuario se desplace intuitivamente por el sitio gracias al equilibrio en su paginación de dos columnas, de menús desplegables y pop up que no derivan a otras ventanas,ya que, el sitio descansa en la página de inicio con distintos focos a la mano para poder profundizar libremente en los contenidos que se presentan.

Otro aspecto del sitio es la incorporación del usuario no solo como visitante sino como contribuidor al material de reUS entrando en la lista de contribuidores que es pública, a través del botón de comunidad con el fin de que el usuario no solo aporte a través de los comentarios sino que sea parte real de la construcción y crecimiento de la página quedando al mismo nivel de los fundadores, creando un "nosotros".

Página principal

Al momento de entrar a esta página se logra captar el servicio que se ofrece sin despliegues, otorgando al usuario una primera vista sobre el objetivo del servicio, la definición de patrón y de UX, y el porqué es importante una buena y mala UX. En la versión móvil de la página principal, se presenta primero el logo de la página aprovechando la primera ventana de carga de la aplicación. Los menús se muestran sin desplegar para aprovechar el espacio de la página y la primera lectura que se le da a esta, teniendo el contenido justo para que no sea una primera lectura pesada o tediosa.

Despliegues página principal

Dentro de los despliegues se encuentran las categorías, y dentro de estas los distintos patrones identificados. Página previa al despliegue del scroll de cada patrón en conjunto con sus ejemplos. En el formato móvil es aún más necesario que los menús sean desplegables para trabajar en virtud del espacio que este formato ofrece.

Interior con scroll

Dentro de esta página se realiza un despliegue total de la introducción a un patrón de interacción, ubicando dentro de este una vista completa de sus ejemplos, en donde cada uno contiene la experiencia del usuario, el nombre de este, su soporte, pantallas secuenciales y una partitura de interacción.