Tema 2 Arquitectura de Información PDF

Tema 2: Arquitectura de Información La Experiencia de usuario Jesse James Garret: “la manera como un producto se comporta y es utilizado por el usuario” “Los productos tecnológicos que no funcionan de la manera que las personas esperan las hace sentir estúpidas –aun cuando efectivamen...

Tema 2: Arquitectura de Información La Experiencia de usuario Jesse James Garret: “la manera como un producto se comporta y es utilizado por el usuario” “Los productos tecnológicos que no funcionan de la manera que las personas esperan las hace sentir estúpidas –aun cuando efectivamente hayan logrado lo que se propusieron” Wikipedia: “el conjunto de factores y elementos que determinan la interacción satisfactoria del usuario con un entorno o dispositivo concretos y son capaces de generar en él un conjunto de emociones positivas sobre el sitio y su uso”. En la Experiencia de Usuario intervienen diversas disciplinas: Arquitectura de la Información, Diseño de Interacción, Usabilidad, la Accesibilidad, Diseño gráfico, Estética, Psicología, extrapolación de principios del mundo del Marketing, etc. Los límites entre unas disciplinas y otras no siempre están bien delimitados y podemos hablar de zonas grises en las que distintas disciplinas se mezclan. ¿Para qué sirve la experiencia de usuario? Buena experiencia de usuario (EU / UX, User eXperience) en el sitio web: -​ Diseñar una buena experiencia de usuario es clave para ayudar a los usuarios de un sitio web a encontrar lo que necesitan, y a realizar las acciones necesarias que logren los objetivos de la organización o negocio (por ej., leer un artículo o realizar una compra). -​ Los fundamentos de la EU en un sitio web se integran en la arquitectura de información. Desventajas de una EU no adecuada: -​ pérdida de ventas (e-commerce) -​ disminución de la productividad (intranet) -​ frustración por parte del usuario (web) Ventajas de una EU satisfactoria: -​ aumento de la fidelización de usuarios -​ aumento de la ratio de conversión (usuarios a clientes) -​ aumento del tiempo de navegación de los usuario -​ mejora de imagen de marca. El panal de la experiencia de usuario Es un modelo explicativo elaborado por el conocido consultor Peter Morville, que resume las cualidades fundamentales, desde el punto de vista del usuario, para que un producto o servicio consiga construir una buena experiencia de usuario: -​ Es un diagrama para explicar a sus clientes la importancia de la experiencia de usuario y la necesidad de ir más allá de la usabilidad. 1  -​ El panal acierta al abarcar varios propósitos de la experiencia de usuario simultáneamente (visión global e integrada). -​ Necesidad de definición de prioridades con los clientes: ¿Qué es más importante para el cliente, que su web sea deseable o accesible?. -​ Es siempre más barato construir una web usable y accesible desde el principio, que hacerlo después. Elementos de la experiencia de usuario Desde el punto de vista del diseñador, modelo que explica cómo construir webs y aplicaciones para que la EU sea positiva. Es una metodología de diseño centrada en el usuario: -​ la única manera de conseguir una experiencia de uso satisfactoria es tener al usuario como centro de todo el proceso de conceptualización y desarrollo del producto o servicio. -​ El proceso de implementación de la experiencia de usuario no debe dejar nada al azar. -​ Cinco etapas que contemplen las posibles acciones del usuario así como sus expectativas. -​ Diferenciación crucial: la web orientada a la información y la web orientada a las tareas. Etapas de la experiencia de usuario El proceso de implementación de la experiencia de usuario. Las decisiones que se toman en una etapa determinada del proceso afectan el resultado final del mismo. 2 Etapas de la EU: Estrategia Definir y formular con claridad y concisión las necesidades de los usuarios y los objetivos del producto o servicio. Comprender aquello que los usuarios necesitan, cómo piensan, y cómo se comportan, e incorporar este conocimiento en todos los aspectos del proceso. -​ Necesidades y Objetivos: determinarán la toma de decisiones a lo largo de todo el proceso de diseño de la experiencia de usuario. Objetivos del producto / servicio: Entender objetivos de la organización y el contexto en que el producto/servicio debe funcionar: documentación disponible (organigramas, estudios, etc.), reuniones y entrevistas con equipos (directivo, técnico, contenido) y personas implicadas. Necesidades del usuario -​ ¿Quiénes son los usuarios del producto o servicio?, ¿Hay un único usuario o hay más de un tipo de usuario?, ¿Qué necesidades tienen?, ¿Cuáles son sus prioridades? -​ ¿Qué objetivos buscará conseguir el usuario en nuestro sitio web?, ¿En qué contexto consumirá el producto/servicio?, ¿Cuáles son sus modelos mentales? ¿Qué comportamiento de búsqueda tendrá?, ¿Qué lenguaje usa? 3 Necesidades del usuario, pasos… 1.​ Segmentación de audiencia para entender mejor sus necesidades. -​ Dividir la audiencia en grupos que comparten características y necesidades: criterios demográficos; en función de la actitud ante un tema determinado o nuestro producto; actitud ante la tecnología y el conocimiento del usuario sobre el tema en cuestión. 2.​ Averiguar sus necesidades (métodos de investigación de usuarios) -​ Encuestas, entrevistas o grupos focales: recopilar información más genérica sobre las actitudes y percepciones generales de los usuarios. -​ Estudios de campo o test de usuarios: entender aspectos específicos del comportamiento de los usuarios y su manera de interactuar con el sitio web (análisis de logs de búsqueda, test de usuario de búsqueda de información o realización de tareas) 3.​ Diseñar el sitio para los tipos de usuarios identificados. 4.​ Probar un prototipo (pruebas de usuario). 5.​ Hacer cambios y pruebas de usuario hasta que los usuarios se sientan cómodos en tu producto y lo encuentran sencillo de utilizar. Etapas de la EU: Alcance Requerimientos específicos que describen el contenido, las características y las funcionalidades que ofrecerá el sitio web a los usuarios -​ Especificaciones funcionales: qué debe tener y qué podrán hacer los usuarios con él -​ Requerimientos de contenido: de qué producto estamos hablando y qué características tendrá. Benchmarking: estudiar los productos y servicios de la competencia para conocer lo que se está haciendo en estos momentos en el sector y tomar ideas. Diferenciar entre webs orientadas a tareas (interfaz de software) y webs orientadas a información (sistema hipertextual). Especificaciones funcionales: listado priorizado de las funcionalidades y características que tendrá el producto o servicio. -​ Los diagramas de casos de uso son una técnica del campo de la ingeniería del software que se usa para capturar los requisitos potenciales de un sistema. -​ Cada caso de uso proporciona uno o más escenarios que indican cómo debería interactuar el sistema con el usuario para conseguir un objetivo específico. Requisitos de contenido: Nuevo sitio: qué contenido incluir, de qué disponemos, qué generar y quién, diferentes media disponibles,... Rediseño de un sitio: naturaleza, organización, volumen, velocidad de crecimiento del contenido existente. -​ Categoría y subcategoría a las que la página pertenece. -​ Título de la página y URL -​ Tipo de documento -​ Otros elementos presentes (pdf’s, vídeos, etc.) -​ Breve descripción del contenido de la página 4  -​ Autor y persona responsable de la página -​ Fecha de creación, revisión y expiración de la página (si existe) -​ Status: mantener, eliminar, revisar, redactándose… -​ Notas: cualquier dato relevante que se quiera añadir Aproximación de abajo a arriba: 2 o 3 muestras de cada tipo de contenido y ver relaciones que puedan surgir, jerarquías, grupos, criterios de búsqueda que se pueden usar para localizar el contenido,.. Etapas de la EU: Estructura De qué manera se articularán los diferentes elementos entre ellos para crear un sitio web consistente y coherente. ¿Cómo piensan y trabajan los usuarios?: buscar modelos y secuencias, pautas de comportamiento de los usuarios, para… Diseño de la interacción -​ Presentar las diferentes opciones a los usuarios con el objetivo de ayudarles a realizar las tareas (anticipar como se comportará el usuario ante la interfaz de software para definir cómo se adaptará y responderá el sistema al comportamiento del usuario). Arquitectura de la información -​ Diseñar, organizar, etiquetar y crear sistemas de navegación y búsqueda que ayudan los usuarios a encontrar y gestionar la información. Diagramas de flujos (Blueprints, Architecture Map). -​ Marcar los flujos o itinerarios posibles del usuario en la aplicación. -​ Mostrar de una manera visual y fácilmente entendedora la estructura y el funcionamiento. -​ Especificación de categorías temáticas, niveles, enlaces, procesos que se realizan en la aplicación o los servicios que se ofrecen al usuario. Etapas de la EU: Estructura y Blueprints Jesse James Garret "vocabulario visual para describir arquitectura de información y diseño de interacción" Representación de los diferentes componentes arquitectónicos (páginas, menús, botones,...) y especificación de las relaciones entre ellos. Notación gráfica concebida para realizar un diseño de lo general a lo concreto, ya que sigue el principio de la simplificación de representación a partir de cajas y flechas. Se ha convertido en un estándar para el desarrollo de prototipos. 5 Etapas de la EU: Esquema o Esqueleto Aspectos específicos de la interfaz, navegación y diseño de la información que permiten concretar la abstracción de la estructura antes de pasar a la etapa definitiva y última del diseño visual. -​ La etapa del esquema define qué forma tendrá la funcionalidad definida en la estructura en cada una de las pantallas principales. -​ Pantallas concretas, mostrando cómo presentaremos la información y cómo navegaremos a través del sistema (diseño de la navegación) o realizaremos las tareas en la aplicación (diseño de la interfaz). Diseño de la interfaz: Conseguir que la interacción del usuario con la aplicación sea lo más intuitiva y eficiente posible para poder lograr sus objetivos. Diferentes elementos (desplegables, casillas, botones,...); el usuario es capaz de entender su significado y funcionamiento; facilitan completar la tarea al usuario. Diseño de la navegación: Conseguir que el usuario pueda acceder a todas las pantallas del sitio de una forma sencilla mediante los elementos necesarios (menús, botones, enlaces,...). Comunicar la relación existente entre los elementos de navegación (grupos, jerarquías,...) así como entre los elementos de navegación y la pantalla que el usuario está consultando. Diseño de la información: Pensar de qué manera se debe presentar la información para que el usuario la pueda entender y usar de manera sencilla y efectiva. Datos o información presentada de la forma que tenga más significado para el usuario y comunique mejor: un listado, una gráfica, etc. Agrupar y organizar los diferentes elementos informativos. Etapas de la EU: Esquema o Wireframes Wireframes (mockup, prototype; diagrama esquemático, maqueta, prototipo). Los wireframes son prototipos de la arquitectura de una página concreta, dónde se presenta de forma esquemática la disposición, agrupación y orden de los elementos y de los contenidos de la página. Esquema visual, muestra el layout organizativo de la interfaz que será la base para que diseñadores y programadores trabajen cada pantalla principal. Pantallas tipos o pantallas principales: Aquellas pantallas que hacen de “plantilla” o modelo, es decir, son la base para generar nuevas pantallas en que sólo cambiará el contenido. La ficha final de un producto: una vez diseñada esta pantalla se generarán muchas (el catálogo de productos) en que solamente cambiará la información. El sistema debe mantener una coherencia interna, y ajustarse a las convenciones existentes en Internet (facilitaremos al usuario la comprensión de nuestro producto). Tres tipos de wireframes. Baja fidelidad: aspectos más básicos – navegación y estructura – sin incluir aspectos gráficos ni contenido real. Fidelidad intermedia: elementos gráficos y algunos elementos de contenido real. 6 Alta fidelidad: en html incluyendo parte de la interactividad de la página con todos los elementos para poder testear la página con usuarios reales. Nivel de detalle: depende de lo que se quiera representar en el esquema y de lo avanzada que esté la arquitectura de la información. Mucho detalle: empezará a parecerse al aspecto visual (look and feel) definitivo de la interfaz; puede servir para aprobar la distribución de elementos en pantalla así como empezar a explorar los gustos del cliente a nivel gráfico. Etapas de la EU: Superficie Tratamiento gráfico consistente y atractivo a los diferentes elementos de la interfaz. -​ Consistencia interna entre las diferentes pantallas para que el usuario sepa en todo momento que continúa en el mismo sitio y que todo lo que ha aprendido hasta el momento del sitio es válido. -​ El diseñador gráfico puede darle el tratamiento gráfico que considere e introducir cambios en el wireframe, pero el estilo y la gráfica final de la interfaz deben ser coherentes con el usuario del producto y los objetivos de la empresa. -​ El diseño visual es lo primero que todo el mundo juzga de un producto o servicio porque es lo primero que vemos, y nos causa una impresión positiva, negativa o neutra. Maqueta: propuesta gráfica de la interfaz. A veces se presenta únicamente la pantalla principal, y en otras la pantalla principal y alguna interior. Definiendo la Arquitectura de la Información El diseño estructural de entornos de información compartida. La síntesis de sistemas de organización etiquetado, búsqueda y navegación en el marco de ecosistemas digital, físicos y multicanal. El arte y la ciencia de darle forma a productos de información y experiencias para permitir su usabilidad, buscabilidad y comprensión. Una disciplina emergente y una comunidad de práctica centrada en llevar los principios del diseño y la arquitectura al escenario digital. 7 Ámbitos de la AI La AI tiene como objetivo estructurar los sitios web para ayudar a los usuarios a encontrar información de forma sencilla y ágil, al tiempo que facilita a los gestores del sitio a mantener los contenidos y a interrelacionados entre sí, mediante esquemas de organización accesibles a través de un sistema de navegación. Por lo tanto, la noción clásica de AI de Rosenfeld y Morville se resume en cuatro áreas: Organización, Navegación, Etiquetado y Búsqueda. Estas tareas representan solo la parte más visible/tangible de la práctica profesional de la arquitectura de la información que está entre el producto y los procesos. Sin embargo muchos de los elementos de la AI de un sitio web se no son directamente observables por el usuario. En cierta manera es una estructura invisible que se encuentra bajo la superficie que puede apreciar el visitante cuando interacciona con las páginas web. Concepto La arquitectura de información (AI) se ocupa del diseño estructural de los sistemas de información. El problema central es la organización, recuperación y presentación de información mediante el diseño de ambientes intuitivos. Esta disciplina nace a finales de la década de los 90 como respuesta a la explosión en el tamaño y complejidad de los sistemas de información basados en internet. 8 Usuarios vs Contenidos La Arquitectura de la Información parte del diseño estructural del sitio (organización, navegación, rotulación, búsqueda) tomando decisiones para equilibrar… -​ El diseño centrado en el usuario: Aporta el marco para diseñar el modo en el que el usuario accede a los contenidos, los consulta y los utiliza. -​ El diseño centrado en el contenido: Estructura los elementos de información en una web diseñada con lógica y con coherencia. Arquitectura de la Información para la Web La Arquitectura persigue distribuir los espacios de la manera más armónica posible para su mejor aprovechamiento y comodidad del usuario. La Arquitectura de la Información para la Web pretende lo mismo: crear espacios llenos de contenidos de acceso sencillo e interrelacionados entre sí, de manera que el usuario localice rápidamente lo que busca, le sea de utilidad y lo encuentre agradable y atractivo de consultar. Rosenfeld y Morville en su libro Information Architecture for the World Wide Web (2002), la definen en una triple vertiente: -​ Objeto: Estructurar y organizar los sitios web para ayudar a los usuarios a encontrar información y a los gestores del sitio a mantener los contenidos. -​ Estructura: Combinar organización, etiquetado y esquemas de información dentro de un sistema de navegación. -​ Función: Diseñar la estructura de la información para facilitar la finalización de tareas basadas en información mediante un acceso intuitivo a los contenidos. AI: ¿Para qué sirve y cómo se hace? La arquitectura de la información es la creación de una estructura para un sistema, aplicación o proyecto, que permite entender dónde estamos como usuarios y donde está la información que queremos en relación con nuestra posición. La arquitectura de la información es el resultado la creación de sistemas, mapas de sitios, jerarquías, categorizaciones, navegación y metadatos. Cuando se separa el contenido y se divide en categorías, desarrollamos la arquitectura de la información. Cuando un diseñador bosqueja un menú de nivel superior para ayudar a los usuarios a entender dónde están en un sitio, también está desarrollando la arquitectura de la información. Las arquitecturas de información están en los sitios web que usamos, las aplicaciones y el software, los materiales impresos que encontramos, e incluso los lugares físicos en los que invertimos tiempo. La arquitectura de la información implica facilitar que las personas y las organizaciones con las que trabajamos consideren sus estructuras y su lenguaje de manera reflexiva. Si estás haciendo cosas para otros, estás desarrollando la arquitectura de la información. 9 Los 8 principios sobre AI de Dan Brown IMPORTANTE Objetos: el contenido debe tratarse como algo en evolución con su propio ciclo de vida. Para utilizar mejor un contenido deben reconocerse sus diferentes atributos y comportamientos. Cada proyecto debe comenzar identificando los tipos de contenido tanto a escala general como detallada Elecciones: Se debe ofrecer a los usuarios opciones significativas y centradas en algo específico sin llegar a abrumarlo y afectar negativamente a su experiencia. La información debe organizarse en jerarquías, evitando largas listas de opciones. Categorizar y subcategorizar el contenido es mucho más efectivo. Revelación: Identificar y ofrecer la información que necesita el usuario, así como aquella que precise para tener una idea de lo que encontrarán a medida que profundizan en su sitio, ni más ni menos (revelación progresiva). Ofrecer información de forma limitada permite al usuario asimilar y recordar mejor lo que está viendo sin sobrecargas. Ejemplos: La descripción del contenido en cada categoría con ejemplos de la misma facilitar a los usuarios comprender lo que está viendo. Por ejemplo, al navegar por categorías en Amazon, a menudo muestran productos que entran dentro de esa categoría. Puertas principales: Muchos visitantes llegan a un sitio desde un punto distinto a su página de inicio (motores de búsqueda, redes sociales, etc.) Por ello, las páginas deben incluir información básica sobre su ubicación, así como la navegación al nivel superior, páginas relacionadas, etc. Clasificación múltiple: Debe haber diferentes maneras para que los usuarios naveguen por el contenido de un sitio, puesto que las personas pueden usar diferentes métodos y rutas de navegación para encontrar la información. Navegación enfocada: Los menús de navegación no se deben definir por donde aparecen, sino por lo que contienen. En muchos casos, puede haber más de un menú de navegación en el sitio para proporcionar diferentes formas de acceder al contenido. Crecimiento: En muchos sitios, la cantidad de contenido crece con el tiempo por lo que debe organizarse considerando este hecho. Los menús de navegación y arquitectura de información general deberían poder escalar contemplando dicho crecimiento sin volverse engorroso o difícil de manejar. Áreas de aplicación de la AI 10 Aplicación de la Arquitectura de la Información Organizar la información: crear esquemas de organización de la información (alfabéticas, cronológicas, geográficas, funcional, perfiles, etc.) y definir las estructuras de acceso a la misma (jerárquicas, bases de datos, hipertexto). Definición de los vocabularios controlados: se usan para describir el contenido y normalizar terminología utilizada para la descripción de los metadatos de los contenidos (temas, personas, lugares, eventos….) Diseñar los sistemas de navegación: a partir de las estructuras y esquemas de la organización de la información se crean los sistemas de navegación (globales, locales, ad-hoc) para orientar y permitir al usuario desplazarse. Modelado de contenido, wireframing y rotulación (etiquetado): usados para ordenar, disponer y representar la información mediante modelos que posteriormente se implementarán en páginas concretas. -​ Sistemas de rotulación: para representar la información a través de un lenguaje adecuado al sitio web, en función de su contenido y tipologías. Sistemas de búsqueda: cuya presencia es complementaria a la navegación. Permiten localizar información rápidamente en grandes sitios web que albergan una gran cantidad de contenidos. Organización = Evitar la sensación de “estar perdido” … No sabe dónde está al desconocer su situación actual en relación a la estructura global del sitio Web y no percibe la relación que hay entre la página actual y el resto de páginas. No sabe dónde ha estado puesto que desconoce la ruta de navegación que ha seguido hasta la posición actual y por consiguiente no es capaz de identificar las páginas ya visitadas. No sabe a dónde puede ir al no poder identificar los enlaces que contienen información relacionada con la página actual. Dificultades para organizar la información en la Web La ambigüedad del léxico: derivado de la propia ambigüedad del lenguaje natural. Dificultad en asociar elementos a categorías: algunos contenidos no son susceptibles de clasificarse bajo una única categoría. Heterogeneidad de las Web: su granularidad (nivel de detalle) y diversidad de formatos dificulta el uso de sistemas de organización estructurados (un artículo y una revista a texto completo deben manejarse de modo diferente). Diferentes perspectivas entre diseñadores y usuarios: los sitios web se suelen organizar replicando la estructura corporativa de la organización a la que pertenecen, sin considerar que el usuario de nuestro sitio puede tener una visión basada en sus necesidades. Decisiones políticas a nivel interno: la estructura interna y la competencia departamental hace que se decida (sin una justificación objetiva) que unos contenidos tengan más preponderancia que otros. Esto hace que el mantenimiento del sitio sea complejo. 11 Sistemas de organización Se encargan de estructurar y organizar los contenidos de un sitio web. -​ Acostumbran a construirse mediante la clasificación, a partir de uno o varios criterios concretos (por ejemplo el tema sobre el que versan, la fecha de creación o la audiencia a la cual van dirigidos), de los contenidos que alberga esa página. Suelen encontrarse formados por dos componentes: -​ Los esquemas de organización dividen y clasifican los ítems de información o contenidos que alberga un sitio web en grupos a partir de un criterio. Los ítems de cada grupo comparten unas características definitorias que pueden ser consideradas como el aspecto crítico del esquema. Los criterios más utilizados son los alfabéticos, los cronológicos y los temáticos. -​ Las estructuras de organización sistematizan los grupos de ítems de información o contenidos resultantes de los esquemas, mostrando las dependencias lógicas que existen entre estos grupos. Esquemas de organización El ser humano sigue cada día esquemas de organización casi sin darse cuenta: localiza un nº telefónico en una guía, encuentra las bebidas en un supermercado, etc. Otras veces se encuentra verdaderamente perdido, basta cambiar de supermercado habitual, por ejemplo. Esto se debe a que cada esquema es, esencialmente, diferente. El de la guía telefónica es exacto (organización alfabética dentro de una población) y el del supermercado es ambiguo (híbrido de lugar y función). Organizar: Tipos de esquemas Exactos: Dividen la información en secciones bien definidas y excluyentes entre sí. El usuario sabe lo que busca y debe de encontrarlo en su sitio definido, no en otro. Exigen al usuario conocer el nombre exacto del servicio o producto que busca (la guía de teléfonos para personas no sirve si buscamos por servicios, para eso se inventaron las páginas amarillas). -​ Alfabético: un directorio de una organización. -​ Cronológico: los archivos de comunicados de prensa de una organización. -​ Geográfico: páginas de turismo Ambiguos: Dividen la información en categorías. Son complejos porque a priori no siempre se sabe lo que se busca. La búsqueda de información se hace iterativa e interactiva. -​ Temático: un directorio organizado por materias (páginas amarillas) -​ Funcional: típico de aplicaciones Web (en el Aula Virtual los contenidos y aplicaciones se agrupaban por función en el menú principal). Estructuras de Organización Aunque todos los días nos enfrentamos con estructuras organizativas, rara vez pensamos en ellas: las películas son lineales por naturaleza si bien su trama no tiene por qué serlo. La estructura de la información define las formas primarias en que los usuarios pueden navegar por una Web, con sus propias ventajas e inconvenientes y que suelen combinarse en estructuras híbridas. 12 Organizar: Modelos de organización Combinan diferentes estructuras y esquemas de organización: -​ Página única: Todo el contenido está en una sola página. Funciona bien en sitios con contenido limitado y propósito específico. Comunes en sitios web personales, productos individuales, etc. -​ Plano: Sitios pequeños (una docena de páginas). Solo hay un nivel de navegación. Común en sitios de agencias, sitios de comercio electrónico con solo un puñado de productos, etc. Los sitios planos se vuelven significativamente menos utilizables a medida que crecen en tamaño. -​ Índice: Similares a los sitios planos, pero con una lista de todas las páginas del sitio en una página central. Útil para sitios con un propósito específico: comercio electrónico, portafolios profesionales, etc. -​ Margarita: Los usuarios regresan a una página central tras realizar una acción específicas. Ejemplo: en un gestor de tareas, los usuarios regresan a la lista de tareas pendientes tras finalizar una de ellas. -​ Jerárquica estricta: Solo se puede acceder a los contenidos desde una página principal para guiar a los usuarios a través de la información de una manera muy 13  específica. Estos modelos funcionan bien en sitios educativos, donde una lección se basa en la última -​ Jerarquía multidimensional: Proporciona más de una forma de acceder a un contenido en particular. Este es uno de los patrones organizacionales más comunes, en parte debido a su facilidad de implementación. Complicadas de lograr y mantener. Estos diversos métodos para organizar el contenido pueden adaptarse e hibridarse para satisfacer las necesidades o aspectos concretos de un proyecto. Metadatos y Vocabularios Controlados Los metadatos contienen información descriptiva sobre algunos aspectos de los contenidos: título, fechas de edición/modificación, autores, materias, descripción, etc. Los vocabularios controlados aportan homogeneidad al contenido de aquellos metadatos que hacen referencia a objetos individuales: materias, autores, temas, etc. Intentan normalizar el lenguaje natural para evitar ambigüedades, al tiempo que se definen relaciones semánticas entre los elementos del vocabulario. -​ Anillos de sinónimos: agrupa estructuras formadas por términos con significado equivalente. -​ Ficheros de autoridades: contiene valores permitidos para hacer referencia a personas, lugares, eventos en el tiempo, etc. -​ Esquemas de clasificación: clasificaciones jerárquicas o taxonomía que organizan los temas en clases excluyentes. -​ Tesauros: términos entre los que se establecen relaciones semánticas (jerárquicas y asociativas), así como de equivalencia para el control de la sinonimia. Sistemas de navegación Los sistemas de navegación se basan en el proceso de aprendizaje asociativo con los contenidos. Son un factor clave para el éxito de una web y han de diseñarse cuidadosamente para evitar la desorientación del usuario y teniendo en cuenta las características de exploración del navegador. Funciones: -​ Desplazarse por la estructura del sitio web. -​ Ayudar al usuario a conocer su localización en la estructura del sitio ya que ha podido llegar a la página directamente desde un motor de búsqueda. -​ Ofrecer una visión global del contenido del sitio. Equilibrio entre profundidad y amplitud, usando enlaces transversales como complemento. Características: -​ Alcance del sistema de navegación: establece el ámbito de aplicación de los sistemas de navegación en los contenidos del sitio y los niveles o secciones con los que enlazan los ítems del menú. -​ Tipos de elementos de navegación: define el tipo de implementación, comportamiento, interacción y ubicación del sistema de navegación. 14 Alcance del sistema de navegación: Sistema de navegación integrados Los Sistemas de navegación integrados están embebidos en los contenidos web. Es necesario equilibrar la flexibilidad de la navegación con el peligro de abrumar al usuario con demasiadas opciones, puesto que están presentes junto con los elementos informativos de la página: -​ Navegación Global: Pensados para estar presentes en todas las páginas del sitio. -​ Navegación Local: complementan la navegación global. Se relaciona con el concepto de subsitio. -​ Navegación Contextual: Enlaces de navegación específicos para una página, generalmente para la navegación horizontal (cruzada)entre contenidos más allá de una navegación jerárquica. Alcance del sistema de navegación: Sistema de navegación complementarios Los Sistemas de navegación complementarios existen fuera de las páginas de contenido y proporcionan diferentes formas de acceder a la misma información. -​ Mapas de sitio: muestran los primeros niveles de la jerarquía de información de forma global. Es más natural para los sitios web que se prestan a la organización jerárquica. -​ Índices: muestran palabras clave o frases en orden alfabético, sin representar la jerarquía. Funcionan bien para usuarios que conocen el nombre del elemento que buscan. Requiere definir el nivel de granularidad (palabras, conceptos, frases). -​ Guías: contenidos breves que adoptar formas como visitas guiadas, tutoriales y microportales enfocados en una audiencia, un tema o una tarea específicos, con una navegación secuencial (anterior, siguiente, inicio) con una tabla de contenido si es necesario. Patrones de interacción de navegación Los patrones de interacción de navegación permite definir de un modo más preciso el tipo de implementación que se hará del sistema de navegación del sitio. Los sistema de navegación toman forma en un menú o elemento que agrupa los enlaces adecuados considerando el alcance del sistema (global, local o contextual). Existen diversos patrones, cuya elección dependerá del tipo del sistema, nivel en el que se ubican los contenidos con los que enlaza, adaptación multidispositivo, naturaleza de los contenidos enlazados, etc. 15 Barra de navegación superior Barra horizontal en la parte superior de la página que contiene enlaces a las secciones principales del sitio web. Es adecuado para sitios con un número pequeño o moderado de elementos de navegación en el nivel superior. Algunos ejemplos son sitios web de empresas o blogs. Navegación vertical (barra lateral) Barra vertical a la izquierda o a la derecha de la página con enlaces a secciones principales o subsecciones. Pueden incluir varios niveles de navegación. Útil en sitios o aplicaciones web con muchas secciones o jerarquías complejas multinivel. De gran ayuda en páginas con muchos elementos como escritorios de aplicaciones. Breadcrumbs Ruta de enlaces seguida por el usuario desde la página de inicio hasta la página actual. Muy útil para sitios con jerarquías profundas. Ayuda al usuario a conocer su ubicación. Suele aplicarse en sitios de comercio electrónico o repositorios de documentos informativos. Cuadrícula de tarjetas Retícula de bloques o tarjetas, cada una de las cuales representa una sección o un enlace diferente. Suelen agrupar una etiqueta breve, una fotografía y un texto descriptivo. Es ideal para interfaces con un gran contenido visual o sitios con mucho contenido como sitios de noticias, galerías. Menú desplegable Permite agrupar de forma compacta un gran número de enlaces y en ocasiones imágenes y descripciones. Suele usarse en sitios con muchas categorías y subcategorías como tiendas virtuales. Navegación centrada en la búsqueda La barra de búsqueda es el elemento más importante junto con los filtros y categorías. Se usa en sitios con muchos contenidos (comercio electrónico, bases de datos). Menú Hamburguesa Un menú que se despliega al pulsar sobre un icono con forma de tres líneas horizontales (o puntos). De gran utilidad para visualizar la navegación en dispositivos con pantallas pequeñas o para compactar navegación adicional o en aplicaciones. Requieren una acción adicional para activarlos y visualizarlos. Suelen ir acompañados de una navegación para expresar un efecto de despliegue. Se aplica en visualizaciones en equipos de escritorio para obtener un efecto off-canvas o un diseño visual simple. 16 Pestañas Menú, generalmente horizontal, que permite agrupar contenidos o funcionalidades similares. Reduce el esfuerzo de consultar todo el contenido para consultar una sección categorizando la información. Suele usarse en páginas de configuración de opciones o consultar secciones. (Apple). Botones para realizar una acción. Botones para persuadir, motivar y mover a la audiencia de usuarios a realizar una acción, como suscribirse, adquirir o descargar. Suelen usarse en sitios web que quieren que el usuario realice alguna opción específica. Generalmente sitios de comercio electrónico o landing pages. Sistemas de etiquetado Etiquetado: representación de la información de los contenidos y la navegación mediante la combinación de terminología y disposición y estilo visual en los diferentes elementos del contenido. Son una consecuencia natural de la creación de sistemas de organización y navegación dentro de los sitios web. Determina los términos utilizados para nombrar las categorías, opciones y enlaces utilizados. Etiquetado del sistemas de navegación: sensación de coherencia textual, visual y funcional de todos los sistemas de navegación del sitio. -​ Aplicación coherente: los elementos de navegación aparecen en todo el sitio web. -​ Aporta familiaridad y contexto coherente. -​ Controlar polisemia y sinonimia de los rótulos mediante notas aclaratorias. Etiquetado de los términos de indización: metadatos. Mejoran la posibilidad de que una página sea hallada en un motor de búsqueda. Se usan en las y y embebidos con JSON. Apoyan y mejoran la exploración del sitio web, complementando los sistemas de organización y navegación. Etiquetado de enlaces: uso adecuado en el contexto descriptivo del texto que rodea a los enlaces. Usados con naturalidad en el cuerpo informativo. Coherencia entre estos rótulos y el contenido informativo al que conducen. Facilitar visualización por el usuario. Etiquetado de encabezados: los encabezados describen la información a la que preceden. -​ Coherencia terminológica. -​ Coherencia en la granularidad: en cada nivel los rótulos deben tener la misma importancia y los niveles de los rótulos deben ser similares en todas las páginas. Sistemas de etiquetado gráfico: iconos, imágenes, fondos, motivos, etc. -​ Lenguaje más limitado que el textual por la dificultad de representar ciertos conceptos. -​ Usar pequeños rótulos textuales junto a los iconos. -​ Aportan identidad gráfica coherente y se prestan a visualización y uso de forma coherente. Etiquetado estructural: define las pautas de uso de textos y estilos visuales de los elementos estructurales de un contenedor. 17 Tipos de Elementos en los sistemas de navegación Barras de navegación: conjunto de enlaces de texto o imágenes con sofisticados efectos que realizan las funciones de vínculos. Pestañas: permiten varios paneles con información contenidos dentro de una sola área principal, usando pestañas (verticales u horizontales) para alternar entre ellos. Menús desplegables: ofrecen de forma compacta muchas opciones de navegación. Deben usarse con cautela y no agrupar un demasiados de enlaces para que no resulten confusos. Tabla de contenido: permite mostrar los niveles de una jerarquía para dar una visión general del contenido y facilitando su acceso. Muy útil en sitios Web con jerarquías profundas. Índice: son una alternativa a la tabla de contenido. Pueden presentar palabras clave o frases en orden alfabético sin indicar jerarquía alguna. Tampoco representan mucha profundidad. Mapa Web: representación gráfica de las principales páginas de un sitio web. Están en desuso por razones de accesibilidad para usuarios y motores de búsqueda, puesto que en formato textual las tablas de contenido y los índices cumplen con el mismo cometido. Alcance de los sistemas de navegación Jerárquicos: desglosan el sitio Web desde el inicio mediante categorías excluyentes a modo de directorio. Globales: presente en todo el sitio web, dotándolo de gran capacidad de desplazamiento vertical. El más simple es una barra de navegación ubicada en la parte superior o inferior del sitio y que da acceso a las páginas cabecera del resto de áreas con un vínculo de vuelta a página principal (Inicio). Locales: relacionados con la idea de “subsitio Web”. Si en la Web de una empresa es interesante consultar un catálogo de productos, cuando el usuario accede al mismo encontrará un sistema de navegación específico del catálogo, distinto del global de la Web, ‘subsitio’ con sistema propio de navegación ‘local’. Cuando finalice la consulta, el usuario debe volver a manejar el sistema global. ‘Ad hoc’: a veces necesitamos remitir al usuario a otra fuente informativa para ampliar información sobre lo que está leyendo antes de seguir adelante (es un enlace para ampliar información como usamos en Wikipedia para definir o presentar un concepto enlazando con otra página del wiki). Sistema de búsquedas 18 Posicionamiento: Usabilidad, Ubicuidad y Visibilidad Muchos autores intentan responder la pregunta: “¿qué es más importante, la forma o el contenido?” Sería el contenido, pero en realidad no importa mucho si no podemos llegar a él. Un sitio es usable, sólo si lo podemos encontrar. La ubicuidad de un sitio Web se apoya en la buscabilidad y la visibilidad, esto es, la capacidad de un sitio web de encontrarse en Internet y ser fácilmente localizado. En este sentido, la usabilidad presta atención a tres factores: organización del contenido, aspectos estéticos y fidelización del usuario. Ligado a la visibilidad de un sitio web se encuentra su capacidad de aparecer bien posicionado en los resultados que devuelven los buscadores de Internet a una consulta o pregunta planteada por el usuario (posicionamiento web). Posicionamiento en buscadores ¿Qué es? Técnicas para modificar el puesto en el que aparece una página web en el resultado de un motor de búsqueda. Utilidad El uso de dichas técnicas pueden ayudar a mejorar el posicionamiento del recurso y por lo tanto a que los usuarios lo localicen mejor y accedan más a él. Los usuarios normalmente no van más lejos de la segunda página de resultados del buscador, lo cual dificulta el acceso a los recursos que se encuentran en las páginas de resultados no visualizada Factores Directos: aquél que el buscador utiliza de forma directa para ordenar los resultados. -​ El listado e importancia de los factores varía de un buscador a otro y no es público (aunque se sabe cuáles son los principales). -​ Tipología: contenido del recurso, ubicación, temporalidad, términos de consulta (palabras clave, cuáles y ubicación en la página), enlaces, visitas al recurso, tipografía utilizada y URL del recurso. Factores Indirectos: aquellos factores que influyen en un factor directo. -​ Tipología: Contenido de calidad, Credibilidad, Interoperabilidad del recurso, Usabilidad, Accesibilidad. Son factores que influyen en el número de visitas y enlaces que puedan realizarse al recurso. Posicionamiento: Factores Directos Ubicación Términos de Consulta (palabras clave): -​ Aparición de los términos en el título de la página. -​ Aparición de los términos de consulta en la URL de la página. -​ Aparición en las etiquetas META (description). -​ Aparición en el body y sobre todo en encabezamientos. -​ Nombres de ficheros con términos de consulta. -​ Aparición de los términos al comienzo del cuerpo del documento. 19 Tipografía Uso en los términos de consulta de etiquetas HTML para resaltar la relevancia (mayúsculas, negrita, encabezados (Hn), etc). Términos de consulta en cuerpo del documento. -​ Alta frecuencia de aparición de los términos de consulta. -​ Frecuencia de aparición de términos no frecuentes. -​ Proximidad de los términos en el texto (consultas con más de una palabra). Contenidos: Riqueza de documentos del sitio (pdf, doc, etc). Posicionamiento: Factores Directos Enlaces: -​ Número de enlaces entrantes y salientes (negativo). -​ Texto de los enlaces entrantes (coincidencia con términos de consulta). -​ Prestigio de las páginas que contienen los enlaces entrantes. URL: -​ Proximidad a la raíz de la URL del término de búsqueda. -​ Prestigio del dominio de la URL (org, edu, um.es,…) Criterios temporales -​ Frecuencia de actualización de la página. -​ Antigüedad del sitio en el índice del buscador, Ubicación: Situación Geográfica o IP e idioma de la página. Visitas Visitas que recibe una página mostrada en los resultados que ha sido recuperada por los términos de consulta. Palabras clave: proceso de elección En esencia, una web no es más que información textual. Los buscadores indizan una web fijándose en el contenido del título de la página, de la descripción de la página y en el contenido de la página de inicio (suele ser un resumen de todo lo que el usuario va a encontrar en el sitio),... A continuación, los buscadores buscarán la navegación (índice) y saltarán de enlace en enlace por las distintas secciones del sitio web (capítulos) repitiendo el proceso de análisis: título, descripción, encabezamientos, contenido… Palabras Clave (“conceptos clave” o “keywords”) Una palabra o una combinación de palabras con las que los algoritmos de los buscadores clasifican una web dentro de su base de datos. recomendable usarlas en URLs, títulos, descripciones, encabezados,… Estas palabras clave serán las mismas que teclean los usuarios cuando utilizan los buscadores para encontrar información de su interés. Palabras claves de mayor valor: uso frecuente en los buscadores por parte de los usuarios, bajo número de competidores por esa palabra y con estrecha relación con la temática y objetivo del sitio web. 20  1.​ Búsqueda de palabras clave -​ programas “sugeridores” de palabras clave: muestran lista de palabras clave relacionadas con un concepto clave -​ opinión personal o de un departamento comercial o de marketing,... -​ observación de la competencia (código de sus páginas) 2.​ Análisis de la calidad -​ La relación palabra clave vs. temática / objetivo de mi Web -​ La popularidad de uso -​ La competencia existente por esa palabra clave 3.​ Selección del grupo más adecuado -​ ordenación de mayor a menor relevancia -​ número de palabras clave relacionado de forma directa con el tamaño de la página Web y con la temática de la misma. -​ [SEM: presupuesto, el tiempo disponible para invertir y nichos de mercado] Relación entre modelado, wireframing y etiquetado Modelado de contenido: determinar tipos de contenido estructurado que representan las necesidades del usuario, la lógica, los requisitos del sitio y las prácticas editoriales internas. El modelado se realiza a partir de la información recopilada durante la investigación de la AI y la identificación de una tipología de páginas. Wireframing: representa tanto las conexiones entre páginas y funcionamiento del sitio como la organización de los elementos dentro de cada página. Se realiza basándose en la tipología de páginas y la jerarquía existente entre ellas que determinará la navegación a través del sitio. Los bocetos elaborados para cada tipo de contenido que ofrece el wireframing permiten diseñar el modo en el que un usuario interactuará con la información disponible. Etiquetado: Durante el wireframing también se identifica la organización estructural (cabecera, contenido, pie) de los elementos (textuales, simbólicos, visuales) de los contenidos. El etiquetado permite tomar decisiones para el diseño de secciones, menús de navegación, opciones de navegación, fichas de productos, párrafos, objetos destacados, listas, galerías de imágenes. Componentes de una página web Cabecera: -​ Ubicado en la parte superior de la página -​ Información básica de la organización o marca. -​ Es consistente (se repite en cada página del sitio) -​ Suele incluir: logotipo, menú de navegación, buscador, breve descripción. Cuerpo del contenido: -​ Alberga el contenido principal. -​ Diferente en cada página del sitio Pie de página: -​ Ubicado en la parte inferior. -​ Suele contener información de contacto, botones de redes sociales, logotipo, política de privacidad. 21 Contenidos del sitio Inicio (home): La página más importante con información relevante de la organización y alojada en el dominio principal. Proyecta la marca, diferencias con la competencia, porque deberían elegir los productos o servicios de la organización, resumen de productos, servicios, ofertas, etc. Productos y servicios Productos organizados en un catálogo. Se muestra descripción, precio, imágenes, gastos de envío, llamada a la acción (añadir a la cesta, reservar, etc). Blog: Contenidos dinámicos de actualidad. Incluye archivo, buscador, suscripción. Organizado por categorías y etiquetas. Contacto: Teléfono, dirección, horarios, email, formulario de contacto Política de privacidad Página obligatoria, generalmente enlazada desde el pie de página. Debe incluir información sobre uso de cookies del sitio. Los metadatos introducidos al crear el contenido determinan las secciones desde las que se accede al contenido en el sitio web y la información de contexto con la que se publica. Elementos para el modelado de contenidos Los tipos de contenidos, campos y las taxonomías permiten estructurar la introducción del contenido, evitando que tengamos que manejar un bloque de texto extenso no articulado y aportando coherencia. A partir del contenido estructurado, las vistas, listados y layouts son instrumentos para su publicación dinámica que aprovechan flexibilidad de contar con contenido articulado en tipos, campos y taxonomías. -​ Vistas: listados que seleccionan contenidos según un criterio preestablecido y/o dinámico (categoría “cine de acción”, contenido de tipo receta y valoración media >5) y un formato de salida (cuadrícula, listado sencillo, ordenado por precio) -​ A nivel de diseño de página real los layouts de página, establecen zonas para mostrar diversas funcionalidades de contenido (contenido relacionado, listados, información sobre el autor, cabecera…) El contenido se presenta al mismo tiempo en diferentes contextos (vistas, páginas) aplicando diferentes visualizaciones (solo título, titular grande, título con resumen e imagen, con datos de autor y fecha, …). Entender el funcionamiento de un sitio web implica conectar los diferentes niveles de datos y organización que se van combinando para generar el resultado final. La navegación, la búsqueda y organización de información son el resultado de la vinculación del contenido con categorías, taxonomías y metadatos 22 La importancia de los metadatos y vocabularios Los metadatos permiten incorporar a las páginas web información descriptiva sobre el contenido: título, fechas, horarios, autoría, materias, descripción, etc. En las páginas web pueden usarse términos de esquemas de metadatos en la cabecera de las páginas. Los vocabularios controlados aportan homogeneidad al contenido de metadatos basados en conjuntos de datos cerrados. Permiten normalizar el lenguaje natural para evitar ambigüedades y definen relaciones semánticas entre los elementos del vocabulario. Pueden usarse listas de sinónimos, ficheros de autoridades, clasificaciones, tesauros, etc. De este modo es posible incorporar datos estructurados que, a diferencia del HTML pensado para su lectura por personas, puede ser procesado fácilmente por los robots de los buscadores y otras aplicaciones. Tanto el uso de metadatos en los contenidos, como de los vocabularios controlados (como las taxonomías) son prácticas que se realizan de forma cotidiana en la gestión de un sitio web y que resultan transparentes al usuarios. Sin embargo, su correcta aplicación aporta muchas ventajas a los usuarios para facilitar la navegación y consulta del sitio web y para que los contenidos de un sitio puedan ser localizados más eficientemente a través de un buscador. Sistemas de búsqueda Los sistemas de búsqueda complementa al resto de elementos de la AI e incrementa las posibilidades del usuario para encontrar la información en el sitio web. En este sentido hay que tener en cuenta que es preciso adaptar el buscador del sitio tanto al tamaño, como a la tipología de los contenidos, como a los perfiles y necesidades de los usuarios. No confundir el sistema de búsqueda del sitio con la búsqueda de contenidos a través de los motores de búsqueda (p.e. Google). No obstante, es frecuente haya sitios web que utilicen un motor global limitado a los contenidos del sitio para implementar su sistema de búsqueda. En cualquier caso, la interfaz de consulta del buscador debe considerar el grado de aptitud de los usuarios, el tipo de información que quieren buscar y la cantidad de información que desean recuperar. Además debe incluir información que ayude al usuario a plantear las consultas, personalizar resultados y como refinar los resultados. Posicionamiento y Arquitectura Información El etiquetado del texto y metadatos de los contenidos influye de manera determinante en su capacidad para poder localizarlos y en su posicionamiento (lugar que ocupan) en los resultados obtenidos, ya sea a través de un sistema de búsqueda interno o mediante un buscador global. Utilidad de posicionamiento web: El uso de dichas técnicas pueden ayudar a mejorar el posicionamiento del recurso para que los usuarios lo localicen mejor y accedan más a él. Los usuarios no suelen ir más allá de la 2ª página de resultados. Los sistemas de búsqueda se basan en la información textual (título, párrafos, encabezados, texto alternativo y títulos de imágenes y vídeos, etc) indizada por los buscadores. 23 Es esencial rotular los contenidos con Palabras Clave (“conceptos clave” o “keywords”) adecuadas, tanto en el contenido como en las URLs, ya que estas deberán coincidir aproximadamente con los que teclean los usuarios al realizar las consultas. SEO VS SEM Hay dos tipos de técnicas de posicionamiento: SEO y SEM. SEO: (Search Engine Optimization) -​ Posicionamiento orgánico en los resultados a partir del funcionamiento del algoritmo del buscador y del propio contenido del sitio. -​ En la búsqueda nativa del sitio los resultados son inmediatos, sin embargo en los motores de búsqueda globales los resultados son visibles a largo plazo, a veces en meses. -​ Es clave el uso de palabras clave en los contenidos pero no se pueden segmentar audiencias. -​ Muy rentable: inversión prácticamente nula y perdura a largo plazo. SEM: (Search Engine Marketing) -​ Pago para posicionar un sitio web en zonas de publicidad de las páginas de resultados asociadas a ciertas palabras clave. -​ El resultado es inmediato. -​ La selección de las palabras claves a “comprar” es esencial y se pueden segmentar los usuarios. -​ Precisa inversión constante: hay que renovar la adquisición de las palabras de búsqueda. Proyecto de Arquitectura de la información Decidir orientación del sitio: web corporativa, tienda online, blog, etc. Análisis de los usuarios y del mercado: Investigar para conocer a fondo la importancia de los productos o contenidos del sitio a través de keyword research, analizar el mercado (Google Analytics, Encuestas, Entrevistas). Hay que centrarse en el usuario para obtener una comprensión exhaustiva de sus expectativas y organizar el sitio de forma eficiente para ellos. Perfil del usuario y casos de uso: Identificar la audiencia y grupos de usuarios específicos para conocer sus objetivos, motivaciones, características y comportamiento. Mapeo del flujo de las tareas del usuario: Intentar definir las acciones que realizará el usuario en el sitio web (navegación, interacción, compra, etc) y su secuenciación. Taxonomía y metadatos: La taxonomía de clasificación de los contenidos (categorías y etiquetas) y los metadatos de descripción de los tipos de contenidos son indispensables para la organización del sitio. Modelar datos (o contenido): Identificar los tipos de contenidos, su estructura. Hay que definir bien las necesidades del usuario en cada tipo de contenido, las acciones que puede realizar el usuario y los procesos de gestión editorial. 24 Estructura interna de cada página: modelado de cada tipo de contenido, identificando los diferentes elementos, disposición y significado de los mismos. Esquema jerárquico de las páginas: Implica la organización de las páginas en niveles. Es recomendables que desde la página principal el usuario no deba activar más de tres o cuatro enlaces para llegar a cualquier contenido del sitio. Navegación: muestra como acceder al sitio web. Es necesario trabajar bien su ubicación en la página (siempre en el mismo sitio y con los mismos elementos), niveles jerárquicos, el etiquetado de los enlaces y la claridad/coherencia del menú en relación al contenido del sitio y estilo visual. Planificar la implantación: establecer procesos, calendario de desarrollo del proyecto y reparto de tareas del equipo. Elaborar un informe ejecutivo. Evaluaciones periódicas de los resultados. 25