Proyecto: Rediseño de un mapa de sitio

mapa actual de youtube

Mapa modificado de youtube

¡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:

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

Comparto mi Diseño:

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

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

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.
![](

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!

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

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

1. Construir un mapa del sitio actual
2. 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?
3. Re-diseñar el mapa

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

Con el rediseño

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:

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.

actualmente me encuentro en un proyecto para mejorar la app móvil(solamente, no el sitio web) de mi universidad… hasta el momento voy hasta el prototipo en XD, sin embargo les comparto el proceso.

Arquitectura de la información :

Encontré esta web, que tiene la información dispersa
Este es su actual menú y lo de abajo son ítems sueltos

y este sería mi rediseño

Estoy rediseñando una interfaz para rastreo de envíos, es todo un reto pero me está ayudando mucho este curso.

SITIO ACTUAL

PROPUESTA

Hola aquí esta el sitemap original

y aquí con la organización que le di

Es la pagina web del colegio que me gradué.

alguna recomendacion de alguna web para hacer el sitemap?

Mi rediseño fue de un instituto
Mapa de sitio original

Rediseño de mapa de sitio

siento que aun me falta comprender bien los flujos.

Este es mi Re-diseño de un sitio web de una peluquería en el que estoy trabajando.

Este es mi rediseño de un mapa de sitio.

Elegí el horrible y poco intuitivo mapa del Sistema de Administración Escolar “SAES” de mi escuela (Unidad Profesional Interdisciplinaria de Biotecnología “UPIBI” del Instituto Politécnico Nacional “IPN” en México)

Aún recuerdo el dolor de cabeza que fue buscar como reinscribirme o saber cuántos créditos tiene una materia en particular.

Nota, en el IPN cuando repruebas una materia solo la puedes pasar en un Examen a Título de Suficiencia, comunmente llamado ETS. El pasar una materia de esta forma ocasiona que dicha materia tenga una pequeña anotación en la boleta final que indica la forma en la que se aprobó.

El extraordinario por otro lado está diseñado para pasar la materia sin que se vea reflejado en tu boleta final o para subir de calificación.

Rediseño de un mapa de sitio
Yo decidí usar de ejemplo el sitio web de mi universidad “Facultad de Artes y Diseño”, solo para empezar a entender los niveles de profundidad, aunque me parece que esta bien organizada, me resultó complejo realizar un mapa online con toda la información que maneja el sitio web, solo pude crear el nivel 1 y 2.

Comparto el mapa de navegación de Nacobre

Página: https://www.sergiosandona.com/
Pagina Web fotografica.
Dentro del Mapa de navegación podemos encontrar diversos errores ligados a la falta de síntesis de la pagina. Podemos ver como dentro de la sección de portfolio, una de las opciones se divide en dos y luego se repite (Wedding/Wedding/Galeria de Fotos), agregando a su vez otra categoría que no se encuentra en la pagina anterior (Events). Esto hacia un poco dificultosa la manera de poder encontrar alguna de las opciones, por mas que sea la única forma de llegar al contenido, el tiempo que tardaría el usuario en entrar a las distintas paginas que tiene que entrar para llegar a su destino, se volvería tedioso. Solución: Decidí pasar la categoría sobrante a la pagina principal de portfolio y suprimir la opción repetida, dándole lugar a que una vez que hace clic en la opción lleguemos directamente a la galería de fotos.

Otro “problema” que vi dentro de la síntesis de navegación de la pagina, es la división de dos áreas que por mas que sean distintas podemos agruparla en una misma sección (About y Contact). En ambas secciones podemos encontrar información sobre el dueño del sitio y se complementan una con la otra.

Un ultimo cambio que realicé fue optimizar la navegación de la sección “Press” del portfolio, ya que en la pagina se podía ver las distintas marcas de las revistas repetidas por portada y se debía hacer scroll para ver las diferentes opciones . Por eso, propongo agrupar las tapas de cada marca en links con su respectivo logo, el cual al hacer click, despliega las distintas tapas en orden cronológico.

Sitio Actual

Rediseño

Sitio www.sgc.gov.co Entidad gubernamental colombiana, seguramente las imagenes de mi ejercicio no se alcancen a definir con detalle, pero logré llegar a una propuesta de mejora en la arquitectura de la información en los primeros dos niveles de categorías del menú ppal y el home.

Encontré esta web y es más desordenada que la otra… así que también hice el reto con esta
Así tiene su menú actual

y este es mi re diseño

Mi aporte del rediseño de la arquitertuca de información de la página web de un voluntariado en Perú.
https://miro.com/app/live-embed/uXjVPKjLF6Y=/?moveToViewport=-57034,20818,4984,2987&embedId=257795062351

Hola, comparto mi rediseño
Decidí hacerlo sobre el sitio web de una compañía de envios.

Separé algunas opciones dentro del apartado ¨Conócenos¨, que creo quedan mejor de esta manera, además de otros ajustes, el primero es la arquitectura original y el segundo es mi rediseño.

![](

Este es el mapa de un una tienda especializada en moda femenina. Considero que hay varias categorias donde el contenido es repetitivo, adicionalmente no hay suficientes sub categorias o niveles que le permitan al usuario tener una navegación un poco mas intuitiva.
![](

Este s el diseño con algunas mejoras, simplificando algunos niveles y agregando sub niveles que favorezcan la busqueda en el sitio.

Mapa actual de la App de Domino´s

Mapa modificado de Domino´s

💁🏽‍♀️ Hola!
Fue dificil encontrar un website para re-diseñar su sitemap, así que les muestro uno que hice para un proyecto llamado AnimalGod.
Este es el UX/UI Case Study por si les interesa:)

Parte 1 - ¿Que opinan?

Mapa original

GlooMaps - Visual Sitemap Tool

Rediseño

GlooMaps - Visual Sitemap Tool

🔥 Hay que entender que los sitemaps también sirven muchísimo para los desarrolladores y saber bien como está construido el sitio web en el que estamos trabajando. 🤝

Yo hice este sitemap en FigJam, fue el primero que hice en toda mi existencia, lo que busco talvez sea mejorar la comunicación para que las personas lo entiendan.

Rediseñe el mapa del inicio de Star+
![](

1. Página: elcieloesazull.com (página de crecimiento personal)

2. Sitemap actual

1. Conclusiones Sitemap Actual:

   • Dado que en la página de ElCieloEsAzull ya no se publican recetas, deberían eliminarse de la página y deberíamos concentrarnos en sólo la biblioteca de crecimiento.
   • La página se encuentra desactualizada, hoy en día ya no vende productos ni se publican recetas…
   • Hay que eliminar la tienda y el carrito ya que actualmente no tenemos productos.
   • Sección Acerca de: hay que agregar el contenido que se encuentra en el home, revisar por qué no está apareciendo la misión, visión y valores.
   • Home - Banner de Biblioteca de crecimiento: sólamente dejar blog de crecimiento y mostrar las últimas entradas
   • Home - Banner Canales de comunicación directa: Sólamente dejar Instagram y Telegram
   • Biblioteca de contenido: Sólamente dejar el blog de crecimiento, o mejor dicho, eliminar ese nivel 2 y agrupar los otros links
     • Salud mental:
       • Journaling,
       • Meditación
     • Hábitos
     • Creatividad
     • Relaciones y comunicación
     • Book reviews

2. Rediseño Sitemap del sitio:

mapa de mubi

Les comparto el rediseño que realice.

El mío: https://www.chn.com.gt/

Mapa de sitio actual de RIMAX:

Rediseño:

Realmente realizar el inventario de contenido ayuda mucho para realizar el site map. Me fue más sencillo poder reorganizar. Hay páginas que cometen varios errores mencionados en el curso 👀

Más o menos quedaría así:

Arquitectura de la información de JamesTown. Empresa para aprender inglés.

Antes

Después

De 6 secciones globales pasé a 4, Eliminé blogs e incorporé sedes como subcategoria, a su vez deconstruí la sección “hablemos” para crear “Comunicate en nuestra sedes”. También mejoré el etiquetado de algunas secciones.

Site map del reproductor web de Spotify 2021 😃

Mapa actual de una E-comerce

Mapa con cambios hechos en azul

sitemap actual del banco Exterior

sitemap Rediseñado del banco Exterior

el principal problema encontrado fue que había información repetida.

Mapa Actual de Subway Colombia

Propuesta de mapa

Considero que había varias categorías que se podían agrupar en una sola, como las FAQs y el acerca de, así mismo resumir el tema de menú a dos opciones

Mapa de una página de una tostaderia con productos muy buenos pero con problemas en su sitio web
https://www.gloomaps.com/VCN7Ttaai2

Aquí hice el Sitemap de un juego que solía jugar (Wakfu):

Luego hice una que otra mejora que vi posible:

Dejo el Site Map de Pyladies. com

Así voy con el mapa del sitio de mi universidad, una enorme cantidad de sitios y links.

Me encanto el curso. Excelente profesora!

Decidí usar la página https://tramites.extranjeria.gob.cl/ como ejemplo para el ejercicio.
Según la navegación que se hace en el mapa, luego de iniciar sesión, hice el siguiente mapa mental:

Normalmente las páginas gubernamentales suelen ser muy complejas para navegar (aún no sé el motivo) o súper confusas.
El problema principal que encuentro en ésta página es la falta de categorización, no es tan fácil encontrar cosas dentro de la página.

Fue terrible!

Es increíble la cantidad de pequeños errores que sumados van causando CAOS. Ya me puse en contacto con la página con la que trabajé para comentarles al respecto.

Herramientas para generar sitemap
https://www.gloomaps.com
https://www.powermapper.com/products/mapper/maps/visual-sitemaps/
https://dynomapper.com/features/visual-sitemap-generator

Sitemap de una intranet gubernamental: https://www.dropbox.com/s/b943h66z7xdh830/Sitemap_Intranet.png?dl=0

Hola me ayudan con su feedback 😃

saludos!

Antes y después, rediseño del mapa de navegación.

ahora si, sigo sin poder subir imagenes 😒

https://drive.google.com/file/d/1nm8RImrybipIEMOEwIBEV_qE1Rea72Yw/view

saludos!

ahora creo que si, disculpen la cantidad de comentarios, ayuden con el feedback! saludos y linda semana!

Aqui les dejo mi Mapa del Sitio, la web es la de mi empresa que ahora estamos pensando en rediseñarla internamente y este curo me biene muy bien jeje.

He hecho el Mapa actual de la web.

Reto
Yo escogí la página web de Postobón (Empresa de bebidas en Colombia), realmente la página es muy deficiente, a continuación mis comentarios:

• La información no se encuentra bien estructurada, ni jerarquizada
• Se encuentra información duplicada
• En el Home hay mucha información que a simple vista se ve recargado
• La información de contacto no es visible
• No es fácil encontrar la información
• No es fácil navegar por la página web, me perdí un par de veces
• La navegación entre información del mismo nivel no es congruente

Arquitectura página actual:

Arquitectura propuesta

Adicionalmente, que necesita urgentemente el diseño de la página web.

tome un sitio que uno de mis clientes quiere mejorar y lo rediseñe teniendo en cuenta las caracteristicas.

El mapa de sitio de un emprendimiento que quiero llevar a cabo, una página web para una productora de animación

Hola! El sitio que yo elegi es el de la institucion donde estudio… creo que tienen cosas a mejorar y esto es lo que hice… que opinan?

¡Hola! tengo una pregunta… si la página web tiene un blog con cantidad indefinida de entradas de blog ¿todas se ponen a nivel horizontal?

Para el rediseño de un mapa de sitio escogí la pagina de la Escuela de Artes y Letras institución universitaria; al analizarla encontré varios problemas en cuanto a organización y categorizacion de la información. Tiene 4 menus globales que llevan a mini sites tanto para estudiantes como para docentes, en el home page hay demasiadas opciones de navegación por ende se convierte un todo un reto para el usuario encontrar la informacion y al mismo tiempo es agobiante.
Mi propuesta de rediseño seria, categorizar la informacion en 3 grandes secciones

1. Estudiantes
2. Docentes
3. Egresados
   Por otra parte es necesario descartar varias opciones de navegación e informacion no relevante

Elegí el sitio de Liverpool México para este reto ya que creo que no tiene una buena Arquitectura de información, lo cual complica la navegación.

¿Qé tan fácil resulta encontrar los elementos de los niveles inferiores?
Es complicado ya que tiene demasiadas subcategorías en los niveles 3 y 4 y en nivel 1 tiene muy poquitas y creo que sólo una es importante.
¿Cuántas formas hay de llegar a un mismo contenido?
A algunas secciones se puede llegar desde 2 o 3 formas distintas.
¿La navegación entre elementos del mismo nivel es consistente?
En nivel 1 no.

El sitio que escogi es la pagina de una veterinaria en Colombia:
https://www.petplusclinica.com/

Este es el mapa del sitio actual:

Dentro de la navegación encontré información repetida que puede llega a confundir al usuario y no permitirle hacer la tarea objetivo.
Por otro lado la navegación global le falta precisar la información mas importante para el usuario, no se encuentra una jerarquización y por lo tanto una des organización del contenido. no hay enlaces para poder conectar la información y poder llegar de diferentes maneras al mismo sitio .

De acuerdo a lo anterior, el siguiente es rediseño de mapa del sitio que propongo:

Aquí está mi rediseño de la pagina oficial del gobierno de Guatemala, era una pagina enorme con muchísima información pero me di cuenta que que había secciones bien construidas y otras no como es la sección del ministerio de educación. Aquí la pueden ver http://www.mineduc.gob.gt/portal/index.asp
me quise concentrar en ella porque veo que si tienen problemas muy serios con la arquitectura de información. Esta es mi propuesta

A trabajar.

A continuación relaciono el mapa de parte del sitio web de Daviplata:

Mis conclusiones:

• Hay muchos elementos que se repiten y son redundantes.

• Es necesario organizar y categorizar mucho mejor la información

• Se tienen demasiadas opciones disponibles que apuntan a lo mismo

• Es necesario mejorar el rotulado.

Mi versión mejorada sería:

Para mi propuesta tomé como ejemplo la página del RUNT, que es el Registro Único de Nacional de Transito de Colombia, acá se pueden realizar consultas respecto al estado de la licencia de condución, del vehiculo, infracciones, y demas, ademas de contener una cantidad ENORME de información acerca de tramites y normatividad.

El sitemap sería el siguiente, analizando solo los primeros niveles:

El mayor “defecto” que noté es que había muchos elementos igualados en nivel con categorías afines (ej, hay una categoria dedicada solo a un item de información, y en la misma navegación hay una categoría de información con elementos similares). Me imagino que esto se debe a que estas paginas requieren de mayor visibilidad, pero creo que es algo que se puede solucionar mediante enlaces, mientras que en AI podemos mejorar la categorización.

hola grupo adjunto mi ejemplo es de una tienda natural llamada selvarium los colores que estan repetidos es porque estan relacionados quedo atenta a sus comentarios

El sitio que elegí fue el de Subway, justo les dejare el link del Sitemap que elabore con el sitio y después podrán ver mi rediseño:

https://miro.com/welcomeonboard/Z5tX68AyKbsjFUg4q1Sz54wRGvrxGbtPQvA04o84BIQ8Yoewp7agIjXTP3DgpPeJ

Este es mi rediseño de el sitio web de Subway

este es el diseño de un Sitemap de una página de recetas creada por mi persona y un equipo.
![](

“Los mapas de sitio isométricos” se pueden crear en muchas aplicaciones de desarrollo web, incluidos Visio y Omnigraffle . Las herramientas isométricas en línea también están disponibles a través de Powermapper y **Wonder Web Ware **

SITEMAP ACTUAL

REDISEÑO DELSITEMAP