Introducción a la arquitectura de información | Julia DeBari | Skillshare

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introducción a la arquitectura de información

teacher avatar Julia DeBari, UX Design Leader

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

10 lecciones (38min)
    • 1. ¡Hola!

      2:35
    • 2. Disciplinas

      5:01
    • 3. ENTREGABLES

      8:33
    • 4. Piezas de Sitemap

      4:07
    • 5. Tipos de navegación

      7:43
    • 6. Rediseño de un sitio

      3:23
    • 7. Mapa de sitios nuevo

      2:04
    • 8. Tipos de herramientas

      2:30
    • 9. Proyecto

      0:45
    • 10. ¡Gracias!

      0:57
  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1229

Estudiantes

2

Proyectos

Acerca de esta clase

Alguna vez has visitado un sitio web o utilizado una aplicación que paría hermoso, pero no de la que encontraba el contenido que buscas? ¿O tried intentado hacer algo y no podrías completar porque los pasos de los eran confus? Esa es la estructura de una aplicación o en la web que llamaron Arquitectura de informaciones. Es cómo se ven a la gente y forma un modelo en sus cabos sobre cómo está organizado.

En esta clase aprenderán:

  • una breve historia de la arquitectura de información
  • Terminología de arquitectura de información
  • Diferentes tipos de navegación
  • Cómo hacer un tipo de tarjeta
  • Cómo crear un espacio de espacio

Sin embargo, no se necesita conocimientos de la familiarización de los ayudados de los procesos de UX Design de calidad.

Usaremos la CardSort desde el trabajo óptimo de la taller. Hay un plan gratuito con una función limitada que funciona para el proyecto.

Conoce a tu profesor(a)

Teacher Profile Image

Julia DeBari

UX Design Leader

Profesor(a)

Passionate UX advocate. I love sharing knowledge, collaborating, building and nurturing relationships, and having a positive global impact at a company. I tend to drive design excellence across any team I am a part of and get excited by the challenge of transforming a company into a design-driven organization.

Other things:
UX nerd, travel geek, book lover (paper or digital), animal lover, technology enthusiast

Ver perfil completo

Calificaciones de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%
Archivo de reseñas

