APERTURA USABILIDAD PROYECTO DE FORMACIÓN

La usabilidad es uno de los factores de éxito más importantes de una página web. Cuidar la
usabilidad beneficia a todos: ahorra costes en el lado de la producción, y garantiza el retorno de la
inversión del dueño de la web y la satisfacción de sus usuarios. El concepto de usabilidad se refiere
a la facilidad con la que el usuario utiliza una web y define, por tanto, la calidad de dicha web, el
grado en el que ésta cumple la función para la que fue creada.

En el desarrollo web la importancia e impacto de la usabilidad en la calidad

del sitio web es algo ampliamente aceptado entre los autores de la materia,
además de una garantía de éxito. No es difícil hallar documentación sobre
proyectos web con una gran inversión económica que han terminado
fracasando debido a su falta de usabilidad.

Toda página web se crea para ser visitada por la mayor cantidad posible de usuarios y durante el
mayor tiempo posible. Si hablamos de webs que venden productos/servicios, el objetivo será
conseguir ventas y fidelizar al cliente para que vuelva a visitarnos y a comprar. En todos los casos,
una página web debe mostrarse al usuario con la mayor rapidez, sencillez y claridad posible.

Pagina bien diseñada

1. Aemet.es
 Inclusión diagnóstica de aspectos ergonómicos en usuarios potenciales.

R/ en diseño web creado por este sitio las habilidades que estudiaron en el diseño han
creado habilidades e interfaces que se adecuan al cuerpo, las personas que ingresan a la
aplicación determinan la capacidad de entendimiento y una adecuación correcta del sitio
web, esta plataforma ofrece su uso cómodo para todos los usuarios, al mismo tiempo
responde a los requerimientos.
En este sentido, hay dos características principales:

Efectividad: debe encontrar soluciones apropiadas para el uso mismo por el cual fue
creada, sus productos y servicios satisfacen las necesidades, siendo las mismas cifras de
visitantes las que dan respuestas a resultados y expectativas satisfactoriamente.

Usabilidad: Se adapta a las habilidades de los usuarios, asegurando la facilidad de usos de

seguridad.

Características: Para lograr los propósitos anteriores, es necesario encontrar un punto de

equilibrio entre las expectativas de los usuarios, sus capacidades y el gran flujo de trabajo
del sistema, la interfaz no afecta negativamente a las personas, evitando las molestias
psicológicas, físicas y emocionales. Si estas propuestas no se tienen presente en el
momento de la creación de la página tendríamos principales causas de abandono y
percepción negativa del proyecto.

Han tomado características humanas que deben ser consideradas en el cual se dividen en
tres grupos principales:

1. Limitaciones físicas: No todos los usuarios son iguales físicamente, por ejemplo,
si la interfaz está diseñada solamente para individuos diestros o con cierta altura,
muchos tendrán problemas para usarla y se verán afectadas.

2. Habilidades cognitivas: No todos los usuarios son expertos o tienen una alta
habilidad cognitiva, por lo que no debería ser necesario manjar una cantidad de
información para usar una interfaz, en este punto la página web aemet. es presenta
esta falencia pues entrega mucha información pero se está olvidando de este tipo de
usuarios, se le podría implantar un Rut como nombre de usuario para facilitar la
recordación.

3. Necesidades emocionales: La interfaz no debe confundir al usuario, ni cómo debe

empezar a usarla, su usabilidad es clara, pue si existe confusión lleva a la
frustración, lo que podría transformase en estrés, produciendo un daño emocional, la
 web al ser utilizada frecuentemente puede producirlo a un lazo de tiempo de largo
plazo debido a la gran información encontrada en la misma.

Debido a estas características, los mayores desafíos que enfrenta la ergonomía

están relacionados con la diversidad de los usuarios, algunos aspectos son bastante
controlables y medibles, pero otros son muy difíciles de manejar. Las expectativas y
el nivel de conocimiento de las personas son variados y su investigación es
compleja.

 Calidad de los componentes de usabilidad respecto a contenidos textuales:

distribución, facilidad para su lectura y comprensión, calidad de contenidos.

A través de todos los medios que facilita la página se amplía líneas de atención al cliente con el fin de facilitar
y asesorar con mejor calidad a sus usuarios, pues por medio de estos servicios se pueden proporcionar
información de servicios y como solicitarlos.

 Ayuda a la navegación por la página web.

 Asesoramiento de atención a usuarios correspondientes cuando la complejidad del asunto lo requiera.

