No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Arquitectura de la informaci贸n

11/20
Recursos

Aportes 68

Preguntas 3

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

ARQUITECTURA DE LA INFORMACI脫N

La Arquitectura de la Informaci贸n trata sobre el dise帽o de: sitios web, interfaces de dispositivos m贸viles o gadgets. Su principal objetivo es facilitar al m谩ximo los procesos de comprensi贸n y asimilaci贸n de la informaci贸n, as铆 como las tareas que ejecutan los usuarios en un espacio de informaci贸n definido.

Formas en la que se puede desarrollar la arquitectura de la informaci贸n:

  • Navegaci贸n: Esta formada por los elementos de la interfaz del usuario, que ayuda a los usuarios a navegar a trav茅s de la arquitectura de informaci贸n de tu producto. Ejemplo: Los diferentes men煤s que puede tener, como organizas la informaci贸n, todos los enlaces en el pie de la p谩gina.

  • Prototipado: En esta fase es donde vamos a testear si todo lo que estamos haciendo en cuanto a la arquitectura de la informaci贸n previa en cuanto a estructura nos va a funcionar. Esta herramienta nos ayuda a definir y a comunicar nuestras ideas.

  • Patrones de Navegaci贸n para m贸vil. (IOs, Material Design ): Es un punto importante, uno de los principales factores que define el dise帽o de interfaz para aplicaciones m贸viles es el sistema operativo.

Android usa Material Design (dise帽o de materiales), que establece una normativa de dise帽o enfocado para sistema operativo Android. Aqui hay que investigar la vision de Google

iOS usa Human Interface Guidelines (Pautas de Interfaz Humana) de Apple. 鈥淪on documentos que ofrecen a los dise帽adores y desarrolladores de aplicaciones un conjunto de recomendaciones destinadas a mejorar la experiencia de usuario. Con ellas, se ejecutan interfaces de uso m谩s intuitivo, aprendibles y constantes鈥.

Entre los dos sistemas operativos hay varios elementos similares, por eso hay que investigar como crear dise帽os 煤tiles para cada uno. https://blog.ida.cl/diseno/android-ios-patrones-componentes-de-navegacion/

app para realizar deporte

Los link de patrones de navegaci贸n para m贸vil:
IOS
Androd

Arquitectura de la Informaci贸n:

  • Navegaci贸n
  • Prototipado
  • Patrones de Navegaci贸n para m贸vil. (IOs, Material Design )

Les comparto mi ejercicio sobre arquitectura de la informaci贸n de la app de banca Bancolombia

Pinterest es una app que me encanta para tomar informacion rapida que pueda usar como referencia

Comparto el mapa del sitio de un proyecto que realic茅 para un cliente. Un blog de f煤tbol peruano La Caprichosa Per煤

Los subt铆tulos est谩n adelantados con respecto al audio. Revisar Por Favor.

Arquitectura de informacion: ayudar al usuario a encontrar lo que esta buscando de manera clara y con el menor esfuero posble para mejorar la eficiencia dependiendo del contexto en el que se desarrolla la misma y alineado al objetivo principal

Una buena Arquitectura de la Informaci贸n har谩 que nuestra app o website sea mucho m谩s intuitivo, consistente, agradable y amigable con el usuario, adem谩s de sencillo de utilizar, lo cual incidir谩 directamente en el n煤mero de visitas, compras, afiliaciones y retenci贸n de clientes.

La verdad es que Nequi me parece una plataforma muy interesante, mas all谩 de sus fallos esta muy bien dise帽ada y el equipo de experiencia del UI lo hace excelente

Aqu铆 mi tarea: Mapa de sitio de una app llamada Yape.

Pinterest

Platzi tiene esta maravillosa clase y un curso donde explican la arquitectura de la informaci贸n馃尡

