Como lograr la usabilidad de sitios web
This presentation is the property of its rightful owner.
Sponsored Links
1 / 23

Como lograr la usabilidad de sitios web PowerPoint PPT Presentation


  • 79 Views
  • Uploaded on
  • Presentation posted in: General

Como lograr la usabilidad de sitios web. Enrique Stanziola Despegar.com. Proceso evolutivo o iterativo. investigación. evaluación. diseño de alternativas. construcción de prototipos. relevamiento de usuarios, contextos y tareas análisis

Download Presentation

Como lograr la usabilidad de sitios web

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Como lograr la usabilidad de sitios web

Como lograr la usabilidadde sitios web

Enrique Stanziola

Despegar.com


Proceso evolutivo o iterativo

Proceso evolutivo o iterativo

investigación

evaluación

diseño de alternativas

construcción de prototipos


Proceso evolutivo o iterativo1

  • relevamiento de usuarios, contextos y tareas

  • análisis

  • determinación de criterios de diseño y objetivos de usabilidad

Proceso evolutivo o iterativo

investigación

evaluación

diseño de alternativas

construcción de prototipos


Investigaci n

Investigación

  • Usuarios: ¿Quiénes son? Edad, sexo, educación, experiencia con TICs (Windows, Web, etc), conocimiento del tema del sitio. ¿Cómo se segmentan?

  • Tareas: ¿Qué necesitan, desean o deben hacer? ¿Con qué frecuencia? ¿Con qué complejidad?

  • Contextos: ¿Cuándo? ¿Dónde? ¿Con quiénes? ¿Con que tecnología?

  • Técnicas de relevamiento y análisis (ej entrevistas contextuales)


Proceso evolutivo o iterativo2

Proceso evolutivo o iterativo

  • crear soluciones que satisfagan las necesidades de los usuarios

  • dentro de los criterios de diseño establecidos

  • cumpliendo con los objetivos de usabilidad determinados

investigación

evaluación

diseño de alternativas

construcción de prototipos


Dise o de alternativas

Diseño de alternativas

Al diseñar se aplican:

  • principios de diseño centrado en el usuario–ej:visibilidad, retroalimentación, usuario siempre en control

  • restricciones humanas –ej: percepción visual y auditiva, cognición, memoria, resolución de problemas

  • lineamientos (guidelines) –ej: navegación clara

  • patrones y estandares –ej: links azules y subrayados


Proceso evolutivo o iterativo3

investigación

Proceso evolutivo o iterativo

evaluación

diseño de alternativas

construcción de prototipos

  • “maquetas” de las alternativas diseñadas

  • apariencia similar al sitio

  • funcionalidad limitada o simulada

  • construcción rápida


Construcci n de prototipos

Construcción de prototipos

  • Sirven para mostrar y evaluar el contenido, el aspecto o el funcionamiento de una parte del sitio, sin tener que desarrollarlo completamente.

  • Pueden hacerse en papel, HTML, etc

  • Pueden ser esquemáticos o mostrar el diseño visual del sitio

  • Si sirven, se usan para documentar y/o desarrollar. Si no sirven se descartan.


Como lograr la usabilidad de sitios web

fuente: www.nngroup.com


Proceso evolutivo o iterativo4

Proceso evolutivo o iterativo

investigación y

analisis

  • comprobar si se cumplen o no los objetivos de usabilidad establecidos

  • test con usuarios

  • análisis de logs

evaluación

diseño alternativas

construccion prototipos


Evaluaci n de usabilidad

Evaluación de usabilidad

  • Test con usuarios

    • Usuarios representativos de la población de usuarios (6 a 8 bastan para encontrar la mayor parte de los problemas de una parte limitada del sitio)

    • Consignas para simular situaciones reales de uso

    • Prototipos preparados especialmente para el test (con las páginas que se quieren probar)

    • Se obtienen resultados cualitativos: por qué suceden ciertos problemas? que entienden o no los usuarios? Porque abandonan?


Tests con usuarios

Tests con usuarios

fuente: www.nngroup.com

fuente: www.mitsue.co.jp


Evaluaci n otras t cnicas