Opciones por defecto

Esta web esta optimizado para las siguientes opciones por defecto:
Resolución de pantalla de 1000 px aquellos usuarios con una resolución superior visualizaran el sitio web
alineado al centro sobre fondo blanco , consiguiendo así un mejor efecto estético, este sitio esta
implementado con un diseño web adaptable o adaptativo , que tiene como objetivo adaptar la apariencia de
la página al dispositivo que se esté utilizando para visualizarla.
Optimizada para las siguientes versiones de navegadores:

 Internet Explorer 9-11

 Mozilla Firefox 43
 Safari Mobile 9 / IOS 9
 Safari 8 / IOS Yosemite
 Safari Mobile 7 / IOS 7.1
 Chrome 47
 Chrome 47 / androide Lollipop

 Facilitación de procesos intuitivos para los usuarios.

R/ si se comparan las medidas diarias obtenidas, desde su puesta en marcha, se puede

percibir una progresión constante de las visitas, lo que demuestra que su facilitación por
encontrar resultados esperados es satisfactorios para todos los usuarios. En el 2003 de
 septiembre se registró una medida diarias de 95.000 visitas que ya en septiembre de 2005
ascendieron a 475.000 visitas diarias , en el mismo mes del 2009 y de 2011 se alcanzaron
3,2 y 3,3 millones respectivamente y en septiembre de 2016 son de 7,1 millones, estas
cifras nos demuestran que el sitio web facilita al usuario unos resultados esperados por
todos sus visitantes, algo gratificante en el gran esfuerzo y dedicación que se necesitó para
la creación del sitio para lo cual fue creado.

 Previsión de necesidades de usuarios.

R/ La agencia más que presentar innovación tecnología busca es llegar al usuario que se
sienta satisfecho por los resultados, presentando una amplia información requerida por el
mismo, por tal motivo anexa accesos a redes sociales siendo estos medios los mejores para
recibir críticas sean positivas o negativas, siendo motores de seguir avanzando hacia
mejores resultados y ayudando a mejorar de lo que no están de acuerdo los usuarios.
En este caso agrega un enlace www.aemet.es que posibilita el acceso a las redes sociales
(aemetblog, Facebook, y las diferentes cuentas como twitter). Además cuenta con otras
páginas web destinadas a sectores específicos, a las que se puede acceder a través de su
propia web, entra estas páginas podemos citar:

1. Meteoruta: Una herramienta para la circulación vial, a través de la cual se

proporciona información de distintas variables meteorológicas que afectan a la
conducción (lluvia, nieve, viento, temperaturas bajas) y su evolución temporal
horaria para las próximas 24 horas a través de un visor cartográfico.

2. Meteonav: Sistema para la navegación marítima, mediante el cual se pueden

obtener varios parámetros.

3. Sistema de notificación de observaciones atmosféricas singulares SINOBAS.

Sistema colaborativo ideado por AEMET para recoger, publicar y mostrar la
información aportada por los ciudadanos.

4. Predicciones oficiales de la OMM para ciudades de todo el mundo.

5. Predicción de polvo mineral atmosférico para norte de áfrica, oriente medio y

Europa.

6. AMM, autoservicio meteorológico aeronáutico, servicio destinado a los usuarios

que justifiquen una actividad aeronáutica y previamente autorizados.

 Percepción de control del sistema por el usuario.

R/ La interfaz debe considerar la posición de las manos, la movilidad de los dedos y el

campo visual de los usuarios en computadores de escritorio, tables y Smartphone. Los
 botones, campos y menús desplegables debe ser fáciles de activar en los distintos
dispositivos que según el caso aplica sin problemas.

 Uso de colores con baja afectación de fatiga.

R/ Enfocada a una mejor integración posible en donde se han elegido la mejor de acuerdo
que no afecte al usuario, usando tamaños de texto e imágenes en pixeles, el color del fondo
principal y secundario, en donde se adoptan de acuerdo al contenido, pareciendo muy
adecuado a lo que se está hablando o el objetivo de la misma, pues utiliza colores suaves
evitando fatiga al visitante también se puede elegir el ancho y el alto que tendrá el widget
arrastrando el botón que aparece en la barra de selección donde se podrá especificar si la
presentación de su web será horizontal o vertical

 Facilidad de interacción.
