Calligra Suite

On April 11, Calligra Suite came out — forgive me for taking so long to write a post about it.

It turns out that I don’t hate the UI as much as I thought I would, though I still prefer that of both Google Docs (and, to a lesser degree, LibreOffice) by a considerable amount. The suite is still in its infancy, you can tell, but it also feels incredibly smooth, fluid — it’s built with new technology, you can tell.

What really excites me about Calligra is its modularity — it’s coded in such a way as to keep the UI as separate from the backend as possible, uses Flake as a library for objects, which means that objects should look and behave the same in every module of the suite, and these things make it much easier to develop new modules for the suite, to port the suite to other devices, and to create custom UIs for these devices.

Boudewijn Rempt describes it in depth in this video:

Too bad Calligra doesn’t have a design team… ๐Ÿ™‚

P. S. I’ll be happy if you use/tweak/share/spread the calligram above — get the source code at this link. CreativeCommons Zero, as always, though be aware that the trademark law for Calligra still applies.


Submit your icons

If you’d like to help with the icon set, head on over to the official wiki page.

There’s a new topic to design for every week. Each week, we discuss and refine the previous week’s proposals.

Making the clipboard usable

When I was a kid, I didn’t know what the icon with the scissors did. I didn’t know what the icon with the two papers did. Even after I learned what copying and pasting is, even after I knew the common “Ctrl+C”, “Ctrl+X”, and “Ctrl+V” shortcuts, I still didn’t know what those scissor and paper icons did. I once mistook the scissor icon for the “Crop” button and was surprised when the whole image disappeared.

I wonder if anyone out there ever found the two clipboard icons intuitive. What do scissors have to do with the clipboard, anyway?

Being a stickler for consistency and clarity, I set out to make a more usable set of clipboard icons. My goal was to connect the clipboard icons visually, so that anyone could quickly tell that the icons belong together. I also wanted to make the functionality obvious: I used the standard “move” and “copy” symbols, as cutting is simply moving to the clipboard and copying is copying to the clipboard.

Can you tell which one is Cut and which one is Copy?

Notice Google Docs’ New Style Management?

I’ve just noticed a revamped style drop-down in Google Docs. Apparently, it’s been there since February 7th. It makes customizing styles simple, plus it gives a preview of the style (font, bold, italic, underline, and size up to a certain limit).

It’s probably the best style gallery that’s out there to date. If only it weren’t so limited…

Go check it out. ๐Ÿ™‚

Looking for an icon designer

The LibreOffice design team is looking for an experienced icon designer to oversee an effort to create a flat icon set for LibreOffice. The designer wouldn’t have to create any icons (although he would be more than welcome to), he would simply help craft guidelines and act as a mentor and a guide for inexperienced icon designers wanting to contribute.

Would anyone be interested in taking on this role?

There’s no pay, although if a designer wanted some monetary compensation, we could start a Kickstarter project.

Why we still need Wave

Observing how people have been slowly abandoning e-mail and moving to closed communication systems that merge the features of chat and e-mail — Facebook’s Messages, Apple’s iMessage, and even social network posts (though these were designed for a different purpose).

I really hope that an open-source alternative that seeks to define a single message standard arises soon — something like Google’s Wave, only less complex and with a better UI.

Anyone in the FLOSS community interested in reviving the project?


You might have noticed that my tablet UI proposal is missing rulers. That’s because I wanted to make rulers contextual: if a user inserts a tab or taps within the empty space where a tab is, a tab handle and a horizontal ruler should appear, allowing the user to adjust the tab width. Or if the user inserts a floating object (image, table, shape, …), rulers should appear. Or if the user selects a page, he should be able to adjust the margins.

I also thought that maybe there could be a single “ruler mode”, where the user is able to adjust all the lengths and widths within the page (margins, column widths, indents, tabs). I’m wondering: should this mode be triggered by selecting the page? Then the user could get to this mode much faster.

Possible page selection modes

ย orย 

With the ruler shown, the user would able to edit the units it uses. With an object selected, the user would also have the ability to type in the object’s distance from the margins. Here’s a mockup of what it could look like for a selected tab:

What do you think?