ELABORACIÓN DE INTERFAZ GRÁFICA Y MAPA DE NAVEGACIÓN CUMPLIENDO

CON REGLAS DE USABILIDAD Y ACCESIBILIDAD.

MARÍA CAMILA ÁLVAREZ HOYOS

MARÍA MÓNICA RAMÍREZ ROMERO
MARÍA PAULA TOSCANO DUARTE
APRENDIZ

YAMILETH ERAZO BECERRA

INSTRUCTOR

SERVICIO NACIONAL DE APRENDIZAJE – SENA

CENTRO DE PROCESOS INDUSTRIALES Y CONSTRUCCIÓN

ANÁLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIÓN

MANIZALES
2023
 INTRODUCCIÓN

En la siguiente evidencia se presentan prototipos de diferentes funcionalidades dentro de

un sistema de información destinado a un Centro Médico. Cada prototipo ha sido
diseñado aplicando reglas de usabilidad y accesibilidad para proporcionar a los usuarios
una experiencia eficaz y accesible. Además, se incluye un mapa de navegación que
ilustra la estructura general del proyecto, permitiendo comprender la interconexión de las
diversas funcionalidades y cómo los usuarios pueden desplazarse entre ellas.
Estos prototipos reflejan el compromiso de asegurar que el sistema de información
cumple con los estándares de calidad y accesibilidad, garantizando que todos los usuarios
puedan interactuar de manera efectiva y satisfactoria con la aplicación.
Prototipo Página principal del consultorio

Reglas de usabilidad y accesibilidad para este prototipo:

 Definir con simplicidad y claridad la estructura de los contenidos: En la página principal, la organización y la
navegación deben ser simples y claras para que los usuarios puedan comprender fácilmente la disposición de los
botones, menús y secciones.
 Establecer un diseño limpio: El diseño de la página principal debe ser limpio y ordenado, sin elementos innecesarios
 que distraigan a los usuarios. Los elementos visuales, como botones y menús, deben estar dispuestos de manera que
sean fáciles de entender y ver. Un diseño limpio hace que la página principal sea agradable de usar.
 Ceder el control al usuario: Los usuarios deben tener el control y la libertad para navegar por la página principal y
acceder a diferentes secciones del sistema.
 Facilitar la interacción: La página principal debe permitir a los usuarios realizar diversas acciones de manera sencilla e
intuitiva. Los botones y menos deben estar organizados de forma ordenada y limpia para que la experiencia del usuario
sea óptima.
 Adaptar para todo tipo de dispositivo: La página principal debe ser responsiva y adaptarse automáticamente a
diferentes tipos de dispositivos, como computadoras, celulares y tablets. Esto garantiza que los usuarios puedan acceder
al sistema desde cualquier dispositivo sin problemas de visualización ni navegación.

Prototipo citas médicas

Al darle clic a “Registrar cita médica”, el sistema abre otra página con la siguiente información.

Al dar clic en el botón Registrar cita, el sistema arroja un mensaje que dice
Reglas de usabilidad y accesibilidad para este prototipo:
 Definir con simplicidad y claridad la estructura de los contenidos: En la página de “Registrar cita médica”, la
estructura de la información debe ser sencilla y comprensible. Los elementos como botones y campos de entrada deben
estar organizados de manera lógica para que los usuarios puedan entender fácilmente como registrar una cita médica.
 Establecer un diseño limpio: El diseño limpio contribuye a que los usuarios puedan completar el proceso de registro de
citas de manera eficiente.
 Ceder el control al usuario: La navegación deber ser intuitiva, permitiendo a los usuarios tomar decisiones y acciones
sin confusión.
 Facilitar la interacción: La pagina de “Registrar cita médica” debe permitir a los usuarios registrar una cita de manera
sencilla. Los campos y botones deben presentarse de manera ordenada y limpia para que los usuarios puedan interactuar
de manera óptima con la aplicación o página web.
 Simplificar y sintetizar: La página de registro de citas no debe estar sobrecargada con información o funciones
innecesarias. Debe ofrecer sólo las opciones relevantes para registrar una cita médica de forma eficiente. Evitar la
sobrecarga de información mantiene el proceso simple y ágil.
 Adaptar para todo tipo de dispositivo: Esto garantiza que los usuarios puedan registrar citas desde cualquier
dispositivo sin problemas de visualización ni navegación.
Prototipo Cancelar cita médica

Al dar clic en el botón Cancelar cita, el sistema arroja un mensaje que dice
Reglas de usabilidad y accesibilidad para este prototipo:
 Definir con simplicidad y claridad la estructura de los contenidos: La página de “Cancelar cita médica” debe
organizar la información de manera sencilla y comprensible. Los botones y elementos de navegación relacionados con la
cancelación de la cita deben estar dispuestos de manera lógica y clara para que los usuarios comprendan fácilmente
cómo cancelar una cita médica.
 Establecer un diseño limpio: El diseño de la página de la cancelación de citas médicas debe ser limpio y sin elementos
innecesarios. Los elementos visuales deben estar organizados de manera que sean fáciles de ver y de entender.
 Ceder el control al usuario: Los usuarios deben tener el control al cancelar una cita médica. Deben saber donde se
encuentra el proceso de confirmar o cancelar la cita de manera clara.
 Facilitar la interacción: La página de cancelación de citas médicas debe permitir a los usuarios realizar la cancelación
de manera sencilla e intuitiva.
 Simplificar y sintetizar: La página de cancelación de citas no debe estar sobrecargada con información o funciones
innecesarias. Debe ofrecer sólo las opciones para cancelar la cita médica de manera eficiente.
 Adaptar para todo tipo de dispositivo: La página de cancelación de citas médicas debe ser responsiva y adaptarse a
diversos dispositivos, esto garantiza que los usuarios puedan cancelar las citas desde cualquier dispositivo sin problemas
de visualización ni navegación.
Prototipo Registrar paciente

Reglas de usabilidad y accesibilidad para este prototipo:

Prototipo Registrar consultorio

Reglas de usabilidad y accesibilidad para este prototipo:

Prototipo Registrar empleado

Reglas de usabilidad y accesibilidad para este prototipo:
Prototipo Registrar medicamento

Reglas de usabilidad y accesibilidad para este prototipo:

Prototipo Registrar tratamiento

Reglas de usabilidad y accesibilidad para este prototipo:

Prototipo Registrar médico
Reglas de usabilidad y accesibilidad para este prototipo:
MAPA DE NAVEGACIÓN DEL PROYECTO