CURSO:

ANALISIS Y DESARROLLO DEL SOFTWARE

EVIDENCIA A DESARROLLAR:
NOCIONES DE REGLAS DE USABILIDAD Y
ACCESIBILIDAD EN APLICACIONES INDEPENDIENTES,
WEB

APRENDIZ:
YULISA FERNANDA VALDES ORTEGA

FICHA: 2721396

PRESENTADO A :
RAFAEL ALEXANDER SALTARIN TEJERA

FECHA: 24 / 04 / 2024

SERVICIO NACIONAL DEL APRENDIZAJE SENA VIRTUAL

 INTRODUCCIÓN
En este documento detallaremos la importancia de la
usabilidad y la accesibilidad en el diseño de productos
de software y por el cual describiremos cada regla para
una implementaciòn exitosa tanto en aplicaciones web
como independientes...Bueno ya aclarado lo anterior
empecemos.
CONCEPTO DE:
Diseño de aplicaciones web:
se refiere al proceso de crear
y desarrollar sitios web o
aplicaciones web para
cumplir con necesidades
específicas, objetivos o ideas
en Internet, utilizando las
mejores tecnologías
disponibles para el proyecto.
Incluye tanto la parte visual
como la funcionalidad del
sitio o aplicación, buscando
mejorar la experiencia del usuario,
CARACTERISTICAS DE:
Diseño de aplicaciones web:
1. Es visual: El diseño web es ante todo visual para que
sea atractivo, por lo que se vale de elementos gráficos y
textuales, imágenes, vídeos.
2. Es comunicativo:El diseño web sin intención solamente
es una buena imagen, por eso esta característica le da
sentido a lo que hagas. Todos los elementos en particular
y en su conjunto deben comunicar, informar, proponer.
3. Está optimizado: La labor del diseñador web,
actualmente, va de la mano con el desarrollo web y los
generadores de contenido, porque juntos serán
responsables de optimizar un sitio web para que gane
posiciones en los motores de búsqueda.
 LAS REGLAS DE USABILIDAD
Jakob Nielsen es una de las personas mas respetadas en
el ámbito de la usabilidad web. Además, es cofundador
de la firma Nielsen Norman Group que ofrece consultoría
de interfaz y experiencia de usuario.
Según el propio Nielsen desde 1994 y es muy probable
que sigan manteniéndose vigentes en las próximas
generaciones.
1. Control y libertad del usuario.
Ofrece al usuario el control de la plataforma para que
se sienta seguro. Una forma sencilla es agregar la
funcionalidad de “rehacer” y “deshacer”
Ejemplos:
 Aplicar y borrar filtros al comprar productos.
 Deshacer una acción de guardado en Pinterest.
 Quitar elementos de un carrito de compras.
 2. Visibilidad del estado del sistema
El sistema debe mantener informado al usuario sobre lo
que esta ocurriendo en la web a cada momento.
Trata de no dejar a los usuarios pensando “¿Qué esta
pasando ahora?”
Ejemplos:
 Animaciones que muestran cuando un sitio se encuentra
 cargando.
 Mensajes de confirmación al enviar un formulario.
 que muestran al usuario en que parte del sitio se
 encuentra.
 DESCRIBIR LAS REGLAS DE USABILIDAD
1. Control y libertad del usuario
Es fundamental mostrar acciones que permitan al
usuario regresar o salir de cualquier acción que tomó en
el sistema. Las opciones de hacer y deshacer tienen
que estar siempre visibles para que el usuario tenga el
control de sus interacciones.
Ejemplo: En una tienda virtual si decide quitar un
producto del carrito de compras porque se arrepintió
de comprarlo.
2. Visibilidad del estado del sistema
El sistema (web, App o cualquier otro producto digital)
debe siempre mantener informado al usuario de lo que
está ocurriendo.
Ejemplo: Al subir un archivo a Google Drive, el
sistemanos indica que se está cargando y el tiempo
restante.
 LAS REGLAS DE ACCESIBILIDAD
