{"id":14834,"date":"2020-12-09T10:42:17","date_gmt":"2020-12-09T08:42:17","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14834"},"modified":"2021-02-17T16:26:42","modified_gmt":"2021-02-17T14:26:42","slug":"legibilidad","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/legibilidad\/","title":{"rendered":"Legibilidad"},"content":{"rendered":"

\u00bfQu\u00e9 es?<\/strong><\/h2>\n

La legibilidad<\/strong> se refiere a la facilidad con que el usuario puede leer el texto. Es una cuesti\u00f3n directamente relacionada con la usabilidad, ya que afecta a la manera en que el usuario procesa la informaci\u00f3n. Una legibilidad baja aleja a los usuarios del contenido.<\/p>\n

Implicaciones en el dise\u00f1o de interfaces<\/strong><\/h2>\n

Factores implicados en la legibilidad<\/strong><\/p>\n

    \n
  1. Contraste<\/strong>. Es el factor principal para determinar si un texto es legible o no. Un buen nivel de contraste hace que el texto pueda leerse f\u00e1cilmente y que se pueda escanear visualmente, si se quiere realizar una lectura en diagonal. Un bajo grado de contraste requiere esfuerzo por parte del usuario y convierte la lectura en un proceso lento y desagradable. Existen herramientas web que permiten comprobar si el nivel de contraste de un texto respecto al fondo es suficiente. Por ejemplo: https:\/\/webaim.org\/resources\/contrastchecker\/<\/a>.<\/li>\n
  2. Tama\u00f1o<\/strong>. Un texto bien jerarquizado, en el que se articulan bien los tama\u00f1os para que el usuario pueda reconocer sin dificultades los diferentes niveles de contenido (t\u00edtulo, cuerpo, etc.), es m\u00e1s legible.<\/li>\n
  3. Interlineado<\/strong>. El interlineado o distancia entre l\u00edneas influye en la facilidad con la que el texto es visualmente escaneable. Si es demasiado estrecho, puede favorecer que el usuario se confunda de l\u00ednea. Si es demasiado amplio, el texto parecer\u00e1 fragmentado en lugar de tener continuidad. En dise\u00f1o para pantalla el interlineado ideal generalmente se sit\u00faa alrededor del 150 % del tama\u00f1o del texto, aunque debe ajustarse seg\u00fan el tipo de letra, su tama\u00f1o, la cantidad de contenido, etc.<\/li>\n
  4. Interletraje<\/strong>. El interletraje es la distancia entre las letras de una palabra. Aunque puede ajustarse en textos breves y de gran tama\u00f1o para reforzar aspectos visuales, es recomendable no modificar el que cada fuente tiene por defecto, cuando se trata de texto de contenido extenso.<\/li>\n
  5. Longitud de l\u00ednea<\/strong>. La longitud de l\u00ednea corresponde al n\u00famero de caracteres por l\u00ednea. Es un factor que tiene una fuerte influencia en c\u00f3mo el usuario fluye de una l\u00ednea a la siguiente al leer un texto extenso. En general, una anchura de entre 45 y 75 caracteres (incluyendo signos de puntuaci\u00f3n y espacios) es adecuada, aunque, como en el caso del interlineado, deber\u00e1 ajustarse comprobando visualmente el resultado seg\u00fan el tipo de letra y el tama\u00f1o elegido.<\/li>\n<\/ol>\n

    Pautas de dise\u00f1o para optimizar la legibilidad<\/strong><\/p>\n

    Para garantizar la legibilidad de un texto, adem\u00e1s de tener en cuenta las cuestiones asociadas a los factores descritos anteriormente, deber\u00edan seguirse las pautas que se describen a continuaci\u00f3n.<\/p>\n