La capa de presentación en una aplicación se encarga de la interacción con el usuario, es decir:

 Recogida de datos.
 Presentación de los resultados.

En el caso concreto de las aplicaciones web, las funciones de esta capa se van a realizar a
través de las llamadas páginas web para cuyo diseño se emplearán tecnologías tales como,
lenguaje HTML y hojas de estilo CSS.

Módulo 1. Principios, Accesibilidad Y Usabilidad

De Páginas Web.
Principios fundamentales para el enfoque del desarrollo de páginas web:

 Compatibilidad

SOPORTE EN NAVEGADORES: La compatibilidad refiriéndonos a que se debe dar soporte al

contenido existente en navegadores compatibles con cualquier versión de html, css, javascript.

ALTERNATIVAS EN DISPOSITIVOS: Se debe ofrecer alternativas de visualización para

dispositivos con navegadores antiguos.

REUTILIZACIÓN DE ELEMENTOS: Reutilización de elementos y evolución progresiva, cambiando

cosas sobre lo ya construido en lugar de cambiar un diseño por otro.

 Utilidad

RESOLUCIÓN DE PROBELEMAS REALES: Sin añadir funcionalidades innecesarias.

PRIORIDAD DE LOS USUARIOS: En caso de conflictos de intereses en alguna funcionalidad,

frente a otros componentes del grupo de personas que intervienen en el diseño.

SEPARACIÓN DE RESPONSABILIDADES HML Y CSS: Es decir, mediante el contenido de una

página en los estilos que podamos aplicar para definir cómo se va a visualizar en un navegador.

CONSISTENCIA DEL ÁRBOL DOM (Document Object Model): DOM o estructura de datos en el
que el navegador almacena la información que lee de una página html.

 Interoperabilidad

DEFINICION DEL FUNCIONAMIENTO: La definición con precisión del funcionamiento de cada

requisito de la especificación.

EVITAR COMPLEJIDAD INNECESARIA: De todas las soluciones correctas a un problema, la

solución que se debe escoger en todos los casos será la más sencilla.

CONTROL DE ERRORES: El usuario debe recibir notificaciones elegantes de errores y con un

contenido fácilmente interpretable por él, pero nunca detalles técnicos del error.

 Acceso universal

INDEPENDENCIA DEL MEDIO: Las páginas deben poder ser aceptadas por cualquier navegador,
independientemente de la plataforma o dispositivos en el que se visualicen.

APOYO A DIFERENTES IDIOMAS: Que exista apoyo de diferentes idiomas. En un diseño

debemos tener en cuenta a qué público va destinado y tener en cuenta el idioma en el que se
relacionan dichos grupos. Tenemos que desarrollar de manera que se permita que el usuario al
que va dirigido el contenido pueda verlo en su idioma.

ACCESIBILIDAD: Es decir, se puedan diseñar funcionalidades teniendo en cuenta que puedan

ser utilizadas con personas con discapacidad.

ACCESIBILIDAD Y USABILIDAD EN PÁGINAS WEB

Accesibilidad y usabilidad son dos conceptos que, en ocasiones se confunden o se mezclan

entre sí. A pesar de que pueden parecer que ambas cosas van dirigidas en el mismo sentido
(métodos y técnicas para diseñar correctamente nuestra página web), en muchos casos entran
en conflicto.

Pautas para promover la accesibilidad en páginas web

Existen pautas que permiten hacer accesibles los contenidos de la web a personas con
discapacidad.

El fin principal de estas pautas en promover la accesibilidad.

Las pautas aplicables son las siguientes:

 Acceso de todos los usuarios en condiciones de igualdad a los contenidos.

 Textos alternativos en imágenes.

 Vídeos con subtítulos para usuarios con dificultades auditivas.

 Selección de colores para personas con daltonismo.

 Tamaño del texto suficientemente grande para que usuarios con problemas visuales
puedan leerlo sin dificultad.

 Tamaño de los botones o las áreas activas adecuado puede facilitar su uso a los
usuarios que no pueden controlar el ratón con precisión.

 Permitir uso de teclado y ratón: para evitar acciones que dependan de un dispositivo
concreto y el usuario pueda escoger el dispositivo que más le convenga.

Usabilidad de páginas web

Son técnicas que ayudan a los seres humanos a realizar tareas en entornos gráficos de
ordenador.

Deben tenerse en cuenta una serie de principios importantes para la usabilidad. Son los
siguientes:
 1. En caso de conflicto de intereses en alguna funcionalidad de programación, ¿a quién
debe darse prioridad para su resolución?

A los desarrolladores de navegadores

A los usuarios

A los autores de contenido

A los redactores de especificaciones

2. Señala si la siguiente afirmación es verdadera o falsa: "Debemos desarrollar un sitio

web incluyendo la información de presentación (como queremos que se vea la página)
en el propio documento":

Verdadero: de esta forma aceleramos la carga de la página al contener todo en un único

fichero

Verdadero: debemos hacerlo en la medida de lo posible puesto que se considera buena

práctica

Falso: el contenido debe ir separado de la presentación puesto que así lo exige el modelo en 3
niveles

Falso: es mejor separarlo puesto que independiza el contenido de la presentación lo que

supone muchas ventajas

3. ¿Cómo debe presentarse una web?

Con un manual de usuario para que pueda consultar las diferentes funcionalidades.
Sorprendiendo al usuario en la medida de lo posible.

Con fuentes y fondo de tonos muy similares para ser agradable y no resultar llamativo.

Con los elementos de la página donde el usuario los espera.

4. Indica cuál de los siguientes no es un principio a seguir en el diseño de una página

Web:

Simplicidad

Compatibilidad

Utilidad

Acceso universal

5. Con respecto al criterio de usabilidad, podemos afirmar que las aplicaciones deben ser
acordes a lo que el usuario espera de ellas. Esta consideración recibe el nombre de:

Anticipación

Consistencia

Autonomía

Reversibilidad