1. Estándares de accesibilidad web:
Las normas de accesibilidad web son directrices
esenciales para imponer la inclusividad en el proceso
de desarrollo web. Esas normas se refieren a las
mundialmente reconocidas Pautas de Accesibilidad al
Contenido en la Web.
2. Alternativas de texto para contenido no textual:
El texto alternativo (alt) es texto descriptivo adjunto a
elementos visuales, como iconos, imágenes y
fotos. Texto alternativo representado por herramientas
de accesibilidad de documentos web y PDF,
como lectores de pantalla que no pueden "leer"
elementos visuales como leen texto
 DESCRIBIR LAS REGLAS DE ACCESIBILIDAD
1. Estándares de accesibilidad web: se basan en varios
componentes que trabajan juntos a Principios de
accesibilidad Información perceptible e interfaz de
usuario Interfaz de usuario y navegación operables
Información comprensible e interfaz de usuario
Contenido robusto e interpretación confiable.

2. Alternativas de texto para contenido no textual:

El Criterio de Éxito 1.1.1 aborda la importancia de
proporcionar alternativas de texto para todo el
contenido no textual que se presenta a los usuarios en
un sitio web. Esto incluye imágenes, gráficos, vídeos,
audio y cualquier otro elemento que no esté basado en
texto.
 DIFERENCIAR ENTRE UNA APLICACIÓN INDEPENDIENTE Y
UNA APLICACIÓN WEB
Una aplicación independiente es aquella que se ejecuta
de forma autónoma en un ordenador y no requiere
nada más para ser utilizada. Toda la lógica está
incorporada en el software, por lo que no necesita una
conexión a Internet ni ningún otro servicio instalado.
Por otro lado, una aplicación web es aquella que se
ejecuta en un servidor y se accede a través de un
navegador web.
 DIFERENCIAS ENTRE:
APLICACIÓN INDEPENDIENTE UNA APLICACIÓN WEB
 La aplicación de software,  Acceso: Las páginas web
que puede ejecutar fuera se pueden acceder a través
de línea. de cualquier navegador.
 El software que no forma  URL: Las páginas web
parte de los paquetes de tienen su propia URL única
aplicaciones. para acceder a ellas.
 Un software que se  Desarrollo: Las páginas web
ejecuta como una se desarrollan con lenguajes
operación independiente. de marcado.
 Es un software que requiere  Actualizaciones: Las
los servicios del sistema páginas web se actualizan
operativo para funcionar. automáticamente.
 CARACTERÍSTICAS DE APLICACIÓN INDEPENDIENTE
 Puede ejecutar fuera de línea.
 No forma parte de los paquetes de aplicaciones.
 Se ejecuta como una operación independiente de la
máquina, en lugar de un complemento a un proceso
existente.
 Requiere los servicios del sistema operativo para
funcionar.
 Opera de manera independiente, tanto del Hardware
como del sistema operativo, así que el usuario puede
instalarlas y desinstalarlas a voluntad.
 CARACTERÍSTICAS DE APLICACIÓN WEB
 Se alojan en un servidor y se acceden a ellas desde el
navegador.
 Usan un único diseño, normalmente en HTML5, para
todos los dispositivos.
 Son compatibles con cualquier navegador.
 No requieren descarga ni instalación.
 Incluyen información en diversos formatos: textos,
sonidos, videos, animación, imágenes.
 CONCLUSIÓN
Ya para ir finalizando con el tema...Quiero decir que la
usabilidad y la accesibilidad emergen como pilares
esenciales en el diseño de aplicaciones. Mientras las
reglas de usabilidad definen la interacción de los
usuarios con la aplicación, las reglas de accesibilidad
aseguran que cualquier persona, independientemente
de sus habilidades, pueda acceder y utilizar la
aplicación de manera efectiva. Anticipadamente le
Ofrezco Disculpas por la demora en la entrega de la
evidencia..Muchas Gracias, Feliz día...