como lograr la usabilidad de sitios web
Download
Skip this Video
Download Presentation
Como lograr la usabilidad de sitios web

Loading in 2 Seconds...

play fullscreen
1 / 23

Como lograr la usabilidad de sitios web - PowerPoint PPT Presentation


  • 115 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Como lograr la usabilidad de sitios web' - nicholas-sherman


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

slide19

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)
ad