R/ La web se diseñó de una manera integral, con una nueva estructura de contenidos
orientada a los puntos con mayor interés por los ciudadanos, que concentra la información
más visitada en la portada para facilitar su acceso, el sitio cuenta con una imagen renovada,
acorde con sus tendencias actuales de diseño y programación web.

 Agilidad de descarga de información.

R/ Esta página tiene mucha información en la portada , pero la predicción del tiempo es
algo complejo que requiere de muchos datos y es difícil de resumirlos, por eso en este caso
este tipo de material no es entregado, ya que su base se enfoca mucho en lo informativo
visualmente, quizás sea una falencia por mejorar, pero estudiando el caso que tipo de
material podría emplearse para su descarga habría que entrar a realizar un análisis si real
mente este tipo de contenido sobra o real mente si hace falta. Lo que si me ha llamado la
atención al entrar es el mapa de España grande donde vemos una predicción general de
todo un país, si seguimos leyendo hacia abajo encontramos varios mapas con diverso datos:
temperaturas máximas mínimas y precipitaciones.

 Consistencia temática. Previsión de contenidos por el usuario.

R/ El diseño es y debe ser consistente a través de toda la aplicación, tanto en la secuencias

de acciones, como en las terminologías y las convencionales de la plataforma, esto ayuda a
las personas o usuarios a reconocer los elementos y entender su jerarquía y utilidad.

 Relación distancia y tamaño para los movimientos de interacción.

R/ Si visualizamos la página desde la parte de arriba, no encontramos ningún menú, lo

lógico es mirar en la parte izquierda y evidente mente encontramos el menú completo, en la
parte superior hay un menú muy “apelotonado” que no nos invita a fijarnos en él, pero la
información que contiene es poco relevante para nuestro objetivó, averiguar la previsión de
 modo que pasaremos rápidamente a la parte inferior donde encontramos un área más
detallada.

 Facilidad de recursos para la personalización.

R/ Los recursos de ayuda deben ser siempre visibles y estar siempre disponibles, sin
interrumpir la navegación.

Se pueden personalizar el número de días así como si se quiere mostrar la cabecera , los
nombres de las variables y la elección de dichas variables (estado del cielo, temperatura
máxima en grados Celsius, sensaciones térmicas mínimas y máxima en tanto porciento y
viento) siempre se tiene que dejar por lo menos una variable seleccionada.

 Visibilidad de enlaces e intuición de rutas.

R/ El sitio web y la app son los principales canales de información, por eso su
modernización facilita que todos los enlaces creados por la misma faciliten la navegación
clara y precisa de acuerdo al contenido que se esté solicitando, por esos sus cambios
muestran el continuo esfuerzo de la agencia para ofrecer innovación y nuevas tecnologías
en la difusión de la meteorología y climatología a los ciudadanos.

En este apartado puede consultarse información sobre la evolución reciente del clima y las
anomalías de las variables climáticas frente a sus valores medios, se incluyen los avances
climáticos mensuales a nivel nacional y por CCAA y los análisis estacionales para una
sección de observatorios así como información para el seguimiento de la sequía
meteorológica, mapas del balance hídrico, informes sobre la radiación solar y ozono.

 Visibilidad de interfaces. Cobertura de pantalla.

R/ La interfaz permite el uso eficiente del tiempo del usuario, cargando y presentando el
contenido dentro un tiempo aceptable. Mientras se hace esperar a un usuario más estrés se
acumula en ella. También se incluir funcionalidades para usuarios avanzados, como por
ejemplo aceleradores o atajos.

Idealmente el diseño es atrayente, esto ayuda al usuario a consumir los datos y minimizar
estrés, logrando el efecto de sentirse bien, los principios de contrastes, recepción, alineación
y proximidad, son naturales para los humanos y son percibidos como familiares

 Registro de historial de navegación del usuario.

R/ Hoy en día son muchos los navegadores modernos que ofrecen una herramienta para
navegar por internet. Google Chrome, Mozilla Firefox, internet Explorer, opera etc. Siendo
algunos de los más populares y utilizados por los usuarios de todo el mundo, de esta forma
utilizaran un navegador u otro en función de las tareas que se vallan a realizar o la carga de
trabajo del ordenador.
Una de las características de todos los navegadores es que guardan un historial de todos los
sitios visitados cuando hacemos uso de ellos, una característica que en ocasiones puede
causar problemas de privacidad, pero que en otras circunstancias puede resultar de gran
utilidad. Nos referimos al caso en el que queremos recuperar un sitio visitado y no
recordemos el nombre del dominio.

