Bookmarks #19

New Issue

2026-02-17T18:05:26Z

hodlbod commented

2026-02-17 18:05:26 +00:00

Imported from https://github.com/andotherstuff/universes/issues/19 by @staab on 2025-11-14T18:24:56Z

This is a private collection for the user to come back to. This needs some design work before we build it. Make the page available as a nav item near messages/profile/settings.

_Imported from https://github.com/andotherstuff/universes/issues/19 by @staab on 2025-11-14T18:24:56Z_ --- This is a private collection for the user to come back to. This needs some design work before we build it. Make the page available as a nav item near messages/profile/settings.

hodlbod added this to the Current milestone 2026-02-17 18:05:26 +00:00

hodlbod self-assigned this 2026-02-17 21:26:04 +00:00

hodlbod modified the milestone from Current to Future

2026-02-18 23:22:19 +00:00

hodlbod removed this from the Future milestone 2026-04-02 18:57:15 +00:00

hodlbod added the design label 2026-04-02 19:38:15 +00:00

hodlbod added this to the Current milestone 2026-04-02 19:38:19 +00:00

Conceptionify commented

2026-04-03 15:25:35 +00:00

Hi @hodlbod,

Having gone through the issue, I noticed users need a place to save messages they want to return to. The feature must feel personal and unobtrusive, accessible from the main nav alongside messages, profile, and settings.

Attached is the solution I came up with, which you can find on Figma here

Here are my key decisions to the solution:

The left sidebar lists all bookmarks as compact cards (avatar, name, message preview, timestamp). Clicking any item loads the full message in the main panel, the same pattern users already know from messaging UIs, reducing cognitive load.
The header offered a utility search that helps users to find their own saved content faster.
Each saved message shows a few-line preview (e.g., "I added a few new issues in gi…"). This lets users skim a long list quickly without expanding every item. The three-dot overflow menu per card allows future actions like remove, copy link, or share.

Looking forward to your thoughts on this.

