no me hagas pensar. buenas prácticas para desarrollar en la web
DESCRIPTION
Orientada a diseñadores, artistas, programadores, y público en general, esta charla es un compendio de buenas prácticas para el desarrollo y diseño web. Basada en el trabajo de Steve Krug y estandares publicados por W3C,se presentarán criterios prácticos para fomentar el sentido comun, usabildiad, accesibilidad y universilidad en la web, sin dejar de justificar el porqué de cada una.TRANSCRIPT
![Page 1: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/1.jpg)
corporate training menttes
Roberto [email protected]
No me hagas pensarBuenas practicas para desarrollar en la web
![Page 2: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/2.jpg)
ustedes
![Page 3: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/3.jpg)
Ich gehe in die Schule
![Page 4: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/4.jpg)
Beszél németül ?
![Page 5: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/5.jpg)
satse omoc aloh
![Page 6: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/6.jpg)
satse omoc aloh
hola como estas
![Page 7: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/7.jpg)
no me hagas pensar
![Page 8: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/8.jpg)
![Page 9: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/9.jpg)
![Page 10: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/10.jpg)
![Page 11: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/11.jpg)
etc
![Page 12: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/12.jpg)
buenas prácticas
![Page 13: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/13.jpg)
sentido común
![Page 14: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/14.jpg)
usabilidadaccesibilidadimplementación
![Page 15: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/15.jpg)
usabilidadaccesibilidadimplementación
![Page 16: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/16.jpg)
usabilidadaccesibilidadimplementación
![Page 17: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/17.jpg)
usabilidadaccesibilidadimplementación
![Page 18: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/18.jpg)
Qué es lomás importanteque debo hacer
![Page 19: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/19.jpg)
para que un sitiosea fácil de usar ?
![Page 20: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/20.jpg)
No tengo que pensar- para poder usarlo -
![Page 21: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/21.jpg)
obvio
![Page 22: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/22.jpg)
autoevidente
![Page 23: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/23.jpg)
autoexplicativo
![Page 24: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/24.jpg)
pensar ?
![Page 25: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/25.jpg)
cursos
![Page 26: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/26.jpg)
entrenamiento
![Page 27: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/27.jpg)
tutoría
![Page 28: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/28.jpg)
consultoría
![Page 29: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/29.jpg)
![Page 30: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/30.jpg)
Resultados
![Page 31: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/31.jpg)
> Resultados
![Page 32: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/32.jpg)
Como usamos la web ?
![Page 33: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/33.jpg)
No es posible que todosea autoevidente
![Page 34: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/34.jpg)
Ok, auto explicativo ?
![Page 35: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/35.jpg)
si no funciona me voy a otro sitio
![Page 36: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/36.jpg)
![Page 37: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/37.jpg)
![Page 38: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/38.jpg)
Como usamos la web ?
![Page 39: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/39.jpg)
![Page 40: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/40.jpg)
![Page 41: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/41.jpg)
![Page 42: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/42.jpg)
![Page 43: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/43.jpg)
![Page 44: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/44.jpg)
hechos de la vida #1
![Page 45: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/45.jpg)
no leemos, escaneamos
![Page 46: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/46.jpg)
hechos de la vida #2
![Page 47: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/47.jpg)
no hacemos búsquedas óptimas
![Page 48: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/48.jpg)
por qué ?
![Page 49: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/49.jpg)
estamos apurados
![Page 50: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/50.jpg)
no hay mucha penalidad por adivinar mal
![Page 51: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/51.jpg)
adivinar es mas divertido
![Page 52: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/52.jpg)
hechos de la vida #3
![Page 53: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/53.jpg)
![Page 54: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/54.jpg)
no nos preocupamos comofunciona todo
![Page 55: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/55.jpg)
resolvemos y seguimos
![Page 56: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/56.jpg)
por qué ?
![Page 57: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/57.jpg)
porque no es importante
![Page 58: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/58.jpg)
si encontramos algo quefunciona, nos quedamos
con ello
![Page 59: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/59.jpg)
si encontramos algo quefunciona, nos quedamos
con ello
![Page 60: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/60.jpg)
... entonces, para qué ?
![Page 61: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/61.jpg)
si lo que quieren es un poster
![Page 62: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/62.jpg)
construyamos postersgeniales
![Page 63: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/63.jpg)
7cosas importantes
![Page 64: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/64.jpg)
#1
![Page 65: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/65.jpg)
Crear una jerarquía visual
![Page 66: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/66.jpg)
Muy Importanteun poco menos importante
para nada importante
![Page 67: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/67.jpg)
LibrosMusicaDeportesViajesDiversiónMascotas
PerrosGatosCanariosCocodrilos
![Page 68: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/68.jpg)
Mascotas
Cocodrilos
![Page 69: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/69.jpg)
LibrosMusicaDeportesViajesDiversiónMascotas
![Page 70: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/70.jpg)
#2
![Page 71: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/71.jpg)
las convenciones son tus amigas
![Page 72: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/72.jpg)
![Page 73: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/73.jpg)
RuedaPatente pendiente desde: 48.022AC, 46.632AC, 30.000AC, 26.201AC,20.022AC, 18.121AC, 10.012AC, 5.182AC, 4.001AC, ............................................................................................................ ............ ............ ............ 2009DC
![Page 74: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/74.jpg)
#3
![Page 75: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/75.jpg)
dividir las páginas en áreas bien definidas
![Page 76: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/76.jpg)
![Page 77: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/77.jpg)
#4
![Page 78: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/78.jpg)
hacer obvio que es clickeable
![Page 79: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/79.jpg)
![Page 80: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/80.jpg)
![Page 81: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/81.jpg)
#5
![Page 82: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/82.jpg)
quitar el ruido visual(el del fondo tambien)
![Page 83: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/83.jpg)
![Page 84: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/84.jpg)
#6
![Page 85: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/85.jpg)
Omitir palabras innecesarias
![Page 86: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/86.jpg)
reduce el nivel de ruido
![Page 87: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/87.jpg)
destaca el contenido mas importante
![Page 88: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/88.jpg)
páginas mas breves, permitiendo navegar sin
necesidad del scroll
![Page 89: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/89.jpg)
como ?
![Page 90: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/90.jpg)
introducciones
![Page 91: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/91.jpg)
instrucciones
![Page 92: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/92.jpg)
El siguiente cuestionarioestá diseñado para
proveernos información que nos ayudará a mejorar el sitio y hacerlo mas relevante
a sus necesidades.
![Page 93: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/93.jpg)
Por favor, ayudenos respondiendo lo siguiente:
![Page 94: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/94.jpg)
#7
![Page 95: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/95.jpg)
La home page está totalmente fuera de tu
control
![Page 96: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/96.jpg)
Qué debe decir tu home page ?
![Page 97: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/97.jpg)
Que es ?Que hay ?
Que se puede hacer ?Porque aquí y no en otro ?
Cómo comienzo ?
![Page 98: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/98.jpg)
.
![Page 99: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/99.jpg)
Debates sobre usabilidad
![Page 100: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/100.jpg)
un usuario promedio prefiere....
![Page 101: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/101.jpg)
un usuario promedio prefiere....
![Page 102: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/102.jpg)
solución al debate
![Page 103: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/103.jpg)
TEST DE USABILIDAD
![Page 104: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/104.jpg)
pruebas con 3 o 4 usuarios
![Page 105: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/105.jpg)
guiado por alguien con paciencia, que sepa escuchar,
calma
![Page 106: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/106.jpg)
nunca es tarde para hacer testing
![Page 107: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/107.jpg)
1 en etapas tempranas es mejor que
50 en proyecto avanzado
![Page 108: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/108.jpg)
.
![Page 109: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/109.jpg)
y no hable de...
![Page 110: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/110.jpg)
menú, botones, enlaces, cómo hacer tests, etc...
![Page 111: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/111.jpg)
Accesibilidad
![Page 112: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/112.jpg)
Web Content AccesibilityGuidelines 1.0
W3C Recomendation 5-May 1999
![Page 113: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/113.jpg)
#14
![Page 114: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/114.jpg)
#01proveer alternativas
equivalentes
![Page 115: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/115.jpg)
#02no confíes solo en los
colores
![Page 116: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/116.jpg)
#03usar markup y hojas de estilo apropiadamente
![Page 117: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/117.jpg)
#09diseñar teniendo en cuenta
la independencia de dispositivo
![Page 118: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/118.jpg)
#11usar tecnologías y guías
de la w3c
![Page 119: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/119.jpg)
#14asegurar que los
documentos sean claros ysimples
![Page 120: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/120.jpg)
estándares ?
![Page 121: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/121.jpg)
W3C y Estándares
![Page 122: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/122.jpg)
W3C y Estándares
![Page 123: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/123.jpg)
W3C y Estándares
Hyper Text Markup Language ● HTML 4● XHTML ● HTML 5
Cascade Stylesheet Language● CSS v2● CSS v3
Accesibilidad● WCAG
![Page 124: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/124.jpg)
html / xhtml
![Page 125: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/125.jpg)
W3C y Estándares
HTML 4
Encabezado<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>...</html>
Tags<p>This is the first paragraph ...
<p>And this is the second paragraph...</html>
Mayúsculas<ADDRESS ID="company">This is an address.</ADDRESS>
Nombre de atributos<option name=usa selected>USA</option><option name=germany>Germany</option>
XHTML
Encabezado<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">...</html>
Tags<p>This is the first paragraph ...<p>And this is the second paragraph...</html>
Mayúsculas<p>This is the first paragraph ... and here's a break.<br />And this is the second line</p>
Nombre de atributos<address id="company">This is an address.</address>
![Page 126: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/126.jpg)
css
![Page 127: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/127.jpg)
div{
width:220px;padding:10px;border:5px solid gray;margin:0px;
}
div{
width: padding:10px;border:5px solid gray;margin:0px;
}
![Page 128: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/128.jpg)
W3C y Estándares
Firefox 3.5
![Page 129: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/129.jpg)
Chrome
![Page 130: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/130.jpg)
IE 6
![Page 131: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/131.jpg)
Fix Internet Explorer<!--[if IE]><style type="text/css" media="all">@import url(/ie.css);</style><![endif]--><!--[if lte IE 6]><script src="/ie6warn.js" type="text/javascript"></script><![endif]-->
PrácticaDesarrollo en Navegador compliance, fix para navegador no compliance
![Page 132: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/132.jpg)
Estándares: Buenas Prácticas
1. Validar
2. Dividir y conquistar (html, css, js, otros)
3. Testing: Safari/Mac, IE, Firefox, Chrome
4. No usar código específico de una plataforma
5. Crossbrowsing (Fuentes, Resoluciones, etc)
![Page 133: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/133.jpg)
estándares
![Page 134: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/134.jpg)
por qué
![Page 135: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/135.jpg)
web universalmenteaccesible
![Page 136: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/136.jpg)
internet explorerfirefoxsafari
chrome
![Page 137: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/137.jpg)
pcnotebooksnetbooks
pdasmartphone
iphonemicrohondas
![Page 138: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/138.jpg)
http://www.maggiorossetto.com/
![Page 139: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/139.jpg)
![Page 140: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/140.jpg)
![Page 141: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/141.jpg)
![Page 142: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/142.jpg)
ok, muylindo...
![Page 143: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/143.jpg)
... y el SoftwareLibre ?
![Page 144: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/144.jpg)
web universalmenteaccesible
![Page 145: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/145.jpg)
EstándaresMarco LegalComunidad
![Page 146: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/146.jpg)
El Software Librees un poderoso
aliado
![Page 147: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/147.jpg)
2 ejemplos
![Page 148: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/148.jpg)
amaya
![Page 149: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/149.jpg)
![Page 150: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/150.jpg)
plone
![Page 151: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/151.jpg)
![Page 152: No me hagas pensar. Buenas Prácticas para desarrollar en la web](https://reader033.vdocuments.co/reader033/viewer/2022052508/5597ac1c1a28ab3f548b4615/html5/thumbnails/152.jpg)
corporate training menttes
Muchas gracias
Roberto Allende
http://menttes.comhttp://robertoallende.com