Hoy vengo a hablaros de la legibilidad en la web. Es algo importante ya que si no es legible no atraerá a la gente y no tendrá mucho éxito. Primero explicare lo que es un mapa Web
Mapa Web: Es una lista de las paginas de un sitio web accesible por los buscadores y usuarios.
Analizaremos tres paginas para que veais el contraste de unas y otras.
Lineales:
Son paginas que si o si tienes que seguir determinado camino, ya que tienen una navegación secuencial
Empecemos analizando la pagina de http://dokimos.org/index.html
Es una pagina web religiosa que ya de primeras al entrar en a pagina se nos muestra esto
Solo con la imagen podemos ver que hay cosas que no cuadran en ella y que la hacen horrible.
Una de esas cosas es el color del fondo, que al ser esta una imagen no se aprecia pero esta en movimiento, a eso le tenemos que sumar que las letras contrastan muy mal con el fondo y no se entiende muy bien lo que pone y es aun peor si tenemos en cuenta que los colores del fondo se van moviendo.
También hay que decir que el tamaño de la letra no es lo suficientemente grande para leer con facilidad los cuadros de textos que hay en ella.
Otro de los fallos son los links, los cuales casi ni se ven aparte del de la estrella, y depende de lo pequeña que tengas la ventana pueden superponerse los de abajo con algún texto
Te lleva a este punto si presionas la estrella, la unica cosa que puedes cliquear para que te lleve a otro lado. Son algo asi como mandamientos con algun tipo de texto al lado derecho de la imagen central de cada uno.
La siguiente pagina lineal es: https://mx.answers.yahoo.com/ una pagina que todos conocemos.
El portal te da la bienvenida y te deja navegar por su pagina como si de un libro se tratase, de forma secuencial por sus apartados.
Es lineal ya que puedes meterte en las entradas pero tiene una navegación secuencial
Reticular:
Se trata de una pagina con la opción de que el usuario vague libremente siguiendo sus necesidades, deseos, etc...
La pagina de la que vamos a hablar es: http://arngren.net/
Una pagina donde venden diversas cosas(que a simple vista parecen que venden cada cachibache del mundo)
Es una pagina saturada de imágenes, anuncios y links a los productos, con un diseño vago e incluso llegas a dudar sobre la función de esta pagina. Tiene una velocidad de carga nefasta al estar tan saturada de cosas.
El mapa web pasa casi desapercibida e incluso tiene algún anuncio montado encima de ella.
El tamaño del texto varia de un lado a otro, es difícil encontrar un anuncio en el que el texto tenga el mismo tamaño que el de al lado
Esta pagina es como si hubieras cogido cada cosa que tú y tus vecinos tuvierais en casa, y no quisierais, y hubierais montado un rastrillo
La siguiente pagina reticular se trata de https://daniseuba.wordpress.com/
Se trata de na pagina de entrada por la que puedes vagar siguiendo tus ansias de conocimiento. Con un montón de apartados y entradas distintas. Incluso el mismo admite que el lleva la pagina con un diseño reticular.
Jerarquizado:
Se trata de una combinación de los dos sistemas anteriores que generalmente se utiliza en proyectos institucionales.
Una pagina jerárquica podría ser https://www.thesimsresource.com/
Tiene los apartados bien colocados y se puede leer bastante bien(aunque esta llena de anuncios)
Tiene subapartados que te permiten encontrar lo que buscas mas específicamente y consta de un buscador para ayudarte a encontrar las cosas.
El buscador te facilita el encontrar las cosas que estas buscando mas facílmente, por desgracia para usarlo en esta pagina tienes que estar registrado.
Otra pagina jerárquica seria: http://espasa.planetasaber.com
Te lleva de un apartado a subapartados para que especifiques mas tu búsqueda.
Y ya en el subapartado elegido puedes mirar la información de este tranquilamente, volver a la principal y elegir otro tema que mirar
Telaraña:
Se vincula a cualquier pagna sin ningun orden especifico,
Un ejemplo seria: https://es.wikipedia.org/wiki/Wikipedia:Portada
Una pagina llena de apartados, en la que puedes ir de un tema a otro sin volver a la portada de la pagina.
Puedes acabar en un apartado que no tiene nada que ver con el principal que estabas mirando, tan solo con unos clicks
Otra con diseño de telaraña es https://www.urbipedia.org/
Ambas son enciclopedias bastante parecidas y casi iguales.
En esta también puedes viajar de un apartado a otro con un par de clicks en las palabras azules, que contienen hipervínculos a otra entrada
.
Espero que esta entrada os haya servido de ayuda. Un saludo
No hay comentarios:
Publicar un comentario