SlideShare a Scribd company logo
1 of 19
Análisis de usabilidad de un sitio web
Por Gabriela García
En primer lugar, es importante definir el concepto de discurso digital, así como
también los elementos que conlleva lo define como:
“la forma en que se expresan los contenidos, o dicho de otra manera, el
contenido expresado en la Web tienen un discurso en particular (…). Es
el lenguaje, la forma de tratar el contenido, la secuencia de contenido. El
discurso es la manera de entender cómo leen los usuarios”. (Pimentel,
2009)
El discurso digital tiene elementos importantes que según Pimentel (2009) son:
1. La media el cual es un primer elemento usado para crear la historia. Dentro de ella se
encuentran:
 Simple media: un solo medio de comunicación, es decir o sólo texto, o sólo imagen.
 Múltiple media: dos o más tipos de media, pero con elementos separados de la
historia.
 Multimedia: dos o más tipos fusionados en una sola presentación
2. La acción basada en dos áreas fundamentales:
 En el contenido: el cual puede ser estático, dinámico o mixto.
 En el usuario: pasivo (sólo ve la página), activo (participa en el contenido) y mixto
(de las dos formas).
3. La relación que se da entre el usuario y la historia la cual puede ser abierta o cerrada
según los siguientes aspectos:
 Linealidad: orden en que se accede a un contenido. Esta puede ser lineal, es decir
que el usuario debe adaptarse y la no lineal cuando el usuario puede acceder de la
forma que desee.
 Personalización: el usuario puede individualizar el contenido.
 Estandarización: cuando el contenido mantiene relación cerrada con el usuario.
 Calculación: cuando el contenido es de cálculos y totales, es decir donde puedes
obtener precios y totales de algún producto o servicio.
 Añadidura: cuando el usuario puede alterar añadiéndole elementos. Foros de
discusión o votar en línea, por ejemplo.
 Permanencia y disponibilidad: desde que un usuario ingresa con usuario y
