Usabilidad, accesibilidad y planificación en el diseño
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Usabilidad, accesibilidad y planificación en el diseño

on

  • 476 views

Presentaci

Presentaci

Statistics

Views

Total Views
476
Views on SlideShare
465
Embed Views
11

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 11

http://dev.farmaciajimenez.com 11

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Usabilidad, accesibilidad y planificación en el diseño Presentation Transcript

  • 1. Usabilidad, Accesibilidad y Planificación para el Diseño Junio 2011
  • 2. Sebastián Unda
  • 3. Sebastián Unda // Experiencia de Usuario
  • 4. Experiencia de usuario Factores Factorespropios del propios del usuario Interacción producto Factores Contexto sociales de uso Factores culturales
  • 5. - Merchandising MARKETING BANCARIO - Ferias - Modelo ambiental98 01 GYE
  • 6. MARKETING - Merchandising BANCARIO - Ferias - Modelo ambiental98 01 GYE
  • 7. GUÍA BINTER OST DE ISORA MARKETING AUDITORIO SIENTO BANCARIO x ARONA DE TNF CIENTO98 01 07 11 GYE TNF BCN TNF
  • 8. MARKETING BANCARIO Usuario espectador > Usuario más participativo98 01 07 11 GYE TNF BCN TNF
  • 9. Estratégia DiseñoAccesibilidad de interfase Experiencia Arquitectura Usabilidad de Usuario de información Diseño gráfico
  • 10. Tecnología
  • 11. Usuarios
  • 12. No podemos ser expertos en administración electrónica sino conocemosde forma experta a los usuarios
  • 13. UsabilidadLo que no se usa no existe
  • 14. AccesibilidadEl diseño para todos
  • 15. Diseño centrado en el usuario Esquema de desarrollo web
  • 16. Análisis y definición Construcción Explotación
  • 17. Análisis y definición Planificación y objetivos
  • 18. Análisis y definiciónEvaluación base / 25 puntos claveAccesibilidad1. Tiempo de carga del sitio2. Adecuado contraste entre texto y fondo3. Tamaño y espaciado del texto que faciliten la lectura4. Posee atajos de teclado para acceder a la información5. Colocar los Alt tags a las imágenes6. Crear la página error 404
  • 19. Análisis y definiciónEvaluación base / 25 puntos claveIdentidad7. Correcta ubicación del logotipo o marca dentro de todo el sitio8. Descripción clara y precisa sobre el propósito del sitio (tagline)9. Inicio del sitio digerible en 5 segundos10. Fácil acceso a información institucional11. Fácil acceso a información de contacto
  • 20. Análisis y definiciónEvaluación base / 25 puntos claveNavegación12. Navegación principal de fácil identificación13. Etiquetado claro y conciso14. Número de botones y links razonable15. Logo del Ayuntamiento que enlace con el inicio16. Fácil identificación de enlaces17. Fácil acceso a campo de búsqueda
  • 21. Análisis y definiciónEvaluación base / 25 puntos claveContenido18. Titulares principales claros y descriptivos19. Contenido crítico dentro del marco principal sin necesidad de utilizar la barra de desplazamiento.20. Colores y estilos consistentes21. Énfasis y negritas (bold) utilizado coherentemente22. No utilizar pop ups ni contenido intrusivo23. Discurso y redacción clara y explicativa24. URLs con contenido y amigables para el usuario25. Títulos del HTML explicativos
  • 22. Análisis y definiciónMétrica - Analítica web
  • 23. Análisis y definiciónMétrica - Analítica web
  • 24. Análisis y definiciónPerfiles de usuario Elena Navarro | Funcionaria. Área de prensa. Adeje. Quisiera una web más atractiva y dinámica, donde la funcionalidad sea lo más importante.
  • 25. Quién es Relación con la web del Ayuntamiento Elena Navarro es periodista y trabaja en el área de Elena tiene un pequeño roll de edición en la web, prensa. Su actividad es muy dinámica ya que cada día sube imágenes y textos para las noticias, aunque prepara noticias para la web y un dossier de todas las no es la editora final. Cada día revisa el contenido noticias sobre Tenerife Sur. de la web y consulta las actividades que realizará el Ayuntamiento, generando noticias o comunica- Uso de internet dos sobre ellas. Echa de menos un buscador que Es una usuaria avanzada de Internet y lo considera un funcione bien. Considera que la web es poco clara medio fundamental para difundir noticias e informa- y llena de texto que crea confusión al usuario. ción. Habitualmente realiza operaciones online, compra Sobre el material de prensa alojado en la web, ac-Elena Navarro entradas y billetes con normalidad. Participa también tualmente no puede valorar el número de descar-28 años de redes sociales, que considera primordial para estar gas que realizan los usuarios.Funcionaria. en contacto con amigos y profesionales de su sector. NoÁrea de prensa. le gustan los sitios web que están saturados de conte- Expectativas de uso de la web nido y poco concretos, prefiere la información clara y Le gustaría que la web fuera más clara y direc-Adeje. directa. ta, sobre todo funcional. Más atractiva, donde la imagen y la gráfica ayude a encontrar la infor-Quisiera una web Qué dispositivos tecnológicos usa mación y facilitar la navegación para no perder Trabaja a diario con el pc del ayuntamiento. tiempo. Cree que la herramienta del buscador esmás atractiva y En casa trabaja y navega con su portatil. fundamental para ayudar al usuario a encontrardinámica, donde la la información que busca. Le gustaría que hubierafuncionalidad sea enlaces más directos. Espera que la web tengalo más importante. capacidad para alojar video y audio.
  • 26. Quién es Relación con la web del Ayuntamiento Álvaro ha hecho su primer año de universidad en Ha visitado en varias ocasiones la web para revi- Educación Física. Es un chico muy dinámico y activo sar las actividades que ofrece el Ayuntamiento y a que siempre está interesado en actividades deportivas veces se ha encontrado que la información es del y culturales para hacer con sus amigos y conocer gente año anterior. nueva. Le interesa aprovechar las vacaciones para hacer Tampoco puede reservar las pistas ni inscribirse actividades deportivas sobre todo y ver cómo funcionan en actividades a través de la web. Ha escrito varias los centros donde se imparten, ya que en un futuro ese veces para quejarse, pero su mensaje da fallo y podría ser su trabajo. parece no enviarse, pues no le responden.Álvaro Díaz Uso de internet Expectativas de uso de la web19 años Usa Internet a diario, tanto para sus estudios como para Espera una web más clara y sencilla, donde laEstudiante de estar constantemente en contacto con sus amigos, en el información esté actualizada o que al menosEducación Física. facebook, tuenti, twitter, messenger, etc.... no pongan la información caducada para evitar Revisa a diario su correo, compra las entradas del cine y confusiones. Le gustaría poder hacer reservas deCosta del Silencio, Arona. conciertos por internet, además de ayudar a su familia pistas e inscripciones en cursos y actividades a a organizar sus vacaciones a través de la web. través de la web, ya que los horarios de las oficinasMe gustaría ver coinciden con las clases y trabajo.información Qué dispositivos tecnológicos usa También quisiera saber si las sugerencias y quejasactualizada de Utiliza el pc de 15” de la familia y los de la biblioteca de que envía llegan a alguna parte y en cuánto tiempo la universidad que son bastante antiguos. le van a responder o al menos recibir un mensajelas actividades y También usa el móvil para estar en contacto con los de que se han mandado correctamente.poder inscribirme amigos y familia.y reservar pistason-line.
  • 27. Quién es Qué dispositivos tecnológicos usa Características físicas-motoras. Tipo de ordenador. Personalidad, valores. Tamaño y resolución de pantalla. Motivaciones, necesidades. Sistema operativo. Experiencias previas. Dispositivos móviles. Habilidades, etc... Relación con el sitio web objeto de diseño Motivaciones. Uso de internet Expectativas. Confort tecnológico. Objetivos.Nombre Experiencia en redes sociales. Experiencias anteriores.Edad Uso de tiendas online o reserva de viajes.Profesión Banca online, etc.. Expectativas de uso de la webo actividad. Qué le gustaría encontrar.Residencia. Escenarios y situaciones de uso Qué le gustaría que ocurriese. En el trabajo, en casa. Cómo querría que fuera. En desplazamientos, en viajes. Qué contenidos espera encontrar. Etc... Qué respuesta espera del sitio. “Espectativa principal del sitio web o producto objeto de diseño”
  • 28. DOLORES ALONSO KAREN ROBINSON ALEXANDER MOISIO 40 Años 26 Años 56 Años Agente de conciertos Oboísta Ama de CasaIntento detectar las necesi- Visito las webs de lasdades de las orquestas y orquestas europeas para Quiero encontrar infor-las dinámicas de consumo orientarme sobre el campopara orientar mi agencia profesional en los países mación rápida y directaKaren es una usuaria avanzada de de la Unión sobre los conciertos de lainternet y de ordenador. Lo utiliza en lasmás múltiples facetas en sus trabajosrelacionados con el mundo publicitario. Alexander usa el ordenador de forma avanzada. Es un compositor amateur de orquesta música pop, y también toca la batería.Es una experta en programas de diseño, Dedica al ordenador sólo el tiempoimagen y sonido. preciso y con la mayor diligencia. Dolores sólo utiliza internet para búsquedas puntuales. Utiliza el ordenador de su marido, que tampoco lo usa en exceso. Sus hijos les animaron a comprarse uno y a familiarizarse con él.
  • 29. Análisis y definiciónPerfiles de usuarioPaso 1: Encontrar los usuarios
  • 30. Análisis y definición Perfiles de usuarioPaso 2: Construir una hipótesis
  • 31. Análisis y definiciónPerfiles de usuarioPaso 3: Construir personajes
  • 32. Análisis y definiciónInventario y jerarquización de contenido Leyes de la simplicidad
  • 33. Análisis y definición Inventario y jerarquización de contenido 1. REDUCIRLa manera más sencilla de alcanzar lasimplicidad es mediante la reducción razonada
  • 34. Análisis y definición Inventario y jerarquización de contenido 2. ORGANIZARLa organización permite que un sistema complejo parezca más sencillo
  • 35. Análisis y definiciónInventario y jerarquización de contenido 3. TIEMPO El ahorro del tiempo simplifica las cosas
  • 36. Análisis y definiciónInventario y jerarquización de contenido 4. APRENDIZAJE El conocimiento lo simplifica todo
  • 37. Análisis y definición Inventario y jerarquización de contenido 5. DIFERENCIASLa simplicidad y la complejidad se necesitan entre sí
  • 38. Análisis y definición Inventario y jerarquización de contenido 6. CONTEXTOLo que se encuentra en el límite de la simplicidad también es relevante
  • 39. Análisis y definiciónInventario y jerarquización de contenido 7. EMOCIÓN Es preferible que haya másemociones a que haya menos
  • 40. Análisis y definiciónInventario y jerarquización de contenido 8. CONFIANZA Confiamos en la simplicidad
  • 41. Análisis y definición Inventario y jerarquización de contenido 9. FRACASOEn algunos casos nunca es posible alcanzar la simplicidad
  • 42. Análisis y definición Inventario y jerarquización de contenido 10. LA ÚNICALa simplicidad consiste en sustraer lo que es obvio y añadir lo específico
  • 43. Análisis y definición Inventario y jerarquización de contenido Card sortingTécnica de agrupación de tarjetas
  • 44. Análisis y definiciónInventario y jerarquización de contenido websort.net
  • 45. Análisis y definiciónWireframes - prototipos
  • 46. Análisis y definición Diseño gráfico Guía de estilos
  • 47. ConstrucciónMaquetación y programación
  • 48. ExplotaciónDivulgación y mantenimiento
  • 49. Resumen
  • 50. GRACIAS