diseñode información - mantruc.com - arquitectura de ... · christina wodtke tercer congreso...

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!


33Tutori@lTutori@l

Experiencia de Usuario


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


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


77Tutori@lTutori@l

Diseño de Experiencia de Usuario

Peter Morville2004


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


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


1010Tutori@lTutori@l


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



Regla #1: La Web tiene resolución pobre



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




• ¿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.



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)



Diseño de InformaciónAplicado

http://evolt.org/article/Web_Site_Architecture_101/



Revisando los sitios del Gobierno de Chile

• Hoy vamos bien, mañana, mejor…



Compatibilidad…

Microsoft Explorer Mozilla Firefox

http://www.minjusticia.cl/



Mensajes de Error

4



Consistencia

•Botones•“Ver Certificado Solemne”•“Ver Formulario 22”

•Links •“Formulario 22”•“Cert Solemne”

•¿Son botones y links lo mismo?•¿Cuál es la diferencia?



¿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?



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/



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/



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/



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



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?



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?



Gracias

Javier Velasco – [email protected]


Departamento de Ciencias de la Computación

Universidad de Chile

diseñode información - mantruc.com - arquitectura de ... · christina wodtke tercer congreso...

Documents