contraseña realiza cambios y estos cambios pueden ser vistos por grupos o
personas.
4. El contexto es la relación o vinculación que se realiza con todo lo que le rodea. Los
vínculos son una manera de contextualizar, estos pueden brindar datos históricos,
pueden relacionar o incluso recomendar. Además, estos pueden ser internos
(direcciona a contenidos dentro del mismo sitio web), externos (direcciona a
contenidos fuera del sitio web) y mixtos.
5. La comunicación la cual implica número de personas a las que se llega, el tipo de
comunicación (chat, foro, email, sms), sincronía (en vivo, grabado) entre otros.
Ahora bien, con todo lo anteriormente mencionado, se suma la usabilidad que
según Beltré Ferreras (2008) determina qué busca el usuario, lo que quiere, cómo lo
quiere y que tan rápido lo quiere. Junto con ello también es importante la manera en que
lo presentan, es decir, lo atractivo que puede ser para el usuario y la facilidad con que
pueda obtener esa información que necesita.
También los autores Bevan et alius (2015) indicaron el enfoque que ISO 9241-
11(1998) hizo acerca de la usabilidad, definiéndola como “la medida en que un producto
puede ser usado por usuarios específicos para alcanzar metas específicas, con
efectividad, eficiencia y satisfacción en un determinado contexto de uso”.
Entonces, el discurso digital y la usabilidad permitirán brindar una experiencia
satisfactoria, eficiente y fácil para los usuarios que visitan un sitio web. Es importante
crear un “diseño usable” que garantice que estos usuarios permanezcan más tiempo y
vuelvan a un sitio web.
Todo lo anterior se va aplicar al siguiente sitio web https://openlibra.com/es con la
finalidad de identificar los elementos del discurso digital y ver de qué manera puede
mejorar la experiencia del usuario. El tema de este sitio web es la descarga gratuita de
libros en PDF para uso personal, distribuidos en categorías distintas.
A) Tipo de discurso empleado (media y orden de los elementos en pantalla)
El tipo de discurso empleado es múltiple media debido a que solamente integra
imagen y texto. El sitio web no contiene animaciones, audio ni vídeo.
Con respecto al orden de los elementos podemos identificar que contiene:
CABECERA
Imagen 1: Cabecera, cuerpo y pie de sitio Web. (Benitez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio
web. https://openlibra.com/es/page/about
Header o cabecera
Para Norman (2021) los encabezados “son un patrón común que mantiene el
encabezado de un sitio web o aplicación en el mismo lugar en una pantalla mientras el
usuario se desplaza hacia debajo de la página.”
CUERPO
PIE
Además, indican que los encabezados bien elaborados permitirán a los usuarios
acceder rápidamente a los elementos de navegación: búsqueda, utilidades para que este
sea aprovechado de una mejor manera.
Aplicado al sitio web en análisis podemos identificar que poseen: la barra de
búsqueda, botón de ingresar y una barra que permite búsqueda aleatoria.
¿Por qué es importante una barra de búsqueda? Pernice (2021) indica que los
usuarios desean buscar contenidos, “especialmente si el sitio tiene mucho contenido”.
Además, afirma que se debe considerar colocarlo en la parte superior y recomienda que
no contenga título por dentro porque podría hacerlo menos visible.
Imagen 2: Elementos de cabecera. Benitez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio web.
https://openlibra.com/es/page/about
También recomiendan cinco formas de poder mejorarlos Norman (2021), la
primera forma es “maximice la proporción de contenido a Chrome manteniéndola
pequeña” es decir que se conoce que los encabezados fijos ocupan un espacio en la
pantalla por lo que ese contenido debe de ocuparse de una manera responsable, sobre
todo en dispositivos móviles.
Al realizar la captura de pantalla del sitio web en un dispositivo
móvil se logra ver que efectivamente han tratado de poner en práctica
esta primera forma, ocupando proporciones adecuadas que no saturan
ni agobian al usuario, manteniendo los íconos fundamentales
(búsqueda, login) para también brindar una navegación fácil y sencilla.
La segunda forma es “el contraste con el contenido”, lo cual
es utilizar bien esa herramienta para resaltar menús o tipografías para
que éste no sea difícil de leer, no moleste ni distraiga al usuario.
Vemos que el sitio mantiene su logo con una misma tipografía tanto en el
encabezado con mayor tamaño, como al lado del menú con las categorías de libros que,
únicamente, han agregado el “beta”, pero mantienen la misma forma y procurando una
lectura cómoda.
Imagen 3: Open libra desde dispositivo móvil. Benítez, C. (s. f.). Open Libra Android [Captura de pantalla].
Open Libra desde teléfono móvil. https://openlibra.com/es/
La tercera forma es “mantener el movimiento mínimo, natural y receptivo” es
decir no utilizar animaciones que pierdan al usuario durante la navegación del sitio. Es
por ello que recomiendan mantener el encabezado fijo mientras el usuario se desplaza:
“Los encabezados fijos también deben permanecer en un lugar fijo en la
parte superior o lateral de la ventana del navegador, en lugar de
desplazarse a su posición después de un retraso (un patrón conocido
como el "menú del acosador").” (Norman, 2021)
La cuarta forma es “considerar los encabezados parcialmente persistentes”
es decir aquellos en los que, a medida el usuario se desplaza desde un dispositivo móvil,
esta aparece o desaparece según el movimiento que se les dé, brindando una inmediatez
para el encabezado.
Finalmente “considerar si se necesita un encabezado fijo” a pesar que el
encabezado de este tipo (fijo) brinda más espacio en pantalla, puede no ser sutil para
otro tipo de usuario, es importante poder valorarlo en todo momento para mejoras del
sitio.
Body o cuerpo
Cuando nos referimos al cuerpo de una página web, hablamos del contenido
principal de la web y puede estar estructurado de una o varias columnas:
“Según mejor nos encaje en función de nuestro contenido. A veces
vemos el cuerpo dividido en dos columnas. Una ocupando la mayor parte
del ancho, unas 3/4 partes aproximadamente que es donde iría el
contenido más relevante. Y otra parte ocupando el resto de ancho, 1/4
parte aproximadamente. A esta parte se la llama sidebar. En esta zona
encontramos espacios para publicidad, Redes Sociales… Este tipo de
distribución de columnas es muy habitual en Blogs”. (Penta Web, s.f)
A continuación, se
muestra la manera en que
está distribuido para Open
Libra, con seis columnas
debido al contenido y
concepto del sitio web. Ésta se
ve menos saturada en la
versión móvil.
Imagen 4: Open Web columnas de libro. Benítez, C. (s. f.-a). Open Libra [Captura de pantalla]. Captura de
pantalla desde ordenador. https://openlibra.com/es/
Es importante destacar los principios del diseño visual, que según Gordon (2020)
nos informan sobre los elementos del diseño para ver si son atractivos o no para
aumentar la usabilidad de un sitio. Los principios son: escala, jerarquía visual,
equilibrio, contraste y Gestalt.
La escala se refiere al uso del tamaño para señalar la importancia, es decir los
menos importantes serán más pequeños. La jerarquía visual es guiar la mirada para que
los elementos estén en el orden según su importancia. El equilibrio que será importante
para una proporción satisfactoria de los elementos de un diseño. El contraste permitirá
hacer notar diferencias entre los objetos y finalmente la Gestalt que será cómo se van a
percibir los elementos.
Otro elemento importante para el cuerpo de la página web Open Libra es el menú:
“son listas de características o categorías de contenido, que
normalmente se presentan como un conjunto de enlaces o iconos
agrupados con un estilo visual distinto del resto del diseño.
Los menús de navegación incluyen, entre otros, barras de navegación
y menús de hamburguesa.” (Whitenton, 2015)
Los menús son importantes para un sitio web puesto que permite que el usuario
encuentre lo que quiera. Es importante tomar en cuenta que no hay que utilizar íconos
pequeños, debe ir en un lugar visible, debe ser interactivo y contengan un color que
contraste con el fondo.
Imagen 5: Menú de Open Libra. Benítez, C. (s. f.-a). Menú Open Libra [Recorte]. Menú Open Libra.
https://openlibra.com/es
Footer o pie de página
“El pie de página de un sitio web es un área ubicada en la parte inferior de cada
página de un sitio web” Fessenden (2019), es decir que se ubica después del cuerpo.
Esto se vuelve fundamental pues alberga información importante para buscar
información sobre el sitio, redes sociales, dirección, entre otros.
Los pies de página no reciben tanta atención como los header, sin embargo,
poseen un buen uso para los siguientes casos:
1. “Los usuarios escanean o leen la página y no encuentran lo que
buscan o necesitan más información. Se desplazan hasta la parte inferior
de una página y usan el pie de página como:
 Una segunda oportunidad para estar convencido
 Un último recurso para contenido difícil de encontrar
2. Los usuarios se desplazan intencionalmente al pie de página para
encontrar información que esperan que aparezca allí, como información
de contacto, detalles sobre la empresa, publicaciones o enlaces en redes
sociales, o incluso para descubrir contenido nuevo o relacionado en el
sitio. Algunos usuarios incluso usan el pie de página para la navegación:
cuando ya se han desplazado hasta el final de una página, porque el pie
de página está muy cerca, lo usan en lugar de desplazarse hasta la parte
superior para la navegación global.” (Fessenden, 2019)
Cada pie de página para Fessenden (2019), se va a adaptar según la necesidad
u objetivo de la página web. Existen algunos componentes de pie de página más
frecuentes para los usuarios.
 Contenido de utilidad: información de contacto, servicio al cliente, política de
privacidad, condiciones de uso.
 Navegación felpudo: está presente cuando se llega a un sitio web, es decir al
principio como al final. Es beneficioso para páginas largas.
 Vinculación de tareas secundarias: solicitar trabajo en una empresa,
documentación o especificaciones del producto o servicio, afiliados a la empresa.
 Mapa de sitio: aumentar el conocimiento del contenido, recordar al usuario las
ofertas de la empresa o sitio.
 Testimonios o premios: generarán credibilidad.
 Marcas dentro de la organización: incluye lista de marcas que están asociadas
organizacionalmente.
 Compromiso con el cliente: cupones, promociones, lanzamientos de productos,
entre otros.
Imagen 6: Footer de Open Libra. Podemos identificar un footer con tareas
secundarias (1 y 2) y un contenido de utilidad (3).
B) Análisis estético (armonía y balance)
Los colores en un sitio web tienen mucha relevancia, pues necesita llamar la
atención de los usuarios cuando navegan por un sitio web. Un uso adecuado de ellos
permitirá que todos los demás elementos creen sinergia entre sí para mejorar la
experiencia del usuario.
Pero primero es importante definir qué es la experiencia del usuario (UX). Para
Nielsen (s.f) es “es satisfacer las necesidades exactas del cliente, sin problemas ni
molestias”.
También es importante conocer la armonía del color que para Gordon K. (2021)
se pueden utilizar para que los coloren funcionen bien juntos. Es importante también el
uso modesto de los colores pues de lo contrario podría ser más difícil cumplir con la
jerarquía visual.
Aplicándolo al sitio Open Libra, se logra un buen equilibrio del color
(complementarios), es decir colores opuesto a la rueda del color y producen un contraste
alto. Sin embargo, la paleta de colores utilizada genera una estabilidad permitiendo
navegar cómodamente.
Color azul oscuro para el fondo de la web y el rojo para íconos de navegación.
Otro elemento importante es que Open Libra ha utilizado la misma paleta de
colores para no perder la línea del sitio web: rojo para la acción de “donar” y azul cian
para descargar el contenido.
Imagen 7: Captura del botón dona y descarga. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de
pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected-essays-on-technol ogy-
creativity-copyright-and-the-future-of-the-future
C) Análisis de usabilidad (simplicidad, consistencia)
Anteriormente se definió el término “experiencia de usuario” a lo cual debemos
sumar “la interfaz del usuario”.
Para Gibbons (2021) la experiencia de usuario “abarca todos los aspectos de la
interacción del usuario final con la empresa, servicios, productos. Esto significa identificar
y diseñar una solución que satisfaga las necesidades de nuestros usuarios,
independiente del medio, sin problemas ni molestias”. Por otro lado, la interfaz de usuario
“se refiere al punto de contacto visual específico o activo con el que interactúa el usuario:
apariencia, sensación (…), es la tipografía, color, espaciado, íconos, botones.”
Ambas cosas van de la mano puesto que sin una interfaz del usuario la
experiencia no podría darse de ninguna manera. Por eso es importante investigar qué
necesidades se identifican en el público al que quiero llegar.
Entonces, ¿por qué pensamos en que un diseño se ve bien? Por ello atraviesan
distintos factores que, como se mencionó anteriormente, sin ninguno de ellos la cosa no
funcionaría nada bien.
Esto lo explica Gordon S. G. (2021) afirmando que la estética es importante para
hacer que los usuarios tengan una experiencia útil, amable y confiable.
El uso de una tipografía acorde al concepto del sitio web, así como también el
espaciado, brindará una comodidad a la hora de que el usuario lea un artículo, libro, entre
otros. Sumando a ello también la utilización de la cuadrícula de columnas para que éstas
se alineen con los objetos. Además, utilizar una varianza tipográfica dentro de la misma
familia de fuentes, permitirá diferenciar contenidos.
Por otro lado, la jerarquía y el color serán importantes para crear una “experiencia
visual atractiva”. Utilizar una paleta de colores que identifique la marca y que distinga los
llamados a la acción (rojos, amarillos), el uso de imágenes de alta calidad, utilizar una
consistencia de alineación entre todos los elementos, es decir la jerarquía visual clara
señalando aquellos elementos importantes.
Finalmente, la consistencia que es utilizar de manera efectiva, el tratamiento visual
para crear una experiencia única. En ello puede estar ilustraciones adecuadas, colores,
espaciados, creación de agrupaciones de contenido.
Open Libra podría mejorar en este aspecto, en un primer momento, utilizando una
sola tipografía en todo el sitio web puesto que para su logo tienen una tipografía y para
otros elementos utilizan otra (unas en mayúsculas y otras en minúsculas), además con
tamaño más o menos pequeño sin poca atracción visual.
Tipografía y
espaciado
Jerarquía y
color
Consistencia
Imagen 8: Tipografías Open Libra. Benítez, C. (s. f.-b). Logo Open Libra [Captura de pantalla]. Tipografías
https://openlibra.com/es/
En cuanto a los colores y contraste, anteriormente se mencionó la utilización de
colores complementarios para el fondo y menú de navegación, sin embargo, el color rojo
del llamado a la acción, resulta inmediato, aunque esté relacionado, casi siempre, con
alertas o peligros. Sin embargo, Moran (2019), explica que según la “heurística de la
usabilidad #4” de Jakob Nielsen es crucial mantener los estándares y cumplir con la
consistencia, es decir utilizar íconos, símbolos, acciones, palabras que signifiquen lo
mismo.
Imagen 9: botones y armonía de color. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de pantalla].
Armonía del color. https://openlibra.com/es/book/content-selected-essays-on-technology-creativity-
copyright-and-the-future-of-the-future
D) Identificación de fuentes de ruido
La Real Academia Española RAE) (s.f) define el ruido como “apariencia grande
de las cosas que no tienen gran importancia” y como “interferencia que afecta un proceso
de comunicación”.
Imagen 10: Factores de ruido Open Libra. Benítez, C. (s. f.-f). ruido OL [Captura de pantalla]. Factor de
ruido. https://openlibra.com/es/book/interface-circuits-for-microsensor-integrated-systems-2
Entonces las fuentes de ruido en una página web serán todas aquellas cosas
innecesarias que el usuario considere que le molestan a la hora de navegar en un sitio
web. Esto podría ser publicidad irrelevante, íconos, vínculos no tan interesantes, incluso
el uso de los elementos en un mal sitio, no siguiendo la ley de “eyetracking”.
Se realizó una pequeña encuesta a un grupo de personas la cual se le brindó el
link de la página web con la finalidad de conocer la experiencia que obtuvieran al final.
Uno de los puntos que comentaron fueron los factores de ruido del sitio web.
“Lo que nunca me ha gustado es que aparezcan el top cuando ya estás
dentro de un libro. Siento que mucha información en una sola pantalla.
Si sale un top, que sea más delicado no la gran imagen del libro.”
(Martínez, 2021)
Entonces, la experiencia del usuario al descargar un libro en Open Libra está bien,
solo que debe mejorar la fuente de ruido respecto a las portadas colocadas al final de
cada descarga y llamado de atención. Incluso puede pasar desapercibido como
publicidad.
Otro factor que es importante tomar en cuenta, es el eyetracking que es un estudio
que Nelson (2010) realizó lo cual consistió en una metodología encargada del
seguimiento ocular para saber cómo interactúa el ojo humano con un diseño. Este
estudio ayudó a comprender cómo diseñadores, escritores, editores, entre otros
comprendieran qué ven y qué no ven los usuarios.
Ahora bien, dentro de lo anterior, es un patrón que la atención horizontal se centra
hacia la izquierda. Fesseden (2017) indica que “las personas pasan de
manera desproporcionada mucho más tiempo de visualización en la mitad izquierda de
la página que en la mitad derecha.”
E) Público meta
Según Ipanema Comunicación (s.f) el público “son todas aquellas personas que
están interesadas en tus productos o servicios, y que, por tanto, se pueden convertir en
compradores”.
Adaptándola a Open Libra nos encontramos con un público meta interesado en la
descarga de libros con copyright en la web. La mayoría de libros están en formato pdf y
su descarga es gratuita con la oportunidad de “donar” dinero a los desarrolladores de la
plataforma.
F) Conclusiones
El discurso digital, la usabilidad, la experiencia del usuario y la interfaz de usuario
son importantes para comprender las necesidades del usuario. Un buen discurso digital
permitirá expresar un contenido en la página web, así como también un buen uso de la
usabilidad permitirá determinar lo que el usuario quiere, busca, cómo lo quiere y con qué
rapidez lo quiere para que satisfaga sus necesidades; pero también serán importantes la
interfaz del usuario, es decir cómo estará presentado en el sitio web para que la
experiencia de este usuario sea totalmente satisfactoria y se garantice frecuencia,
preferencia y persistencia.
El mundo digital va avanzando día con día y cada vez la vida de los seres humanos
se ven inmersos en la web y las aplicaciones para dispositivos móviles. La finalidad de
éstas será distinta, según al público al que quieren llegar, cómo y para qué, un ejemplo
podría ser para comunicar, transferir, persuadir, investigar, satisfacer necesidades
(pagos en línea, consulta de información, entre otros) y cada sitio web se encargará de
hacerlo de una mejor manera para sus usuarios.
Cada elemento es clave y complementa a otro, así una armonía del color y un
balance de los elementos determinarán si llaman la atención del público, sumado a esto
la simplicidad con la que se presente, es decir el no saturar o sobrecargar contenido hará
que el usuario no huya del sitio, lo recomiende y lo frecuente.
Finalmente, lo que se pretende con este trabajo es analizar el discurso digital de
Open Libra e identificar los elementos de usabilidad que contiene, así como también
algunas recomendaciones, en algunos aspectos, con la finalidad de mejorar la
experiencia del usuario en el sitio web para aumentar el público meta.
Bibliografía
Beltré Ferreras, H. J. (2008). Aplicación de la usabilidad al proceso de desarrollo de
páginas web. Madrid.
Benítez, C. (s.f). Open Libra. Obtenido de https://openlibra.com/es/page/about
Imagen 1: Cabecera, cuerpo y pie de sitio Web. (Benítez, C. (s. f.). Open Libra [Imagen].
Cabecera de sitio web. https://openlibra.com/es/page/about
Imagen 2: Elementos de cabecera. Benítez, C. (s. f.). Open Libra [Imagen]. Cabecera de
sitio web. https://openlibra.com/es/page/about
Imagen 3: Open libra desde dispositivo móvil. Benítez, C. (s. f.). Open Libra Android
[Captura de pantalla]. Open Libra desde teléfono móvil. https://openlibra.com/es/
Imagen 4: Open Web columnas de libro. Benítez, C. (s. f.-a). Open Libra [Captura de
pantalla]. Captura de pantalla desde ordenador. https://openlibra.com/es/
Imagen 5: Menú de Open Libra. Benítez, C. (s. f.-a). Menú Open Libra [Recorte]. Menú
Open Libra. https://openlibra.com/es
Imagen 6: Footer de Open Libra. Podemos identificar un footer con tareas secundarias
(1 y 2) y un contenido de utilidad (3).
Imagen 7: Captura del botón dona y descarga. Benítez, C. (s. f.-a). Captura dona y
descarga [Captura de pantalla]. Armonía del color.
https://openlibra.com/es/book/content-selected-essays-on-technology-creativity-
copyright-and-the-future-of-the-future
Imagen 8: Tipografías Open Libra. Benítez, C. (s. f.-b). Logo Open Libra [Captura de
pantalla]. Tipografías https://openlibra.com/es/
Imagen 9: botones y armonía de color. Benítez, C. (s. f.-a). Captura dona y descarga
[Captura de pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected-
essays-on-technology-creativity-copyright-and-the-future-of-the-future
Imagen 10: Factores de ruido Open Libra. Benítez, C. (s. f.-f). ruido OL [Captura de
pantalla]. Factor de ruido. https://openlibra.com/es/book/interface-circuits-for-
microsensor-integrated-systems-2
Bevan Nigel, C. J. (21 de julio de 2015). ISO 9241-11 revisada: ¿Qué hemos aprendido
sobre usabilidad desde 1998? Obtenido de
https://link.springer.com/chapter/10.1007/978-3-319-20901-2_13
Comunicación, I. (s.f). Blog de Inbound Marketing y Branding. Recuperado el agosto de
2021, de https://www.ipanemacomunicacion.com/blog/como-identificar-tu-publico-
objetivo-internet
Fesseden, T. (22 de octubre de 2017). NN/g GRoup Nielsen Nelson. Recuperado el
agosto de 2021, de https://www.nngroup.com/articles/horizontal-attention-leans-left/
Fessenden, T. (24 de febrero de 2019). Recuperado el agosto de 2021, de
https://www.nngroup.com/articles/footers/
Gibbons, S. (4 de junio de 2021). Recuperado el agosto de 2021, de
https://www.youtube.com/watch?v=5KUNmgt_pvY&t=35s
Gordon, K. (1 de marzo de 2020). Obtenido de
https://www.nngroup.com/articles/principles-visual-design/
Gordon, K. (6 de junio de 2021). NN/g Group Nielsen Norman. Recuperado el agosto de
2021, de https://www.nngroup.com/articles/color-enhance-design/
Gordon, S. G. (7 de marzo de 2021). Recuperado el agosto de 2021, de
https://www.nngroup.com/articles/why-does-design-look-good/
Martínez, M. (21 de agosto de 2021). Análisis de factores de ruido en Open Libra. (G.
García, Entrevistador)
Moran, K. (6 de septiembre de 2019). NN/g Grupo Nielsen Norman. Recuperado el
agosto de 2021, de https://www.nngroup.com/videos/usability-heuristic-consistency-
standards/
Nelson, N. G. (2010). Recuperado el agosto de 2021, de
https://www.nngroup.com/books/eyetracking-web-usability/
Nielsen, D. N. (s.f). NN/g Grupo Nielsen Norman. Recuperado el agosto de 2021, de
https://www.nngroup.com/articles/definition-user-experience/
Norman, G. N. (4 de abril de 2021). N N /g Grupo Nielsen Norman. Obtenido de
https://www.nngroup.com/articles/sticky-headers/
Penta Web, d. p. (s.f). Penta Web diseño profesional web. Obtenido de
https://www.pentaweb.es/partes-de-una-pagina-web/
Pernice, K. (14 de mayo de 2021). NN/g Group Nielsen Norman. Obtenido de
https://www.youtube.com/watch?v=3J8YKKHhhhA
Pimentel, A. (diciembre de 2009). Postgrado periodismo digital UMA. Obtenido de
http://ppduma.blogspot.com/2009/12/elementos-del-discurso-digital.html
(RAE), R. A. (s.f). Diccionario de la lengua española. Obtenido de https://dle.rae.es/ruido
Whitenton, K. (29 de noviembre de 2015). Recuperado el agosto de 2021, de
https://www.nngroup.com/articles/menu-design/

More Related Content

What's hot

What's hot (19)

pagina web
pagina webpagina web
pagina web
 
Pagina web
Pagina webPagina web
Pagina web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2
Web 2Web 2
Web 2
 
Trabajo apliweb t.2
Trabajo apliweb t.2Trabajo apliweb t.2
Trabajo apliweb t.2
 
La web
La webLa web
La web
 
05oct
05oct05oct
05oct
 
Web 2.0 & sistemas operativos
Web 2.0 & sistemas operativosWeb 2.0 & sistemas operativos
Web 2.0 & sistemas operativos
 
Qué es un navegador
Qué es un navegadorQué es un navegador
Qué es un navegador
 
Comunicación Interactiva
Comunicación InteractivaComunicación Interactiva
Comunicación Interactiva
 
La web 2.0
La web 2.0La web 2.0
La web 2.0
 
Web 2.0 y redes sociales
Web 2.0 y redes socialesWeb 2.0 y redes sociales
Web 2.0 y redes sociales
 
Ingrid Rodriguez
Ingrid RodriguezIngrid Rodriguez
Ingrid Rodriguez
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Internet conceptos
Internet conceptosInternet conceptos
Internet conceptos
 
La web 2.0 y Computación en la nube
La web 2.0 y Computación en la nube La web 2.0 y Computación en la nube
La web 2.0 y Computación en la nube
 
Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos Comcunicacion Interactiva Terminos
Comcunicacion Interactiva Terminos
 
Web 2.0 vs Web 1.0
Web 2.0 vs Web 1.0Web 2.0 vs Web 1.0
Web 2.0 vs Web 1.0
 
La Web 1.0 2.0 3.0
La Web 1.0 2.0 3.0La Web 1.0 2.0 3.0
La Web 1.0 2.0 3.0
 

Similar to Usabilidad del sitio web

Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitalesrick arias
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0UCEVA
 
Sobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página webSobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página webedgarcajun
 
Elaboración de contenidos digitales
Elaboración de contenidos digitalesElaboración de contenidos digitales
Elaboración de contenidos digitalesDaniela Vega
 
HERRAMIENTAS WEB 2.0 - TOONDOO
HERRAMIENTAS WEB 2.0 - TOONDOOHERRAMIENTAS WEB 2.0 - TOONDOO
HERRAMIENTAS WEB 2.0 - TOONDOObellamc15
 
Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosJoaquin Paronzini
 
Etapas de producción en un proyecto multimedia
Etapas de producción en un proyecto multimediaEtapas de producción en un proyecto multimedia
Etapas de producción en un proyecto multimediaPedro Avila
 
Informatica Aplicada a la Educacion Tarea VII
Informatica Aplicada a la Educacion Tarea VIIInformatica Aplicada a la Educacion Tarea VII
Informatica Aplicada a la Educacion Tarea VIIfrank_2019
 
Plataformas virtuales
Plataformas virtualesPlataformas virtuales
Plataformas virtualesoscars705
 
Tutorial dropbox
Tutorial dropboxTutorial dropbox
Tutorial dropboxBryan Alban
 

Similar to Usabilidad del sitio web (20)

Investigación aplicaciones web 2.0
Investigación aplicaciones web 2.0Investigación aplicaciones web 2.0
Investigación aplicaciones web 2.0
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Moretti
MorettiMoretti
Moretti
 
NSU
NSUNSU
NSU
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Sobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página webSobre la Web 2.0 y estructura de una página web
Sobre la Web 2.0 y estructura de una página web
 
Elaboración de contenidos digitales
Elaboración de contenidos digitalesElaboración de contenidos digitales
Elaboración de contenidos digitales
 
Tienes 5 Segundos - Juan Carlos Camus
Tienes 5 Segundos - Juan Carlos CamusTienes 5 Segundos - Juan Carlos Camus
Tienes 5 Segundos - Juan Carlos Camus
 
Tarea 9
Tarea 9Tarea 9
Tarea 9
 
HERRAMIENTAS WEB 2.0 - TOONDOO
HERRAMIENTAS WEB 2.0 - TOONDOOHERRAMIENTAS WEB 2.0 - TOONDOO
HERRAMIENTAS WEB 2.0 - TOONDOO
 
Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de Usuarios
 
Evidencia #1
Evidencia #1Evidencia #1
Evidencia #1
 
Diseñ0 w3d
Diseñ0 w3dDiseñ0 w3d
Diseñ0 w3d
 
Etapas de producción en un proyecto multimedia
Etapas de producción en un proyecto multimediaEtapas de producción en un proyecto multimedia
Etapas de producción en un proyecto multimedia
 
Páginas web
Páginas webPáginas web
Páginas web
 
Informatica Aplicada a la Educacion Tarea VII
Informatica Aplicada a la Educacion Tarea VIIInformatica Aplicada a la Educacion Tarea VII
Informatica Aplicada a la Educacion Tarea VII
 
Plataformas virtuales
Plataformas virtualesPlataformas virtuales
Plataformas virtuales
 
Tutorial dropbox
Tutorial dropboxTutorial dropbox
Tutorial dropbox
 

More from Gabriela Garcia

Tesina: Análisis de contenido de las noticias referidas a violencia de género...
Tesina: Análisis de contenido de las noticias referidas a violencia de género...Tesina: Análisis de contenido de las noticias referidas a violencia de género...
Tesina: Análisis de contenido de las noticias referidas a violencia de género...Gabriela Garcia
 
La entrevista y su importancia en el diagnóstico
La entrevista y su importancia en el diagnósticoLa entrevista y su importancia en el diagnóstico
La entrevista y su importancia en el diagnósticoGabriela Garcia
 
Derechos sexuales y reproductivos
Derechos sexuales y reproductivosDerechos sexuales y reproductivos
Derechos sexuales y reproductivosGabriela Garcia
 
Manual de técnicas para trabajadores y trabajadoras sociales
Manual de técnicas para trabajadores y trabajadoras socialesManual de técnicas para trabajadores y trabajadoras sociales
Manual de técnicas para trabajadores y trabajadoras socialesGabriela Garcia
 
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...Gabriela Garcia
 
Historia del trabajo social en el salvador
Historia del trabajo social en el salvadorHistoria del trabajo social en el salvador
Historia del trabajo social en el salvadorGabriela Garcia
 
¿Cómo intervenir con familiares de usuarias con cáncer de seno?
¿Cómo intervenir con familiares de usuarias con cáncer de seno? ¿Cómo intervenir con familiares de usuarias con cáncer de seno?
¿Cómo intervenir con familiares de usuarias con cáncer de seno? Gabriela Garcia
 
Lista de aves de el salvador
Lista de aves de el salvadorLista de aves de el salvador
Lista de aves de el salvadorGabriela Garcia
 
La crisis de 1929 y El Salvador
La crisis de 1929 y El SalvadorLa crisis de 1929 y El Salvador
La crisis de 1929 y El SalvadorGabriela Garcia
 
"El Salvador, país con corazón"
"El Salvador, país con corazón""El Salvador, país con corazón"
"El Salvador, país con corazón"Gabriela Garcia
 
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"Gabriela Garcia
 
Clasificación de la Antropología
Clasificación de la AntropologíaClasificación de la Antropología
Clasificación de la AntropologíaGabriela Garcia
 
Teoria sociocultural de Vygotsky
Teoria sociocultural de VygotskyTeoria sociocultural de Vygotsky
Teoria sociocultural de VygotskyGabriela Garcia
 
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...Gabriela Garcia
 
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociología
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociologíaBeatrice y Sidney Webb: la pareja que encontró el amor por la sociología
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociologíaGabriela Garcia
 
La ciencia y sus características
La ciencia y sus característicasLa ciencia y sus características
La ciencia y sus característicasGabriela Garcia
 
Historia de la filosofía y temas de la filosofía
Historia de la filosofía y temas de la filosofíaHistoria de la filosofía y temas de la filosofía
Historia de la filosofía y temas de la filosofíaGabriela Garcia
 
Soialización en el trabajo
Soialización en el trabajo Soialización en el trabajo
Soialización en el trabajo Gabriela Garcia
 
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL TRABAJO SOCIAL”
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL  TRABAJO SOCIAL”“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL  TRABAJO SOCIAL”
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL TRABAJO SOCIAL”Gabriela Garcia
 

More from Gabriela Garcia (20)

Tesina: Análisis de contenido de las noticias referidas a violencia de género...
Tesina: Análisis de contenido de las noticias referidas a violencia de género...Tesina: Análisis de contenido de las noticias referidas a violencia de género...
Tesina: Análisis de contenido de las noticias referidas a violencia de género...
 
La entrevista y su importancia en el diagnóstico
La entrevista y su importancia en el diagnósticoLa entrevista y su importancia en el diagnóstico
La entrevista y su importancia en el diagnóstico
 
Derechos sexuales y reproductivos
Derechos sexuales y reproductivosDerechos sexuales y reproductivos
Derechos sexuales y reproductivos
 
Manual de técnicas para trabajadores y trabajadoras sociales
Manual de técnicas para trabajadores y trabajadoras socialesManual de técnicas para trabajadores y trabajadoras sociales
Manual de técnicas para trabajadores y trabajadoras sociales
 
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...
“SITUACION SOCIAL Y EMOCIONAL DE LAS MADRES Y ABUELAS DE LAS/OS DESAPARECIDOS...
 
Historia del trabajo social en el salvador
Historia del trabajo social en el salvadorHistoria del trabajo social en el salvador
Historia del trabajo social en el salvador
 
¿Cómo intervenir con familiares de usuarias con cáncer de seno?
¿Cómo intervenir con familiares de usuarias con cáncer de seno? ¿Cómo intervenir con familiares de usuarias con cáncer de seno?
¿Cómo intervenir con familiares de usuarias con cáncer de seno?
 
Lista de aves de el salvador
Lista de aves de el salvadorLista de aves de el salvador
Lista de aves de el salvador
 
La crisis de 1929 y El Salvador
La crisis de 1929 y El SalvadorLa crisis de 1929 y El Salvador
La crisis de 1929 y El Salvador
 
"El Salvador, país con corazón"
"El Salvador, país con corazón""El Salvador, país con corazón"
"El Salvador, país con corazón"
 
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"
“Respeto y tolerancia a la diversidad sexual en la sociedad salvadoreña"
 
Clasificación de la Antropología
Clasificación de la AntropologíaClasificación de la Antropología
Clasificación de la Antropología
 
Teoria sociocultural de Vygotsky
Teoria sociocultural de VygotskyTeoria sociocultural de Vygotsky
Teoria sociocultural de Vygotsky
 
La lengua salvadoreña
La lengua salvadoreñaLa lengua salvadoreña
La lengua salvadoreña
 
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...
“INFLUENCIA DE LOS AGENTES EDUCATIVOS EN LA FORMULACIÓN DE VALORES: LA ESCUEL...
 
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociología
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociologíaBeatrice y Sidney Webb: la pareja que encontró el amor por la sociología
Beatrice y Sidney Webb: la pareja que encontró el amor por la sociología
 
La ciencia y sus características
La ciencia y sus característicasLa ciencia y sus características
La ciencia y sus características
 
Historia de la filosofía y temas de la filosofía
Historia de la filosofía y temas de la filosofíaHistoria de la filosofía y temas de la filosofía
Historia de la filosofía y temas de la filosofía
 
Soialización en el trabajo
Soialización en el trabajo Soialización en el trabajo
Soialización en el trabajo
 
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL TRABAJO SOCIAL”
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL  TRABAJO SOCIAL”“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL  TRABAJO SOCIAL”
“LA TEORIA PEDAGOGICA COMO SUSTENTO DEL TRABAJO SOCIAL”
 

Recently uploaded

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 

Recently uploaded (20)

TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 

Usabilidad del sitio web

  • 1. Análisis de usabilidad de un sitio web Por Gabriela García En primer lugar, es importante definir el concepto de discurso digital, así como también los elementos que conlleva lo define como: “la forma en que se expresan los contenidos, o dicho de otra manera, el contenido expresado en la Web tienen un discurso en particular (…). Es el lenguaje, la forma de tratar el contenido, la secuencia de contenido. El discurso es la manera de entender cómo leen los usuarios”. (Pimentel, 2009) El discurso digital tiene elementos importantes que según Pimentel (2009) son: 1. La media el cual es un primer elemento usado para crear la historia. Dentro de ella se encuentran:  Simple media: un solo medio de comunicación, es decir o sólo texto, o sólo imagen.  Múltiple media: dos o más tipos de media, pero con elementos separados de la historia.  Multimedia: dos o más tipos fusionados en una sola presentación 2. La acción basada en dos áreas fundamentales:  En el contenido: el cual puede ser estático, dinámico o mixto.  En el usuario: pasivo (sólo ve la página), activo (participa en el contenido) y mixto (de las dos formas). 3. La relación que se da entre el usuario y la historia la cual puede ser abierta o cerrada según los siguientes aspectos:  Linealidad: orden en que se accede a un contenido. Esta puede ser lineal, es decir que el usuario debe adaptarse y la no lineal cuando el usuario puede acceder de la forma que desee.  Personalización: el usuario puede individualizar el contenido.
  • 2.  Estandarización: cuando el contenido mantiene relación cerrada con el usuario.  Calculación: cuando el contenido es de cálculos y totales, es decir donde puedes obtener precios y totales de algún producto o servicio.  Añadidura: cuando el usuario puede alterar añadiéndole elementos. Foros de discusión o votar en línea, por ejemplo.  Permanencia y disponibilidad: desde que un usuario ingresa con usuario y contraseña realiza cambios y estos cambios pueden ser vistos por grupos o personas. 4. El contexto es la relación o vinculación que se realiza con todo lo que le rodea. Los vínculos son una manera de contextualizar, estos pueden brindar datos históricos, pueden relacionar o incluso recomendar. Además, estos pueden ser internos (direcciona a contenidos dentro del mismo sitio web), externos (direcciona a contenidos fuera del sitio web) y mixtos. 5. La comunicación la cual implica número de personas a las que se llega, el tipo de comunicación (chat, foro, email, sms), sincronía (en vivo, grabado) entre otros. Ahora bien, con todo lo anteriormente mencionado, se suma la usabilidad que según Beltré Ferreras (2008) determina qué busca el usuario, lo que quiere, cómo lo quiere y que tan rápido lo quiere. Junto con ello también es importante la manera en que lo presentan, es decir, lo atractivo que puede ser para el usuario y la facilidad con que pueda obtener esa información que necesita. También los autores Bevan et alius (2015) indicaron el enfoque que ISO 9241- 11(1998) hizo acerca de la usabilidad, definiéndola como “la medida en que un producto puede ser usado por usuarios específicos para alcanzar metas específicas, con efectividad, eficiencia y satisfacción en un determinado contexto de uso”. Entonces, el discurso digital y la usabilidad permitirán brindar una experiencia satisfactoria, eficiente y fácil para los usuarios que visitan un sitio web. Es importante crear un “diseño usable” que garantice que estos usuarios permanezcan más tiempo y vuelvan a un sitio web. Todo lo anterior se va aplicar al siguiente sitio web https://openlibra.com/es con la finalidad de identificar los elementos del discurso digital y ver de qué manera puede
  • 3. mejorar la experiencia del usuario. El tema de este sitio web es la descarga gratuita de libros en PDF para uso personal, distribuidos en categorías distintas. A) Tipo de discurso empleado (media y orden de los elementos en pantalla) El tipo de discurso empleado es múltiple media debido a que solamente integra imagen y texto. El sitio web no contiene animaciones, audio ni vídeo. Con respecto al orden de los elementos podemos identificar que contiene: CABECERA Imagen 1: Cabecera, cuerpo y pie de sitio Web. (Benitez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio web. https://openlibra.com/es/page/about Header o cabecera Para Norman (2021) los encabezados “son un patrón común que mantiene el encabezado de un sitio web o aplicación en el mismo lugar en una pantalla mientras el usuario se desplaza hacia debajo de la página.” CUERPO PIE
  • 4. Además, indican que los encabezados bien elaborados permitirán a los usuarios acceder rápidamente a los elementos de navegación: búsqueda, utilidades para que este sea aprovechado de una mejor manera. Aplicado al sitio web en análisis podemos identificar que poseen: la barra de búsqueda, botón de ingresar y una barra que permite búsqueda aleatoria. ¿Por qué es importante una barra de búsqueda? Pernice (2021) indica que los usuarios desean buscar contenidos, “especialmente si el sitio tiene mucho contenido”. Además, afirma que se debe considerar colocarlo en la parte superior y recomienda que no contenga título por dentro porque podría hacerlo menos visible. Imagen 2: Elementos de cabecera. Benitez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio web. https://openlibra.com/es/page/about También recomiendan cinco formas de poder mejorarlos Norman (2021), la primera forma es “maximice la proporción de contenido a Chrome manteniéndola pequeña” es decir que se conoce que los encabezados fijos ocupan un espacio en la pantalla por lo que ese contenido debe de ocuparse de una manera responsable, sobre todo en dispositivos móviles. Al realizar la captura de pantalla del sitio web en un dispositivo móvil se logra ver que efectivamente han tratado de poner en práctica esta primera forma, ocupando proporciones adecuadas que no saturan ni agobian al usuario, manteniendo los íconos fundamentales (búsqueda, login) para también brindar una navegación fácil y sencilla. La segunda forma es “el contraste con el contenido”, lo cual es utilizar bien esa herramienta para resaltar menús o tipografías para que éste no sea difícil de leer, no moleste ni distraiga al usuario.
  • 5. Vemos que el sitio mantiene su logo con una misma tipografía tanto en el encabezado con mayor tamaño, como al lado del menú con las categorías de libros que, únicamente, han agregado el “beta”, pero mantienen la misma forma y procurando una lectura cómoda. Imagen 3: Open libra desde dispositivo móvil. Benítez, C. (s. f.). Open Libra Android [Captura de pantalla]. Open Libra desde teléfono móvil. https://openlibra.com/es/ La tercera forma es “mantener el movimiento mínimo, natural y receptivo” es decir no utilizar animaciones que pierdan al usuario durante la navegación del sitio. Es por ello que recomiendan mantener el encabezado fijo mientras el usuario se desplaza: “Los encabezados fijos también deben permanecer en un lugar fijo en la parte superior o lateral de la ventana del navegador, en lugar de desplazarse a su posición después de un retraso (un patrón conocido como el "menú del acosador").” (Norman, 2021) La cuarta forma es “considerar los encabezados parcialmente persistentes” es decir aquellos en los que, a medida el usuario se desplaza desde un dispositivo móvil, esta aparece o desaparece según el movimiento que se les dé, brindando una inmediatez para el encabezado. Finalmente “considerar si se necesita un encabezado fijo” a pesar que el encabezado de este tipo (fijo) brinda más espacio en pantalla, puede no ser sutil para otro tipo de usuario, es importante poder valorarlo en todo momento para mejoras del sitio. Body o cuerpo Cuando nos referimos al cuerpo de una página web, hablamos del contenido principal de la web y puede estar estructurado de una o varias columnas:
  • 6. “Según mejor nos encaje en función de nuestro contenido. A veces vemos el cuerpo dividido en dos columnas. Una ocupando la mayor parte del ancho, unas 3/4 partes aproximadamente que es donde iría el contenido más relevante. Y otra parte ocupando el resto de ancho, 1/4 parte aproximadamente. A esta parte se la llama sidebar. En esta zona encontramos espacios para publicidad, Redes Sociales… Este tipo de distribución de columnas es muy habitual en Blogs”. (Penta Web, s.f) A continuación, se muestra la manera en que está distribuido para Open Libra, con seis columnas debido al contenido y concepto del sitio web. Ésta se ve menos saturada en la versión móvil. Imagen 4: Open Web columnas de libro. Benítez, C. (s. f.-a). Open Libra [Captura de pantalla]. Captura de pantalla desde ordenador. https://openlibra.com/es/ Es importante destacar los principios del diseño visual, que según Gordon (2020) nos informan sobre los elementos del diseño para ver si son atractivos o no para aumentar la usabilidad de un sitio. Los principios son: escala, jerarquía visual, equilibrio, contraste y Gestalt. La escala se refiere al uso del tamaño para señalar la importancia, es decir los menos importantes serán más pequeños. La jerarquía visual es guiar la mirada para que los elementos estén en el orden según su importancia. El equilibrio que será importante para una proporción satisfactoria de los elementos de un diseño. El contraste permitirá hacer notar diferencias entre los objetos y finalmente la Gestalt que será cómo se van a percibir los elementos. Otro elemento importante para el cuerpo de la página web Open Libra es el menú:
  • 7. “son listas de características o categorías de contenido, que normalmente se presentan como un conjunto de enlaces o iconos agrupados con un estilo visual distinto del resto del diseño. Los menús de navegación incluyen, entre otros, barras de navegación y menús de hamburguesa.” (Whitenton, 2015) Los menús son importantes para un sitio web puesto que permite que el usuario encuentre lo que quiera. Es importante tomar en cuenta que no hay que utilizar íconos pequeños, debe ir en un lugar visible, debe ser interactivo y contengan un color que contraste con el fondo. Imagen 5: Menú de Open Libra. Benítez, C. (s. f.-a). Menú Open Libra [Recorte]. Menú Open Libra. https://openlibra.com/es Footer o pie de página “El pie de página de un sitio web es un área ubicada en la parte inferior de cada página de un sitio web” Fessenden (2019), es decir que se ubica después del cuerpo.
  • 8. Esto se vuelve fundamental pues alberga información importante para buscar información sobre el sitio, redes sociales, dirección, entre otros. Los pies de página no reciben tanta atención como los header, sin embargo, poseen un buen uso para los siguientes casos: 1. “Los usuarios escanean o leen la página y no encuentran lo que buscan o necesitan más información. Se desplazan hasta la parte inferior de una página y usan el pie de página como:  Una segunda oportunidad para estar convencido  Un último recurso para contenido difícil de encontrar 2. Los usuarios se desplazan intencionalmente al pie de página para encontrar información que esperan que aparezca allí, como información de contacto, detalles sobre la empresa, publicaciones o enlaces en redes sociales, o incluso para descubrir contenido nuevo o relacionado en el sitio. Algunos usuarios incluso usan el pie de página para la navegación: cuando ya se han desplazado hasta el final de una página, porque el pie de página está muy cerca, lo usan en lugar de desplazarse hasta la parte superior para la navegación global.” (Fessenden, 2019) Cada pie de página para Fessenden (2019), se va a adaptar según la necesidad u objetivo de la página web. Existen algunos componentes de pie de página más frecuentes para los usuarios.  Contenido de utilidad: información de contacto, servicio al cliente, política de privacidad, condiciones de uso.  Navegación felpudo: está presente cuando se llega a un sitio web, es decir al principio como al final. Es beneficioso para páginas largas.  Vinculación de tareas secundarias: solicitar trabajo en una empresa, documentación o especificaciones del producto o servicio, afiliados a la empresa.
  • 9.  Mapa de sitio: aumentar el conocimiento del contenido, recordar al usuario las ofertas de la empresa o sitio.  Testimonios o premios: generarán credibilidad.  Marcas dentro de la organización: incluye lista de marcas que están asociadas organizacionalmente.  Compromiso con el cliente: cupones, promociones, lanzamientos de productos, entre otros. Imagen 6: Footer de Open Libra. Podemos identificar un footer con tareas secundarias (1 y 2) y un contenido de utilidad (3). B) Análisis estético (armonía y balance) Los colores en un sitio web tienen mucha relevancia, pues necesita llamar la atención de los usuarios cuando navegan por un sitio web. Un uso adecuado de ellos permitirá que todos los demás elementos creen sinergia entre sí para mejorar la experiencia del usuario. Pero primero es importante definir qué es la experiencia del usuario (UX). Para Nielsen (s.f) es “es satisfacer las necesidades exactas del cliente, sin problemas ni molestias”. También es importante conocer la armonía del color que para Gordon K. (2021) se pueden utilizar para que los coloren funcionen bien juntos. Es importante también el
  • 10. uso modesto de los colores pues de lo contrario podría ser más difícil cumplir con la jerarquía visual. Aplicándolo al sitio Open Libra, se logra un buen equilibrio del color (complementarios), es decir colores opuesto a la rueda del color y producen un contraste alto. Sin embargo, la paleta de colores utilizada genera una estabilidad permitiendo navegar cómodamente. Color azul oscuro para el fondo de la web y el rojo para íconos de navegación. Otro elemento importante es que Open Libra ha utilizado la misma paleta de colores para no perder la línea del sitio web: rojo para la acción de “donar” y azul cian para descargar el contenido. Imagen 7: Captura del botón dona y descarga. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected-essays-on-technol ogy- creativity-copyright-and-the-future-of-the-future
  • 11. C) Análisis de usabilidad (simplicidad, consistencia) Anteriormente se definió el término “experiencia de usuario” a lo cual debemos sumar “la interfaz del usuario”. Para Gibbons (2021) la experiencia de usuario “abarca todos los aspectos de la interacción del usuario final con la empresa, servicios, productos. Esto significa identificar y diseñar una solución que satisfaga las necesidades de nuestros usuarios, independiente del medio, sin problemas ni molestias”. Por otro lado, la interfaz de usuario “se refiere al punto de contacto visual específico o activo con el que interactúa el usuario: apariencia, sensación (…), es la tipografía, color, espaciado, íconos, botones.” Ambas cosas van de la mano puesto que sin una interfaz del usuario la experiencia no podría darse de ninguna manera. Por eso es importante investigar qué necesidades se identifican en el público al que quiero llegar. Entonces, ¿por qué pensamos en que un diseño se ve bien? Por ello atraviesan distintos factores que, como se mencionó anteriormente, sin ninguno de ellos la cosa no funcionaría nada bien. Esto lo explica Gordon S. G. (2021) afirmando que la estética es importante para hacer que los usuarios tengan una experiencia útil, amable y confiable.
  • 12. El uso de una tipografía acorde al concepto del sitio web, así como también el espaciado, brindará una comodidad a la hora de que el usuario lea un artículo, libro, entre otros. Sumando a ello también la utilización de la cuadrícula de columnas para que éstas se alineen con los objetos. Además, utilizar una varianza tipográfica dentro de la misma familia de fuentes, permitirá diferenciar contenidos. Por otro lado, la jerarquía y el color serán importantes para crear una “experiencia visual atractiva”. Utilizar una paleta de colores que identifique la marca y que distinga los llamados a la acción (rojos, amarillos), el uso de imágenes de alta calidad, utilizar una consistencia de alineación entre todos los elementos, es decir la jerarquía visual clara señalando aquellos elementos importantes. Finalmente, la consistencia que es utilizar de manera efectiva, el tratamiento visual para crear una experiencia única. En ello puede estar ilustraciones adecuadas, colores, espaciados, creación de agrupaciones de contenido. Open Libra podría mejorar en este aspecto, en un primer momento, utilizando una sola tipografía en todo el sitio web puesto que para su logo tienen una tipografía y para otros elementos utilizan otra (unas en mayúsculas y otras en minúsculas), además con tamaño más o menos pequeño sin poca atracción visual. Tipografía y espaciado Jerarquía y color Consistencia
  • 13. Imagen 8: Tipografías Open Libra. Benítez, C. (s. f.-b). Logo Open Libra [Captura de pantalla]. Tipografías https://openlibra.com/es/ En cuanto a los colores y contraste, anteriormente se mencionó la utilización de colores complementarios para el fondo y menú de navegación, sin embargo, el color rojo del llamado a la acción, resulta inmediato, aunque esté relacionado, casi siempre, con alertas o peligros. Sin embargo, Moran (2019), explica que según la “heurística de la usabilidad #4” de Jakob Nielsen es crucial mantener los estándares y cumplir con la consistencia, es decir utilizar íconos, símbolos, acciones, palabras que signifiquen lo mismo. Imagen 9: botones y armonía de color. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected-essays-on-technology-creativity- copyright-and-the-future-of-the-future D) Identificación de fuentes de ruido La Real Academia Española RAE) (s.f) define el ruido como “apariencia grande de las cosas que no tienen gran importancia” y como “interferencia que afecta un proceso de comunicación”.
  • 14. Imagen 10: Factores de ruido Open Libra. Benítez, C. (s. f.-f). ruido OL [Captura de pantalla]. Factor de ruido. https://openlibra.com/es/book/interface-circuits-for-microsensor-integrated-systems-2 Entonces las fuentes de ruido en una página web serán todas aquellas cosas innecesarias que el usuario considere que le molestan a la hora de navegar en un sitio web. Esto podría ser publicidad irrelevante, íconos, vínculos no tan interesantes, incluso el uso de los elementos en un mal sitio, no siguiendo la ley de “eyetracking”. Se realizó una pequeña encuesta a un grupo de personas la cual se le brindó el link de la página web con la finalidad de conocer la experiencia que obtuvieran al final. Uno de los puntos que comentaron fueron los factores de ruido del sitio web. “Lo que nunca me ha gustado es que aparezcan el top cuando ya estás dentro de un libro. Siento que mucha información en una sola pantalla. Si sale un top, que sea más delicado no la gran imagen del libro.” (Martínez, 2021) Entonces, la experiencia del usuario al descargar un libro en Open Libra está bien, solo que debe mejorar la fuente de ruido respecto a las portadas colocadas al final de cada descarga y llamado de atención. Incluso puede pasar desapercibido como publicidad. Otro factor que es importante tomar en cuenta, es el eyetracking que es un estudio que Nelson (2010) realizó lo cual consistió en una metodología encargada del seguimiento ocular para saber cómo interactúa el ojo humano con un diseño. Este estudio ayudó a comprender cómo diseñadores, escritores, editores, entre otros comprendieran qué ven y qué no ven los usuarios.
  • 15. Ahora bien, dentro de lo anterior, es un patrón que la atención horizontal se centra hacia la izquierda. Fesseden (2017) indica que “las personas pasan de manera desproporcionada mucho más tiempo de visualización en la mitad izquierda de la página que en la mitad derecha.” E) Público meta Según Ipanema Comunicación (s.f) el público “son todas aquellas personas que están interesadas en tus productos o servicios, y que, por tanto, se pueden convertir en compradores”. Adaptándola a Open Libra nos encontramos con un público meta interesado en la descarga de libros con copyright en la web. La mayoría de libros están en formato pdf y su descarga es gratuita con la oportunidad de “donar” dinero a los desarrolladores de la plataforma. F) Conclusiones El discurso digital, la usabilidad, la experiencia del usuario y la interfaz de usuario son importantes para comprender las necesidades del usuario. Un buen discurso digital permitirá expresar un contenido en la página web, así como también un buen uso de la usabilidad permitirá determinar lo que el usuario quiere, busca, cómo lo quiere y con qué rapidez lo quiere para que satisfaga sus necesidades; pero también serán importantes la interfaz del usuario, es decir cómo estará presentado en el sitio web para que la experiencia de este usuario sea totalmente satisfactoria y se garantice frecuencia, preferencia y persistencia. El mundo digital va avanzando día con día y cada vez la vida de los seres humanos se ven inmersos en la web y las aplicaciones para dispositivos móviles. La finalidad de éstas será distinta, según al público al que quieren llegar, cómo y para qué, un ejemplo podría ser para comunicar, transferir, persuadir, investigar, satisfacer necesidades (pagos en línea, consulta de información, entre otros) y cada sitio web se encargará de hacerlo de una mejor manera para sus usuarios.
  • 16. Cada elemento es clave y complementa a otro, así una armonía del color y un balance de los elementos determinarán si llaman la atención del público, sumado a esto la simplicidad con la que se presente, es decir el no saturar o sobrecargar contenido hará que el usuario no huya del sitio, lo recomiende y lo frecuente. Finalmente, lo que se pretende con este trabajo es analizar el discurso digital de Open Libra e identificar los elementos de usabilidad que contiene, así como también algunas recomendaciones, en algunos aspectos, con la finalidad de mejorar la experiencia del usuario en el sitio web para aumentar el público meta.
  • 17. Bibliografía Beltré Ferreras, H. J. (2008). Aplicación de la usabilidad al proceso de desarrollo de páginas web. Madrid. Benítez, C. (s.f). Open Libra. Obtenido de https://openlibra.com/es/page/about Imagen 1: Cabecera, cuerpo y pie de sitio Web. (Benítez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio web. https://openlibra.com/es/page/about Imagen 2: Elementos de cabecera. Benítez, C. (s. f.). Open Libra [Imagen]. Cabecera de sitio web. https://openlibra.com/es/page/about Imagen 3: Open libra desde dispositivo móvil. Benítez, C. (s. f.). Open Libra Android [Captura de pantalla]. Open Libra desde teléfono móvil. https://openlibra.com/es/ Imagen 4: Open Web columnas de libro. Benítez, C. (s. f.-a). Open Libra [Captura de pantalla]. Captura de pantalla desde ordenador. https://openlibra.com/es/ Imagen 5: Menú de Open Libra. Benítez, C. (s. f.-a). Menú Open Libra [Recorte]. Menú Open Libra. https://openlibra.com/es Imagen 6: Footer de Open Libra. Podemos identificar un footer con tareas secundarias (1 y 2) y un contenido de utilidad (3). Imagen 7: Captura del botón dona y descarga. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected-essays-on-technology-creativity- copyright-and-the-future-of-the-future Imagen 8: Tipografías Open Libra. Benítez, C. (s. f.-b). Logo Open Libra [Captura de pantalla]. Tipografías https://openlibra.com/es/ Imagen 9: botones y armonía de color. Benítez, C. (s. f.-a). Captura dona y descarga [Captura de pantalla]. Armonía del color. https://openlibra.com/es/book/content-selected- essays-on-technology-creativity-copyright-and-the-future-of-the-future Imagen 10: Factores de ruido Open Libra. Benítez, C. (s. f.-f). ruido OL [Captura de pantalla]. Factor de ruido. https://openlibra.com/es/book/interface-circuits-for- microsensor-integrated-systems-2
  • 18. Bevan Nigel, C. J. (21 de julio de 2015). ISO 9241-11 revisada: ¿Qué hemos aprendido sobre usabilidad desde 1998? Obtenido de https://link.springer.com/chapter/10.1007/978-3-319-20901-2_13 Comunicación, I. (s.f). Blog de Inbound Marketing y Branding. Recuperado el agosto de 2021, de https://www.ipanemacomunicacion.com/blog/como-identificar-tu-publico- objetivo-internet Fesseden, T. (22 de octubre de 2017). NN/g GRoup Nielsen Nelson. Recuperado el agosto de 2021, de https://www.nngroup.com/articles/horizontal-attention-leans-left/ Fessenden, T. (24 de febrero de 2019). Recuperado el agosto de 2021, de https://www.nngroup.com/articles/footers/ Gibbons, S. (4 de junio de 2021). Recuperado el agosto de 2021, de https://www.youtube.com/watch?v=5KUNmgt_pvY&t=35s Gordon, K. (1 de marzo de 2020). Obtenido de https://www.nngroup.com/articles/principles-visual-design/ Gordon, K. (6 de junio de 2021). NN/g Group Nielsen Norman. Recuperado el agosto de 2021, de https://www.nngroup.com/articles/color-enhance-design/ Gordon, S. G. (7 de marzo de 2021). Recuperado el agosto de 2021, de https://www.nngroup.com/articles/why-does-design-look-good/ Martínez, M. (21 de agosto de 2021). Análisis de factores de ruido en Open Libra. (G. García, Entrevistador) Moran, K. (6 de septiembre de 2019). NN/g Grupo Nielsen Norman. Recuperado el agosto de 2021, de https://www.nngroup.com/videos/usability-heuristic-consistency- standards/ Nelson, N. G. (2010). Recuperado el agosto de 2021, de https://www.nngroup.com/books/eyetracking-web-usability/ Nielsen, D. N. (s.f). NN/g Grupo Nielsen Norman. Recuperado el agosto de 2021, de https://www.nngroup.com/articles/definition-user-experience/
  • 19. Norman, G. N. (4 de abril de 2021). N N /g Grupo Nielsen Norman. Obtenido de https://www.nngroup.com/articles/sticky-headers/ Penta Web, d. p. (s.f). Penta Web diseño profesional web. Obtenido de https://www.pentaweb.es/partes-de-una-pagina-web/ Pernice, K. (14 de mayo de 2021). NN/g Group Nielsen Norman. Obtenido de https://www.youtube.com/watch?v=3J8YKKHhhhA Pimentel, A. (diciembre de 2009). Postgrado periodismo digital UMA. Obtenido de http://ppduma.blogspot.com/2009/12/elementos-del-discurso-digital.html (RAE), R. A. (s.f). Diccionario de la lengua española. Obtenido de https://dle.rae.es/ruido Whitenton, K. (29 de noviembre de 2015). Recuperado el agosto de 2021, de https://www.nngroup.com/articles/menu-design/