Books
Authors
Types
Recent
Popular
Recommended
Feeds
Newspapers
|
E-mail Us
Related Pages
All across the site, you'll notice that some elements of the user interface are used the exact same way.
These elements include:
These elements include:
Tabs
In order to navigate more easily through the pages, you'll notice that Feedbooks usually display tabs.
You can have tabs displayed on the right:
Tabs for "Discover"
These tabs are used to navigate through the main pages of the website (there's 3 main parts on Feedbooks: "Discover", "Share" & "News").
You could consider these tabs like the main menu for each of these parts of the website.
You can also have tabs displayed on the left:
Tabs for a book
Tabs for a search
These tabs are contextual. They always display things that are related to your current page.
For example on a book, you'll be able to switch between the download page, similar books or lists.
The active tab is open (watch the bottom of the tab) and should be displayed in a lighter shade of grey.
Every time you see tabs on a page, the design philosophy is the same: general tabs on the right, contextual tabs on the left.
You can have tabs displayed on the right:
Tabs for "Discover"
These tabs are used to navigate through the main pages of the website (there's 3 main parts on Feedbooks: "Discover", "Share" & "News").
You could consider these tabs like the main menu for each of these parts of the website.
You can also have tabs displayed on the left:
Tabs for a book
Tabs for a search
These tabs are contextual. They always display things that are related to your current page.
For example on a book, you'll be able to switch between the download page, similar books or lists.
The active tab is open (watch the bottom of the tab) and should be displayed in a lighter shade of grey.
Every time you see tabs on a page, the design philosophy is the same: general tabs on the right, contextual tabs on the left.
Filters
The ability to modify which content is displayed or not is one of the top features of our user interface.
Filters can display many different options, but both their behavior and looks should remain the same.
Filters displayed while browsing books ("Discover")
Filters displayed for an author ("Discover")
Filters are pretty much a bunch of links, that are very useful once you're used to them.
You'll easily identify them, they're always displayed in a block with a darker grey.
If you'd like to know how these filters work, read our help on advanced browsing.
Filters can display many different options, but both their behavior and looks should remain the same.
Filters displayed while browsing books ("Discover")
Filters displayed for an author ("Discover")
Filters are pretty much a bunch of links, that are very useful once you're used to them.
You'll easily identify them, they're always displayed in a block with a darker grey.
If you'd like to know how these filters work, read our help on advanced browsing.
Actions
Right under the tabs, on the right of your screen, you might notice a few icons. These are what we call actions for the current page.
Actions while editing a book
Actions while displaying a book
Actions are purely contextual.
For example, while you're editing a book you might need to change its title:
Properties.
Once you've finished the editing process you can preview the book:
Preview.
If everything looks fine you can then publish the book:
Publish.
The same user interface rules apply while displaying a book but instead of actions related to the editing process, you get actions related to your account.
Actions while editing a book
Actions while displaying a book
Actions are purely contextual.
For example, while you're editing a book you might need to change its title:
Properties.Once you've finished the editing process you can preview the book:
Preview.If everything looks fine you can then publish the book:
Publish.The same user interface rules apply while displaying a book but instead of actions related to the editing process, you get actions related to your account.
Right Margin Blocks
Right margin blocks are an easy way to display and group links together.
The most common block: "Links"
Block displaying related tags
When some information is displayed in a block rather than the main area of the page, it's because it might be less relevant.
One of the best example would be the Recent/Top blocks behavior.
The most common block: "Links"
Block displaying related tags
When some information is displayed in a block rather than the main area of the page, it's because it might be less relevant.
One of the best example would be the Recent/Top blocks behavior.
