Skip to content
This repository has been archived by the owner on Jun 4, 2022. It is now read-only.

BLUEPRINT Bookmarks

Adrian Cochrane edited this page Mar 21, 2017 · 2 revisions

Most bookmark designs in other browsers are stuffed into the chrome somewhere (thereby complicating UI) and requires more maintenance then users are willing to put in. This proposed design builds upon the proposed addressbar to offer the most convenient bookmarks interface possible in as little UI as possible.

The main idea is to move away from any hierarchy in bookmarks. Instead they will be labelled with (semi-)freeform tags.


A new toolbar item (with a star icon, that may be filled depending on the viewed page) will be added which brings up a prefilled form when clicked. Users should be able to just click away immediately and still get their bookmarks well organized. Or they can click a "Remove Bookmark" button.

This popover should include a entry which autocompletes tags (to ensure the consistency required for this organization scheme) and renders each entered one as in it's own rounded rectangle. The autocompletions should rank tags by how common they are amongst similar bookmarks. Clicking one will edit it and clicking it's x will delete it.

Once a bookmark is entered, any of those tags will autocomplete in the addressbar and will again be rendered in their own rounded rectangles. Until the tags are cleared the addressbar should only autocomplete to these tags.

This brings up a page showing a grid of labelled screenshots (as images are recognized more quickly). Hovering over one shows a user specified tooltip and an edit button that brings up that bookmark popover. And clicking one takes you to the page depicted page.

Vocabularies

To allow pages to specify their own tags, and (should we later support it) bookmark sharing, Oddysseus will support installing vocabularies by utilizing the SKOS standard. These will be represented using a tag icon and their terms will come up in autocompletion for bookmark editing.

Interestingly SKOS is more sophisticated than this UI requires and specifies ways of specifying equivalences between terms, that I should apply to bookmarked pages and will be useful for allowing users to switch between vocabularies without loosing their organization.

Furthermore the bookmarks page will have a sidebar which renders the available tags, grouped by vocabulary, so that users can perform facetted search. The vocabulary headings may be expanded or collapsed (default collapsed), where in the collapsed state it shows only the most common tags.

Free form tags will be placed in their own local vocabulary, which will ideally be fed through a DAT database to generate suggestions for what vocabularies to install. Those suggestions will again be rendered in the sidebar.