Ep. 4: SiteMap

Ep. 4: SiteMap

My Figma Design Journey.

ยท

1 min read

๐”๐๐ž๐ฆ๐ฒ ๐…๐ข๐ ๐ฆ๐š ๐‚๐จ๐ฎ๐ซ๐ฌ๐ž: Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more by Andrei Neagoie & Daniel Schifano.

๐„๐ฉ๐ข๐ฌ๐จ๐๐ž ๐Ÿ’: Sitemaps.

1. Sitemap: Legend

2. Sitemap

Sitemaps are hierarchical diagrams of a website or an application that shows how pages are prioritized. They provide structure for
your product.

From my previous Episode on USER FLOWS, I noticed USER FLOWS are like Street View of the Product, while SITEMAPS are like Bird's Eye View of the Product.
This way I can use my SITEMAP to have an early glance at what my product should consist.

Types of SITEMAPS.
1. Flat Sitemaps: This is better suited for smaller to medium-sized products like 10-100 pages.
2. Deep Sitemaps: These are better suited for larger-sized sites and they help house a lot of information, looking at hundreds and hundreds of pages.

๐Œ๐ฒ ๐ข๐ง๐ฌ๐ข๐ ๐ก๐ญ ๐จ๐ง ๐ญ๐ก๐ข๐ฌ ๐„๐ฉ๐ข๐ฌ๐จ๐๐ž:
- Ctrl + alt + B ==> To detach LEGEND
- I learned how to use AutoFlow Plugin.
- SITEMAP will be of great help when I need to start working on WIREFRAME, which is my next Episode.

๐‘ป๐’‰๐’† ๐’‹๐’๐’–๐’“๐’๐’†๐’š ๐’ˆ๐’†๐’•๐’” ๐’ƒ๐’†๐’•๐’•๐’†๐’“...

#UIUX #Figma #UIUXCourse #Udemy #UdemyCourses #ZTM #ZeroToMastery

ย