Diferencia entre revisiones de «Usuario:Juanda/html/Introducción»
De WikiEducator
(→Nivel A) |
|||
| (12 revisiones intermedias por el mismo usuario no mostrado) | |||
| Línea 1: | Línea 1: | ||
{{Usuario:juanda/html/nav }} | {{Usuario:juanda/html/nav }} | ||
| − | {{#widget:Slides}} {{MiTitulo| Curso de | + | {{#widget:Slides}} {{MiTitulo| Curso de UX}} |
<div class="slides layout-regular template-default"> | <div class="slides layout-regular template-default"> | ||
<div class="slide"> | <div class="slide"> | ||
| Línea 24: | Línea 24: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| + | =====Contenido de la web===== | ||
| + | *No juzgues un libro por su portada | ||
| + | *En una web, si la primera pantalla "no gusta" el usuario no seguirá | ||
| + | *Intenta "cortar elementos" si la página tiene scroll para que el usuario lo perciba | ||
| + | *Minimiza el contenido de la web segun la 3ª regla de Krug (sus reglas de usabilidad son famosas). | ||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | *Reglas de Krug: | ||
| + | :1.No me hagas pensar. | ||
| + | :2. No importa cuántas veces tengo que hacer clic, siempre y cuando cada clic es una elección inconsciente e inequívoca. | ||
| + | :3. Deshágase de la mitad de las palabras de cada página, a continuación, deshágase de la mitad de las que quedan. | ||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | =====Tiempo de respuesta de una web===== | ||
| + | * Según [http://es.wikipedia.org/wiki/Jakob_Nielsen Jacob Nielsen], experto en usabilidad. | ||
| + | * Límite '''1 décima''': <br/> | ||
| + | :Respuesta instantánea, parece causada por el usuario y no por el ordenador. | ||
| + | :Ejemplo: al cambiar entre pestañas del navegador. | ||
| + | *Límite '''1 segundo''': <br/> | ||
| + | :El usuario siento el retraso pero siente el control y una sensación de libertad mientras espera la respuesta del ordenador. Adecuado para una correcta navegación. | ||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | *Límite '''10 segundos''' <br/> | ||
| + | :El usuario puede mantener la atención, deseando que el ordenador respondiera más rápido. | ||
| + | *No hay mundo (informático) más allá de los 10 segundos :-( | ||
| + | |||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | |||
==Accesibilidad== | ==Accesibilidad== | ||
</div> | </div> | ||
| Línea 61: | Línea 90: | ||
*El contenido debe tener un orden de lectura no dependiente del diseño o estilos | *El contenido debe tener un orden de lectura no dependiente del diseño o estilos | ||
*El contenido no debe depender de colores y debe ser fácilmente distinguible del fondo | *El contenido no debe depender de colores y debe ser fácilmente distinguible del fondo | ||
| + | :*[http://leaverou.github.com/contrast-ratio/ Herramienta para ver lo legible que es tu combinación de colores] | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| Línea 133: | Línea 163: | ||
<div class="slide"> | <div class="slide"> | ||
*Iniciativa de la W3C | *Iniciativa de la W3C | ||
| − | *Las metas son compatibilidad entre plataformas (uso de | + | *Las metas son compatibilidad entre plataformas (uso de estándares web abiertos) y tamaño de ficheros compacto. |
*Ejemplo: separación de contenido (html) y presentación (css). | *Ejemplo: separación de contenido (html) y presentación (css). | ||
*Una web que cumple los estándares no tiene porque ser una web con buena usabilidad o accesibilidad. | *Una web que cumple los estándares no tiene porque ser una web con buena usabilidad o accesibilidad. | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| + | |||
==Compromisos entre uso de estándares, usabilidad y accesibilidad== | ==Compromisos entre uso de estándares, usabilidad y accesibilidad== | ||
</div> | </div> | ||
Última revisión de 07:50 18 dic 2013
