Modern UI: Adaptive Grid, Horizontal Recent Activity, and Custom Icons
o
ovik-genius
I suggest a major visual and functional overhaul to make the interface more modern, fluid, and user-friendly:
1. New Home Screen Layout (Recent Activity):
Add a section for Recent Bookmarks and Recent Collections on the main page. These sections should use Horizontal Scrolling (swipe left/right) to save space and look modern.
2. "My Collections" Section (Inside):
Change the layout to a Vertical Grid with 2, 3, or 4 large tiles per row. Move away from small icons; everything should be large-scale and high-quality. The scrolling here should remain vertical but feel "weightless" and smooth.
3. Enhanced Customization:
Every collection must have an icon. Please add an option to easily set or change Custom Icons for any folder so that no collection is left without a visual identifier.
4. Fluid Graphics:
The overall UI physics should be improved. Animations for scrolling and opening folders should feel fast, premium, and fluid.
Goal: Simplify the interface by replacing heavy vertical lists with a smart grid and horizontal navigation for recent items.
Log In
Autopilot
Merged in a post:
Title: Professional Workspace UI: Adaptive Grid, Info Bar, and Fast Navigation
o
ovik-genius
I am proposing a major UI/UX overhaul to transform Raindrop into a high-performance Professional Workspace. Current vertical lists are too slow and outdated for users with hundreds of folders.
1. The "My Collections" Grid View
Inside the "My Collections" section, replace the single-column list with an Adaptive Grid. Show 2, 3, or 4 large, high-quality tiles per row. This makes navigation visual and fast, removing the "heavy" feeling of endless vertical lists.
2. Dynamic Home Screen & Horizontal Scroll
On the main dashboard, add sections for Recent Bookmarks and Recent Collections. Use Horizontal Scrolling for these sections to save space and provide a modern "mobile-first" feel.
3. The Navigation Info Bar & Global Drawer
When a folder is open, the header should become a functional Info Bar:
The Toggle: Keep the "Back" arrow, but add a second icon/handle to pull out a Global Navigation Panel (Drawer). Instant Switcher: This panel allows users to jump between any collection instantly without leaving the current folder. Light Indicators: Use "active lighting" (glow or bright accents) on the Info Bar and Panel to show exactly which folder is currently open. You should always know "where you are" in the hierarchy.
4. Visual Fluidity and Icons
No collection should be left without an icon; improve the custom icon system. UI animations should feel "weightless" and fluid, ensuring the experience is premium and responsive.
Goal: Move away from basic bookmarking to a powerful, lightning-fast workspace environment.