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

Usabilidad, Accesibilidad y Planificación para el Diseño

Junio 2011

Sebastián Unda

Sebastián Unda // Experiencia de Usuario

Experiencia de usuario

InteracciónFactores

propios del usuario

Factores sociales

Factores propios del producto

Contexto de usoFactores

culturales

98 01

MARKETINGBANCARIO

GYE

- Merchandising

- Ferias

- Modelo ambiental

98 01 07

AUDITORIODE TNF

BINTER

MARKETINGBANCARIO

OST

SIENTOx

CIENTOARONA

GUÍA DE

ISORA

11

BCNGYE TNF TNF

98 01 07

MARKETINGBANCARIO

11

BCNGYE TNF

Usuario espectador > Usuario más participativo

TNF

Experienciade Usuario

Arquitecturade información

Estratégia

Diseñode interfase

Diseñográfico

Usabilidad

Accesibilidad

Tecnología

Usuarios

No podemos serexpertos en administraciónelectrónica sino conocemos

de forma experta a los usuarios

UsabilidadLo que no se usa no existe

AccesibilidadEl diseño para todos

Diseño centrado en el usuarioEsquema de desarrollo web

Análisis y definición Construcción Explotación

Análisis y definición

Planificación y objetivos


Evaluación base / 25 puntos clave

Accesibilidad1. Tiempo de carga del sitio

2. Adecuado contraste entre texto y fondo

3. Tamaño y espaciado del texto que faciliten la lectura

4. Posee atajos de teclado para acceder a la información

5. Colocar los Alt tags a las imágenes

6. Crear la página error 404



Identidad7. Correcta ubicación del logotipo o marca dentro de todo el sitio

8. Descripción clara y precisa sobre el propósito del sitio (tagline)

9. Inicio del sitio digerible en 5 segundos

10. Fácil acceso a información institucional

11. Fácil acceso a información de contacto



Navegación12. Navegación principal de fácil identificación

13. Etiquetado claro y conciso

14. Número de botones y links razonable

15. Logo del Ayuntamiento que enlace con el inicio

16. Fácil identificación de enlaces

17. Fácil acceso a campo de búsqueda



Contenido18. Titulares principales claros y descriptivos

19. Contenido crítico dentro del marco principal sin necesidad de utilizar la barra de desplazamiento.20. Colores y estilos consistentes

21. Énfasis y negritas (bold) utilizado coherentemente

22. No utilizar pop ups ni contenido intrusivo

23. Discurso y redacción clara y explicativa

24. URLs con contenido y amigables para el usuario

25. Títulos del HTML explicativos


Métrica - Analítica web

Quisiera una web más atractiva y dinámica, donde la funcionalidad sea lo más importante.

Elena Navarro | Funcionaria. Área de prensa.Adeje.


Perfiles de usuario

Quisiera una web más atractiva y dinámica, donde la funcionalidad sea lo más importante.

Quién esElena Navarro es periodista y trabaja en el área de prensa. Su actividad es muy dinámica ya que cada día prepara noticias para la web y un dossier de todas las noticias sobre Tenerife Sur.

Uso de internetEs una usuaria avanzada de Internet y lo considera un medio fundamental para difundir noticias e informa-ción. Habitualmente realiza operaciones online, compra entradas y billetes con normalidad. Participa también de redes sociales, que considera primordial para estar en contacto con amigos y profesionales de su sector. No le gustan los sitios web que están saturados de conte-nido y poco concretos, prefiere la información clara y directa.

Qué dispositivos tecnológicos usaTrabaja a diario con el pc del ayuntamiento.En casa trabaja y navega con su portatil.

Elena Navarro28 añosFuncionaria.Área de prensa.Adeje.

Relación con la web del AyuntamientoElena tiene un pequeño roll de edición en la web, sube imágenes y textos para las noticias, aunque no es la editora final. Cada día revisa el contenido de la web y consulta las actividades que realizará el Ayuntamiento, generando noticias o comunica-dos sobre ellas. Echa de menos un buscador que funcione bien. Considera que la web es poco clara y llena de texto que crea confusión al usuario. Sobre el material de prensa alojado en la web, ac-tualmente no puede valorar el número de descar-gas que realizan los usuarios.

Expectativas de uso de la webLe gustaría que la web fuera más clara y direc-ta, sobre todo funcional. Más atractiva, donde la imagen y la gráfica ayude a encontrar la infor-mación y facilitar la navegación para no perder tiempo. Cree que la herramienta del buscador es fundamental para ayudar al usuario a encontrar la información que busca. Le gustaría que hubiera enlaces más directos. Espera que la web tenga capacidad para alojar video y audio.

Me gustaría ver información actualizada de las actividades y poder inscribirme y reservar pistas on-line.

Quién esÁlvaro ha hecho su primer año de universidad en Educación Física. Es un chico muy dinámico y activo que siempre está interesado en actividades deportivas y culturales para hacer con sus amigos y conocer gente nueva. Le interesa aprovechar las vacaciones para hacer actividades deportivas sobre todo y ver cómo funcionan los centros donde se imparten, ya que en un futuro ese podría ser su trabajo.

Uso de internetUsa Internet a diario, tanto para sus estudios como para estar constantemente en contacto con sus amigos, en el facebook, tuenti, twitter, messenger, etc....Revisa a diario su correo, compra las entradas del cine y conciertos por internet, además de ayudar a su familia a organizar sus vacaciones a través de la web.

Qué dispositivos tecnológicos usaUtiliza el pc de 15” de la familia y los de la biblioteca de la universidad que son bastante antiguos.También usa el móvil para estar en contacto con los amigos y familia.

Álvaro Díaz19 añosEstudiante deEducación Física.Costa del Silencio, Arona.

Relación con la web del AyuntamientoHa visitado en varias ocasiones la web para revi-sar las actividades que ofrece el Ayuntamiento y a veces se ha encontrado que la información es del año anterior.Tampoco puede reservar las pistas ni inscribirse en actividades a través de la web. Ha escrito varias veces para quejarse, pero su mensaje da fallo y parece no enviarse, pues no le responden.

Expectativas de uso de la webEspera una web más clara y sencilla, donde la información esté actualizada o que al menos no pongan la información caducada para evitar confusiones. Le gustaría poder hacer reservas de pistas e inscripciones en cursos y actividades a través de la web, ya que los horarios de las oficinas coinciden con las clases y trabajo.También quisiera saber si las sugerencias y quejas que envía llegan a alguna parte y en cuánto tiempo le van a responder o al menos recibir un mensaje de que se han mandado correctamente.

“Espectativa principal del sitio web o producto objeto de diseño”

Quién esCaracterísticas físicas-motoras.Personalidad, valores.Motivaciones, necesidades.Experiencias previas.Habilidades, etc...

Uso de internetConfort tecnológico.Experiencia en redes sociales.Uso de tiendas online o reserva de viajes.Banca online, etc..

Escenarios y situaciones de usoEn el trabajo, en casa.En desplazamientos, en viajes.Etc...

NombreEdadProfesióno actividad.Residencia.

Qué dispositivos tecnológicos usaTipo de ordenador.Tamaño y resolución de pantalla.Sistema operativo.Dispositivos móviles.Relación con el sitio web objeto de diseñoMotivaciones.Expectativas.Objetivos.Experiencias anteriores.

Expectativas de uso de la webQué le gustaría encontrar.Qué le gustaría que ocurriese.Cómo querría que fuera.Qué contenidos espera encontrar.Qué respuesta espera del sitio.

KAREN ROBINSON40 AñosAgente de conciertos

Intento detectar las necesi-dades de las orquestas y las dinámicas de consumo para orientar mi agencia

Karen es una usuaria avanzada de internet y de ordenador. Lo utiliza en las más múltiples facetas en sus trabajos relacionados con el mundo publicitario. Es una experta en programas de diseño, imagen y sonido.

ALEXANDER MOISIO26 AñosOboísta

Visito las webs de las orquestas europeas para orientarme sobre el campo profesional en los países de la Unión

Alexander usa el ordenador de forma avanzada. Es un compositor amateur de música pop, y también toca la batería. Dedica al ordenador sólo el tiempo preciso y con la mayor diligencia.

DOLORES ALONSO56 AñosAma de Casa

Quiero encontrar infor-mación rápida y directa sobre los conciertos de la orquesta

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.


Paso 1: Encontrar los usuarios

Perfiles de usuario


Paso 2: Construir una hipótesis

Perfiles de usuario


Paso 3: Construir personajes

Perfiles de usuario


Inventario y jerarquización de contenido

Leyes de la simplicidad



1. REDUCIRLa manera más sencilla de alcanzar la simplicidad es mediante la reducción

razonada



2. ORGANIZARLa organización permite que un sistema

complejo parezca más sencillo



3. TIEMPOEl ahorro del tiemposimplifica las cosas



4. APRENDIZAJEEl conocimiento

lo simplifica todo



5. DIFERENCIASLa simplicidad y la complejidad se

necesitan entre sí



6. CONTEXTOLo que se encuentra en el límite

de la simplicidad tambiénes relevante



7. EMOCIÓNEs preferible que haya más

emociones a que haya menos



8. CONFIANZAConfiamos en la simplicidad



9. FRACASOEn algunos casos nunca es posible

alcanzar la simplicidad



10. LA ÚNICALa simplicidad consiste en sustraer

lo que es obvioy añadir lo específico



Card sortingTécnica de agrupación de tarjetas



websort.net


Wireframes - prototipos


Diseño gráfico

Guía de estilos

Construcción

Maquetación y programación

Explotación

Divulgación y mantenimiento

Resumen

GRACIAS

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

Documents

analtica web

definicinevaluacin base

web ms atractiva

contenido noticias

fcil acceso a campo

fcil identificacin13

ayuntamiento elena navarro

puntos claveaccesibilidad1