Imoutotv Hot -

| Platform | Layout | Key Elements | |----------|--------|--------------| | Mobile | Horizontal carousel (swipeable) + “Refresh” icon on the right. | • Large thumbnail (16:9).
• Small overlay badge: 🔥 1.2k
• Creator avatar in bottom‑left corner. | | Desktop | 3‑column grid (responsive). | • Hover reveals play button & stats.
• Rank number in top‑left corner (1️⃣, 2️⃣…). | | Personal Slice | Tabbed under “Hot” → “For You”. | Same layout, but badge color changes to blue to indicate personalization. | | Accessibility | Alt text for thumbnails, focus order, ARIA labels for “Refresh”. | All interactive elements keyboard‑navigable. |

Design hand‑off: Export the above as a Figma file with two artboards (mobile & desktop). Use the existing ImoutoTV design system (primary color #FF3B30, secondary #1A1A1A). imoutotv hot

| Goal | Success Metric | |------|----------------| | Surface the most engaging content to keep users on‑site longer. | ↑ Average session length (≥ +10 % in the first 4 weeks). | | Drive discoverability of new creators and fresh videos. | ↑ Number of unique videos viewed from the Hot feed (≥ +15 %). | | Encourage community interaction (likes, comments, shares). | ↑ Engagement rate on Hot items (likes + comments + shares) vs baseline (≥ +12 %). | | Provide a real‑time sense of what’s “hot”. | ≤ 5 min latency between a video’s activity spike and its appearance in Hot. | | Platform | Layout | Key Elements |

Same as above, but type=personal. The server will compute similarity on‑the‑fly using pre‑computed embeddings stored in a vector DB (e.g., Milvus, Pinecone). | Goal | Success Metric | |------|----------------| |

| Principle | Explanation | |-----------|-------------| | Recency‑biased – New videos have a chance to surface quickly. | Use a decay function so older videos don’t dominate forever. | | Engagement‑centric – Likes, comments, watch‑time, and shares all count. | Weight each signal based on business priorities. | | Creator‑fair – Prevent a single creator from monopolizing the feed. | Impose per‑creator caps (e.g., max 3 items per feed slice). | | Safety first – Only content that passed moderation can appear. | Hook into existing moderation pipeline; flag for review if a video spikes unusually. | | Personalizable (optional) – Show a globally‑hot list plus a “Hot for you” slice. | Use the same algorithm but filter by user’s watch‑history similarity. |