Anotaciones de Wireframe del proyecto desarrollo

Anotaciones del wireframe

1. Filtros por Area , Año y Autor: Función: Permiten refinar las publicaciones mostradas según categoría temática, fecha o autor. Interacción: Checkboxes ; aplicar múltiples filtros simultáneamente. Al seleccionar, actualiza los resultados en la sección central sin recargar la página. Menú de Navegación(Inicio, Publicaciones, Autores, Contacto): Función: Acceder rápidamente a otras secciones del sitio. Interacción: Click en cada opción para navegar a su respectiv a sección. 1 Barra de búsqueda: Función: Permite buscar otras publicaciones por palabra clave, autor o título. Interacción: Al escribir y presionar " Enter ", se actualiza el contenido con resultados filtrados. Logo UNIR: Función: Representar la identidad institucional. Interacción: redirige a la página principal (Inicio). 1 1 2 Imagen miniatura (contenedor en X): Función: Representación visual de la publicación (portada, gráfico o ícono). Interacción: Opcional; podría ampliarse al pasar el mouse o al hacer click . Barra lateral – Publicaciones destacadas: Función: Mostrar publicaciones recomendadas o recientes. Interacción: Click sobre el título = redirige a la ficha de la publicación. Información Institucional: Función: Enlace a sección sobre la universidad, políticas, misión, etc. Interacción: Click = abre sección de información. Redes Sociales: Función: Accesos a perfiles oficiales (ej. Facebook). Interacción: Click = redirige a la red social en nueva pestaña. Contacto: Función: Muestra datos de contacto o enlace a un formulario. Interacción: puede abrir una página de contacto o activar una acción de llamada/correo. 4 Título de la publicación: Función: Muestra el nombre del artículo académico. Interacción: Clic = abre la página con el contenido completo de la publicación. Resumen de la publicación: Función: Vista previa del contenido para decidir si se desea leer mas. Enlace “Leer Mas”: Función: Redirige a la publicación completa o a su ficha detallada. Interacción: Click = abre nueva vista o modal con más detalles. 3 3 3 3 5 5 5

2. Filtros por Area , Año y Autor: Función: Permiten refinar las publicaciones mostradas según categoría temática, fecha o autor. Interacción: Checkboxes ; aplicar múltiples filtros simultáneamente. Al seleccionar, actualiza los resultados en la sección central sin recargar la página. Menú de Navegación(Inicio, Publicaciones, Autores, Contacto): Función: Acceder rápidamente a otras secciones del sitio. Interacción: Click en cada opción para navegar a su respectiv a sección. 1 Barra de búsqueda: Función: Permite buscar otras publicaciones por palabra clave, autor o título. Interacción: Al escribir y presionar " Enter ", se actualiza el contenido con resultados filtrados. Logo UNIR: Función: Representar la identidad institucional. Interacción: redirige a la página principal (Inicio). 1 1 2 Título de sección: “Resultados de búsqueda : Función: Informa al usuario que está viendo resultados filtrados en base a su búsqueda. Información Institucional: Función: Enlace a sección sobre la universidad, políticas, misión, etc. Interacción: Click = abre sección de información. Redes Sociales: Función: Accesos a perfiles oficiales (ej. Facebook). Interacción: Click = redirige a la red social en nueva pestaña. Contacto: Función: Muestra datos de contacto o enlace a un formulario. Interacción: puede abrir una página de contacto o activar una acción de llamada/correo. Título de la publicación: Función: Muestra el nombre del artículo académico. Interacción: Clic = abre la página con el contenido completo de la publicación. Resumen de la publicación: Función: Vista previa del contenido para decidir si se desea leer mas. Enlace “Leer Mas”: Función: Redirige a la publicación completa o a su ficha detallada. Interacción: Click = abre nueva vista o modal con más detalles. 3 3 3 Imagen miniatura (contenedor en X): Función: Representación visual de la publicación (portada, gráfico o ícono). Interacción: Opcional; podría ampliarse al pasar el mouse o al hacer click . 3 4 4 4

3. Menú de Navegación(Inicio, Publicaciones, Autores, Contacto): Función: Acceder rápidamente a otras secciones del sitio. Interacción: Click en cada opción para navegar a su respectiv a sección. 1 Barra de búsqueda: Función: Permite buscar otras publicaciones por palabra clave, autor o título. Interacción: Al escribir y presionar " Enter ", se actualiza el contenido con resultados filtrados. Logo UNIR: Función: Representar la identidad institucional. Interacción: redirige a la página principal (Inicio). 1 1 Imagen o portada de la publicación (contenedor con "X") : Función: Espacio para una imagen destacada relacionada con la publicación (gráfico, portada, etc.). Interacción: Puede ampliarse al hacer clic o abrir una vista detallada. 2 Título de la publicación: Función: Muestra el nombre del artículo académico. Interacción: No aplica, es solo informativo. 3 Autor: Función: Indica quién escribió el artículo. Interacción: El nombre podría ser clicable para ver más publicaciones del mismo autor (opcional). Contenido del artículo: Función: Presenta el texto completo del artículo académico o resumen detallado. Interacción: Desplazamiento vertical para leer más contenido; se puede incluir opción para descarga o vista en PDF. 4 5 Barra lateral – Publicaciones relacionadas: Función: Sugerir otras publicaciones similares por tema, autor o categoría. Interacción: Click en el título de cada publicación = redirige a su propia página. 6 Información Institucional: Función: Enlace a sección sobre la universidad, políticas, misión, etc. Interacción: Click = abre sección de información. Redes Sociales: Función: Accesos a perfiles oficiales (ej. Facebook). Interacción: Click = redirige a la red social en nueva pestaña. Contacto: Función: Muestra datos de contacto o enlace a un formulario. Interacción: puede abrir una página de contacto o activar una acción de llamada/correo. 7 7 7