¿Qué es un discurso digital? ¿Qué es la usabilidad web?, ¿Cómo podemos mejorar la experiencia del usuario en un sitio web?
Este documento te ayudará a comprender un poco más sobre usabilidad y cómo puedes mejorar aspectos en un sitio web.
Heinsohn Privacidad y Ciberseguridad para el sector educativo
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/