Comparto mi actividad: ![](https://static.platzi.com/media/user_upload/image-667f1890-64bf-4de8-b9a1-6eceb5c5eaf5.jpg)
```js ``` ```js ``` ```txt ```
![](<C:\Users\karen\Downloads\WhatsApp Image 2024-06-20 at 4.16.47 PM>)
No me di cuenta de lo complejo que es instagram hasta que la analic茅 ![](https://static.platzi.com/media/user_upload/f9b9b86e-dfac-46bb-9383-a35d28b73e98-bb27c681-5300-412d-982a-6e6e566a4b67.jpg)
![](https://static.platzi.com/media/user_upload/image-721af735-9890-48db-86bc-b25de13aa7d4.jpg)
鈥渢he presentation of information can be more important than the information itself.鈥 Gary Woolf
Para material design 3, Google nos ha dejado un plugin o UI Kit para Figma, por si quieren explorar un poco: <https://www.figma.com/community/file/1035203688168086460>
Material Design se ha actualizado mucho en comparaci贸n al ejemplo mostrado, hoy en d铆a estamos en la versi贸n 3, les dejo el link de las nuevas gu铆as de dise帽o para Android, que el SO con mayor mercado en Latam. <https://m3.material.io/>
![](https://static.platzi.com/media/user_upload/image-11d9e976-2810-4eef-a985-a092092d5909.jpg)
Mis notas: ![](https://static.platzi.com/media/user_upload/Imagen9-0a4501a3-e567-43d0-9895-d160cc1cbb85.jpg)

** Reto **
App de Spotify en desktop.

Arquitectura de la informaci贸n Es la forma en la que creamos una estructura para un site. Consiste en 3 partes: Navegaci贸n Prototipado Navegaci贸n para m贸vil. Navegaci贸n: Ayuda a navegar al usuario por los diferentes puntos del producto digital. Prototipado: Ayuda a definir y comunicar ideas. Patrones de m贸vil: Los principales factores son los sistema operativos: iOS: Utiliza Human Interface Gatelines, son documentos que se ofrecen mediante recomendaciones para mejorar la experiencia de usuario. Android: Material Design, establece una normativa enfocada en el sistema operativo de android.
Les comparto el ejercicio de mi aplicaci贸n favorita馃槉![](https://static.platzi.com/media/user_upload/NRC%20Sitemap-38b675e3-8b0b-4293-b401-f50b8aefb1f9.jpg)
Spotify ![](https://static.platzi.com/media/user_upload/Imagen%20de%20WhatsApp%202024-03-29%20a%20las%2011.35.00_ecf0aabd-101f98d6-009b-46d5-8f67-b57caf1efaa9.jpg)
Una app bancaria
![]()![]()![]()![]()![](IMG_6981.HEIC)Spotify ejemplo \--------------- ![](IMG_6981.HEIC)
Este es mi aporte de la interfaz de la pantalla de inicio de un juego que me gusta mucho, si me pongo a desglosar toooodas me acabo un cuaderno hehe.![](https://static.platzi.com/media/user_upload/image-1c9c6ce2-b00e-4c50-808d-5c08ed2d000c.jpg)![](blob:https://web.whatsapp.com/13cd9900-a62a-459e-ba54-0dbde28161ab)
Teams, una aplicaci贸n que se ha popularizado con el trabajo remoto o home office: ![](https://static.platzi.com/media/user_upload/Imagen%20de%20WhatsApp%202024-03-09%20a%20las%2020.26.38_6e1f0543-9d13f9da-0f16-4e1a-a3bd-eb58a6ba33cf.jpg)
![](https://static.platzi.com/media/user_upload/image-0917d580-20c6-470f-87ec-2986bf51beae.jpg)
![](https://static.platzi.com/media/user_upload/Imagen%20de%20WhatsApp%202024-02-29%20a%20las%2017.52.05_f4c60858-bac814d9-dcb7-4f0d-9fd3-c68993e2128f.jpg)
![](https://static.platzi.com/media/user_upload/image-e5268b48-4582-4e5f-a172-920ee941d957.jpg)AIRBNB
Aqui unos recursos si quieren ampliar m谩s en Human Interface Guidelines (iOS) <https://developer.apple.com/design/human-interface-guidelines> y Material Design <https://m3.material.io/>
![](file:///C:/Users/EliBere/Desktop/ARQUITECTURA.png) ```js ```

Instagram![](

Us茅 de referencia la arquitectura de la informaci贸n de IG. ![](https://static.platzi.com/media/user_upload/ai-890fe3bf-1976-4d0c-a6f9-9904f6b9b545.jpg)
![](https://static.platzi.com/media/user_upload/image-42252b68-1a9f-4769-91ed-93b14428e75c.jpg)app para leer manhuas, webtoon,
Ac谩 mi tarea, mi app es Paris. Si bien est谩 bastante sobre cargada de informaci贸n, cumple el objetivo de que varias opciones te lleven la mismo sitio y a su finalidad que es vender (principio de redundancia) ![]()![]()![]()![]()![]()![]()![]()![]()![]()![]()![](file:///C:/Users/Tami%20designer/Downloads/WhatsApp%20Image%202024-01-12%20at%2010.55.18%20AM.jpeg)
Por aqu铆 comparto mi app favorita del momento: Pinterest ![](https://static.platzi.com/media/user_upload/1000219475-bd99e324-ac08-4ebe-9f10-68a17a6d1599.jpg)![](https://static.platzi.com/media/user_upload/1000219473-16decaa0-58c4-4ed0-a772-f4621bf4ef0d.jpg)
* La arquitectura de la informaci贸n es la creaci贸n de una estructura para un sitio web. * Es la estructura de contenido que voy a crear para mi producto digital y como resultado vamos a tener mapas de el sitio, jerarqu铆as, categorizaciones, navegaci贸n y mega datos. * Dentro de esta arquitectura podemos separar 3 partes: * **Navegaci贸n:** Formada por los elementos dla interfaz de el usuario, que ayuda a estos a navegar a trav茅s de la arquitectura de informaci贸n de mi producto, los diferentes medios que puede tener, c贸mo se organiza la informaci贸n, todos los elementos de la p谩gina, esto va a ayudar a los usuarios a navegar a trav茅s de mi producto digital.聽 * Prototipado: Testear si lo que hemos formado va a funcionar, herramienta que nos ayuda a definir nuestras ideas, usando wireframes, sketches, o la mejor herramienta que se nos facilite la producci贸n. * Patrones de navegaci贸n para m贸vil: El sistema operativo iOS o Android, utilizarlos intuitivamente sin perder la identidad de mi marca. * iOS: human the face guidelines, son las partes de interfaz humana de apple, son documentos que ofrece a los dise帽adores聽 y un conjunto de recomendaciones para ser utilizadas,聽 * Android: Utiliza material design, este guideline interviene la web, se tiene que investigar.

App para leer Webtoons

App de un Banco ![]()![](https://static.platzi.com/media/user_upload/image-65e217f7-9c80-4079-814f-fccd105ac6dc.jpg)
Arquitectura de la informaci贸n para la pantalla de inicio de la app de chess.com: <https://www.figma.com/file/N1OjRLCLMinqIRYHvoQaAU/Study-%26-Practice?type=design&node-id=0-1&mode=design&t=o0p1OgFtZp628peJ-0>
Lo que era anteriormente twitter :(![](https://static.platzi.com/media/user_upload/image-b1f588ce-8673-4f18-aaa2-c1557eaf93d3.jpg)

Mi aplicaci贸n favorita es YouTube, pero no puedo pagar la imagen

Este es mi resumen de la clase y adicional una arquitectura de la informacion correspondiente a la app de Disney o almenos de la forma en la que la recuerdo.

App de platzi: ![]()![](https://i.imgur.com/QpqjZGR.jpg)

App Notion

Los wireframes tiene la finalidad de ayudarnos a validar, de manera r谩pida, si la arquitectura de informaci贸n es cumpliendo el objetivo.

Gracias

https://photos.app.goo.gl/Hd9H8YTX6ZtY7tuP9 :3 Interpretaci贸n visual de app favorita 馃槵

ARQUITECTURA DE LA INFORMACI脫N (AI)
Es la organizaci贸n y estructuraci贸n de la informaci贸n con el objetivo de facilitar la navegaci贸n, recuperaci贸n y comprensi贸n de la informaci贸n por parte de los usuarios.
.
Al momento de dise帽ar la AI de nuestro producto debemos tener en cuenta los patrones de dise帽o propios de cada sistema operativo para el cual estemos dise帽ando:
Human Interface Guidelines
Material Design
Seguir las pautas de estos lenguajes de dise帽o reducen la complejidad de usabilidad de nuestro producto.

Pinterest

Arquitectura de la infromaci贸n

La arquitectura de la informaci贸n es la estructura de contenido que vas a generar para un producto digital y como resultado tendremos:

  • Mapas
  • Jerarquias
  • Categorizaciones
  • Navegaci贸n
  • Metadatos

La arquitectura de la infromaci贸n puede ser dividida en 3 partes:

  • Navegaci贸n: Esta formada por los elementos de la interfaz del usuario.
  • Prototipado: Testeo de que si todo lo que estamos haciendo va a funcionar, la definici贸n o detallado de un prototipado se define a trav茅s de la fidelidad, baja fidelidad refiriendose a simples sketches o ideas y alta fidelidad podiendo ser con bastante detalles
  • Patrones de m贸vil:
    • iOS: Human guidelines
    • Android: Material design

Arquitectura de la informaci贸n de Tiktok, una app que ha incrementado su usabilidad en los 煤ltimos tiempos.

![]()comparto mi actividad