Rediseño de Arquitectura de Información Web: Mapeo y Análisis

Clase 13 de 26 • Curso de Arquitectura de Información con Usaria

Resumen

Reto: Vamos a rediseñar el mapa de un sitio.

Escoge un sitio existente que consideres que no tiene una buena arquitectura de la información, construye un sitemap del sitio en su estado actual, para esto concéntrate solamente en los primeros tres niveles de profundidad.

A continuación analiza el mapa que acabas de construir y a partir de lo que hemos visto hasta ahora en el curso haz un rediseño que permita a los usuarios navegar más fácilmente en el sitio.

Comparte tus resultados en la sección de discusiones y participa dándole retroalimentación a los proyectos de tus compañeros.

Fabián Karlo Andre Navarrete Valdivia

student•

mapa actual de youtube

Mapa modificado de youtube

María Jimena Rodríguez Contreras

student•

Muy bueno

Milton Miranda C.

student•

¡Saludos a todos!
Yo hice los 3 primeros niveles del sitio web de la Academia Colombiana de Ciencias Exactas Físicas y Naturales (https://accefyn.com), el cual de parecerme carente de un trabajo de arquitectura de la información, me pareció muy muy enredado en lo referente a las bibliotecas asociadas y sus publicaciones. El resultado de mi análisis es el siguiente:

Y el mapa de sitio que propongo para la Academia es el siguiente:

Carlos Gómez Mont

student•

Super aporte, gracias!!

Rodggel Naggir Pinguz Gonzales

student•

Buen aporte.

Cesar Augusto Moreno Chavez

student•

Tarde bastante pero creo que me permitió identificar aspectos fundamentales del contenido de la aplicación en etapa de diseño.

Andrea Paola Parra Martínez

student•

Excelente y detallado trabajo, gracias por tu aporte. :)

Jorge Luis Ynfantes Quispe

student•

buenisimo la utilizacion de colores...para ayudar a identificar

Richard Paolo Guadalupe Ventocilla

student•

Comparto mi Diseño:

Miguel Rodriguez

student•

¿Cómo se llama el aplicativo que usaste para hacer este sitemap? ¿puedes compartirlo? por favor. Gracias

Centli Allan Garcés Buendia

student•

Tengo la misma duda que Miguel Rodriguez @rodriguezullilen

Luis Felipe Avila Barajas

student•

Realice un Rediseño del mapa de sitio de una empresa en Colombia se llama Systempack

Diego Perdomo

student•

Hola Luis. ¡Se ve muy bien!

Saludos.

Diego A. Cabrera

student•

Este es un organigrama se un sitio que desarrollaron unos compañeros para un proyecto, sin pasar por ningún equipo de UX.

Alejandro Sol Villaseñor

student•

Excelente amigo, creo que se puede hacer una arquitectura mucho más organizada.

Carlos Gómez Mont

student•

Gracias por compartir, saludos!!

Paul Ferruzo Maiz

student•

Rubén Mauro Albornoz Carrillo

student•

Limpio y entendible.

Es buena practica que el primer nivel tenga un color, el segundo nivel otro color, y el tercer nivel hacia abajo un tercer color. Sirve para lectura rápida con la vista.

Dustin Campos

student•

que aplicación o pagina usan para hacer estos diagramas?

Julián Rodríguez

student•

Hola, estas herrmaientas te pueden ayudar

Pedro Isaac Aguilar

student•

Agrego también estas herramientas:

https://app.diagrams.net/ https://www.gloomaps.com/ https://whimsical.com/ https://miro.com/ https://www.mindmeister.com/es https://www.axure.com/ https://www.lucidchart.com/pages/es

Beto Toro

student•

