Usabilidad

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    3 Favorites

    Usabilidad - Presentation Transcript

      • Aspectos
      • La página Web .
      • El sitio Web.
      • Contenidos Web
      • Ideas Básicas
    1. Espacio de la Pantalla La página Web
      • El contenido debe despertar la atención del lector.
      • El contenido debe ocupar el 80% de la pantalla , dejando el 20% restante para lo demás,
      • El criterio básico es la sencillez
    2. Tiempo de Respuesta La página Web
      • Cuando una página tarda en visualizarse el usuario, tiende a cerrarla.
      • El tiempo recomendado es de 10 segundos
      • Es recomendable indicar en la página el tiempo de descarga
      • El tamaño aconsejable de una página web es de 34 KB
      • Los usuarios deben ir viendo información útil mientras se produce la descarga
      • Usar el atributo ALT en las imágenes
      • Se debe reducir la complejidad de las tablas y las de la parte superior aparecer de manera rápida y sencilla.
    3. La página Web Enlaces
      • Evitar el pulse aquí , Todo lo que se muestre debe transmitir información
      • Usar el titulo del vinculo, si es formato texto, con la etiqueta TITLE
      • Generalmente se usa el color azu l para los enlaces
      • Cuando se visitan se tornan en morados o rojos
    4. Impresión de la página La página Web
      • Mucha gente imprime las páginas por serles más cómoda la lectura
      • Los Navegadores ofrecen una vista preliminar para conocer como se imprimiría la página
      • Es bueno proporcionar versiones en otros formatos para imprimir, de carácter lineal
    5. La página de inicio El sitio Web
      • Es la carta de presentación del sitio
      • Es la estructura del sitio y de sus contenidos
      • Qué ofrece, qué puedo obtener, dónde estoy
      • Cuál es el esquema de navegación
      • Debe existir la opción de acceder desde el inicio a un contenido concreto, en webs con muchas páginas es aconsejable tener un buscador interno.
      • Debe existir un vinculo en todas las páginas a esta de inicio
    6. Navegación El sitio Web
      • Dónde Me encuentro
      • Dónde he estado
      • Dónde puedo ir
      • Tener en cuenta la desorientación cognitiva en la web
      • Tener en cuenta los siguientes aspectos
    7. Estructura del sitio El sitio Web
      • Tener un mapa del sitio , siempre accesible
      • Hay que planificar la estructura al diseñar el sitio
      • Que la estructura refleje el punto de vista del usuario
    8. Escrito para la Web Contenidos Web
      • Ser breves.
      • Escribir para conta r las cosas
      • Utilizar Hipertexto para dividir la información extensa
    9. Textos claros y breves Contenidos Web
      • En la pantalla se lee un 25% más lento que en papel
      • Generalmente no es cómodo leer en pantalla, no estamos acostumbrados
      • Es bueno presentar un resumen al principio, una forma didáctica es con una mapa de conceptos
      • Los usuarios que hojean textos en web, sólo leen la primera frase de cada párrafo
      • Poner una idea por párrafo
    10. Facultad de Hojear Contenidos Web
      • Al leer las webs, por impaciencia, tendemos a ‘hojear’
      • Estructurar los textos con dos o tres niveles de titular
      • Utilizar encabezados significativos en vez de atractivos
      • Usar listas con viñetas y similares en los bloques de texto
      • Resaltar y enfatizar palabras claves, que retengan la atención
    11. Fragmentación e Hipertexto Contenidos Web
      • Con el hipertexto podemos tener páginas breves , y disponer de mucha información con vínculos internos y externos
      • Se trata de fragmentos coherentes , no divisiones en trozos
      • Pirámide Invertida , conclusión breve para captar la idea, y después se van añadiendo los detalles
      • La idea es que el lector pueda detenerse en cualquier momento y poder seguir leyendo las partes de información que le interesen
      • Un articulo largo es mejor reescribirlo o abreviarlo y fragmentarlo
    12. Contenidos Web
      • Los colores deben tener mucho contraste entre el texto y el fondo , ojo a las discapacidades visuales, lo que nunca falla es texto negro sobre fondo blanco.
      • Fondos con colores claros , los gráficos de fondo pueden dificultar la lectura al hacer el texto borroso e irreconocible
      • Cuidar el tamaño de las fuentes, que se puedan leer pese a una discapacidad visual, es recomendable el tipo Serif con 9 o más puntos .
      • No usar animaciones, ni marquesinas en el texto
      • Alinear a la izquierda , el texto.
      • Escribir todo en mayúsculas hace que se lea un 10% más lento
      Legibilidad
    13. Componentes Multimedia Contenidos Web
      • Usar ALT en las imágenes
      • Ficheros de gran tamaño que dificultan la descarga, indicar el tiempo de descarga si es más de 10 segundos.
      • Tener en cuenta la diferencia de anchos de banda.
      • Escribir un resumen de lo que se puede ver y oir,
      • Usar un vinculo para acceder a estos con la etiqueta _Blank ,para usar una pagina completa e independiente.
      • Informar de los complementos o plugins necesarios y de cómo obtenerlos.
    14. 4 ideas básicas
      • Contenidos de gran calidad
      • Actualización a menudo
      • Rapidez en el tiempo de descarga
      • Facilidad de uso

    + pacoreypacorey, 3 years ago

    custom

    1383 views, 3 favs, 2 embeds more stats

    Usabilidad en la web

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1383
      • 1380 on SlideShare
      • 3 from embeds
    • Comments 0
    • Favorites 3
    • Downloads 0
    Most viewed embeds
    • 2 views on http://internet1unab.blogspot.com
    • 1 views on http://localhost

    more

    All embeds
    • 2 views on http://internet1unab.blogspot.com
    • 1 views on http://localhost

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories