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

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

Junio 2011

Sebastián Unda // Experiencia de Usuario

Experiencia de usuario

Factores Factores
propios del propios del
usuario Interacción producto

Factores Contexto
sociales de uso
Factores
culturales

- Merchandising
MARKETING
BANCARIO - Ferias
- Modelo ambiental

98 01

GYE

MARKETING - Merchandising
BANCARIO
- Ferias
- Modelo ambiental
98 01

GYE

GUÍA
BINTER OST DE
ISORA

MARKETING AUDITORIO SIENTO
BANCARIO x ARONA
DE TNF CIENTO

98 01 07 11

GYE TNF BCN TNF

MARKETING
BANCARIO
Usuario espectador > Usuario más participativo

98 01 07 11

GYE TNF BCN TNF

Estratégia

Diseño
Accesibilidad
de interfase

Experiencia
Arquitectura
Usabilidad de Usuario de información

Diseño
gráfico

No podemos ser
expertos en administración
electrónica sino conocemos
de forma experta a los usuarios

Usabilidad
Lo que no se usa no existe

Accesibilidad
El diseño para todos

Diseño centrado en el usuario
Esquema 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
Accesibilidad
1. 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


Identidad
7. 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ón
12. 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


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


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

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 es
más atractiva y En casa trabaja y navega con su portatil. fundamental para ayudar al usuario a encontrar
dinámica, donde la la información que busca. Le gustaría que hubiera
funcionalidad sea enlaces más directos. Espera que la web tenga
lo más importante. capacidad para alojar video y audio.

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 web
19 años Usa Internet a diario, tanto para sus estudios como para Espera una web más clara y sencilla, donde la
Estudiante de estar constantemente en contacto con sus amigos, en el información esté actualizada o que al menos
Educació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 de
Costa 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 oficinas
Me gustaría ver coinciden con las clases y trabajo.
información Qué dispositivos tecnológicos usa También quisiera saber si las sugerencias y quejas
actualizada 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 mensaje
las 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 pistas
on-line.

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 web
o 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”

DOLORES ALONSO
KAREN ROBINSON ALEXANDER MOISIO
40 Años 26 Años
56 Años
Agente de conciertos Oboísta Ama de Casa
Intento detectar las necesi- Visito las webs de las
dades de las orquestas y orquestas europeas para Quiero encontrar infor-
las dinámicas de consumo orientarme sobre el campo
para orientar mi agencia profesional en los países mación rápida y directa
Karen es una usuaria avanzada de
de la Unión sobre los conciertos de la
internet y de ordenador. Lo utiliza en las
más múltiples facetas en sus trabajos
relacionados 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 tiempo
imagen 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.


Perfiles de usuario

Paso 1: Encontrar los usuarios


Perfiles de usuario

Paso 2: Construir una hipótesis


Perfiles de usuario

Paso 3: Construir personajes


Inventario y jerarquización de contenido

Leyes de la simplicidad



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



2. ORGANIZAR
La organización permite que un sistema
complejo parezca más sencillo



3. TIEMPO
El ahorro del tiempo
simplifica las cosas



4. APRENDIZAJE
El conocimiento
lo simplifica todo



5. DIFERENCIAS
La simplicidad y la complejidad se
necesitan entre sí



6. CONTEXTO
Lo que se encuentra en el límite
de la simplicidad también
es relevante



7. EMOCIÓN
Es preferible que haya más
emociones a que haya menos



8. CONFIANZA
Confiamos en la simplicidad



9. FRACASO
En algunos casos nunca es posible
alcanzar la simplicidad



10. LA ÚNICA
La simplicidad consiste en sustraer
lo que es obvio
y añadir lo específico



Card sorting
Té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

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

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

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

Similaire à Usabilidad, accesibilidad y planificación en el diseño (20)

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