SERVICIO NACIONAL APRENDISAJE SENA
INSTRUCTORA
JULIETH ALEJANDRA CALDERON BARRAGAN
APRENDIZ
ALBA LUCERO GARCIA LOPEZ
TECNOLOGO EN ANALISIS Y DESARROLLO DEL SOFWARE
FICHA 3186623
MODALIDAD VIRTUAL
ENTREGA DE: ELABORACION DE LA INTERFAZ GRAFICA Y MAPA DE NAVEGACION CUMPLIENDO
CON LAS REGLAS DE USABILIDAD Y ACCESIBILIDAD APP MOVIL.
GA5-220501095-AA1-EV07
SENA CENTRO DE MATERIALES Y ENSAYOS BOGOTA
2025
INTRODUCCION
El diseño de la interfaz grafica y el mapa de navegación en el desarrollo de software es un
componente critico que define la experiencia del usuario y la usabilidad del producto. Estos
elementos son fundamentales para garantizar que los usuarios puedan interactuar de manera
efectiva y fluida con la aplicación, facilitando la comprensión de la estructura del software y
optimizando su uso.
En primer lugar, la interfaz grafica es la capa visual a través de la cual los usuarios interactúan
con el software. Su diseño busca no solo la estética visual, sino también la claridad en la
presentación de la información y la facilitación de la navegación. Esto implica considerar la
disposición de los elementos visuales, la paleta de colores tipografía, iconos y otros
componentes para ofrecer una experiencia atractiva y funcional.
El mapa de navegación por su parte, genera la representación visual de la estructura y la
relación entre las diferentes pantallas o secciones del software. Su objetivo principal es
proporcionar una guía clara de cómo los usuarios pueden moverse a través de las
funcionalidades disponibles, permitiendo una navegación intuitiva y eficiente. Un mapa de
navegación bien diseñado simplifica la experiencia del usuario al proporcionar una ruta lógica y
coherente para acceder a diversas funciones o contenidos dentro del software.
OBJETIVO
Determinar las características técnicas y elaborar la interfaz grafica y el mapa de navegación del
software en versión app móvil cumpliendo con las reglas de usabilidad y accesibilidad para
aplicaciones.
Proyecto de desarrollo de software “Gestión logística de la empresa Coomeva”
Descripción: La solución de software tendrá una arquitectura especifica conocida como
arquitectura de múltiples inquilinos que permitirá que una única instancia de la aplicación de
software sirva a múltiples clientes, a los que se le conoce como inquilinos. Los datos y la lógica
de la aplicación se compartirán entre todos los clientes, pero estarán aislados y seguros para
garantizar la privacidad y seguridad de los datos de cada cliente. Cada cliente tendrá su propio
espacio virtual dentro de la aplicación, lo que les permitirá personalizar y configurar la
aplicación según sus necesidades.
Objetivo: Optimizar el proceso de gestión logística de la empresa Coomeva mediante el
registro de entradas, análisis de inventario, registro de salidas, monitoreo, control de materia
prima y mercancía mediante análisis, generación de alertas y reportes
Usuarios y características: El software de gestión de inventario a desarrollar para la empresa
Coomeva cuenta con los siguientes usuarios
Administrador: Representa al administrador del sistema. Tiene atributos como nombre
de usuario y rol del usuario. Puede registrar nuevos usuarios y ver información sobre
los usuarios, sus módulos y roles.
Usuario: Representa a un usuario registrado en el sistema. Tiene atributos como
nombre de usuario y rol del usuario. El administrador puede ver y administrar
información sobre los usuarios, sus módulos y roles.
Auxiliar de aprovisionamiento: Representa al usuario encargado registrar las entradas
de inventario. Tiene atributos como código, categoría, subcategoría, articulo, fecha,
entrada, ubicación especifica, medida y costo. Puede registrar entradas de inventario y
ver el total de entradas y devoluciones.
Analista de inventario: Representa al usuario encargado de analizar el inventario.
Tiene atributos como acceso a la base de datos de inventario, tablas, graficas, costos,
semáforo de alertas de cantidad de inventario y capacidad para generar reportes.
Puede ver información en tablas y graficas, analizar el costo, ver las alertas de cantidad
de inventario y generar reportes.
Auxiliar de salidas: Representa al usuario encargado de registrar las salidas de
inventario. Tiene atributos como código, categoría, subcategoría, articulo, fecha,
medida, costo y salida. Puede registrar las salidas de inventario y ver el total de salidas.
Reglas de usabilidad
[Link] de estado: Proporciona retroalimentación visual o auditiva para informar al
usuario sobre el estado actual de la aplicación, como la finalización de una acción o la carga
de contenido. Esto ayuda a los usuarios a entender lo que esta sucediendo en la interfaz.
[Link] entre el sistema y el mundo real: Utiliza un lenguaje y una estructura
familiar para los usuarios, facilitando la comprensión y el uso de la interfaz. Esto hace que
la aplicación sea más intuitiva y fácil de usar.
[Link] y libertad del usuario: Permite a los usuarios deshacer acciones o salir de un
proceso en cualquier momento sin consecuencias negativas.
Ofrece libertad y control sobre la interacción del usuario.
[Link] y estándares: Sigue patrones de diseño y comportamiento consistentes en
la interfaz para que los usuarios puedan predecir como funcionara la aplicación en
diferentes partes. Esto creara una experiencia coherente y predecible.
[Link] de errores: Implementa medidas para evitar que los usuarios cometan
errores, como confirmaciones antes de realizar acciones irreversibles. Contribuye a una
experiencia sin frustraciones.
[Link] antes que recuerdo: La interfaz debe ser intuitiva, permitiendo a los
usuarios realizar acciones sin tener que recordar como las han hecho anteriormente. Evita
que los usuarios se vean obligados a recordar pasos anteriores.
[Link] y eficiencia de uso: Facilita caminos rápidos para que los usuarios
experimentados realicen acciones frecuentes, mejorando la eficiencia y la satisfacción del
usuario habitual.
[Link] y diseño minimalista: Elimina información o elementos innecesarios en la
interfaz.
[Link] a los usuarios a reconocer, diagnosticar y recuperarse de errores: Aunque
idealmente se deben evitar los errores proporciona mensajes claros y opciones para que
los usuarios puedan identificar y corregir errores fácilmente.
REGLAS DE ACCESIBILIDAD
[Link] de texto: Proporcionar alternativas de texto para todo contenido no textual,
como imágenes, para que pueda ser interpretado de diversas formas, como texto grande,
braille, texto hablado o lenguaje de signos.
[Link] alternativo al audio o video: Ofrecer alternativas para información
presentada exclusivamente a través de audio o video, como proporcionar subtítulos en
videos para personas con discapacidad auditiva.
[Link]: Crear contenido que pueda ser presentado de formas distintas sin perder
información o estructura, facilitando configuraciones personalizadas como tamaños de
fuente relativos.
[Link]: Mejorar la visibilidad y audibilidad del contenido, evitando tendencias
estéticas que dificulten la lectura, como tamaños de fuente reducidos o texto en colores de
bajo contraste.
[Link] mediante el teclado: Implementar funcionalidades accesibles a través del
teclado, permitiendo la navegación y la interacción sin depender del ratón.
[Link] tiempo: Asegurar que los usuarios tengan tiempo suficiente para leer o utilizar
el contenido, evitando límites de tiempo restrictivos.
[Link]: Evitar diseños que puedan causar ataques, como el uso de contrastes de color
con efectos de flash y parpadeo rápido.
[Link]: Facilitar la navegación mediante rastros de migas de pan, URL
semánticos, mapas de sitio.
[Link] de datos: Permitir el uso de distintos dispositivos de entrada además del teclado
para mejorar la accesibilidad.
[Link]: Garantizar que el contenido de texto sea legible y fácilmente
comprensible, considerando aspectos como el contraste y el tamaño de fuente.
[Link]: Mantener la consistencia y predictibilidad en el diseño y
funcionamiento de las paginas web, utilizando convenciones establecidas.
[Link] o ayuda en la entrada de datos: Proporcionar herramientas que
ayuden a los usuarios a evitar y corregir errores al interactuar con la pagina web, como la
autocorrección y el auto relleno de formularios.
[Link]: Optimizar la compatibilidad con navegadores actuales y futuros,
incluyendo tecnologías de ayuda al usuario.
FUNCIONES DEL PRODUCTO
1. Crear usuarios para que puedan iniciar sesión.
2. Generación de reportes de entradas, inventario y salidas.
3. Configuración de impresión de reportes.
4. Visualizar el inventario en tablas y gráficos.
5. Notificación con semáforo de alertas.
INTERFAZ GRAFICA
*Home módulos
*Registro de usuario
*Perfiles de colaboradores
*Base de datos inventario
*Reportes
*Registro de entrada y salida de inventarios
*Nuevo inventario
MAPA DE NAVEGACION
CONCLUSION
En definitiva, mediante la realización de esta actividad hemos podido aprender que un diseño
cuidadoso y centrado en el usuario en la interfaz grafica asegura que la interacción con el
software sea intuitiva, atractiva visualmente y funcional. Por otro lado, un mapa de navegación
bien estructurado facilita la comprensión del fijo del sistema, permitiendo a los usuarios
encontrar y acceder rápidamente a las funcionalidades que necesitan.