Nowadays, when every major web browser supports dark mode and most people use mobile devices, every application has to have a dark mode. Roundcube 1.5 will have it too.
On mobile the mail composer options and attachments list is not visible from the main screen. To give the user a quick indication of most important options I created a status bar widget on the main screen.
In the future we can add some more icons, but for now there are the most important ones. The paper-clip icon indicates attached files. The other two indicate enabled Enigma’s sign and encrypt options. Clicking on any of them will move the user to Options and Attachments view.
It has been noticed in the early usability tests of the new Elastic skin that mail composing page is not very user friendly. We noted quite a lot of different issues there. I started working on these and this includes quite a significant change to the page layout.
The last big part of the Roundcube user interface not yet ported to Elastic was the HTML editor. And it was left untouched for so long for a reason. Read more to find out why and what I achieved throughout the last week.
Short information about progress in Elastic skin and some news from the UX/design field.
Here’s a short review of recent changes in the Elastic skin. I ported the code to the first stable release of Bootstrap 4 and fixed some bugs. There’s also a new Roundcube feature.
Last few weeks I was working on porting Kolab Notes plugin to Elastic. I wanted to see how it goes with some more serious chunk of our code base before I put my hands on Calendar, Tasks or Files. It was reasonably smooth, see the result…
FontAwesome 5.0 has been released recently. It provides icons that are more unified (and imho, slightly prettier) than the old version we used. So, I updated immediately. Also we have some other new stuff…
Contact data presentation, in read-only as well as in an editable form, is most complicated core feature of Roundcube. There are elements like photo, titles, fieldsets, groups and “composite” inputs. So, it took a while to implement for the new skin. Here’s the result.
The flow is similar to Larry’s, but I (and Bootstrap) added some improvements. Note that this is only about the structure. Colors, spacing and some sizes are subject to change.
And mobile version.
It’s not a secret that I’m working on a new Roundcube theme. It’s supposed to provide a responsive interface for desktop, tables and phones. With help of Thomas Bruederli, who provided some early mockups and John Jackson, who provided some design ideas, and a few other helping hands, after nine months of work it’s starting to look close to what I’ve imagined.