Sin embargo esto puede resultar una tarea bastante tediosa, sobre todo cuando hacemos uso
de distintos navegadores, ya que ademan de no acordarnos del nombre del sitio que
queremos recuperar.

2 pagina web

Utah.edu
 La pagina de la universiad de utah es un ejemplo de lo que ve, lo que llama la atencion es el
slider central , que nos da la informacion destaca de las diversas actividades de la universidad.
En la parte superior tenemos tenemos un buscador de google para la pagina de la univesidad
que nos permite buscar rapidamente todo lo quebusquemos acerca de esta, tenemos un menu
en el cual se agrupan las áreas por categorias para queresulte mas facil encontrar la
informacion concreta que buscamos.En el pie de pagina de una pantalla media sin barra de
scroll, encontramos informacion detallada, así como datos de contacto email y redes sociales.
En defintiva es completa concisa y ordenada a pesar de los primeros minutos cuando se
encuentra en ella cuesta un poco adaptarse debido al gran protagonismo del slider.
 Inclusión diagnóstica de aspectos ergonómicos en usuarios potenciales.

R/

 Calidad de los componentes de usabilidad respecto a contenidos textuales:

distribución,

R/ La facilidad de lectura y comprensión que han utilizada en este porte en cuanto a su

contexto se han esforzado en todo lo posible para llegar a el usuario de una forma clara,
precisa y sobre todo sencillo, haciendo de su contenido más fácil para comprender su
contenido siendo un lugar fácil de asimilar la información suministrada en los puntos a
calificar son los siguientes:

 Utilizan un lenguaje apropiado más claro y simple para el contenido del sitio,
aunque es una página que su contenido es propiamente del inglés el navegador
google Chrome traduce la página sin ningún problema.

 Se localiza la información de acuerdo a los contenidos que se agregan en el índex,

destacando cada uno de los encabezados, párrafos y listas.

 Complementan los textos con presentaciones gráficas y auditivas cuando siendo

muy acoger el sitio por el visitante.

 facilidad para su lectura y comprensión, calidad de contenidos.

 R/ La división de los bloques largos de información son manejables por los diferentes
navegadores probados para la realización de la actividad, siendo muy naturales y
apropiados.
Los encabezados y las descripciones de los vínculos son claras y precisas; ello incluye los
vínculos, frases concretas que se adaptan de acuerdo al tema solicitado por consultar
teniendo sentido cada uno de los contextos redimensionados, enfocados en los contextos
como parte de una serie de vínculos bien asociados, permitiendo que cada usuario naveguen
saltando de vinculo en vinculo y leyendo solo el texto de cada vinculo.

Sus encabezados informativos permiten revisar a los usuarios de una forma rápida hallando
información sin necesidad de leer contextos largos y aburridores.

Cuentan con un buscador de acceso directo en la ventana principal que al utilizar palabras
común de búsqueda facilitan resultados de búsqueda, se recomienda no utilizar frases de
estructuras complicadas.

Cuando el texto requiere de traducir existen contextos adicionales o una nueva versión
siendo calificada para mí una habilidad de lectura más avanzada, como recomendación
sería bueno proporcionar un resumen del texto o más ilustraciones visuales , imágenes y
fotografías que ayuden a explicar ideas , acontecimientos y procesos pues al consultar el
contenido es ideal conocer de qué se trata la investigación, tomando como ejemplo al
seleccionar un tipo de carrera si no sabes de que se trata te obliga a consultar más en
detalle.

La web proporciona una versión de lenguas y signos de información muy amplia, su

información, ideas y procesos tienen que ser muy entendidos para usar de una forma
adecuada cada contexto.

 Facilitación de procesos intuitivos para los usuarios.

La facilitación de los procesos en este caso forma un conjunto de habilidades técnicas y

