Purpose & Context

The Anime Atlas system requires substantial screen real estate for Atlas visualization, taste charts, and pin collection. Rather than adding a 6th bottom tab (exceeds mobile best practices), the system embeds as a prominent card within the My Lists tab, positioned above the existing sub-navigation tabs (Watchlist, Crunchylists, History, Downloads).

Key Principle: Anime Atlas is an experience gateway, not a buried list item. Users access a full-screen discovery environment from My Lists, but the entry point itself is lightweight and doesn’t disrupt existing list organization.

1. Location Decision: Why My Lists Tab

Mobile Navigation Standard: Material Design (Android) and Human Interface Guidelines (iOS) recommend maximum 5 destinations in bottom navigation. Adding a 6th tab creates usability problems:

My Lists Tab Alignment:

• Contextually adjacent: Discovery relates to content curation (Watchlist, Crunchylists)
• Low traffic impact: My Lists has lower usage than Home/Browse, space available
• Doesn’t disrupt existing workflows: Discovery card sits ABOVE tabs, doesn’t interfere with Watchlist/History access

Rationale: Home: Already cluttered with carousels, Discovery would compete with content promotion; Browse: Genre browsing % structured progression (different mental models); Account: Settings/profile space, Discovery is content-focused; New 6th tab: Exceeds mobile nav best practices, creates accessibility issues.

2. Anime Atlas Entry Point - Card Design

The Discovery card sits above the sub-navigation tabs (Watchlist, Crunchylists, History, Downloads) in the My Lists tab, creating immediate visibility without disrupting existing list access.

Design Philosophy: Card shows content connections (not progress metrics) to create curiosity and pull users into exploration.

Mobile Layout (Portrait)

MY LISTS TAB
+-------------------------+
| My Lists  [Cast][]| -> Tab title + icons (unchanged)
+-------------------------+
|       |
| ANIME ATLAS CARD  | -> New card, ABOVE sub-nav tabs
| +---------------------+ |
| | Because you   | | -> Connection signal
| | discovered...  | |
| | "Demon Slayer"  | |
| |      | |
| | +-----------+ | | -> Single large thumbnail
| | |   | | |  (currently visible show)
| | | Jujutsu | | |
| | | Kaisen | | |
| | |   | | |
| | +-----------+ | |
| |      | |
| | Similar dark tone | | -> Show-SPECIFIC connection
| | and moral complexity| |  (explains THIS show)
| |      | |  Max 60 characters
| | o ( ) ( ) ( ) ( )   | | -> Pagination dots (5 shows)
| |      | |  Swipe or auto-advance
| |      | |
| | [Continue Exploring]| | -> Opens to Atlas view
| +---------------------+ |
|       |
+-------------------------+
| Watchlist | Crunchylists| -> Existing sub-nav tabs (BELOW card)
| History | Downloads |  Zero changes to existing tabs
+-------------------------+
|       |
| Recent Activity   | -> Existing Watchlist content (unchanged)
| [OVERTAKE! thumbnail] |
| OVERTAKE!    |
| Up Next: E4    |
|       |
+-------------------------+

Visual Hierarchy:

1. My Lists title + icons (existing, unchanged)
2. Discovery card (new, prominent, above tabs)
3. Sub-navigation tabs (existing, below card)
4. List content (existing, unchanged)

Card Design Specifications

Carousel Behavior:

• One thumbnail visible at a time (no ambiguity about which explanation applies)
• Swipe left/right to see next recommendation
• Auto-advance every 5 seconds (like existing Crunchyroll notification pattern)
• Dots update to show current position
• Connection text updates with each card transition

Connection Explanation Types (Editorial Guide):