Project

General

Profile

Actions

Task #3868

open

Revisit UX of books.libreoffice.org

Added by Juan José González 5 days ago. Updated 1 day ago.

Status:
New
Priority:
Normal
Category:
-
Target version:
-
Start date:
2026-03-01
Due date:
% Done:

0%

Tags:

Description

  1. 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

  1. 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
  1. 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.

  1. 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.

  1. Extra
I ran a SEO analysis on seoptimizer.com, major improvements recommended:
  • Include more text and keywords to the land page
  • Link to social media accounts
  • Include Shareable metadata
I ran an analysis of speed and performance of the website and it is good overall.
  • Images can be optimized.

Files

firstdraft.png (491 KB) firstdraft.png Juan José González, 2026-03-05 01:17
Actions #1

Updated by Olivier Hallot 4 days ago

Juan José González wrote:

  1. 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?

  1. 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

  1. 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

  1. 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.

  1. Extra
I ran a SEO analysis on seoptimizer.com, major improvements recommended:
  • 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)

Actions #2

Updated by Juan José González 2 days ago

@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

Actions #3

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

Actions

Also available in: Atom PDF