Skip to main content

🧭 Lesson 1.3: The Notion Interface β€” A Guided Tour

A tool feels overwhelming until you know where everything lives. In this lesson we walk the whole Notion window together β€” the sidebar on the left, the page you write in, the top bar above it, the search that jumps you anywhere, and the slash command that adds anything. By the end you'll navigate Notion with confidence and turn your "Start Here" note into your first real page.

πŸ“š What You'll Learn

By the end of this lesson, you will be able to:

  • Name every major area of the Notion window and say what it's for
  • Use the left sidebar to navigate, create, favorite, and find pages
  • Use Quick Find / Search (Ctrl/Cmd + P) to jump anywhere instantly
  • Use the / slash command as the universal "add anything" tool, plus the right-click and β Ώ handle menus
  • Find your settings β€” including dark mode β€” and know how web, desktop, and mobile differ

⏱️ Estimated Time: 55 minutes

🎯 Project: Recreate your Lesson 1.1 "Start Here" note as your first real Notion page, add it to your favorites, and explore the sidebar.

In This Lesson

The Big Picture: Three Zones

Before we zoom into buttons, let's get the map. No matter which device you're on, the Notion window is really just three zones. Once you see them, the whole interface stops feeling busy.

graph LR A["πŸ—‚οΈ Left Sidebar
where you navigate:
search, pages, settings"] --> B["πŸ“„ The Editor
where you write:
the current page"] B --> C["⬆️ The Top Bar
where you act on the page:
share, comments, favorite, β‹―"]
  • The left sidebar is your table of contents and control center β€” it lists your pages and holds Search, Home, Settings, Trash, and more.
  • The editor is the big central area where the current page lives and where you type. It's the star of the show.
  • The top bar runs across the top of the page and holds actions about the page you're viewing: its breadcrumb trail, Share, Comments, favorite, and a β‹― menu.

Here's a simplified picture of the whole window. On the left is the sidebar; on the right, the top bar sits above the page you're editing:

Workspace  β€Ί  Start Here     πŸ’¬   Share   ⭐   β‹―
πŸ” Search   Β·   🏠 Home   Β·   πŸ“₯ Inbox  (the sidebar's top row)
πŸš€ Start Here
Why I'm using Notion…
Where my stuff lives today…

🧠 Mindset

You do not need to memorize this interface. Notion is designed so you can discover almost everything by hovering, right-clicking, or typing /. Think of this tour as meeting the neighborhood, not memorizing a phone book. You'll learn the streets by walking them.

The Left Sidebar

The sidebar is where you spend a surprising amount of your Notion life, so let's meet every item. (Hover the left edge if your sidebar is hidden β€” a small Β» or the app's toggle brings it back.) From top to bottom you'll typically find:

Sidebar item What it does
πŸ” Search Opens Quick Find to jump to any page by name (also Ctrl/Cmd + P). More on this below.
🏠 Home A dashboard of your recently visited pages, upcoming events, and quick shortcuts β€” a handy starting screen.
πŸ“₯ Inbox Your notifications: mentions, comments, and reminders that need your attention.
πŸ“„ Your page tree Your pages, nested. On a personal workspace this is often a Private section; teams also see shared Teamspaces. Click β–Έ to expand a page's sub-pages.
⭐ Favorites Pages you've starred appear pinned at the top for one-click access. (Appears once you favorite something.)
🧩 Templates Opens Notion's template gallery to browse ready-made pages you can add to your workspace.
πŸ—‘οΈ Trash Deleted pages live here and can be restored. Deleting isn't instantly permanent β€” a real safety net.
βš™οΈ Settings Your account, preferences, appearance (dark mode!), notifications, and plan. Covered below.
πŸ“… Calendar A link to Notion Calendar, the companion app that unifies your Notion dates with your Google/other calendars.

Creating and rearranging pages from the sidebar

Two moves you'll use constantly:

  • Add a page: hover the Private (or a teamspace) heading and click the + that appears, or use the + New page button near the bottom. A blank page opens instantly.
  • Nest & reorder: drag any page in the sidebar and drop it onto another page to nest it inside, or between pages to reorder. This is how your page tree grows into a personal wiki.

βœ… Pro Tip

Right-click any page in the sidebar for a rich menu: Add to Favorites, Rename, Duplicate, Copy link, Move to, and Move to Trash. Right-click is your shortcut to almost every page action β€” remember it.

The Editor & the Top Bar

Click any page and it opens in the editor β€” the wide central area. This is where you write, and where the "everything is a block" idea from Lesson 1.1 comes alive (we go deep on blocks in Module 2). For now, know that clicking anywhere lets you type, and pressing Enter starts a new block below.

Running across the very top of the page is the top bar. Left to right, it holds:

  • Breadcrumb β€” the trail showing where this page sits (e.g. Workspace β€Ί Projects β€Ί Start Here). Click any crumb to jump up a level. This is your "you are here" sign.
  • πŸ’¬ Comments β€” open the page's comment thread to discuss with collaborators (or leave notes to yourself).
  • Share β€” control who can see or edit this page, and get a shareable link. (Publishing a page to the web is a Free feature; some advanced sharing controls are Business.)
  • ⭐ Favorite β€” star the page to pin it to the top of your sidebar.
  • β‹― (More) β€” a menu of page-level options: page style/width, font, lock, move, duplicate, export, page history, and more.
Projects  β€Ί  Start Here     πŸ’¬   Share   ⭐   β‹―
πŸš€ Start Here
Click anywhere and start typing β€” each line is a block.
Press Enter for a new block, or type / to insert anything.
Hover the left of a block to see the β Ώ handle and a + button.

πŸ’‘ The two little buttons beside every block

Hover over the left edge of any block and two controls appear: a + to add a new block below, and a β Ώ (six-dot) handle to grab and drag the block β€” or click the handle to open a menu to delete, duplicate, turn into another type, change color, and more. These two buttons are how you edit the structure of a page by hand.

Search, Slash, and the Menus

Three interactions unlock most of Notion's speed. Learn these and you'll fly.

πŸ” Quick Find & Search β€” Ctrl/Cmd + P

Press Ctrl+P (Windows) or Cmd+P (Mac) β€” or click Search in the sidebar β€” and a search box pops up. Start typing a page's name and jump straight to it; you rarely need to hunt through the sidebar. The same box also offers Ask and full-text Search across your workspace's content, so you can find a page by something written inside it, not just its title. (The AI-powered "Ask" answers require Notion AI; plain search is Free.)

The / slash command β€” the universal "add anything"

This is the single most important interaction in all of Notion. On any empty line, type / and a menu appears listing everything you can insert: text, headings, to-do lists, tables, images, callouts, toggles, a whole database, and dozens more. Keep typing to filter β€” /todo jumps to the to-do block, /head to headings, /table to tables. Press Enter to insert. You'll use this constantly, so it's worth burning into muscle memory now.

Start Here
Type / and this menu appears:
Basic blocks
πŸ“ Text
πŸ”  Heading 1
β˜‘οΈ To-do list
πŸ’‘ Callout
πŸ”½ Toggle
πŸ—‚οΈ Table (database)

Right-click & the β Ώ handle menus

Two menus give you power over things that already exist:

  • Right-click a page in the sidebar (or a block, or a database row) to act on it β€” favorite, rename, duplicate, copy link, move, delete.
  • Click the β Ώ handle beside a block to open its block menu β€” turn it into a different block type, change its color, duplicate, or delete it.

βœ… Pro Tip

If you only memorize two things from this lesson, make them Ctrl/Cmd + P (jump to any page) and / (insert anything). Between them, you can get almost anywhere and add almost anything without touching a menu. Everything else you can discover as you go.

Settings & Dark Mode

Click Settings in the sidebar (near the bottom) to open your control panel. You don't need to change much today, but it helps to know what lives here:

  • Account β€” your name, email, photo, password/login methods, and language.
  • Preferences / My settings β€” everyday behavior toggles, including Appearance.
  • Appearance β€” switch between Light, Dark, or System (matches your device). Try Dark now if you like it β€” this course's site has a moon button too. πŸŒ™
  • Notifications β€” control what reaches your Inbox, email, and mobile push.
  • Connections β€” link other apps (like Slack or Google Drive) to Notion.
  • Plan / Billing / Upgrade β€” see your current plan (Free!) and where you'd upgrade if you ever chose to. No need to visit today.

πŸ’‘ Make it comfortable

Two small tweaks people love early: turn on Dark mode under Appearance if you prefer it, and on a page's β‹― menu try Full width to give wide tables and databases more room. Small comfort settings make a big difference to whether Notion feels like home.

Web vs. Desktop vs. Mobile

Everything you build syncs across all three, so you're never locked to one. But each has a personality:

  • Web (browser): works everywhere, nothing to install, always up to date. Perfect for trying Notion and for locked-down work computers.
  • Desktop app: the same interface in its own window (no browser tabs to lose), plus niceties like a global quick-capture shortcut. Feels a touch faster for heavy use.
  • Mobile app: a rethought layout for small screens β€” the sidebar tucks away behind a menu button, and there's a quick-capture and a share extension to save things into Notion from other apps. Great for capture and reading, a little cramped for building big databases.

⚠️ One honest heads-up

Notion is cloud-first, so all three versions expect an internet connection to work smoothly. Offline support exists but is limited and best treated as a fallback, not a plan. If you routinely work without connectivity for long stretches, keep that in mind (we flagged this in Lesson 1.1 too).

🧠 Mindset

You will not remember every menu after one tour β€” nobody does, and you don't need to. What matters is that you now know the shape of Notion: three zones, a sidebar you navigate, a page you write in, and a slash command that adds anything. That's a real map. The details fill in every time you build. Onward to your first real page.

🎯 Project: Your First Real Page

Remember the "Start Here" note you planned in Lesson 1.1? Today you turn it into a genuine Notion page β€” your first real one β€” and pin it where you'll always find it. This is the moment Notion becomes yours.

πŸ‹οΈ Recreate "Start Here" in Notion

Objective: Create a real "Start Here" page from your Lesson 1.1 planning, favorite it, and get comfortable moving around the sidebar.

Instructions (about 15 minutes):

  1. (2 min) In the sidebar, hover the Private heading and click + (or use + New page) to create a blank page.
  2. (1 min) Give it a title: type Start Here. Click Add icon and pick an emoji (πŸš€ is a nice start).
  3. (6 min) Type your content from Lesson 1.1. On a new line type / and try inserting a Heading for "Why I'm using Notion," then a few bullet lines under it. Add another heading and your "goal" sentence.
  4. (2 min) Click the ⭐ in the top bar (or right-click the page in the sidebar β†’ Add to Favorites) to pin it.
  5. (2 min) Press Ctrl/Cmd + P and type "start" to prove you can jump to it instantly.
  6. (2 min) Explore: click Home, open Settings β†’ Appearance and try Dark mode, then peek at Trash. Just look around.
πŸ’‘ Hint β€” I can't find the + to add a page

Hover your mouse right over the word Private (or a teamspace name) in the sidebar β€” a small + appears at the far right of that row. If your sidebar is hidden entirely, move your cursor to the far left edge of the window (web/desktop) or tap the menu button (mobile) to bring it back. There's also usually a + New page button near the bottom of the sidebar.

βœ… Project Completion Checklist

  • You created a new page titled Start Here with an icon
  • You added your "why," your scattered-places list, and your goal sentence using headings and bullets
  • You inserted at least one block using the / slash command
  • You favorited the page (it now shows in your sidebar's Favorites)
  • You used Ctrl/Cmd + P to jump to the page by name
  • You visited Home, Settings (tried Appearance), and Trash

🎯 Quick Quiz

Question 1: You want to insert a to-do list, a table, or a callout onto a page. What's the fastest universal way?

Question 2: Where do you go to jump straight to any page by typing its name?

Best Practices for Getting Around

βœ… Do's

  • Lean on search. Ctrl/Cmd + P beats scrolling the sidebar every time.
  • Favorite the pages you open daily. One click to pin, endless time saved.
  • Right-click when unsure. Most page actions live one right-click away.

❌ Don'ts

  • Don't try to memorize every menu. Know the map; discover the rest by hovering and typing /.
  • Don't panic about deleting. Trash holds pages so you can restore them.
  • Don't over-nest on day one. A flat handful of pages is easier to navigate while you learn.

πŸ““ Learning Journal

Keep a learning journal β€” for this course, the best place is inside your own Notion. In fact, your new "Start Here" page is a perfect spot to add a journal section. After each lesson, take a few minutes to write down:

  • Key concepts you learned
  • Techniques that clicked for you
  • Questions or confusion points to revisit
  • Ideas you want to try
  • Your progress and feelings about learning this

✍️ This lesson's prompt: Which part of the interface felt most natural, and which felt confusing? Write down one thing you found by hovering or right-clicking that wasn't in this lesson β€” noticing your own discoveries is how the interface becomes second nature.

πŸ“ Lesson Summary

πŸŽ“ Key Takeaways

  • The Notion window is three zones: the left sidebar (navigate), the editor (write), and the top bar (act on the page).
  • The sidebar holds Search, Home, Inbox, your page tree, Favorites, Templates, Trash, Settings, and Calendar.
  • Ctrl/Cmd + P jumps you to any page by name and searches inside your content.
  • The / slash command inserts anything; right-click and the β Ώ handle act on things that already exist.
  • Settings holds account, preferences, Appearance (dark mode), notifications, and your plan. Web, desktop, and mobile all sync but suit different moments.

πŸŽ‰ What You've Accomplished

You've toured the entire Notion interface and β€” more importantly β€” built your first real page and pinned it to your favorites. You can now navigate by search, add anything with a slash, and find your settings. Notion has gone from an intimidating blank canvas to a place you know your way around. That's a huge step, and it's all downhill from here.

❓ Common Questions at This Stage

My sidebar disappeared β€” how do I get it back?

On web and desktop, move your cursor to the far-left edge of the window and it slides back in; look for the small toggle (Β» or a double-arrow) to pin it open again. On mobile, tap the menu button (usually top-left) to reveal it. Nothing is lost β€” the sidebar just collapses to give the page more room.

What's the difference between the sidebar Search and the / command?

Search (Ctrl/Cmd + P) helps you find and go to existing pages. The / slash command helps you add new content (blocks, tables, etc.) to the page you're currently on. Different jobs: one navigates, one creates.

I deleted a page by accident. Is it gone forever?

Not immediately β€” it goes to Trash in the sidebar, where you can restore it. Remember that on the Free plan you also have 7 days of page history to roll a page back to an earlier version. Deleting is rarely permanent right away, so don't be afraid to tidy up.

πŸ”­ Looking Ahead

Now that you can navigate confidently, it's time to master the atom of everything in Notion. The next lesson β€” Everything Is a Block β€” teaches you to create, transform, move, and combine blocks, the skill that unlocks every page you'll ever build.

βœ… Before the Next Lesson

  • Have your favorited "Start Here" page open and ready
  • Practice Ctrl/Cmd + P and the / command a few times until they feel natural
  • Write your Learning Journal entry for this lesson

πŸ“š Additional Resources

🌟 Encouragement for the Journey

You started this lesson facing a blank, slightly intimidating workspace β€” and you're ending it with a real page you made, pinned where you'll always find it, in a tool you can navigate. That's not a small thing; that's the turning point. Next we learn the building block that powers all of it. 🧭