Evaluación: otras técnicas

  • Análisis de logs

    • Ej: Google Analytics, Webtrends

    • Brindan resultados cuantitativos: cuántos usuarios entraron a una página del sitio? cuantos abandonan un proceso? dónde?

  • Evaluación heuristica

    • Revisión cumplimiento de lineamientos, patrones y estándare realizada por varios expertos.


Proceso evolutivo o iterativo5

  • ¿estamos en el camino correcto?

  • ¿necesitamos relevar más?

Proceso evolutivo o iterativo

investigación

(2da. vuelta)

evaluación

diseño de alternativas

construcción de prototipos


El ciclo an lisis dise o evaluaci n se cumple siempre

El ciclo análisis-diseño-evaluación se cumple siempre

  • De nosotros depende cuándo se hará la primera evaluación.

  • Cuanto más temprano se involucre a usabilidad y a los usuarios, es más fácil hacer un sitio usable. (Y más barato y rápido será su desarrollo)


Dise ar es dif cil

¡Diseñar es difícil!

porque implica tomar muchas decisiones teniendo en cuenta muchos factores:

  •  negocio

  •  tecnología

  •  usuarios

  •  tareas

  •  contexto de uso

    No es posible hacer diseño centrado en el usuario solamente con inspiración, sentido común, o guidelines.


M s informaci n

¿Más información?

  • usabilidad.wetpaint.com – Grupo en Argentina

  • www.cadius.org – Comunidad habla hispana

  • useit.com – Jakob Nielsen

  • sigchi.org - ACM SIGCHI

  • www.usability.gov – Gobierno U.S.A.

    Contacto: [email protected]


Muchas gracias

¡Muchas gracias!

Enrique Stanziola


Como lograr la usabilidad de sitios web

www.afip.gov.ar

  • “¿Dónde hay una AFIP cerca?”

  • “Necesito una constancia de CUIT”

  • “Debo presentar la declaración jurada de ganancias”


Sitio de afip usuarios

Sitio de AFIP: usuarios

  • todas las personas mayores de 18 residentes en el pais (sin importar edad, sexo o educación)

  • experiencia con TICs: desde navegacion web basica en adelante

  • conocimiento de impuestos: desde nivel basico hasta contadores.

  • tipo de contribuyentes: monotributistas, empleados, empresarios, profesionales, etc.

  • Objetivo de usabilidad: debe ser facil de aprender para la mayoria de los usuarios.

  • Criterio de diseño: Simplificar el diseño para que el usuario pueda concentrarse en la complejidad del sistema impositivo.


Sitio de afip tareas

Sitio de AFIP: tareas

  • Tramites

    • Varian en complejidad, desde los simples (encontrar agencia cercana, obtener comprobante de inscripcion) a los complejos (presentacio de declaracion jurada de ganancias),

    • Varian en frecuencia, mensual (presentacion declaracion IVA) a anual (ganancias)

      • Criterios de diseño: guiar en las tareas complejas y poco frecuentes.

      • Objetivo de usabilidad: evitar errores en tareas complejas, ejecutar con eficiencia y facilidad de aprendizaje las tareas frecuentes y simples.

  • Busquedas

    • Resoluciones, procedimientos, leyes, direcciones, horarios, formularios

      • Criterio de diseño: proveer distintos medios de busqueda(buscador, indice, etc)


Sitio de afip contextos

Sitio de AFIP: contextos

  • En oficina, en casa, en cibercafe, en zona wi-fi

  • Con ruido alrededor (o debiendo guardar silencio), solo o con gente (posibles interrupciones)

  • De dia, o de noche (con bebe durmiendo al lado)

  • Con PC, notebook, PDA, celular (varia en velocidad de procesador, tamano de pantalla, resolucion)

  • Con banda ancha, wi-fi , dial up, conexión red celular (varia en velocidad y confiabilidad)

  • Criterio de diseño: los procedimientos largos pueden interrumpirse, proveer forma de retomar con tramite iniciado (ej retomar donde se dejo un asistente de presentacion de declaracion jurada de ganancias)


Sitio de afip dise o de alternativas

Sitio de AFIP: diseño de alternativas

  • Tarea compleja y anual (Ej presentacion de declaracion jurada de ganancias)

    • Como formulario online

    • Como asistente (wizard)


  • Login