En octubre de 2018, actualizamos nuestro sistema de reseñas para mejorar la forma en que recopilamos comentarios. A continuación, se muestran las reseñas escritas antes de esa actualización.

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. ¡Hola!: Bienvenido a la introducción a la información Arquitectura. Mi nombre es Julia Davari, y estoy emocionado de guiarte a través de este resumen de la arquitectura de la información. Hablaremos un poco de historia un poco de disciplinas que conforman información, la arquitectura, arquitectura, los bols de entrega y la información que produce el arquitecto y cómo crear un sitio de vuelta. Empecemos. ¿ Sabías que el término arquitectura de la información ha existido desde 1976? En realidad ha estado alrededor un poco más que eso. El término se utilizó algunas veces aquí y allá. Algunos papeles, pero realmente se hizo popular en 1976 Richard Saul Foreman. Dio una charla magistral en una conferencia. El Congreso del Instituto de Arquitectura de la Información en 1976 sobre cómo la información necesitaba ser arquitectada en nuestra era digital. Richard Saul Warm Es un diseñador gráfico y arquitecto de construcción que realmente popularizó y creó el campo de la arquitectura de la información tal como lo conocemos hoy en día. Diversión nota al margen. También ha querido co creadores de las pláticas de Ted sobre conferencias de Ted. Entonces, ¿qué es exactamente la arquitectura de la información? Bueno, es práctica profesional y campo de estudios enfocado a resolver los problemas básicos de acceso y uso de vastas cantidades de información. Entonces, ¿qué significa eso para nosotros hoy? Obviamente, el advenimiento de Internet ha cambiado mucho las cosas, por lo que comúnmente podría haber oído hablar del término arquitectura de la información. Cuando se habla del diseño de sitios web o APS al discutir marcos de alambre, las etiquetas de contenido son navegación. actualidad, un arquitecto de la información es principalmente un borrador, y se basa en lineamientos, mejores prácticas y pericia profesional. Es decir, arquitectura de la información no es una ciencia sino un arte aplicado. Y así el Arquitecto de Información del Trabajo se centró principalmente en la identificación y definición del contenido del sitio o APP y su funcionalidad, así como la organización subyacente, estructura y nomenclatura que definía las relaciones entre un contenido de sitios y su funcionalidad. 2. Disciplinas: Hablemos de las disciplinas que conforman el campo de la arquitectura de la información. Existen tres disciplinas clave construyendo nuestra conjetura. La biblioteconomía en psicología cognitiva pasará por algunos de los principales aspectos de cada una de estas disciplinas y cómo se relacionan con la propia arquitectura de la información. biblioteconomía es el estudio de cómo categorizar, catalogar y ubicar. recursos son estos utilizados en todas partes, desde bibliotecas tradicionales hasta museos, laboratorios de ciencias y hospitales básicamente en cualquier lugar donde estés en un espacio grande y necesitas encontrar tu camino, generalmente mediante el uso de letreros. Um, si estás familiarizado con, como el aeropuerto, por ejemplo, y cómo tienen diferentes terminales y portones. Es otra forma de categorizar las cosas y cómo localizarlo. Mucho diseño industrial, información, información, arquitectura y obviamente, ciencias bibliotecarias utilizan estas ideas para crear esquema de organización. Catalogarse en sí mismo es el proceso de creación de metadatos, que son datos sobre datos y asignarlos a contenidos para encontrarlos de nuevo en el futuro. Entonces si estás familiarizado con S CEO, por ejemplo, optimización de motores de búsqueda cuando estás buscando una palabra clave que sea metadatos o los datos reales que se han atribuido a la página Web para que la encuentres. Hay muchas otras cosas que también pueden caer en esta categoría. Cosas como hashtags podrían considerarse metadatos. palabras clave, cuando estás buscando algo, generalmente se encuentran dentro de los metadatos o de los datos reales mismos. Por lo que la catalogación es muy importante para nuestra era digital. archivo o el proceso de la ciencia archivística es construir y comisariar archivos que se llenen de contenido, cuales pueden necesitar ser editados o eliminados en el futuro para mantener la integridad de los archivos. Por lo que puede que estés familiarizado con esto, como leer Rubio Post. Las cosas están organizadas por fecha. Um, ¿necesitas quedarte con cada poste de bloque? Si hace 10 años, tal vez necesites quitar algunos de esos. Um, realmente Entender lo que es relevante para tu audiencia es una parte importante de la ciencia archivística . psicología cognitiva es el estudio de cómo funciona la mente y qué procesos mentales tienen lugar ahí. Y el enfoque primario de I A con la psicología cognitiva son tres conceptos importantes. Carga cognitiva, modelos mentales y toma de decisiones. La carga cognitiva es cuando tienes información en la cabeza y luego puedes agregar más porque simplemente la olvidarás. Cosas como recordar una lista de compras o recordar números telefónicos. Una forma de recordar los números telefónicos, con los que probablemente estés familiarizado si estás en EU, es que Chunk Thumb Chungking haciendo 1er 3 números son el código de área. Los siguientes tres números son tu prefijo, y los cuatro últimos dígitos de tu propio número son específicos para ti y un identificador único. Entonces al dividirlo en 33 y cuatro, reduce la carga cognitiva de recordar un número telefónico que si tuvieras fuertes los 10 números juntos. Los modelos mentales son las asociaciones de cómo crees que algo funciona en base a lo que es tu conocimiento previo. Entonces si me meto en un auto nuevo y hay algo ahí que nunca antes había visto, todo el conocimiento previo que tengo sobre todo con lo que he interactuado en el mundo hasta ese momento va a hacer pistas de cómo creo que esa cosa desconocida debería funcionar o ser ese es un modelo mental y luego finalmente, decisiones, obviamente tomar decisiones, cómo decidir entre múltiples cosas o dos cosas, o algo en lo que realmente se enfoca el arquitecto de la información a la hora de decidir el lenguaje a utilizar para cosas como metadatos para cosas como las etiquetas de un sitio web o el contenido de un sitio web. Y finalmente tenemos arquitectura edificable. arquitectura en sí es a la vez un proceso y el producto de la planeación, diseño y construcción de edificios o de cualquier otra estructura. Por lo que probablemente estés familiarizado con cosas como los planos de la arquitectura de edificios. Los marcos de alambre son los planos de un contenido digital. Un arquitecto de información podría decidir cómo se organizan esos y las relaciones entre el contenido en estas diferentes pantallas. 3. ENTREGABLES: Hemos hablado de la historia de la arquitectura de la información así como de los campos o disciplinas que conforman el propio campo de la arquitectura de la información. Ahora hablemos de lo que realmente produce bols de entrega y arquitecto de información. Es importante tener en cuenta que la arquitectura de la información está documentada y hojas de cálculo y diagramas no en marcos de alambre, maquetas visuales o prototipos. Los bols de entrega más comunes asociados a un arquitecto de información. Nuestro sitio mapas, inventarios de contenido, auditorías de contenido, modelos de contenido, modelos mentales, taxonomía, facilidad, metadatos, metadatos, organización de la información, nos esquema y los sistemas de etiquetado pasarán por un ejemplo de cada uno de estos Next. En primer lugar, tenemos el ejemplo de un mapa del sitio. El mapa del sitio suele ser jerárquico en estructura e indica diversas relaciones entre el contenido en un sitio web o una aplicación. Entraremos en más detalle de los mapas del sitio un poco más tarde. A continuación se presenta un ejemplo de un inventario de contenido. El Inventario de Contenido es una hoja de cálculo, como puedes ver aquí que pasa por el contenido existente de un sitio web o una aplicación e indica qué hay para revisarlo y ver qué podría necesitar ser archivado, borrado o editado. El tranquilo de la muy izquierda Página I d Esos números en realidad provienen del mapa del sitio, y los números mismos indican el nivel de jerarquía y dónde se encuentran, dentro de la relación con otros contenidos del sitio. Las cosas más comunes incluidas en un inventario de contenido son la página i D o mapa del sitio I D. La U R L actual de donde se encuentra ese contenido. La descripción del contenido suele ser el título de la pantalla o página, que aquí se conoce como nombre y tema. Y luego también puede incluir otras cosas, como palabras medic e o descripción o el tipo de contenido ubicado en esa pantalla. Esta tiene algunas otras cosas, como status 200 significa las páginas en vivo. 404 significa que no se puede encontrar la página. El Río uno significa que la página ha sido redirigida a una nueva página. Esto no es tan importante, pero el inventario de contenido puede tener tanta información como te gustaría capturar, pero es muy importante tener esas cosas clave que mencioné antes, y luego puedes incluir otras según sea necesario. Un modelo de contenido es cómo el contenido en una página y recordar contenido podría ser cualquier cosa, desde una imagen hasta una frase dedo del pie, una palabra dedo del pie múltiples palabras a ti elementos yo y cómo esas cosas están relacionadas entre sí . Este es un muy buen ejemplo del modelo de contenido de alguien para una página específica en este ejemplo. Para la tienda Apple Web, este es un ejemplo de un modelo mental. Estos fueron popularizados por alguien llamado Indie Young. Fue consultor profesional U X. Tiene muchos ejemplos así como todo un libro sobre el tema. Si deseas más información, básicamente, básicamente, la parte superior del modelo mental es lo que una persona o actor vehicular está pensando y haciendo de manera lineal. Y la parte inferior es lo que la organización o el negocio, um puede hacer por esa persona. O podrían ser oportunidades relacionadas con el, um, modelo o lo que una persona está haciendo. Entonces esta línea verde oscura de mentira media es lo que llamamos la línea de interacción entre la empresa y el individuo, y luego se puede ver que es una estructura muy lineal y fases específicas, así que eso es lo básico de un modelo mental. Siguiente arriba es una taxonomía, así que esto no es ejemplo de un liberador herbal específicamente, sino cómo se ve una taxonomía en un sitio web, así que probablemente estés muy familiarizado con los libros, Así que esto es de buenas lecturas. Por lo que tenemos categorías después en una librería, una biblioteca o en línea libros Howard organizados. Por lo que suele haber géneros. Y así aquí se pueden ver los diferentes géneros de la izquierda y luego dentro de que se pueden organizar las cosas de otras maneras. Y aquí se muestra cuántas personas tienen los juegos del hambre en sus estantes. Entonces tienes un adulto joven, y luego puedes perforar hacia abajo en subcategorías. Por lo que la taxonomía es el etiquetado un etiquetado de categorías de cómo se organizarán los contenidos. Meta data, como hablamos antes, se juntan de una manera que ahí está la estructura y luego los valores. Um, así que un ejemplo muy común son como las películas o la televisión. Entonces si estás familiarizado con yo soy Devi, ahí está el título del episodio o la película, um, la descripción de eso. Por lo que la estructura se titula Descripción, Creador , fecha y tipo, y luego el contenido o valores reales que van en esa estructura se enumeran en el otro lado. Entonces eso es algo muy común en otro buen ejemplo de esto es Si tienes, digamos, un menú desplegable o algún otro tipo de menú o campo de texto, ¿qué tipo de contenido puede entrar ahí? ¿ Cuántos personajes se permiten ahí dentro? Todo esto está relacionado con la entrega de metadatos herbal y por aquí en la esquina derecha , y puedes ver si tienes metadatos. Entonces aquí es lo que llamamos el nombre del campo o tal vez el elemento U I. Y luego qué tipo de datos entra ahí y luego un ejemplo de lo que podría ser entonces cómo eso relaciona Este es un ejemplo de una vieja página del portal con la taxonomía. Entonces tenemos título y luego la descripción de qué tipo de contenido está en esta categoría. Entonces esta es una lista, y luego dice que hay computadoras y lo que pasa debajo de la computadora. Entonces está el tema, computadoras y su programación y lenguajes y un lenguaje específico. Entonces eso son metadatos. Entonces es mucho pensar en palabras específicas, lo que significan y cómo las cosas se relacionan juntas. Por último, tenemos un ejemplo de un esquema de organización, que es similar un poco diferente. Entonces si tienes, um, un ejemplo a la izquierda es un tipo de información. Por lo que tenemos, como aerolínea o corporación u organización educativa, si los tipos específicos que esos transmiten sean, por ejemplo, si tienes, como botones de radio o algún otro tipo de indicador donde alguien tiene que tomar una decisión. Por lo que bajo organización educativa se tiene un colegio o universidad. Podría haber una escuela primaria, una preparatoria y media, preescolar o simplemente escuela. Um, así que si estás haciendo, digamos, botones de radio como opciones en Lee, estas opciones estarían disponibles. Nada más estaría disponible. Esto es para dar a los desarrolladores para saber qué codificar, además de saber cómo encaja la estructura del contenido dentro, digamos, digamos, la base de datos back end. Y luego finalmente, tenemos un sistema de etiquetado entregar herbal por lo que podría haber, en este ejemplo, el tema real de la página de la izquierda o lo que vamos a etiquetarlo. Entonces, ¿cuál es la etiqueta en la propia página real? Entonces si es la página de comunicaciones, cabecera de página real sería la comunicación de sombrero de vida, y entonces este oyente dice, Título en corchetes. Se trata de metadatos. Entonces, ¿qué tipo de metadatos estarán en la página para que Cuando busques la página, qué encontrarás? Por lo que tenemos etiqueta real de lo que el contenido es el título real de la página, y luego los metadatos relacionados con esa página. 4. Piezas de Sitemap: Hemos hablado de la historia de la arquitectura de la información, las disciplinas que conforman la información, arquitectura y ellas entregan bols y la información que produce el arquitecto. Ahora hablemos de cómo hacer que uno de esos entreguen bols. Eso es lo mejor para que todo diseñador sepa hacer. Y este es el mapa del sitio. Las piezas de la misma app son cajas, líneas, la estructura de cómo están organizadas, los niveles de jerarquía, las etiquetas y una leyenda. Es importante tener en cuenta la diferencia entre información, arquitectura y navegación. Muchas personas usan estos términos indistintamente, y eso no es correcto. arquitectura de la información es la columna vertebral de la información del sitio. Navegación se refiere a los elementos en la U. Permitiendo a los usuarios llegar a información específica en el sitio. Por lo que la navegación es la representación visual de cómo los usuarios obtienen dos piezas diferentes de contenido definidas por la arquitectura de la información. Por lo que empezar con un ejemplo realmente simple mirará las piezas de un mapa del sitio. En primer lugar tenemos las cajas. Tenemos una estructura jerárquica, empezando por el nivel cero. Tenemos leones, entonces trabajamos nuestro camino por la jerarquía. Nivel uno, nivel dos y nivel tres. Este es un esquema realmente simple, y ahora pasaremos por ejemplos más detallados. Este es un ejemplo que hice hace muchos años, y así se puede ver que tenemos una leyenda. Tenemos cajas y tenemos líneas y tenemos una estructura jerárquica. Um, tenemos la página principal. No siempre tiene que ser la parte superior, como lo haremos en ese esbozo. Podría ser así, pero alguna indicación de que es la página principal. Nuestra primera pantalla principal necesita ser indicada. Tenemos aquí nuestras líneas que indican la navegación primaria, que es nuestro nivel uno amarillo. Y entonces tenemos el contenido que vive en cada una de esas categorías. Este es un sitio sencillo para que solo tenga unas cuantas piezas de información y no sea tan detallada. Es algunos otros mapas del sitio. Echemos un vistazo a algunos de esos ahora. Aquí hay un ejemplo de otro mapa del sitio que hice hace años, y se podía ver aquí tenemos la página principal como nivel cero en la parte superior, y luego trabajamos nuestro camino por el siguiente nivel. Son siete los artículos. Se quiere organizarlos en orden de importancia, por lo que tenemos de uno a siete. Ese es nuestro primer nivel y probablemente nuestra navegación primaria. Entonces tenemos el segundo nivel, que son todas las cosas que viven bajo cada una de esas piezas de navegación, el contenido, y luego bajamos un poco más allá y tenemos otro nivel de navegación. Es importante tener en cuenta que si estás cruzando líneas para tener un poco de joroba aquí, esto indica que está atravesando y no rompiéndolo. Um, también es importante tener números. Notarás el último mapa del sitio que mostré para no mostrar los números, pero es una mejor práctica incluir siempre aquellos para indicar el nivel jerárquico y ubicación de ese contenido, como vimos con el ejemplo de inventario de contenido. Estos pueden ser entonces referencia para partes del sitio más adelante, otro ejemplo. Aquí tenemos la página principal, después tenemos las páginas principales están haciendo navegación primaria y luego todo el contenido de abajo que se puede ver este es un sitio muy profundo, pero no muy amplio. Estamos aquí. Tenemos quizá pie de página u otro tipo de navegación que no es tan importante. Y entonces tenemos pequeños iconos aquí que tal vez indiquen un tipo de página. No obstante, éste no tiene una leyenda, que es el dedo del pie de mejor práctica. Incluya siempre una leyenda. Entonces aquí hay tal vez una anotación. También puedes anotar el mapa de tu sitio si hay comentarios extra que quieres hacer. 5. Tipos de navegación: hablamos de la estructura de cómo crear un mapa del sitio. Entonces ahora hablemos de si diferentes tipos de navegación que condicionalmente representen parte de esa arquitectura de la información. Entonces recuerda, hay una diferencia entre la arquitectura de la información, er y la navegación. navegación es la colección de componentes de la interfaz de usuario que conforman la forma en que las personas se mueven a través de un sitio o aplicación. El objetivo principal de la navegación es ayudar a los usuarios a encontrar información y funcionalidad y alentarlos a tomar las acciones deseables. ¿ Recuerdas esa pieza de la psicología cognitiva sobre la toma de decisiones? Aquí es donde eso entra en juego. componentes de navegación pueden incluir navegación global, utilidad local, migas de pan, filtros, facetas, enlaces relacionados, pies de página, etcétera. Vamos a repasar estos con un poco más de detalle. Por lo que una vez más, los tipos de navegación, nuestros globales o primarios estos se pueden utilizar indistintamente. Contamos con navegación local, utilidad, navegación, pie de página en contexto o navegación facetada. Estos son los tipos de navegación más comunes que verás en una APP o en una página web. Echemos un vistazo a algunos ejemplos aquí. Tenemos un ejemplo de target dot com, lo que la navegación que ves habitualmente en la parte superior derecha de los sitios web suele ser un poco más pequeña que la navegación principal, um, um, es lo que llamamos navegación por utilidades. Se puede ver que Target tiene bastantes cosas aquí arriba, incluyendo favoritos, que se muestra con un icono versus palabras. Y algunas cosas tienen iconos y palabras. Así que ten cuidado al diseñar tu navegación que seas consistente y trata de no mezclar cosas como lo hacen aquí. Entonces tenemos lo que llamamos nuestra navegación global o primaria, por lo que han usado su logotipo para casa. Entonces tenemos las categorías que se pueden ver es un desplegable ofertas que incluyeron. Una gran barra de búsqueda es parte de su navegación. Puedes o haz eso si lo deseas. No es un requisito. Después tenemos la mi cuenta e iniciar sesión y luego el impactante carro. Por lo que esta es la navegación global, muy común para los sitios de comercio electrónico. Y luego incluí aquí también la navegación de pie de página. Por lo que a veces se ven pies de página que son realmente altos con pérdida de información. Target ha usado downs en su lugar, Um, y luego también han usado um, el pie de página. La navegación suele ser también se dispara el material de privacidad, um, términos y condiciones, cualquier cosa por el estilo, por lo que se puede notar que tienen todos estos diferentes estilos de navegación, lo cual es algo para mantener en mente sobre cómo diseñas tu sitio y tu navegación para que las personas estén claras. ¿ Qué es la navegación? ¿ Cuál es el contenido real? personal, no creo que Target haya hecho un muy buen trabajo, pero esa es mi opinión personal. Y no estoy en el equipo. Entonces no sé qué otras facetas o decisiones entraron en tomar la decisión de organizar una navegación como esta. A continuación, tenemos otro sitio de comercio electrónico, Williams Sonoma. Para que veas que tienen una enorme navegación de utilidades en la parte superior. Es un rayo más ligero, Um, también una especie de estilos ligeramente diferentes donde tenemos caso de sentencia. Todas las minúsculas. Este es tal vez el caso Camel otra vez. De verdad cuéntale, um, caso Kamel aquí. Entonces hay alguna mala programación aquí donde las cosas se juntan. Entonces tenemos esto un poco confuso como lo hacen. Por eso lo incluí. Y luego tienen dos tipos diferentes. Por lo que esta es la navegación facetada. Donde cambia tu navegación dependiendo de lo que selecciones. Entonces aquí estamos en el propio Williams Sonoma. Y si quieres ir ahí, home store, esta es una pestaña y le das click y yo vería diferente navegación global. Entonces notarás su logo para irse a casa por esto es enorme y rompe la navegación que puedas ver en realidad también rompieron la navegación de utilidades todo aquí arriba, y también lo tienen abajo aquí con el carrito y el check out en tu envío en los EU en su cuenta. Por lo que realmente mezclaron tipos de navegación. Um, así que este tampoco es el mejor ejemplo de forma de hacerlo. Pero sí quiero mostrarles algunas cosas diferentes que no fueron tan simples. Y luego debajo de su logotipo está su navegación global. Te darás cuenta de que es casi como si tuvieran otra navegación de utilidades. Por lo que tienen el específico Williams Sonoma te Nilla utilidad navegación frente a la navegación de utilidades Williams Sonoma y Williams Sonoma Home. Por lo que este podría ser un sitio web bastante complicado, también. Haga la arquitectura de la información para y luego aquí está su navegación global o primaria estándar . El negro con un texto en blanco. Pero entonces notarás que tienen aquí de nuevo a Williams Sonoma en casa. Um, así que puedes ver esto podría necesitar un poco más de trabajo y nuestro último ejemplo es, um, de amazon dot com. Entonces aquí hay otro ejemplo, y probablemente estés muy familiarizado con lo que llamamos navegación facetada, que es donde tienes esa taxonomía o categoría es tan popular. Más Kindle de Amazon y libros de texto eso cada una de estas categorías puede cambiar. Um, la navegación que es el siguiente nivel abajo, dependiendo de lo que haga clic en los contactos. La navegación suele ser la navegación que está con en contenido en la pantalla. Entonces aquí tienes ganadores de premios y ofertas y libros, que notarás se repite bajo popular en los libros. Tenemos ganadores de premios Bueno, veamos A y ofertas y libros también para que puedas hacer eso y duplicar navegación. Um, por lo general en contactos. navegación podría tener un poco más de diseño a su alrededor, versus solo texto su principal, pero en tipo de enlaces. Pero puedes ver que hay muchas maneras diferentes de puntear visualmente, representar la arquitectura de la información y mostrar la navegación de tu sitio web o aplicación. Por último, veamos cómo decides qué tipo de navegación debes usar. En primer lugar, desea ver la prioridad de uso. Cuánto van a confiar nuestros usuarios en esta navegación tan global o primaria es algo que quieres ser accesible desde cada pantalla o página Web del sitio o aplicación. ¿ Van a usar más en contexto, navisite cosas que realmente están relacionadas con el contenido? Entonces podría ser en navegación de contexto. A continuación, ¿Quieres ver qué patrón de navegación vas a usar o incluso pestañas usadas? Mega menús? Otros. Esos menús desplegables con enormes cuadrados que suelen ser el ancho de la página. Puedes usar un carrusel Acordeones. Existen tantos otros tipos diferentes de patrones de navegación. pan. Entonces, ¿cómo quieres representar visualmente eso? Cuál será lo más fácil para que las personas descubran y finan las cosas y finalmente, la colocación. Por lo que vimos algunos ejemplos diferentes de cómo se colocaron las cosas. ¿ Dónde se coloca dentro del dolor? ¿ Juez? Um, es siempre en la parte superior es que la izquierda está en la parte inferior. Estas son las tres cosas que debes tener en cuenta a la hora de decidir cómo vas a representar visualmente pero tu camino alrededor de un sitio web o una aplicación 6. Rediseño de un sitio: hablamos de la estructura y piezas para crear un mapa del sitio. También hablamos de los diferentes tipos de navegación que pueden representar esa información . Entonces ahora hablemos de cómo crear un mapa del sitio. Cuando estás rediseñando un sitio web o una aplicación, suele ser más fácil para las personas que empiezan a hacerlo desde un sitio web existente o hacia fuera. Porque el contenido ya existe frente a un mapa de sitio totalmente nuevo sin contenido. Es una buena práctica tomar sitio existente e intentar hacer mapas de sitio desde él, que será un proyecto que tendremos más adelante. Entonces hablemos de paso a paso, ¿cómo hacer esto? Por lo que la forma ideal de hacerlo es crear un mapa del sitio existente, y comenzarías por realizar un inventario de contenido como vimos antes de todo el contenido existente y pantallas o páginas en la APP o sitio web. Eso harías, luego decidirías qué contenido debe permanecer, ser editado o archivado o borrado. Entonces, con todo ese contenido organizado en un brote, ella realizas una actividad que llamamos espada de tarjeta. Hay un par de tipos diferentes de tipos de tarjetas. Hay una llaga de tarjeta abierta una llaga de tarjeta cerrada y una clasificación de tarjeta híbrida. En la actividad de clasificación de tarjetas es donde tomas las etiquetas de navegación que existen, además de piezas clave de contenido y otras palabras clave. Asociarse con la aplicación o sitio web y derecho cada uno de forma individual en una ficha de índice. Después tienes participantes que entren y organicen esas tarjetas para ti en las categorías que creen que tiene sentido. Una clasificación de tarjetas abiertas hace que los usuarios en la sesión creen los nombres de categorías que creen que pertenecen a las categorías que hicieron. Después de que hayas hecho eso con, digamos, 5 a 7 usuarios, haces lo que llamamos una prueba de árbol. El test de árbol es una forma de validar tu navegación creando una versión de texto de tu navegación. Hay algunas herramientas en línea que harán esto por ti. Después lo envías a personas, preferentemente usuarios existentes y potenciales de tu app o sitio web en tu público objetivo, y ve si pueden completar la tarea que les pides que hagan, como encontrar piezas específicas de contenido. Es importante notar que una prueba de árbol no incluye ninguna búsqueda y como funcionalidad de navegación Onley para probar la capacidad de hallazgo de lo fácil que es usar tu navegación. Una vez que estás bastante satisfecho con él. Se puede hacer una clasificación de tarjetas cercanas, que es donde ya se dan los títulos de la categoría y luego se hace que la gente ponga el contenido que piensan que pertenecen bajo esos encabezamientos de categoría. Hacer el mismo tipo de actividad es la clasificación de tarjetas abiertas. La única diferencia es que le das los nombres de las categorías antes de tiempo. Entonces haces otra prueba de árbol La validación ¿Sigue en la dirección correcta? ¿ Lo estamos haciendo mejor? Y luego finalmente, una vez que tengas los resultados que crees que encajan bien, creas tu mapa de sitio recomendado pasos cuatro a siete. Puedes hacerlo narrativamente con el fin de seguir mejorando tu arquitectura de navegación e información tanto como sea necesario hasta que crees ese sitio recomendado final ahora. 7. Mapa de sitios nuevo: hablamos de cómo hacer un mapa del sitio para un sitio que ya existe y lo estás rediseñando . Ahora hablemos de ella a un mapa del sitio para un sitio o aplicación que ya no existe, y no tienes ningún contenido. ¿ Cómo se crea un mapa del sitio para algo sin contenido? Entonces la forma en que lo hago, También hay ocho pasos? En primer lugar, quieres entender el dominio, que es el área de, um, información para la que vas a estar diseñando. ¿ Es finanzas? ¿ Es automotriz? ¿ Es educación? Sea lo que sea, realmente, realmente, trate de entender las palabras y la filosofía y las frases y procesos que entran en ese espacio de trabajo. Entonces quieres entrevistar a personas en el público objetivo, idealmente, um, ocho o más. Y cuando hagas esas entrevistas, asegúrate de tener nota de la jerga o terminología específica. personas usan palabras o frases que son repetidas por diferentes personas que son las mismas a partir eso, definirás una taxonomía de la estructura organización del tipo de lenguaje u organizaciones FEMA que estarás utilizando. Y luego, a partir de esas palabras, hará una ordenación de cartas abiertas. Y como antes después de tu ordenación de tarjetas abiertas, haces una prueba de árbol para validar sobre. Después haces una especie de carro cerrado. Después haces una verdadera prueba de validar de nuevo, y luego creas tus pasos recomendados del mapa del sitio. cuatro a siete se pueden iterar hasta que encuentres la satisfacción deseada de que estás listo para crear ese mapa del sitio que deseas y prueba resultado del 80% o superior de las tareas completadas de tu prueba de árbol con el fin de estar seguro de que has creado en el sitio arquitectura que sea capaz de representar su información y contenido con precisión. 8. Tipos de herramientas: hemos hablado de la estructura y la creación de mapas del sitio. Hablemos de algunas herramientas y procesos diferentes que utilizan los arquitectos de información para crear los diferentes bols de entrega que necesitan. En primer lugar, tenemos sistemas de etiquetado y organización. Entonces algunas de estas cosas o actividades que harían nuestra clasificación de tarjetas, que hablamos estudios etnográficos anteriores. Una investigación de observación ALS. Esto es todo lo que el investigador del usuario también podría hacer. Pero esto también cae dentro de la competencia de un arquitecto de información con el fin de encontrar etiquetas y organización fuera de cómo deberían estar las cosas en un sitio web o aplicación. Taxonomía y metadatos son las mismas actividades. estudio etnográfico de clasificación de tarjetas es una investigación de observación. quiere ver cómo habla la gente, Sequiere ver cómo habla la gente, cómo piensa, qué procesos hacen, qué pruebas hacen y para entender sus modelos mentales y cómo organizar las cosas y usar lenguaje que tiene sentido para ellos para modelos de contenido y modelos mentales. Hacemos las investigaciones observacionales y los estudios etnográficos también. También hemos estado haciendo terminar las entrevistas de usuario con tu público objetivo. En cuanto más de estos puedas hacer hasta que empieces a escuchar información repetida de manera consistente, mejor comprensión tendrás de tus modelos mentales de usuarios y cómo debes organizar el contenido para ellos de una manera que te resulte más útil. Y luego, como hablamos de validar tu navegación, podrías hacer pruebas de árbol. Podrías hacer pruebas de primer clic. Puedes hacer mapas de calor para ver dónde la gente hace clic en una pantalla. Entonces, finalmente, algunas herramientas que puedes utilizar para estas actividades o taller óptimo. Usabilidad a domicilio. Hay una nueva plataforma ish de Zerbe llamada Helio que tiene muchas actividades similares. Como hub de usabilidad. Se puede utilizar el zoom del usuario y ver Inspector es la prueba de árbol específica donde se puede crear una prueba de árbol . taller óptimo tiene la más amplia gama de actividades que puedes hacer en sus sitios web, como pruebas de árboles, pruebas primer clic y también haces clasificación de tarjetas en línea. No obstante, el uso de estos todos en conjunto o según sea necesario para validar y crear tu información, arquitectura es muy útil 9. Proyecto: has aprendido mucho listo para empezar a trabajar en un proyecto para practicar lo que has aprendido aquí es tu proyecto. Elige uno de los siguientes sitios y crea un mapa del sitio para él. Tengo una pareja como National geographic dot org's The Red list dot com, que es un sitio de comercio e, g e dot com, que es una empresa, dicen Mazda usa dot com, que es un sitio COS especial invitado punto c O, que es un tipo de estado muy especial, que puede ser un poco confuso. Entonces esa es bastante dura. Así que adelante, elige uno y empieza. No puedo esperar a ver qué se te ocurre. 10. ¡Gracias!: Hemos cubierto mucho terreno en los últimos videos, y me gustaría hacer un rápido recapitulación de la clase antes de que terminemos. Entonces aprendimos lo que el campo de la información, arquitectura y los cuentos como una persona que popularizó el término Richard Saul calentamiento. También aprendimos sobre las disciplinas que conforman arquitecturas de información como bibliotecas, ciencia, ciencia, psicología cognitiva y arquitectura de edificios. También aprendimos sobre algunas terminología y actividades diferentes. Asociarse con la arquitectura de la información como la clasificación de tarjetas, el impuesto sobre cualquier meta data y otros términos como ese. Y por último, cuando hablamos de cómo crear un mapa del sitio, ya sea para un sitio o aplicación rediseñado o un nuevo sitio o aplicación y recuerde mantenerse en línea, nunca, nunca use flechas en los mapas del sitio. Gracias por ver y me encantan sus comentarios.