Skip to main content

Command Palette

Search for a command to run...

Ep. 4: SiteMap

My Figma Design Journey.

Updated
โ€ข1 min read
Ep. 4: SiteMap
O

Welcome to my blog! I am Oluwasegun aka (engrshege).

Founder & CEO: @StackTribe

๐”๐๐ž๐ฆ๐ฒ ๐…๐ข๐ ๐ฆ๐š ๐‚๐จ๐ฎ๐ซ๐ฌ๐ž: 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

Product Design

Part 4 of 35

I documented my product design learning process into this series.

Up next

Ep. 5: Wireframes

My Figma Design Journey.