Skip to content

Book navigation visual redesign #1406

Description

@jorgedeloera

Visual design improvements in the components of book navigation

The visual improvements allow a more focused design in reading the book.

Page view

Considerations:

  • Sidebar
  • Subheader

Sidebar

The redesign allows to sidebar get the focus it on the navigation, the book navigation and page navigation in the same component, and the details can be move to subheader 👇.

aside

Subheader

Allows to sidebar get more space. The color and background of subheader improve the first view of user on the page content.

subheader

Activity

  1. ssddanbrown commented on Apr 27, 2019

    @ssddanbrown
    Member

    Hi @jorgedeloera,
    Thanks for providing some design ideas.

    Feedback

    I understand that you want to put more focus on the book navigation, but to do these changes you've sacrificed quite a lot of elements to get there. Details such as revision count, creation info & permissions have been removed and the ability to export option is an extra click away. Space would also be needed for attachments and tags.

    The combined page and book navigation is a good idea but without headings it is somewhat more abstract and could confuse new users. Also, I'm not sure it scales to larger books since the current page could be 15 chapters down, The page nav could easily end up below the fold.

    Upcoming Update

    For reference, here's pretty much the same content as part of the upcoming design update:

    bookstack local_books_all-about-bookstack_page_bookstack-general-usage-copy-92c

  2. tylerlucas commented on Apr 28, 2019

    @tylerlucas

    Just want to chime in and say that the redesign looks really good. When will that update go live?

  3. ssddanbrown commented on Apr 28, 2019

    @ssddanbrown
    Member

    @tylerlucas The one in my comment above? Is due to go live with the next release. Was hoping to get it released on Easter Weekend but went down a rabbit hole of improving how images are handled which has now delayed things a fair bit. I'm aiming for next weekend as long as no other hurdles arise. More info on the redesign can be found in #1153.

  4. ssddanbrown commented on May 25, 2019

    @ssddanbrown
    Member

    I'll close this now, since there has been no further discussion.

    Something mildly interesting, I noticed the proposed design has quite a few similarities to one of the early BookStack design revisions:

    BookStack old design

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions