diseñode información - mantruc.com - arquitectura de ... · christina wodtke tercer congreso...
TRANSCRIPT
1
Tutori@lTutori@l
Javier Velasco – [email protected]
Diseño de Información
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 2006
Departamento de Ciencias de la Computación
Universidad de Chile
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
22Tutori@lTutori@l
Agenda para este Tutorial ...
• La Experiencia de Usuario y su Diseño• Diseño de Información
- Definición- Principios
• Revisando Sitios del Gobierno• Revisión abierta, ¡aproveche!
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
33Tutori@lTutori@l
Experiencia de Usuario
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
44Tutori@lTutori@l
Diseño de Experiencia de Usuario
Industria Automotriz- Estudios de
mercado
- Entrevistas a Usuarios
- Ingeniería
- Ergonomía
- Interfaz
- Diseño Visual
- Pruebas
- Gran Lanzamiento
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
55Tutori@lTutori@l Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
66Tutori@lTutori@l
Elementos de la Experiencia de Usuario (en Web)
Jesse James Garrett, 2000
Web como aplicación
Web como hipertexto
2
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
77Tutori@lTutori@l
Diseño de Experiencia de Usuario
Peter Morville2004
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
88Tutori@lTutori@l
Diseño Centrado en el Usuario
• Adivinar lo que quieren las personas y construir un sitio para ellos es caro; si adivinas mal, hay que volver a hacerlo todo.
Christina Wodtke2002
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
99Tutori@lTutori@l
Diseño Centrado en el Usuario
• Los pasos básicos son:1. Averigua para quién es el sitio.
2. Habla con esas personas.
3. Diseña el sitio para ellos.
4. Prueba un prototipo del sitio con ellos.
5. Cambia el diseño de acuerdo a lo aprendido.
6. Prueba el sitio final con ellos.
Christina Wodtke
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1010Tutori@lTutori@l
Diseño de Información
Es un campo y un enfoque que intenta diseñar comunicaciones claras y entendibles mediante el cuidado de la estructura, el contexto y la presentación de los datos y la información.
Nathan Shedroff
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1111Tutori@lTutori@l
Regla #1: La Web tiene resolución pobre
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1212Tutori@lTutori@l
Diseño de Carteles Carreteros
• Crea una jerarquía visual en cada página
• Aprovecha las convenciones
• Descompone las páginas en áreas claramente definidas
• Haz obvio lo clickeable• Minimiza el ruido
Steve Krug
3
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1313Tutori@lTutori@l
Diseño de Información
• ¿Qué?- El tema central o propósito de la página
debe ser lo más claro
• ¿Quién?- Reclamar la propiedad de una página es
básico
• ¿Dónde?- Nunca olvidar la naturaleza internacional
del medio
• ¿Cuándo?- Indicar la fecha de publicación, las
páginas envejecen luego.
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1414Tutori@lTutori@l
Diseño de Interfaces
• El Tao de la Pagina� Principio #1: Simplicidad y Elegancia
� Principio #2: Proximidad y Relevancia
� Principio #3: Foco y Retroalimentación
� Principio #4: Una Jerarquía de Importancia,una Jerarquía de Tareas
� Principio #5: La herramienta Correctapara el Trabajo Correcto
Christina Wodtke (2002)
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1515Tutori@lTutori@l
Diseño de InformaciónAplicado
http://evolt.org/article/Web_Site_Architecture_101/
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1616Tutori@lTutori@l
Revisando los sitios del Gobierno de Chile
• Hoy vamos bien, mañana, mejor…
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1717Tutori@lTutori@l
Compatibilidad…
Microsoft Explorer Mozilla Firefox
http://www.minjusticia.cl/
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1818Tutori@lTutori@l
Mensajes de Error
4
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
1919Tutori@lTutori@l
Consistencia
•Botones•“Ver Certificado Solemne”•“Ver Formulario 22”
•Links •“Formulario 22”•“Cert Solemne”
•¿Son botones y links lo mismo?•¿Cuál es la diferencia?
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2020Tutori@lTutori@l
¿Dónde está la navegación?
ContextoLos sistemas de navegación deben orientar al usuario.
Premioweb: Criterio Facilidad de UsoPregunta 10: ¿El sitio contextualiza las páginas mediante algún sistema de ubicación o clasificación, en orden a facilitar que el usuario sepa dónde se encuentra?
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2121Tutori@lTutori@l
Contexto
Los sistemas de navegación deben orientar al usuario.
Premioweb: Criterio Facilidad de UsoPregunta 9: ¿Son claramente distinguibles los vínculos (links)visitados y aquellos no visitados?
No Visitado No VisitadoVisitado
http://www.consejodelacultura.cl/
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2222Tutori@lTutori@l
Jerarquía de Información
Criterio UtilidadPregunta 7:¿Ofrece o agrupa información de acuerdo a algún criterio: perfil o sector del público objetivo (audiencia), tema (tópico), otro distinguible?
http://www.fonasa.cl/ http://www.sii.cl/
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2323Tutori@lTutori@l
Sistemas de Ayuda
Criterio UtilidadPregunta 2:¿Ofrece el sitio algún medio de orientación y ayuda al usuario para su uso?
Rótulos de navegación abreviados
Marcador de sección actual incorrecto
http://www.interior.gob.cl/
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2424Tutori@lTutori@l
Identidad Institucional
Criterio UtilidadPregunta 1: ¿Todas las páginas cuentan con pie de página omnipresente que indique el nombre de la institución e información de contactos virtuales y físicos?
Pregunta 3: ¿Provee un organigrama de la institución, programa o proyecto?
Pregunta 5: ¿El sitio está inscrito en el registro "gov" y "gob", y tiene el logo del Gobierno de Chile?
http://nebula.fi/chile/
5
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2525Tutori@lTutori@l
Accesibilidad
Pregunta 9: . ¿El sitio se encuentra optimizado para facilitar el acceso de usuarios discapacitados?
http://www.fonadis.cl/ http://www.gobiernodechile.cl/
Tutori@lTutori@l
¿Quién quiere analizar su sitio?
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2727Tutori@lTutori@l
Hemos Visto ...
• La Experiencia de Usuario y su Diseño• Diseño de Información
- Definición- Principios
• Revisando Sitios del Gobierno• Revisión abierta ¿aprovecharon?
Tercer Congreso Informático Gubernamental 24 y 25 de Enero 20Tercer Congreso Informático Gubernamental 24 y 25 de Enero 200606
2828Tutori@lTutori@l
Gracias
Javier Velasco – [email protected]
Diseño de Información
Departamento de Ciencias de la Computación
Universidad de Chile