manual de usabilidad
TRANSCRIPT
1
MANUAL DE USABILIDAD WEB
Gabriela Estrella @GabrielaEstre
Periodismo 2016
2
ÍNDICE
INTRODUCCIÓN .......................................................................... 3
INTRODUCCIÓN AL CONCEPTO ........................................................ 4
MANUAL DE USABILIDAD ............................................................... 5
TIEMPO DE DESCARGA ........................................................................ 6
LONGITUD DE LA PÁGINA ..................................................................... 7
COLOCACIÓN DEL LOGOTIPO ................................................................ 8
OPCIÓN DE BÚSQUEDA ........................................................................ 9
ACERCA DE LA EMPRESA ..................................................................... 10
INFORMACIÓN DE CONTACTO ............................................................... 11
MÚSICA CON REPRODUCCIÓN ............................................................... 12
NO AUTOMÁTICA .............................................................................. 12
IMÁGENES ...................................................................................... 13
PUBLICIDAD .................................................................................... 14
TEXTO .......................................................................................... 15
CONTENIDO DEL TEXTO ...................................................................... 16
COLORES DISTINTOS PARA VÍNCULOS VISITADOS Y NO VISITADOS ..................... 17
SISTEMA DE ROTULADO CONTROLADO Y PRECISO........................................ 18
MAPA DEL SITIO ............................................................................... 19
ACCESIBILIDAD ......................................................................... 20
ATRIBUTOS ALT ............................................................................. 21
READ SPEAKER .............................................................................. 22
DALTONISMO ................................................................................ 23
VISUALIZACIÓN DE LA PANTALLA ........................................................ 24
IMPRESIÓN DE LAS PÁGINAS .............................................................. 25
AUTORA .............................................................................. 26
BIBLIOGRAFÍA ....................................................................... 27
3
INTRODUCCIÓN
La web se ha convertido en una parte clave en el avance de los medios de
comunicación digitales. Tomar en cuenta la usabilidad al momento de crear
una página es muy importante , de este aspecto dependerá mucho que una
web sea fácil de usar y acceder.
Para que una página web sea usable debe contar con tres aspectos
importantes: ser amigable, de fácil uso y fácil de entender. Muchas de las
veces los portales de los medios de comunicación no ofrecen estas
características en sus páginas, es por esto que he visto importante realizar un
estudio de cómo los medios digitales manejan la usabilidad en sus portales
web.
Para realizar este manual de usabilidad se ha tomado como guía la tabla
heurística realizada en el estudio de Carlos García y La Guía de Evaluación
Heurística de Sitios Web de Hassan y Fernández que tiene como objetivo
medir la usabilidad de las páginas web de los medios de comunicación
españoles.
Con este manual se tiene como propósito dar a conocer los aspectos
escenciales que debe tener una web para que pueda ser más usable y
accesible
4
INTRODUCCIÓN AL CONCEPTO
DE USABILIDAD
La usabilidad es un término que se utiliza para poder saber que tan fácil es
usar un producto o un servicio. Indica que en las páginas web la usabilidad
constituye una característica indispensable, puesto que de esto dependerá el
éxito o el fracaso de la misma.
Jakob Nilesen define la usabilidad como, “el atributo de calidad que mide la
facilidad de las interfaces web”, lo que significa que si un sitio web no es
amigable o de fácil uso este no tendrá éxito.
Es por esto que dentro de sus investigaciones Nielsen determinó las reglas de
oro sobre la usabilidad en las que establece los siguientes puntos:
- El usuario manda en Internet, lo que quiere decir es que sin usuarios
el sitio web no sirve de nada, así que es sumamente necesario dar al
usuario lo que pide, de lo contrario la web será abandonada.
- Rapidez y fiabilidad, en la web cuenta que la página sea confiable,
sencilla y clara.
- Seguridad , es muy importante que el usuario se sienta seguro al
momento de navegar la página.
- Confianza, es difícil ganar la confianza del usuario es así que se debe
tomar en cuenta cada detalle de la página para que así el lector no se
sienta confundido.
- Simplificar, reducir y optimizar, las personas no van aprender a
utilizar el sitio web , as así que se debe hacer lo más sencillo posible.
- Buenos contenidos, como consejo es importante escribir el 25% de lo
que se pondría en una versión escrita. Leer en la pantalla cuesta por lo
que si se simplifica esta tarea será más fácil.
La usabilidad sirve para que una página web sea fácil de manejar, mientras
más se apliquen estas reglas de uso más visitas tendrá un portal.
5
MANUAL DE USABILIDAD
El siguiente manual de usabilidad tendrá como objetivo dar a conocer cuales
son los principales aspectos que debe tener una página web para que esta sea
usable y accesible.
Para realizar este manual hemos tomado dos estudios basados en teorías de
Jakob Nielsen, el primero es de Carlos García y el segundo es de Hassan y
Fernández .
El estudio de García hace una investigación sobre la usabilidad de las páginas
de inicio de los diarios digitales españoles, en la que realiza una tabla
heurística de usabilidad con los aspectos principales que debe tener una web
para que sea usable.
El estudio de Hassan y Fernández tiene por objeto servir de guía general para
la evaluación de la usabilidad de sitios web. Es una versión resumida de la
guía que estos dos investigadores utilizan dentro de sus páginas web.
Estos dos estudios serán de gran ayuda para la realización de este manual, ya
que tienen aspectos fundamentales de cómo crear una página web usable y
accesible.
6
TIEMPO DE DESCARGA
Al momento de crear una página web, es fundamental que no tenga ninguna
demora al momento de descargarse, esto causará que el usuario abandone la
página y busque mejores opciones.
Es así que según el estudio de García la página debe tener un máximo de 10
segundos a la conexión media de los usuarios, esto permitirá a los usuarios
acceder a la página fácilmente y sentirse satisfecho con su búsqueda.
FUENTE: Gtmetrix
Actualmente existen programas que ayudan a saber cuál es el tiempo de
descarga de una página web. Si quiere saber si su web tiene un buen tiempo
de descarga, Gtmetrix, es una ayuda práctica que en cuestión de segundos
sabrá que velocidad de descarga tiene su web.
Con el uso de estas herramientas se determinará el tiempo de descarga de la
página, de no cumplir con el tiempo sería necesario reestructurar la web.
7
LONGITUD DE LA PÁGINA
El usuario cuando ingresa a una página web espera encontrar lo que esta
buscando de manera rápida y eficiente, es necesario que lo que busque no le
tome mucho tiempo, por esto es necesario tomar en cuenta la longitud de la
página.
Al momento de hacer scroll en la página es importante que esta tenga una
extensión de una o dos páginas completas, no debe excederse con más de
tres pantallas.
FUENTE: Tinta Cora
Si el usuario hace un scroll de más de dos páginas le va parecer muy extenso
ya que no podrá encontrar de forma rápida lo que esta buscando, y tendrá
tantos elementos distractores que se cansará de buscar y abandonará la
página. Según García, el que una página no sea muy extensa ayudará que la
web sea más usable y le ahorrará tiempo al momento de buscar contenidos
en el sitio.
8
COLOCACIÓN DEL LOGOTIPO
FUENTE: Brandermedia
De acuerdo con investigaciones de Jakob Nielsen, cuando vemos una página
web nuestros ojos tienen un movimiento horizontal en la parte superior del
área de contenido, de izquierda a derecha.
Dada estas conclusiones es necesario que se ubique el logo en la parte
superior izquierda esto con el propósito que los usuarios al momento de
ingresar a la página identifiquen inmediatamente el nombre de la empresa.
FUENTE:
El Comercio
Además de ubicarlo en la parte superior izquierda, el logo debe estar
vinculado al inicio de la página, de tal forma que si el usuario quiere
regresar a la página principal solo marque el logo y pueda regresar. Es
necesario que se tome en cuenta estas recomendaciones tal como lo indica
García de esto dependerá una buena usabilidad.
9
OPCIÓN DE BÚSQUEDA
Para que una página web sea usable debe contar con opciones que ayuden a
mejorar la búsqueda de los contenidos, es necesario que las páginas cuenten
con estas opciones, así podrán encontrar la información de forma rápida y
eficiente.
Según el estudio de García, el cuadro de búsqueda debe estar en la página
de inicio, se debe ubicar en la parte superior derecha o en su caso izquierda,
este debe ir con el nombre de “buscar” o ir”
FUENTE: El Comercio
La opción de búsqueda debe presentarse en la forma de un cuadro y debe ser
de color blanco. La anchura debe tener un mínimo de 25 caracteres pero es
mejor que sean 30.
Según Eduardo Manchón la mayoría de los usuarios reciben las primeras
impresiones de los sitios Web que visitan a través de buscadores internos " y
que, en consecuencia " los buscadores resultan herramientas cruciales " para
que los usuarios encuentren la información que demandan.
10
ACERCA DE LA EMPRESA Es importante que al momento de crear una web se tome en cuenta el
“acerca de la empresa” esta página es un destino lógico que eligen los
usuarios que tienen la curiosidad por un producto de un proveedor o una
oferta de servicios.
Con el acerca de la empresa, se indicará a los usuarios no solo los servicios
que se ofrecen sino también el compromiso de la empresa, responsabilidad la
trayectoria que tienen y cuan confiable es a tal punto que se pueda elegir esa
empresa de otras.
FUENTE: CEMEX
Es recomendable que se lo ubique en la página de inicio en el menú principal
de esta forma se podrá identificar de manera fácil y los usuarios sabrán un
poco de la empresa a la que están acudiendo.
Según el estudio de García, siempre debe incluirse el acerca de la empresa,
así la página tendrá una identificación determinada y le guiará al usuario a lo
que realmente quiere.
11
INFORMACIÓN DE CONTACTO La información de contacto es una opción indispensable al momento de crear
una web, con ella los usuarios podrán contactar directamente a la empresa.
Según la investigación de García , indica que se debe proporcionar un vínculo
con la información de contacto al que se llamará “Contacte con nosotros”.
Esta opción proporcionará los teléfonos con los códigos del país, su dirección
con información de acceso a Google Maps, email, enlace a todos los canales
de redes sociales, horarios de atención y un formulario que tendrá que llenar
el usuario con sus datos personales y requerimientos.
FUENTE: Antevenio
Según estudios realizados un 87% de los usuarios esperan encontrar el enlace
a la página de contacto en la zona derecha del menú de navegación superior,
y si a este se añade otro enlace en el pie de la página ayudará aún más a que
lo encuentren cuando sea necesario. Este espacio es el destino que hará que
los potenciales clientes tomen la decisión de ponerse en contacto directo con
la empresa.
12
MÚSICA CON REPRODUCCIÓN
NO AUTOMÁTICA
Existen páginas que incluyen dentro de sus webs música, es importante que al
momento de incluir esta opción lo hagan como música con reproducción no
automática, es decir que el usuario tenga la opción de reproducir o no el
contenido musical, informativo etc.
De acuerdo a la tabla heurística de usabilidad de García , la música no debe
reproducirse automáticamente porque será un elemento distractor y molesto
para el usuario, a tal punto que abandone la página si no puede parar con su
reproducción.
FUENTE: Ecuador Inmediato
Si se opta por usar sonido dentro de la web se debe poner a disposición del
usuario la opción de hacerlo o no. Es importante que si se usa esta opción se
ponga en una parte visible de la página de inicio.
De esta forma se aportará una buena usabilidad y accesibilidad a la web sin
necesidad de molestarlo y distraerlo de su función principal que es navegar en
la web.
13
IMÁGENES
Las páginas deben contar con
un determinado porcentaje
de imágenes, esto permitirá
que no se sobrecargue la
pantalla y se evite el ruido
visual consiguiendo así un
diseño minimalista que tiende
a orientar al usuario a lo
esencial (los contenidos),
evitando distraerle con elementos secundarios o provocarle retrasos en el
acceso a la información.
Según García, la página de inicio debe ocupar entre 5 y 15% de espacio, el
motivo es porque visualmente distrae a los usuarios con muchos elementos
gráficos y también porque el abusar de las imágenes aumenta el riesgo de que
la página pese más y como resultado su descarga va ser más lenta impidiendo
una buena navegación y obligando al usuario abandonar la página.
Las imágenes deben manejarse en tres
tipos de formato: JPG, PNG O GIF.
Dependiendo su uso se debe utilizar el
formato adecuado, en el caso de las
páginas web el formato más utilizado
es JPG.
Es necesario optimizar la imágenes al
momento de subirlas a la web de esta
forma tendremos fotos de buena
calidad. Las imágenes son una parte esencial de toda página web, gracias a
ellas los usuarios tienen un mejor concepto de lo que esta vendiendo la
página, pese a esto se debe controlar su uso excesivo ya que puede interferir
en otros factores claves como la descarga de la página.
14
PUBLICIDAD La publicidad en la web es
una forma de comunicación
impersonal que se realiza a
través de la red y en el que
un patrocinador identificado
transmite un mensaje con el
que pretende informar,
persuadir o recordar a su público objetivo acerca de los productos, servicios,
ideas u otros que promueve. Todo esto, con la finalidad de atraer visitantes
hacia su sitio web, posibles compradores, usuarios.
Si bien es cierto la publicidad puede ayudar a tener grandes ingresos
económicos a la empresa, también puede interferir con la usabilidad del
sitio y ser elementos distractores en la navegación de la web.
Según García, las páginas de inicio deben tener 3 publicidades sean internos
o externos, de esta forma se podrá garantizar la usabilidad del sitio y evitar
que la publicidad interfiera en la búsqueda de los contenidos.
Edison Aguas, Web
designer indica que la
publicidad se evalúa en
base a la experiencia de
usuario, esta indica que
los usuarios leen como
una L invertida, primero
su lectura va al menú y
después a la columna
derecha, es así que se pauta en la parte superior o en la columna derecha
porque es donde más se puede rentabilizar el contenido de la web.
15
TEXTO
FUENTE: desarrolloweb.com
Para que una página web cuente con una buena usabilidad es necesario que
sus textos tengan ciertas características que ayuden a una mejor lectura. Se
debe tomar en cuenta cuatro aspectos principales: el color de letra, tamaño
fuente y fondo.
En el estudio de García , indica que es necesario que se use texto de color
negro con fondo color blanco, esto ayudará a una mejor lectura debido al
contraste de colores , además se debe utilizar un máximo de tres colores
para el texto de una página, más colores distraerán al usuario, en vez de
concentrarlo en la lectura.
El tamaño de la letra juega un
papel muy importante en la
legibilidad de los textos. Como
se ve en la imagen los tamaños
inferiores a 9 píxeles (7
puntos) no se visualizan
correctamente, por el
contrario, a tamaños superiores
a 16 píxeles (12 puntos), las letras comienzan a esclarecer, por estos
motivos, el tamaño de las letras del texto para la web debe oscilar entre 9 y
16 píxeles (7 y 12 puntos), con estos valores los caracteres resultan legibles.
Pero no solo se debe contar con un correcto tamaño de letra sino también con
el tipo de fuente, para los lectores de la web es mucho más complicado leer
en la pantalla, es así que se debe utilizar una fuente que pueda ser leída con
facilidad, en este caso utilizar como fuente Sans-Serif es lo más
recomendado ya que le quita peso visual.
16
CONTENIDO DEL TEXTO
Con el surgimiento de
la web nacen nuevas
técnicas de escribir
en la red, es así que
Franco (2008), en su
libro como escribir
para la web indica
las nuevas formas de
escritura que exigen
contenidos cortos,
precisos y
comprensibles. En la
nueva pirámide se
debe empezar por el contenido más importante a medida que se va
desarrollando el texto se va introduciendo contenidos menos importantes,
esto con el propósito de iniciar con textos que atraigan la atención del lector.
De acuerdo con las investigaciones de Jakob Nielsen
, “ hay un movimiento horizontal en la parte
superior del área de contenido, de izquierda a
derecha, luego se regresa, hay un movimiento
vertical por la parte izquierda de la pantalla; hay
segundo movimiento horizontal, pero más corto que
el anterior y, finalmente, un movimiento vertical en
la parte izquierda de la pantalla. Las flechas indican
la trayectoria”
Se debe tomar en cuenta que los textos para una web son distintos a los de
un texto tradicional los contenidos para las páginas cuentan con aspectos
tales como la precisión, links, imágenes , negrillas, aspectos que harán mas
multimedia a un texto.
17
COLORES DISTINTOS PARA VÍNCULOS VISITADOS Y
NO VISITADOS
FUENTE: Google
Para una mejor navegación dentro de una página web es necesario que se
distingan los vínculos visitados de los no visitados, así el usuario podrá
diferenciar que vínculo ya visitó y cual no.
Según el estudio de García, los vínculos no visitados se deben marcar de
color azul de esta forma se determinará que este vínculo no se ha visitado.
FUENTE: Google
De acuerdo al mismo estudio los vínculos que son visitados se deben marcar
de color morado, así el usuario podrá diferenciar de los vínculos no visitados.
Según , Jakob Nielsen, actualmente más del 74% de las páginas utilizan este
criterio, lo que lo hace más relevante ya que muchos usuarios esperaran
encontrarse con él para un mejor manejo de la web.
18
SISTEMA DE ROTULADO CONTROLADO Y PRECISO
FUENTE:El Comercio
Del sistema de rotulado dependerá que los usuarios encuentren rápidamente
la información que están buscando, es por esto que es necesario tomar en
cuenta los siguientes aspectos:
De acuerdo a la Guía de evaluación heurística de sitios web, realizada por
Montero y Fernández los rótulos deben ser significativos, deben hacerle
entender al usuario a donde está ingresando es así que se deben evitar rótulos
del tipo “haga clic aquí” ya que podrán confundir al usuario y se verá obligado
abandonar la página.
Se debe usar rótulos de tipo estándar, tales como “Mapa del sitio” o
“Contacto”, así los usuarios identificarán de qué se trata cada rótulo y no
perderán su tiempo identificando de qué se trata cada uno.
FUENTE: Ecuador Inmediato
Se debe utilizar un sistema de rotulado controlado y preciso, los links deben
llevar a la página de la que el usuario está solicitando, es así que si un enlace
tiene el rótulo "Quiénes somos", no puede dirigir a una página cuyo
encabezamiento sea "Acerca de", o un enlace con el rótulo "Ayuda" no puede
dirigir a una página encabezada con "FAQs".
Es muy importante tomar en cuenta las características que deben tener los
rótulos al momento de realizarlos de ellos dependerá como los usuarios se
guían hacia los contenidos.
19
MAPA DEL SITIO
FUENTE: La Hora
La usabilidad web tiene como propósito facilitar el uso de las páginas web, es
así que implementar la opción de mapa del sitio ayudará a los usuarios
encontrar los contenidos de una forma sencilla.
Según García , se debe hacer la implementación del mapa del sitio para que
los usuarios se guíen de una forma eficiente, de lo contrario tendrían que
navegar por toda la web para encontrar algo en específico.
Para crear un mapa del sitio básico este debería contener las siguientes
páginas:
1 Inicio
2 Acerca de la empresa
3 Secciones
4 Contacto
Según Las directrices para web masters de Google, el número de enlaces
que debe tener un mapa del sitio no debe ser excesivo en el caso que lo
fuera es preferible que se lo divida en varias páginas.
Tomando en cuenta estas directrices las páginas web podrán ayudar a sus
usuarios acceder de manera más sencilla a los contenidos.
20
ACCESIBILIDAD
Un concepto que se liga con el de usabilidad es la accesibilidad, según
Montero refiere a la posibilidad de acceso en la que todos los potenciales
usuarios (sin excluir aquellos que tengan discapacidades), dominio del
idioma o limitaciones con el acceso al software y hardware puedan hacer uso
de la web sin ningún impedimento.
Según Cabrera y López, los estudios para crear una página web accesible se
basan en la WAI (Web Accessibility Initiative), misma que define los
estándares de accesibilidad que se enfoca en tres reglas para una buena
accesibilidad:
Para agentes de usuario son programas que ayudan a interactuar con los
usuarios con contenidos en la web, tales como buscadores, navegadores. Sus
pautas están conformadas por que tan perceptible, operable y comprensible
es.
Para herramientas de autor estas herramientas ayudan a las personas que
tienen algún tipo de discapacidad, con ellas se puede facilitar el estilo de una
página web y administrar sitios.
Para contenido en la web hace referencia al contenido publicado en las
páginas web. Las pautas ayudan hacer un sitio web más accesible para las
personas con discapacidad, basándose en imagines, contenido etc.
21
ATRIBUTOS ALT
La palabra alt viene de alternate text o texto alternativo, y se utiliza para
poder saber lo que muestra una imagen.
En el campo de la accesibilidad se lo utiliza con el propósito de que las
personas ciegas, con ceguera a los colores o poca visión puedan saber que
describen las imágenes a las que ellos quieran acceder.
Una regla general es que todas las
imágenes deben tener una breve
descripción, llamado texto
alternativo. Las imágenes como
gráficos, esquemas, imágenes,
mapas, etc.
Los gráficos se pueden utilizar sin
ningún tipo de problemas, esto
siempre y cuando sean importantes y
no distraigan.
Todas las imágenes con alternativas
de texto deben asegurar que toda la información se pueda entender sin ver
la imágenes de esta forma se asegurará una mejor accesibilidad del sitio.
22
READ SPEAKER
Fuente: FEAPS
Según la Organización Nacional de Ciegos Españoles (ONCE), "el 80% de la
información necesaria para nuestra vida cotidiana implica al órgano de la
visión". Lo que indica que las cosas que aprendemos y las cosas que hacemos
lo asimilamos en base a nuestra visión.
Dado que no todas las personas tienen la capacidad de ver , pero si el derecho
de acceder a la web, se han creado programas que ayuden a las personas con
discapacidad a que puedan usar las webs sin ningún impedimento.
ReadSpeaker, es el primer servicio en el
mundo de conversión de texto a voz, tiene
como propósito ayudar a las personas con
discapacidades visuales a escuchar un texto
sin necesidad de verlo. ReadSpeaker,
también creo el programa formReader que
ayuda a que sus usuarios puedan llenar
formularios para solicitar alguna
información de una página en específico.
23
DALTONISMO
El daltonismo es un trastorno de la visión, en el que las personas tienen la
dificultad para diferenciar los colores, esta condición afecta entre el 8 -10%
de la población.
Tomando en cuenta estas estadísticas, las páginas web deben ser diseñadas
para que los usuarios puedan usarlas sin inconvenientes, y sin que los
colores puedan afectar la manera que ubican la información o revisan los
contenidos.
Según, Quispe, para diseñar una página web para daltónicos se debe recurrir
al apoyo de iconos que indiquen al usuario que color se está utilizando y así
pueda ver las diferencias en las distintas secciones de la página. Para estas
técnicas recomienda utilizar iconos de ColorADD, un sistema creado por Color
Universal Desing Organization (CUDO).
El color ADD, fue creado por el
investigador, Miguel Neira, que tiene
como objetivo ayudar a las personas
daltónicas a distinguir los colores.
Consiste en una serie de íconos que
representan los cinco colores básicos
incluyendo blanco y negro, con la mezcla
de se obtiene varios colores y
tonalidades.
Neiva explica el sistema como: “el amarillo con una barra diagonal, mientras
el rojo y el azul están representados por tria ngulos que apuntan en sentidos
opuestos. Al combinar estos símbolos, la barra y el triángulo hacia la derecha
forman el verde, y así sucesivamente en base a las combinaciones de los
diversos símbolos se obtienen los siete colores básicos” ( Neira,2010).
24
VISUALIZACIÓN DE LA PANTALLA
Para que una página web
sea accesible debe
adaptarse a la comodidad
de todos sus usuarios. Es así
que tomar encuenta la
adaptación de pantalla es
necesario para evitar
molestias en la navegación.
Actualmente los usuarios en
Internet emplean varios tipos de resolución de pantalla, entre ellas la más
utilizadas son: 640 x 480, 800 x 600, 1024 x 768, 1280 x 1024 o superiores
Tomando en cuenta
estos datos se debe
optar por opciones
que permitan usar el
mayor tipo de
resoluciones.
En estos casos
utilizar diseños
elásticos ayudaría en
el diseño, ya que
tiene la capacidad de adaptarse a diferentes tipos de resoluciones.
Los diseños elásticos son aquellos que las medidas de los bloques se definen
en emes, de forma que al agrandar el tamaño de fuente, aumenta también la
anchura, y al aumentar el tamaño de fuente provoca un efecto zoom sobre
toda la página. Estas características ayudarán a que los contenidos sean
accesibles para todos los posibles usuarios.
25
IMPRESIÓN DE LAS PÁGINAS
La lectura digital es física y mentalmente más exigente esto debido a la luz y
los pixeles que estimulan nuestra visión, es por esto que debemos dar la
opción a nuestros usuarios de poder imprimir los contenidos que deseen. A
continuación mencionaremos las características que deben tener estos
contenidos:
- Según, EBU (la voz de los ciegos y personas con deficiencia visual en
Europa), recomienda que el tamaño de las letras sea de 12 puntos
como mínimo para imprimir documentos estándar.
- Se debe tomar en cuenta el contraste entre el fondo y el texto, de
esto dependerá la legibilidad del contenido, es por esto que se debe
imprimir sobre un fondo blanco y texto negro así habrá mejor
contraste por lo tanto mayor legibilidad.
- Para que un texto sea legible de debe evitar la letra cursiva o fuente
serif. Según Real Instituto Nacional para Ciegos del Reino Unido
(RNIB) es recomendable usar la fuente tiresias, es un tipo de letra
pensado para las personas con dificultades de visión, los tipo de fuente
que se utilizan son:
-Tiresias LPfont, para textos largos
-Tiresias PCfont para facilitar su uso lectura en pantallas
- O a su vez letra San-Serif, Helvetica o Arial
26
AUTORA
Gabriela Estrella @GabrielaEstre
Periodismo Quito, Ecuador
2016
27
BIBLIOGRAFÍA
-Almazán (2005). Las claves de la usabilidad los gurúes Nielsen y Krug.
Serrano, Biblioteca del Congreso Nacional de Chile, 23(48), 1-18.
-Benavente (2015). Cómo optimizar las imágenes para tu web. Recuperado abril 2016, de Jimdo Sitio web: http://es.jimdo.com/2015/02/25/cómo-optimizar-las-imágenes-para-tu-web/ -Brandermedia (2016). Cómo y dónde ubicar tu logo nombre. Recuperado abril 2016, de Brandermedia Sitio web: http://www.brandermedia.es/como-y-donde-ubicar-tu-logo-o-nombre/
-Cabrera Mayra y López Fátima (2014). Estudio de la normativa WCAG 2.0 y
análisis de accesibilidad web para la creación de un prototipo de sistema
experto basado en casos, que permita generar reportes de accesibilidad de
páginas web, tomando como base un sitio web ecuatoriano” (Tesis de
pregrado). Universidad Politécnica Salesiana, Cuenca . Recuperada de
http://www.dspace.ups.edu.ec/bitstream/123456789/6290/1/UPS-
CT002849.pdf
-Cómo elegir una imagen y optimizarla para ponerla en tu página web (2016). Recuperado abril 2016, de CCM Sitio web: http://es.ccm.net/faq/2837-elegir-una-imagen-y-optimizarla-para-ponerla-en-tu-pagina-web -Díaz (2011). Que hacer y que no hacer con el color del texto en la web.
Recuperado abril 2016 de, http://www.academia-
interactiva.com/2011/07/color_texto/
- Díaz (2016). Diseño web, 6 razones con las que espantar a los usuarios.
Recuperado abril 2016, de Interneate Sitio web:
http://interneate.com/blog/diseno-web-6-razones-con-las-que-espantar-a-
los-usuarios/
-EBU, Haciendo la información más accesibles para todos. Recuperado abril
2016 de, http://www.euroblind.org/resources/guidelines/nr/88#Images.
-Franco. (2008). Como escribir en la web. Bogotá: El tiempo.
28
-García, (2004). Usabilidad de las páginas de inicio de los diarios digitales
españoles. Scire: Representación y Organización del Conocimiento, 10 (2),
124-136.
-Lozano, (2011). Definición de publicidad online. Recuperado abril 2016, de
V2p Sitio web: http://www.v2p-online.es/2011/10/15/definicion-publicidad-
online/
-Montero, Yusef y Fernández, Martín (2003). Guía de evaluación heurística de
sitios web. Revista No Solo Usabilidad, (1), 1-10.
-Montero,Yusef ; Fernández, Martín y Ghzala, Iazza (2004). Diseño Web
centrado en el usuario: usabilidad y arquitectura de la información.
Hipertext. Net, (2), 1-14.
-Moreno (2004), Tipografía y diseño web. Recuperado abril 2016 de,
http://www.desarrolloweb.com/articulos/1691.php.
-Marcar los enlaces ya visitados por el usuario, Recuperado abril 2016 de,
http://www.desarrolloweb.com/articulos/marcar-enlaces-visitados.html.
-Nielsen (2006). Patrón en forma de F para la lectura de contenido Web. Recuperado abril 2016 de Nielsen Norman Group Sitio web: https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
-Pauferri ( 2013 .Como crear la sección “quienes somos” o “sobre nosotros”
en tu tienda online. Recuperado abril 2016 de Ecommfans. Sitio web:
http://www.ecommfans.com/como-crear-la-seccion-quienes-somos-o-sobre-
nosotros-en-tu-tienda-online/
-Quispe,(2013). Usabilidad web para usuarios daltónicos. Perú: Universidad de
San Martín de Porres.
-¿Qué elementos debe tener una página de contacto para captar leads?
(2015). Recuperado abril 2016, de Antevenio. Sitio web: http://www.antevenio.com/blog/2015/04/elementos-debe-tener-pagina-contacto-captar-leads/
29
-Romero (2001), Ideas de Jakob Nielsen sobre cómo escribir para la Web.
Valencia: Universidad de Valencia.
-Serrano, Esmeralda (2009). Accesibilidad vs usabilidad web: evaluación y
correlación. Investigación bibliotecológica, 23(48), 61-103.
-Tendencias web para el (2015). Recuperado abril 2016, de Tinta Cora Sitio web: http://tintacora.com/tendencias-web-para-el-2015/ -Urban, (2015).10 razones por las que los visitantes abandonan tu sitio.
Recuperado abril 2016, de información y arte .com Sitio web:
http://www.informacionyarte.com/10-razones-por-las-que-los-visitantes-
abandonan-tu-sitio.
30
Gabriela Estrella
@GabrielaEstre Periodismo
2016
MANUAL DE USABILIDAD WEB