Hi @hodlbod, Having gone through the issue, I noticed users need a place to save messages they want to return to. The feature must feel personal and unobtrusive, accessible from the main nav alongside messages, profile, and settings. Attached is the solution I came up with, which you can find on Figma [here](https://www.figma.com/design/1knhrr0Avw8Hq73Hyu7s1u/SoB-26?node-id=1-2542&t=9W2HjsOzfmMyKtZ0-4) Here are my key decisions to the solution: 1. The left sidebar lists all bookmarks as compact cards (avatar, name, message preview, timestamp). Clicking any item loads the full message in the main panel, the same pattern users already know from messaging UIs, reducing cognitive load. 2. The header offered a utility search that helps users to find their own saved content faster. 3. Each saved message shows a few-line preview (e.g., "I added a few new issues in gi…"). This lets users skim a long list quickly without expanding every item. The three-dot overflow menu per card allows future actions like remove, copy link, or share. Looking forward to your thoughts on this.

Bookmark Screen.png

112 KiB

hodlbod commented

2026-04-03 18:23:58 +00:00

I like all the functionality, but I'm not sure the format is quite right. It looks exactly like the DM page, and feels like a conversation type of view. Here are a few shots from dribbble that make a little more sense to me:

https://dribbble.com/shots/301978-Bookmarks-list-view
https://dribbble.com/shots/6645312-Bookmarks-list
https://dribbble.com/shots/11663910--Exploration-Bookmark-App

A couple of these allow users to categorize bookmarks, which introduces the idea of a list. Nostr of course already has NIP 51 for lists, which I would like to use later on to power microblogging feeds and content recommendations. Maybe we should make the bookmarks feature double as a list manager. We could show a default "Bookmarks" tab which shows the contents of the user's kind 10003 list, then fetch other list types (30000 categorized follows, 30002 categorized relays, 30003 categorized bookmarks, 30004-6 curations).

Mind giving that approach a try?

I like all the functionality, but I'm not sure the format is quite right. It looks exactly like the DM page, and feels like a conversation type of view. Here are a few shots from dribbble that make a little more sense to me: https://dribbble.com/shots/301978-Bookmarks-list-view https://dribbble.com/shots/6645312-Bookmarks-list https://dribbble.com/shots/11663910--Exploration-Bookmark-App A couple of these allow users to categorize bookmarks, which introduces the idea of a list. Nostr of course already has NIP 51 for lists, which I would like to use later on to power microblogging feeds and content recommendations. Maybe we should make the bookmarks feature double as a list manager. We could show a default "Bookmarks" tab which shows the contents of the user's kind 10003 list, then fetch other list types (30000 categorized follows, 30002 categorized relays, 30003 categorized bookmarks, 30004-6 curations). Mind giving that approach a try?

hodlbod removed their assignment 2026-04-03 18:24:05 +00:00

Conceptionify was assigned by hodlbod

2026-04-03 18:24:16 +00:00

Conceptionify commented

2026-04-03 20:11:54 +00:00

Hi,

Thanks for the feedback. I wasn't aware of the list feature earlier. I will iterate on that approach and get back to you soon.

Hi, Thanks for the feedback. I wasn't aware of the list feature earlier. I will iterate on that approach and get back to you soon.

Conceptionify commented

2026-04-05 15:32:27 +00:00

Hi @hodlbod,

I have iterated on the feedback, and attached is the solution I came up with.

The sidebar features all the saved items and collections/lists created by users. Once a list is selected, the user will have the opportunity to search the list and filter by content type (Audio, Video, etc.).
Each saved item (either in a list or not) is presented in a grid, turning the page into a browseable collection. Items have visual weight proportional to their content, not just a single row of text.

Hi @hodlbod, I have iterated on the feedback, and attached is the solution I came up with. 1. The sidebar features all the saved items and collections/lists created by users. Once a list is selected, the user will have the opportunity to search the list and filter by content type (Audio, Video, etc.). 2. Each saved item (either in a list or not) is presented in a grid, turning the page into a browseable collection. Items have visual weight proportional to their content, not just a single row of text.

Bookmark Screen - V2.png

446 KiB

hodlbod commented

2026-04-06 17:14:08 +00:00

This looks good, a couple things:

The cards should match the style of card2 bg-alt (no border, alternating background color)
What does the settings button do?
The top part of the nav section feels kind of light. maybe add a count to the bookmarks item as well, and remove the divider?

This looks good, a couple things: - The cards should match the style of card2 bg-alt (no border, alternating background color) - What does the settings button do? - The top part of the nav section feels kind of light. maybe add a count to the bookmarks item as well, and remove the divider?

Conceptionify commented

2026-04-06 20:59:30 +00:00

Thank you.
I will iterate on the feedback.

On settings button, there's no settings button on the screen. Maybe the filter or more button.

Thank you. I will iterate on the feedback. On settings button, there's no settings button on the screen. Maybe the filter or more button.

hodlbod commented

2026-04-06 21:36:40 +00:00

Ah, it's the filter button I was wondering about. I'd be interested to see what you're planning for that. I imagine we probably don't need it, but I can definitely see filtering by content type or whatnot.

Conceptionify commented

2026-04-06 21:41:03 +00:00

Okay. The idea behind the filter button is to filter with the content type (Text-based, video, image, etc)

👍 1

hodlbod commented

2026-04-06 21:51:56 +00:00

Yeah, maybe if it's just a popover menu that lets the user pick filters per content type that would be useful without being too intrusive.

Conceptionify commented

2026-04-06 22:15:16 +00:00

Yes, that is it. I will show how I plan to implement it soon

Conceptionify commented

2026-04-07 21:49:21 +00:00

Below is the revised version of the screen.
Besides, I would like to know if there is a design guideline for this project or if you have a design system you use.

Thanks.

Below is the revised version of the screen. Besides, I would like to know if there is a design guideline for this project or if you have a design system you use. Thanks.

Bookmark Screen - Final - 2.png

433 KiB

Bookmark Screen - Final.png

448 KiB