Alejandra Sarahí Monroy Vélazquez
ERIK ESTRADA TORRES
Arturo Ortiz Villegas
Una de las partes fundamentales del proceso de diseño de productos digitales es la creación del contenido e información que va a poseer el producto. En esta parte del proceso de diseño del producto vamos a determinar la forma en la que se va a establecer la comunicación entre la interfaz y los usuarios.
El contenido que aparezca en el producto digital debe ayudar a los usuarios a desplazarse por la interfaz, a conocer la situación en la que se encuentran dentro del producto digital y a realizar las acciones que deseen.
Para ello se debe diseñar correctamente la arquitectura de la información que aparecerá en el diseño.
¿Qué es la arquitectura de la información (AI)?
La arquitectura de la información es la ciencia que estudia el ordenamiento de los flujos de información en un determinado conjunto de sistemas. Hace referencia a la forma en la que estructuramos la información en los productos digitales. Es importante porque cuanto mayor es la cantidad de información que damos al usuario, mayor es la necesidad de organizarlo, de tener metadatos y estructuras que permitan a las personas encontrar lo que necesitan.
La AI es la disciplina encargada del análisis, organización, clasificación, jerarquización y etiquetado de la información. Trata de ayudar a las personas a comprender su entorno y encontrar lo que están buscando en el producto.
Con la AI se busca conseguir que el contenido del producto se encuentre de forma fácil por la persona que la necesita y en el momento en el que la necesita.
Una buena arquitectura de la información debe considerar a los usuarios, el contenido y el contexto en el que se utiliza, para crear la estructura más adecuada:
Por otro lado, la arquitectura de la información se compone por dos aspectos:
Técnicas de análisis de la arquitectura de la información
Para analizar si la arquitectura de la información se adapta correctamente a los usuarios podemos utilizar dos métodos para ayudar a descubrir y validar sistemas para organizar contenido, el Card Sorting y el Tree Testing.
El Card Sorting es una técnica de investigación de usuarios cuyo objetivo es encontrar patrones acerca de cómo los usuarios esperan encontrar organizado el contenido y las funcionalidades del producto.
La técnica tiene dos objetivos:
Se realiza creando una serie de tarjetas que representen los contenidos de un producto, utilizando una tarjeta por cada contenido. Tras esto se debe pedir a una serie de usuarios que organicen estas tarjetas en grupos que tengan sentido para ellos.
Existen tres tipos de Card Sorting que podemos llevar a cabo:
El Tree Testing es una técnica de evaluación de usabilidad que permite comprobar la validez y eficacia de un sistema de navegación o estructuración de contenidos. El Tree Testing nos indica con qué facilidad se puede encontrar información y nos permite comprobar la AI enfrentándola a la intuición de los usuarios.
La técnica muestra:
Aquí se puede ver un ejemplo de un taller de Tree Testing en el que se ha desarrollado un árbol de contenido y se les ha presentado a los participantes la tarea que deben realizar: Tienes una idea para un nuevo negocio y deseas saber qué documentación debes completar a efectos fiscales, ¿dónde los buscarías?
Estas dos técnicas pueden parecer similares pero tienen fines diferentes:
En general, para diseñar la estructura de la información de un producto, primero se suele ejecutar un Card Sorting con el que se estructura la información, y en segundo lugar un Tree Testing, con el que validamos los resultados del Card Sorting.
CONCLUSIÓN:
En esta clase hemos conocido el concepto de arquitectura de la información, que es la disciplina encargada del análisis, organización, clasificación, jerarquización y etiquetado de la información. La AI debe ayudar a las personas a comprender su entorno y encontrar lo que están buscando en el producto, por lo que es necesario testear con usuarios la organización de este contenido. Para ello podemos utilizar dos técnicas fundamentales, el Card Sorting y el Tree Test.
RETO:
Busca un producto digital que contenga una arquitectura de la información confusa y proporcione experiencias negativas a los usuarios. Comparte con la comunidad de Platzi aquellos aspectos que se deberían cambiar en este diseño y cómo realizarías estas modificaciones.
Alejandra Sarahí Monroy Vélazquez
ERIK ESTRADA TORRES
Arturo Ortiz Villegas
Juliana Vega
Holman Alexis Lesmes Calderon
Julian Monroy
William Joffre Sánchez C.
Carlos Eduardo Granada Galvis
Jhoana Belén Mejías Pérez
Nohelia Martínez
Marco Rodrigo Polo Silva
Daniel Steven Carrera Osorno
Francisco Xavier Nuñez Garcia
Marcos Alejandro
Lizeth De La Espriella
Camila Ossa
Juan Diego Paredes Hoyos
José D. Arroyo B.
Platzi Team
Walkiria Arteaga
Jimena Haran
Viviana Roa
Fabián Téllez
Jose Miguel Pantigoso Puraca
Como en todas las paginas de gobierno, el Portal de Tramites y Servicios del SAT tiene una arquitectura de la información algo confusa para las personas newbies, por lo que creo ofrece una mala experiencia de usuario, lo que ocasiona que solo personas muy experimentadas ya sea en tecnologia o en servicios afines a lo que ofrece la pagina puedan navegar y usar este protal como se debe.
mmm todo lo referente al gobierno deja mucho que desear, me toco trabajar un anio en el sistema de pensiones en IMSS, y creeme que entregabamos todo, y simplemente para volver a cobrar decian algo asi como "mmm a ver que pasa si lo haces todo de nuevo, pero al reves"...ahi la finalidad no es el usuario, sino el robo de recursos publicos
Muy confusa esa pagina
Creo que la experiencia con las paginas web gubernamentales es la que mas nos marca, esta es la página del Dirección de impuestos y aduanas nacionales y hacer cualquier cosa allí es imposible, literalmente te toca llamar al callcenter a que te indiquen los pasos a seguir. No tienen un menú de categorías, tal vez eso ayudaría en lugar de dejar todos los hipervínculos regados en el home.
horrible eso, el muisca
En Mi opinión diría que LA ESTRUCTURA DE ESTE CURSO:
1 - Un curso tan necesario de tener imágenes en movimiento y en capción de ideas mas de imagen NO pueden ser solo letras 2 - Solo hay una explosión de información y definiciones pero como es solo lectura queda muy poco claro que se debe hacer con esta información aprendida - No es un misterio que estemos buscando mas información afuera de este curso- 3 - Alguna persona con dificultades de aprendizaje que empiece este curso claramente lo va a descartar sin siquiera profundizar en el
Como Lo mejoraría?
LO SIENTO, ES VERDADERAMENTE CURIOSO QUE ESTEN HABLANDO DE USER INTERFACE PEROQ UE HAGAN UN CURSO TAN GRAFICO A PUNTA DE SOLPO TEXTO
Tienes razón y es por esto que he optado por habilitar la opción de - Lector envolvente - que brinda el navegador. Solo por qué los títulos de este curso sonaban muy interesantes es que busque como más podría aprender.
LA experiencia con las paginas WEB de las universidades me ha resultado nefasta (al menos con las paginas que he interactuado) el acceso a la información es limitado o cuenta con mucha dificultad, la información en muchos casos no está puesta en contexto y es confusa, hay una gran cantidad de menús que podrían reducirse a muchos menos, es fácil muy fácil no tener certeza de que la ruta seleccionada me lleve a donde necesito... En fin.
Pienso que las páginas gubernamentales y Universitarias deberían tener un blog que ofrezca o indique cómo realizar cada paso para utilizar los recursos del sitio web adecuadamente. Por consiguiente, la otra solución es enlazar los procesos a un blog, donde explique el paso a paso de un proceso. Así los usuarios tienen el poder de realizar ellos mismos sus trámites, sin la necesidad de contratar servicios externos o un gestor de trámites administrativos, que cobran un servicio que es prácticamente gratuito y público.
La página web del SENA (Colombia) es muy compleja, visualmente es cero atractiva, cuando uno comienza cursos como el de inglés, no es fácil ver en dónde subir las tareas, o poner preguntas. La verdad cambiaría completamente esa página, es cero friendly con los usuarios.
Las páginas de las universidades son bastante confusas y no organizan bien su información, aquí podemos ver una captura del área de informática de una universidad de mi país.
En Colombia los portales de contratación pública suelen ser blogs/landings/PQRS/promocionales a la vez, sumado a que administración tras administración se le añade o quita a conveniencia del enfoque del director o directora del momento.
La página del SAT PRESENTABA* muchas dificultades de legibilidad, ya que desbordaba todos los textos en conjunto. Lo más facil sería revisar los titulares como "OBLIGACIONES, LEGAL, PAGINA y GENERAL, y crear una seccion con esos 4 botones que desglosen esa información en particular, pero nisiquiera sé si INFORMACIÓN debería de permancer vigente, podría desplazarse a ser una lista al inicio de todos los body, o integrarla como una lista en forma de cintillo justo debajo del menú verde.
!Notificaciones por estrados en el SAT | IDC
🔎 Ejemplo de mala arquitectura de la información: App de SHEIN
👗 Contexto: Me gusta explorar ropa, pero la app de SHEIN me resulta saturante y confusa.
🚩 Problemas detectados:
🧠 Sobrecarga cognitiva
Demasiada información visual al mismo tiempo: banners, promociones, descuentos, temporizadores, etc. 📌 Resultado: mucho ruido visual, cuesta enfocar la atención.
🧭 Navegación sin jerarquía clara
Cuesta distinguir entre categorías principales y subcategorías. 📌 Resultado: desorientación al buscar algo puntual.
🌀 Exceso de caminos y secciones similares
Novedades, recomendados, ofertas, más vendidos… todo parece lo mismo. 📌 Resultado: el usuario pierde tiempo y no sabe si vio todo.
🏷️ Rotulado poco útil o ambiguo
“+ Tendencias”, “Top Picks”, “Para vos”… no indican claramente qué contienen. 📌 Resultado: se navega por prueba y error, sin saber qué esperar.
❗Conclusión:
SHEIN pone el foco en la venta rápida, pero sacrifica la claridad. Tiene una arquitectura centrada en el negocio, no en el usuario. Un rediseño que reduzca el ruido visual y mejore la jerarquía ayudaría mucho a la experiencia.
Un ejemplo de un producto digital con una arquitectura de la información confusa y una experiencia de usuario deficiente es el sitio web de eBay.
Cambios sugeridos:
En general las páginas del gobierno o servicio público masivo suelen ser bastante complejas para encontrar la información, a medida que uno se va a dentrando en las distintas secciones va incrementando la complejidad, muchas opciones a la mano y nada se encuentra al mismo tiempo.
Creo que normalmente solo las personas que se encuentran trabajando en esas áreas son quienes tienen ese conocimiento respecto al flujo de la información.
Creo que no debo de poner un esjemplo en específico, todos en algún momento lo hemos llegado a experimentar.
Esta es la app de un banco pequeño en mi país
Creo que desde un inicio está mal diseñada, no es atractiva visualmente ni tiene tantas funciones, hay una mala distribución de la información lo cual dificulta su uso aún más en personas no tan familiarizadas con las apps de bancos. Necesita un rediseño total.
Las páginas del estado, no tienen una buena arquitectura, y cuando entras te confundes demasiado entre tanto y tanto contenido, que para mi criterio, es muy sesgado para cierto público nada.
[](
Reto: Hacer una delcaración jurada de patrimonio en la página de la Contraloria de la República en Venezuela: Le quitaría Situación Patrimonial y datos patrimoniales porque son datos que se pueden recuperar en Datos y también Iconografía del sistema y Glosario porque si no tengo una página complicada no haría falta eso. [](
Lo primero que se me ocurrió para cumplir con el reto fueron las páginas del gobierno, complicadas, no se ven bien, para nada intuitivas y muchas veces al llegar a algún lado termina en error, pero como vi que muchos pusieron el mismo ejemplo, elegí el de Mostaza web, nunca había entrado y todavía no entiendo si es la oficial(dudo que lo sea por lo fea que es ( https://www.mostazaweb.com.ar/) , al entrar a la página nos encontramos una foto del Dibu con hamburguesas, y abajo el menú, la app, los locales (apenas se ve) y la verdad bastante raro el inicio
Ahora si yo quisiera comprar algo online la verdad que no sé cómo se hace, entro a ver el menú para elegir algún producto y me encuentro con imágenes grandes, cortadas que no se pueden seleccionar para comprar o para verlas mejor
Aspectos que deberían cambiar: Cambiaría la jerarquía La estética visual
por ejemplo, no haría todos los cuadros de las comidas en el mismo tamaño de forma inútil, tendría que cumplir con su función de mostrar cómo se ve la comida la estética la acomodaría de forma que las moléculas de la página se destaquen sobre la imagen En la parte de cómo realizar compras en esa página en caso de no poderse invitaría a realizar la compra mediante la app o en los locales más cercanos (quizás al principio aclararía que no se pueden realizar compras por esa página para evitar que naveguen en sin sentido)
Considero que las páginas con arquitectura confusa, serían sin duda, las páginas gubernamentales, no hay priorización de la información, la terminología es compleja y navegar por ellas puede requerir de cierto nivel de conocimiento previo a su uso.
Un producto digital con una arquitectura de la información confusa y experiencias negativas para los usuarios es la aplicación móvil del servicio de delivery de comida Uber Eats.
La aplicación tiene demasiados botones y opciones, lo que hace que sea difícil para los usuarios encontrar lo que están buscando. Además, los menús y las opciones de navegación no siempre están claramente etiquetados, lo que puede llevar a confusiones y a un proceso de pedido menos fluido.
Para mejorar la arquitectura de la información de la aplicación Uber Eats, se podrían realizar cambios en el diseño como simplificar la navegación, reducir la cantidad de botones y opciones, y hacer que la información importante sea más fácil de encontrar y visualizar.
Las paginas gubernamentales y de universidades publicas contienen una estructura de contenido confusa que proporciona experiencia de usuario negativa.