como lograr la usabilidad de sitios web n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Como lograr la usabilidad de sitios web PowerPoint Presentation
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


Download Now 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: enrique.stanziola@gmail.com

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)