herramientas que al ser bien utilizadas y comprendidas por cada usuario se logra crear
condiciones que permiten que el desarrollo sea satisfactorio en los procesos grupales,
cumpliendo los objetivos por los que han sido creados la portal, su creación permite que
sea entendida y asimilada de una forma clara y sencilla en un clima relacional donde reine
la confianza y una comunicación fluida y entendida. Esto contribuye a la facilitación de las
personas en lo que tiene que ver con su relación, pues está enfocada en la calidad de los
procesos y eficiencia que por medio de contextos e ilustraciones lleguen a hacer parte de
motivación para tomar la decisión de querer incorporarse a uno de los programas, de esta
manera sea efectivo el motivo por el cual ha sido creado fomentando una participación
activa de voluntarios a cada uno de los programas asociados con sus respectiva
información.

 Previsión de necesidades de usuarios.

 Percepción de control del sistema por el usuario.

 Uso de colores con baja afectación de fatiga.

 Facilidad de interacción.

 Agilidad de descarga de información.

 Consistencia temática. Previsión de contenidos por el usuario.

 Relación distancia y tamaño para los movimientos de interacción.

 Facilidad de recursos para la personalización.

 Visibilidad de enlaces e intuición de rutas.

R/ Como resultado de una buena visibilidad y una entrega de información de acuerdo a lo

solicitado a logrado vincular a muchos más latino, a las múltiples actividades eventos y
proyectos dentro y fuera de la universidad, como resultado de esas actividades paso de
1.066 estudiantes latinos en el 2007 a más de 3 mil, al inicio del actual ciclo lectivo, lo que
representa del alumnado de esa universidad representando el 13 % de los 3 millones de
residentes en Utah. El crecimiento de la población latina significa que automáticamente
esos hispanos se inscribirán motivados por la información suministrada por el portal.

 Visibilidad de interfaces. Cobertura de pantalla.

R/ Es importante no características de cualquier aplicación o usar comandos bastantes

abstractos o que no estén en un orden muy conocido por el usuario, a pesar de la página
web Utah.edu está completa y posee un orden en todo el contenido de su información, me
parce un poco sencilla el inicio, pues se tiene que ser capaz de encontrar lo que buscas o lo
que necesitas, por ejemplo los menús presentan listas o ilustraciones pero no siendo muy
claras para un usuario que no esté muy acostumbrado a utilizar, pues al mostrar en pantalla
el usuario debe tener una sensación de control sobre el sistema que está utilizando pues a
mi parecer la usabilidad en este caso está utilizando un nivel alto en concepto general en
donde el usuario va interactuar de una forma visible, no sin mencionar como lo dijimos
anterior mente el sitio tiene un buen orden en textos, solo que al inicio toda esa
información no la presenta clara, pues la está presentando en otro plano, siendo los datos y
 estructuras no tan visibles, pues no representan ser legibles de un solo golpe de vista,
interfiriendo el sitio web de una forma mejor representativa pues para llegar a la
información necesitaras de varios pasos para ingresar, es importante aplicar el concepto de
diseñar y adoptar este contexto al de visualización, teniendo en cuenta que no toda la
información es requerida por el usuario.

Por otro lado es importante jerarquizar la visualización de modo que se permita una
visualización escalada mostrando un lugar fácilmente accesible y resaltado las opciones que
los usuarios utiizan con mayor frecuencia y dejar delideradamente en un segundo plano
aquellas que solo utilizan usuarios concretos o mas especializados que buscaran estas
opciones, esta descriminacion visual se ha de hacer siempre teniendo en cuenta
probabilidades de uso, de este modo se mejorara la sustancilamnte la usabilidad de la web

 Registro de historial de navegación del usuario.

Hoy en día son muchos los navegadores modernos que ofrecen una herramienta para
navegar por internet. Google Chrome, Mozilla Firefox, internet Explorer, opera etc. Siendo
algunos de los más populares y utilizados por los usuarios de todo el mundo, de esta forma
utilizaran un navegador u otro en función de las tareas que se vallan a realizar o la carga de
trabajo del ordenador.

Una de las características de todos los navegadores es que guardan un historial de todos los
sitios visitados cuando hacemos uso de ellos, una característica que en ocasiones puede
causar problemas de privacidad, pero que en otras circunstancias puede resultar de gran
utilidad. Nos referimos al caso en el que queremos recuperar un sitio visitado y no
recordemos el nombre del dominio.

Sin embargo esto puede resultar una tarea bastante tediosa, sobre todo cuando hacemos uso
de distintos navegadores, ya que ademan de no acordarnos del nombre del sitio que
queremos recuperar.