Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
-
Upload
gabriel-porras -
Category
Technology
-
view
12.114 -
download
1
Transcript of Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
![Page 1: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/1.jpg)
Sitios ExitososDe los Estándares Web a la Experiencia de Usuario
Gabriel Porrasestandares y accesibilidad.com
![Page 2: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/2.jpg)
Gabriel Porras
Blog:estandares y accesibilidad.com
![Page 3: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/3.jpg)
Sitio Web Exitoso
un buen contenido+
una buena estructura
![Page 4: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/4.jpg)
El Contenido NOes el Rey
¡Sino hay una buena estructura
que lo soporte!
¿Estructura?
![Page 5: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/5.jpg)
En un Principio
Como Paul Boag dice:Dios creó el mundo…
![Page 6: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/6.jpg)
O lo que es Igual
En 1991Tim Berners-Leecreó Internet
![Page 7: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/7.jpg)
Nació el HTML
Un lenguaje muy simple que permite describir el contenido de sus documentos escritos
de manera que los computadores lo puedan
entender.
![Page 8: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/8.jpg)
<h1>Nació el HTML</h1>
<p>Un lenguaje <strong>muy simple</strong> que permite describir el contenido de sus
documentos escritos de manera que los computadores
lo puedan entender.</p>
![Page 9: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/9.jpg)
El HTML en Colombia
HTML viejo + CSS + Script¡Revueltos!
Ejemplo: http://www.medellin.edu.co/
![Page 10: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/10.jpg)
Cómo Deberían ser Nuestras Páginas
HTML Semántico + CSS + JavaScript
¡Separados!
![Page 11: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/11.jpg)
¿Cómo?
Utilizando adecuadamente éstos Estándares Web
![Page 12: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/12.jpg)
¿Estándares Web?Son tecnologías, establecidas por el W3C, usadas para crear
e interpretar el contenido basado en Web, de tal manera que estos documentos estén
siempre disponibles y sean accesibles para tantos como
sea posible.
![Page 13: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/13.jpg)
Capas de una Página
Contenido+
Presentación+
Comportamiento
![Page 14: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/14.jpg)
Capa de Contenido
Lenguajes Estructurales:HTML 4.01 - XHTML 1.0 y 1.1
Futuro: HTML 5.0 y XHTML 2.0
Ejemplo: CSS Zen Garden
![Page 15: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/15.jpg)
Capa de PresentaciónLenguaje de Presentación:
CSS (Hojas de Estilos): Nivel 1 y 2
Futuro: Nivel 3
Ejemplo: Ahora si CSS Zen Garden
![Page 16: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/16.jpg)
Capa de Presentación¿Si es tan fácil?
Miremos el sitio transaccional de Leasing
Bancolombia
![Page 17: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/17.jpg)
Capa de Comportamiento
Modelo de Objetos:DOM + JavaScript (ECMA)
Ejemplo:Teclado Valores con
JavaScriptTeclado Leasing con jQuery
![Page 18: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/18.jpg)
¿Flash un Estándar Web?
¡NO! “Los diseñadores tienden a pensar que a la mayoría de la gente le gustan los sitios que
sean visualmente interesantes porque precisamente a ellos les
gustan los sitios así. Por eso quieren hacer sitios que visualmente sean muy atractivos”. Steve Krug.
![Page 19: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/19.jpg)
Entonces…
Flash sirve para: Videos, Juegos, Aplicaciones,
Publicidad…No sirve para:
Sitios 100% Flash y Menús
![Page 20: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/20.jpg)
Un Sitio Web es Exitoso
Gracias a losEstándares Web,
porque…
![Page 21: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/21.jpg)
Porque…
- Tiene un montaje más rápido
![Page 22: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/22.jpg)
Porque…
- Su mantenimiento es menor,
más fácil y rápido
![Page 23: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/23.jpg)
Porque…
- Tiene menores costos
![Page 24: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/24.jpg)
Porque…
- Tiene un diseño centralizado del cual todos
pueden sacar provecho (para tus páginas nuevas no necesitas al diseñador)
![Page 25: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/25.jpg)
Porque…
- Es compatible con los navegadores antiguos, los
actuales y los futuros
![Page 26: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/26.jpg)
¿Antiguos?
Internet Explorer 2.0
![Page 27: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/27.jpg)
Porque…
- Se descarga y presenta más rápidamente
![Page 28: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/28.jpg)
Porque…
- Ofrece una mayor accesibilidad y una mejor
experiencia de usuario
![Page 29: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/29.jpg)
Porque…
- Está mejor posicionadoen los buscadores
![Page 30: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/30.jpg)
Caso Real
HTMLFlash
![Page 31: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/31.jpg)
Porque…
- Tiene un sólo contenido para todo: impresión, PDA,
Móvil…
![Page 32: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/32.jpg)
¿Imprimir, Móvil…?
Miremos en:Firefox, Opera Mini
CSS Zen Garden OK!Grupo Bancolombia… Mal!
![Page 33: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/33.jpg)
Porque…
- Maximiza su audiencia potencial (Usuarios y
Dispositivos)
![Page 34: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/34.jpg)
Porque…
- Da soporte a laWeb Semántica
¡EL FUTURO!
![Page 35: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/35.jpg)
Porque…
- Es un paso hacia el cumplimiento
de los requerimientos legales
actuales y futuros
![Page 36: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/36.jpg)
Pero…
El uso de los Estándares Web
NO garantiza quetu sitio Web sea exitoso
![Page 37: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/37.jpg)
Estructura...
¿Qué más hay…?
![Page 38: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/38.jpg)
Lo que se ve…
![Page 39: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/39.jpg)
¿Y qué no se ve?
APIS Design – Traducido por Ernesto González
![Page 40: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/40.jpg)
¿Y qué no se ve?Una buena plataforma
Web =Estándares Web + CMS o Lenguaje:
PHP, .Net… +Infraestructura (Hospedaje)
+ Mantenimiento
![Page 41: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/41.jpg)
En la Vida Real…
Bibliotecas Públicas:Contenido = Libros
Plataforma = El edificio
![Page 42: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/42.jpg)
¿Qué le falta para ser Exitosa?
- Una buena experienciade los usuarios
![Page 43: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/43.jpg)
Experiencia de Usuario
“Tiene su origen en el campo del Mercadeo,
estando muy vinculado con el concepto de
Experiencia de Marca”Hassan y Martín
![Page 44: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/44.jpg)
Experiencia de Usuario
“Es la sensación, sentimiento, respuesta emocional, valoración
y satisfacción del usuario respecto a un producto,
resultado del fenómeno de interacción con el producto
y la interacción con su proveedor” Hassan y Martín
![Page 45: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/45.jpg)
Disciplinas
“Psicología cognitiva y perceptual, teoría del lenguaje, ciencia
cognitiva, arquitectura, diseño de entornos, diseño de productos, diseño
de información, arquitectura de información, etnografía, diseño de interacción,
diseño de servicios, heurísticos, teoría de diseño…”
Gorriti
![Page 46: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/46.jpg)
Las que nos Interesan
“Concepto ‘paraguas’:se integran las diferentes
disciplinas y roles profesionales implicados en el
diseño deproductos interactivos”.
Instone
![Page 47: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/47.jpg)
Rueda de laExperiencia de
Usuario
“Encontrabilidad”
Diseño Gráfico
Arquitecturade laInformación
Diseño deInteracción
Usabilidad
Accesibilidad
Tosete
![Page 48: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/48.jpg)
1.“Encontrabilidad”“Buscabilidad” o Findability
En Nuestra Biblioteca:
Ubicación
![Page 49: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/49.jpg)
¿Dónde estáesa Biblioteca?
1.“Encontrabilidad”¿Por qué?
![Page 50: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/50.jpg)
Si tenemos un sitio queremos que sea
encontrado y visitado
SEOSearch Engine Optimization
1.“Encontrabilidad”En la Web
![Page 51: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/51.jpg)
2. Diseño Gráfico
En Nuestra Biblioteca:
Diseño Exterior:La fachada y alrededores
![Page 52: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/52.jpg)
¿Entrarías si esta fuera la Biblioteca?
2. Diseño Gráfico¿Por qué?
![Page 53: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/53.jpg)
La imagen ayuda a hacer nuestro sitio más amigable
Pero no es primordial…Google es feo y es líder
2. Diseño GráficoEn la Web
![Page 54: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/54.jpg)
3. Arquitectura de la Información
En Nuestra Biblioteca:
Diseño arquitectónico+ Catálogo
![Page 55: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/55.jpg)
3. Arquitectura de la Información
¿Por qué?¿Por qué aquí no
encuentro nada?
![Page 56: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/56.jpg)
Define y organiza los contenidos,
la navegación,la señalización y la
búsqueda
3. Arquitectura de la Información
En la Web
![Page 57: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/57.jpg)
4. Diseño de Interacción
En Nuestra Biblioteca:
Procesos
![Page 58: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/58.jpg)
¿Harías esta fila para un préstamo?
4. Diseño de Interacción
¿Por qué?
![Page 59: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/59.jpg)
Diseña la forma en queel visitante interactúa
con el sitio
4. Diseño de Interacción
En la Web
![Page 60: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/60.jpg)
Proceso de Abono en un Comercio
4. Diseño de Interacción
En la Web - Ejemplo
![Page 61: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/61.jpg)
1. Desde el Home
4. Diseño de Interacción
En la Web - Ejemplo
![Page 62: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/62.jpg)
2. Listado de Créditos
4. Diseño de Interacción
En la Web - Ejemplo
![Page 63: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/63.jpg)
3. Definir el Abono
4. Diseño de Interacción
En la Web - Ejemplo
![Page 64: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/64.jpg)
5. Usabilidad
En Nuestra Biblioteca:
EvaluaciónSatisfacción + Interacción
![Page 65: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/65.jpg)
5. Usabilidad¿Por qué?
¡Yo sólo quiero prestar un
libro!¿Por qué estan difícil?
![Page 66: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/66.jpg)
1. ¿Qué tan bien están procesos?
2. ¿Le sirven a los visitantes?3. ¿Cómo se pueden mejorar?
5. UsabilidadEn la Web
![Page 67: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/67.jpg)
¿Cómo?
1. Heurísticas2. Pruebas con Usuarios
3…
5. UsabilidadEn la Web
![Page 68: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/68.jpg)
El Proceso de Abono se probó y¡Se encontraron problemas!
5. UsabilidadEn la Web
![Page 69: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/69.jpg)
Así se mejoró…
5. UsabilidadEn la Web
![Page 70: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/70.jpg)
6. Accesibilidad
En Nuestra Biblioteca:
Responsabilidad SocialPersonas con necesidades
especiales: rampas y/o ascensores
![Page 71: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/71.jpg)
6. Accesibilidad¿Por qué?
¿Y ahoracómo
ingreso?
![Page 72: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/72.jpg)
Acceso universal, independientemente del tipo
de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.
6. AccesibilidadEn la Web
![Page 73: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/73.jpg)
Además de Internet Explorer…- Dispositivos especiales: Lectores
de Pantalla (Screen Readers), Navegadores sólo texto
- Móviles y SmartPhones (iPhone) - Buscadores
6. AccesibilidadEn la Web
![Page 74: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/74.jpg)
Algo más sobre la Accesibilidad Web
“El poder de la Web está en su universalidad. Un
acceso a la Web para todos independientemente de su
discapacidad…”Tim Berners-Lee
![Page 75: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/75.jpg)
Millones de Personas
En Colombia: 2.6 millones de personas discapacitadas(el 6.4% de la población)
1.1 millones tienen problemas de visión (el 2.7% de la
población)
![Page 76: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/76.jpg)
Es su Oportunidad…
Esta mujer no habla como tu,
ni se puede mover como tu…
¡Pero puede trabajar como tu!
![Page 77: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/77.jpg)
Ejemplo en Nuestra Vida
El Metro de Medellín
->
Costos y Ley
![Page 78: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/78.jpg)
Ejemplo de la Vida Virtual
Target.com
Demandada: “Por violar las leyes federales y estatales que prohiben la discriminación contra los discapacitados”Leyes en E.U. y L.A.
![Page 79: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/79.jpg)
Tu Usuario más Importante es Ciego
“La mitad de las visitas a tu sitio vienen de Google, y Google
sólo ve lo que un ciego puede ver. Si tu sitio no es accesible,
tendrás menos visitas. Fin de la historia” Pemberton
![Page 80: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/80.jpg)
Recuerda laGráfica de Visitas…
HTMLFlash
![Page 81: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/81.jpg)
¿Sitios Exitosos?
Sólo si ofrecemos:- Un buen Contenido
- Una buena Plataforma- Y una buena
Experiencia de Usuario
![Page 82: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/82.jpg)
Así como para una Excelente Biblioteca
Se necesita más que libros y un edificio donde
guardarlos…
![Page 83: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/83.jpg)
¿Qué es lo más Importante?
¿El contenido, la estructura o la experiencia de
usuario?
![Page 84: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/84.jpg)
Les Suena Esto…
“El cliente siempre tiene la razón”
![Page 85: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/85.jpg)
Experiencia de Usuario
El éxito de un sitio Webestá en sus Usuarios.
![Page 86: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/86.jpg)
Si no se Piensaen el Usuario…
¡Una aplicación que funcioneperfectamente NO SIRVE!
Un ejemplo vale más que mil palabras
![Page 87: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/87.jpg)
Ejemplo DCU
Sena Virtual.edu.coFormación Profesional
Gratuitadel SENA por Internet
![Page 88: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/88.jpg)
Usuarios
Personas- Los estudiantes actuales
- Los estudiantes potenciales
![Page 89: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/89.jpg)
Tareas Comunes
Escenarios- Los estudiantes actuales
ingresan a sus clases y quieren conocer otros cursos
disponibles.
![Page 90: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/90.jpg)
Tareas Comunes
Escenarios- Los estudiantes potenciales necesitan la oferta educativa y el proceso de inscripción.
![Page 91: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/91.jpg)
Sena Virtual.edu.co
¿Apoya a estos usuarios en sus tareas principales?
www.senavirtual.edu.co
![Page 92: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/92.jpg)
Sena Virtual.edu.co
![Page 93: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/93.jpg)
Propuesta
![Page 94: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/94.jpg)
¿Quieres Aprender?estandares y accesibilidad.com
![Page 95: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/95.jpg)
¿Quieres Aprender?Usarte.org
![Page 96: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/96.jpg)
¿Preguntas?
Sitios ExitososDe los Estándares a la Experiencia de
Usuario
![Page 97: Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario](https://reader036.fdocuments.mx/reader036/viewer/2022062319/557acb2fd8b42a200f8b4ae6/html5/thumbnails/97.jpg)
Gracias
Sitios ExitososDe los Estándares a la Experiencia de
Usuario