Task #3868
openRevisit UX of books.libreoffice.org
0%
Description
- UX Analysis of books.libreoffice.org
Overall the website can benefit from three big changes:
1. Including content that "welcomes" the user, explain what this site is about
2. Categorizing the content, I propose grouping books by topic, i.e. Writer, Calc etc
2.1. Creating clear sections for every topic and show the actions (download links)
3. Adopting the look and feel of other TDF websites like extensions.libreoffice.org
Other relevant actions to implement:
1. Include a "Share" button when reading the books
2. Bookmark what I was reading
- Include content that explains what books is about
Explain to visitors that this is the official source of documentation for LibreOffice, "it comes from the same team that creates the software!".
Dedicate content for these audiences:- Cover to cover readers, they want to know everything about LibreOffice
- Looking for a quick reference, they want to share or understand how a feature works
- Looking for a quickstart guide to start, they want to read just enough to start using the software
- Categorize the content
Create clear sections for every topic: Writer, Calc, Draw etc. and show the download buttons without the need to display the collapsed section. The idea is for people to quickly navigate the content: identify the topic and click the button next to them.
- Adopt other websites look and feel
Adopt the style of websites.libreoffice.org, crashreport, extensions and whatsnew. Here I would like to double-check the publication process to confirm if I can propose an improvement by changing the underlying framework of the website, if not I am happy to keep the current stack.
- Extra
- Include more text and keywords to the land page
- Link to social media accounts
- Include Shareable metadata
- Images can be optimized.
Files
Updated by Olivier Hallot 4 days ago
Juan José González wrote:
- UX Analysis of books.libreoffice.org
Overall the website can benefit from three big changes:
1. Including content that "welcomes" the user, explain what this site is about
not sure it is needed. Current visual state with the word "bookshelf" isn't enough? Just asking.
2. Categorizing the content, I propose grouping books by topic, i.e. Writer, Calc etc
OKAy.
2.1. Creating clear sections for every topic and show the actions (download links)
What is Topic?
3. Adopting the look and feel of other TDF websites like extensions.libreoffice.org
In the past, I thought to load books in extension website with proper category but the feedback was bad.
Overall I praise for the shortest path to get to the information. The current website gets to the book quite easily.
Other relevant actions to implement:
1. Include a "Share" button when reading the books
Very interesting idea.
2. Bookmark what I was reading
Use the browser bookmark?
- Include content that explains what books is about
An introductory paragraph about the book already exist in the main page (index.html)
Explain to visitors that this is the official source of documentation for LibreOffice, "it comes from the same team that creates the software!".
Dedicate content for these audiences:
- Cover to cover readers, they want to know everything about LibreOffice
- Looking for a quick reference, they want to share or understand how a feature works
- Looking for a quickstart guide to start, they want to read just enough to start using the software
Okay
- Categorize the content
Create clear sections for every topic: Writer, Calc, Draw etc. and show the download buttons without the need to display the collapsed section. The idea is for people to quickly navigate the content: identify the topic and click the button next to them.
Perfect
- Adopt other websites look and feel
Adopt the style of websites.libreoffice.org, crashreport, extensions and whatsnew. Here I would like to double-check the publication process to confirm if I can propose an improvement by changing the underlying framework of the website, if not I am happy to keep the current stack.
As long as it stays easy to update and maintain. As you may have noticed, the current stack cam from a public freeware.
I ran a SEO analysis on seoptimizer.com, major improvements recommended:
- Extra
- Include more text and keywords to the land page
- Link to social media accounts
- Include Shareable metadata
Agree
I ran an analysis of speed and performance of the website and it is good overall.
- Images can be optimized.
That is tricky. We thought to change PNG's to WebP's (Google recomendation)
Updated by Juan José González 2 days ago
- File firstdraft.png firstdraft.png added
@Olivier Hallot here's a first draft for the redesign, it adopts the look and feel of other websites (something I have been trying to homologate)
it include standard elements such header with donate button, legal footer with get source code link.
Now to the content:
1. A large feature banner to display the latest book or any book we want to feature
2. A bar to filter by categories/titles
3. A grid of cards, one per title, with three actions read, download, more versions that takes you to another page with all oldest versions for same title.
4. Finally a pagination bar, in consideration for now, maybe we can show all title in one page

Updated by Olivier Hallot 1 day ago
Juan José González wrote in #note-2:
it include standard elements such header with donate button, legal footer with get source code link.
Agree.
Now to the content:
1. A large feature banner to display the latest book or any book we want to feature
I take that this is independent from the Guide displayed below? That is, feature Writer guide in Calc page?
Perhaps add an splash icon/image with text as "New!!!", "New release !!!" or "Just published"...
2. A bar to filter by categories/titles
OKay . Add a button for "Other guides (books)" because we like to promote other books on topics related to LibreOffice.
3. A grid of cards, one per title, with three actions read, download, more versions that takes you to another page with all oldest versions for same title.
Is this grid independent of the feature banner? (I guess it is)
4. Finally a pagination bar, in consideration for now, maybe we can show all title in one page
OKay