Este es el SiteMap de Spotify. Realmente me gusta mucho como lo tienen organizado. Solo agregaría en el nivel 1 los historiales ya que hay veces que escucho una canción que me gustó mucho y luego es difícil volverla a encontrar y quitaría la sección de álbumes y artistas de "tu biblioteca" ya que se repite en el inicio. Lo que también modificaría sería la forma de presentar el contenido, pero eso ya es otra clase. ![](

Rodrigo Quesada

student•

Este mapa de sitio es para una web que vende harware para facturacion ¿Que les parece?

También les quería compartir algunos proyectos míos en cuanto a diseño http://bit.ly/diseño-grafico-uy

Saludos!

Laura Rodríguez Martínez

student•

alguien sabe como puedo subir imagenes no he podido para hacer mi aporte :(

Giuseppe Ramirez

student•

Basta con arrastrar tu imagen aquí a la sección de aportes o con el url presionando el botón de imagen en el panel de la parte de arriba de cada comentario. :)

Laura Rodríguez Martínez

student•

pero el boton de imagen aparece como para escribir , es que antes si podia arrastrarlaa y ya pero no me deja para participar en una clase no he podido subir la imagen

Ismael Acosta Sosa

student•

Tengo una duda respecto a los niveles, entiendo que todo lo que esta en el primer nivel de mi sitemap es directamente lo que se ubica en mi barra de navegación; ahora, segundos y terceros niveles corresponden en botones, links, enlaces etc hacia otras páginas específicas? ...O todo lo que organizo en mi mapa del sitio tiene que verse reflejado dentro de mi barra de navegación principal?

Patricio Villarroel Durán

student•

Hola Ismael

Si, lo del primer nivel es tu navegación principal. Puede ser parte de la "barra" de menús, pero puede también estar en otras partes, mientras sea principal.

Los siguientes niveles tienen que ver por cómo llegas a ellos desde los principales. Por ejemplo puede que en el primer nivel tengas "Nuestra empresa" y que al abrir el link de nuestra empresa, puedas ver las fotos y un breve perfil de los trabajadores de tu empresa, con un boton de ver más. Cada perfil extendido del trabajador no es primer nivel porque no hay como acceder a ese enlace desde el comienzo, debes pasar primero por "nuestra empresa".

Horacio Martín Monay

student•

Aquí les dejo el link del sitio que analicé para que puedan entrar y entender mejor mi evaluación. https://grupomannequins.com.ar/

Evaluación:

++La barra de Menú está mal resuelta++: se encuentra en la parte superior izquierda y cada vez que quiero pasar a alguna otra seccion, debo volver a la parte superior de la página, hacer click en el menú para que se despliegue y luego, buscar la seccion que me interesa y volver a clickear.

++HOME++

(error) los botones que dicen "AMPLIAR" no llevan a ningún lado
En la galería de fotos se muestran 4 fotos y no deja ingresar a alguna sección más amplia

++QUIENES SOMOS++: tiene información acotada y relevante, más un video institucional.

++FORMACIÓN MANNEQUINS / ESCUELA++

Presenta los cursos que ofrecen con una descripción de los mismos.
**(error) **Solo tengo links para separar cursos regulares y epeciales: para ver todos los cursos regulares tengo que hacer scroll e ir pasando uno por uno.

++"MANNEQUINS LAB / AGENCIA" y "MANNEQUINS LAB / SCOUTING"++

(error) Duplicado de información: ambas secciones me brindan lo mismo. A su vez, dentro de "/AGENCIA" ya hay una seccion que dice "Scouting", lo que hace más inútil la otra sección.
(error) Tanto en la sección mujeres como hombre, me muesta una sola foto del modelo, el nombre y la estatura. En los nombres puede hacerse click pero no pasa nada.

++CENTRO DE FRANCHISING++

(error) en formato de texto encontramos una dirección url que debo copiar y pegar en el navegador para poder acceder.

++NOVEDADES++

Hay una imágen de supongo yo los profesores del curso y se hace click e ingreso a la informacion del curso
(error) Está puesto 3 veces el mismo curso

++CONTACTO++

Me deja enviar un mensaje con alguna consulta o duda y me brinda información de las oficinas, telefonos, mails y horarios de atención.

REDISEÑO

lina maria alvarado pallares

student•

lo relacionado a inicios de sesion,como pagar,etc..también se agregan a los site map? gracias por ayudar de antemano :)

Giuseppe Ramirez

student•

Según lo que he visto de la clase, sí, Lina, también se incluyen. :)

Felipe Bernardo González Barranco

student•

Que significa que la navegación entre los elementos del mismo nivel sea consistente?

Jose Carloz

student•

Hola Bervivez! Quiere decir que todos los elemento que pertenezcan a una determinada sección sean coherentes con entre sí. Por ejemplo: si estás navegando por un marketplace y decides ir a la sección de ropa, no tienes porque encontrarte opciones de comida o de tecnología. Eso ropería el sistema de navegación y confundiría el usuario, por eso deben de ser consistentes los elementos en cada nivel de navegación.

Felipe Bernardo González Barranco

student•

Gracias!!

Daniela Torres

student•

Sitemap de trello - ACTUAL

Sitemap de trello - PROPUESTA

Antonio Alexander Estrella Gómez

student•

13. Proyecto: Rediseño de un mapa de sitio

Construir un mapa del sitio actual
Analizar el mapa
1. ¿Qué tan fácil resulta encontrar los elementos de los niveles inferiores?
2. ¿Cuántas formas hay de llegar a un mismo contenido?
3. ¿La navegación entre elementos del mismo nivel es consistente?
Re-diseñar el mapa

Fiorella Alejandra Arias Quito

student•

Como es la WEb de la oficina de registro civil de PEru

Con el rediseño

Carlos Lizarazo

student•

El sitio de MSN es uno de los desastres más grandes que tiene la WEB en términos de arquitectura de información. Si no lo han visto ingresen a su URL https://www.msn.com/es-co. Luego de analizarlo considero que sería una gran ayuda para ellos que reestructuren su contenido con base en las siguientes categorias:

Elsa Paola Catalán Miranda

student•

Rediseño mapa del sitio de Centro cultural Gabriela Mistral GAM elimine algunos contenidos que se repetían ademas el inicio (menú principal) sentía que le faltaba información importante que el usuario tenia que buscar en el footer.