4. COMPONENTES DE UN SITIO WEB EXITOSO
la analogía del Iceberg
4
Tallers
Aurora Font
5. ETAPAS DE UN PROYECTO TIPO
Definición
Estructuración
Producción
5
• Definición: finalidad, objetivos, expectativas y necesidades, potenciación de la
marca…
• Estudio: análisis de la competencia, definición de la audiencia…
• Contenido: recopilación de contenidos
• Servicios / Interacción: funcionalidades, tareas
• Rotulado: categorías y etiquetas
• Organización: mapa, esquemas y directorios
• Buscabilidad: motor, indización, metainformación, metaestructura
• Prototipado: diseño de patrones
• Estilos: diseño de imagen gráfica
• Programación: desarrollos de software y aplicaciones
• Usabilidad / Accesibilidad: evaluación
• Seguimiento / análisis: posicionamiento en buscadores, feedback y medición
Tallers
Aurora Font
6. EL PROCESO DE DISEÑO CENTRADO EN EL USUARIO
6
Tallers
Aurora Font
7. DIAGRAMA DE JESSE JAMES GARRETT
Gráfica, look and feel:
Tratamiento visual de
elementos de texto y
componentes de
navegación
Elementos que
facilitan la interacción
con la funcionalidad
Elementos y
componentes de
navegación
Para facilitar el
entendimiento
Cómo interactúa el
usuario con la
funcionalidad del site
Estructura del espacio
de información para
facilitar acceso
intuitivo al contenido
Descripción de las
funcionalidades para
satisfacer
necesidades usuario
Descripción de las
contenidos para
satisfacer
necesidades usuario
7
Aurora Font
8. DISEÑO DE EXPERIENCIA DE USUARIO
Diseño centrado en el
usuario -DCU-
Interacción persona-ordenador
Arquitectura de la información (AI)
Usabilidad
Accesibilidad
8
Aurora Font
9. INTERACCIÓN PERSONA-ORDENADOR
Con qué objetivo: adaptar los
sistemas a la manera que
tienen las personas de
utilizarlos
Con la finalidad: optimizar el
uso. Conseguir mayor
rentabilidad con menos
esfuerzo.
Qué metodología se usa:
estudios centrados en aspectos
más concretos como por
ejemplo…
La interacción persona-ordenador, IPO (o HCI
human-computer interaction) es la disciplina que se
ocupa de estudiar cómo se comportan las personas
cuando utilizan sistemas tecnológicos
9
la usabilidad
la accesibilidad
la arquitectura de la
información
Aurora Font
10. ARQUITECTURA DE LA INFORMACIÓN
Es una disciplina o comunidad de trabajo
centrada en organizar espacios de información
con el fin de ayudar a los usuarios a satisfacer
sus necesidades de información.
La actividad de organizar comporta la
estructuración, clasificación y rotulado de los
contenidos del sitio web.
AI
10
Aurora Font
11. ARQUITECTURA DE LA INFORMACIÓN
De organizar, etiquetar y diseñar
esquemas de navegación dentro de un
sistema de información.
Del diseño estructural de un espacio de
información que facilite la consecución de
tareas y el acceso intuitivo al contenido.
De estructurar y clasificar lugares web para
ayudar a las personas a encontrar la
información y gestionarla.
De definir cuál va a ser el contenido del
sitio, sus objetivos, herramientas,
cómo se llamarán los botones y en qué
posición estos van a estar, cómo se va
a relacionar el usuario con el sitio…
11
Técnica de ejemplo
Aurora Font
12. ACCESIBILIDAD
Denominamos accesibilidad a la capacidad que tiene
un producto o un servicio para que lo utilice el
mayor número de personas con independencia de
las limitaciones funcionales o situacionales
12
Aurora Font
13. ACCESIBILIDAD
Sensoriales y motrices:
puede que el usuario no sea capaz de ver o de oir, o que no puedan mover las
manos.
puede que se encuentren en una situación en que ojos, orejas y manos estén
ocupadas u obstaculizadas (cuando estamos conduciendo, o si trabajamos en un
entorno ruidoso o con poca luz, etc.).
Cognitivos:
puede que no sea capaz de procesar algunos tipos de información o que lo hagan
de manera incompleta o con dificultad, que no comprendan o no hablen el
idioma en que está redactado el documento.
Relacionados con el hardware: pueden tener una pantalla que sólo muestra texto, una
pantalla pequeña o una conexión lenta a Internet., que no tengan un teclado o un
ratón, o que no pueda utilizarlo por problemas de movilidad.
Relacionados con el software: pueden tener una versión anterior del navegador, un
navegador completamente diferente, un navegador de voz o un sistema operativo
diferente.
13
Aurora Font
14. USABILIDAD
¿Qué es efectividad? es la
capacidad de lograr el objetivo
que hemos marcado.
¿Qué es eficiencia? es la
capacidad de lograr un objetivo
con el gasto mínimo de
recursos y el mínimo esfuerzo
posible.
Norma ISO 9241-11: “la usabilidad se refiere al
alcance en el que un producto puede ser utilizado
por usuarios específicos para alcanzar metas
determinadas con efectividad, eficiencia y
satisfacción en un contexto de uso concreto
14
Por tanto, la usabilidad implica
facilidad:
Que los productos sean fáciles
de comprender y de utilizar,
hacen que sean satisfactorios.
Aurora Font