The Document Foundation Wiki
 

User:Paulojose

From The Document Foundation Wiki

Jump to: navigation, search

Hi! My name is Paulo José and I'm a Brazilian student that loves OpenSource software and design!

This is my personal page in the Document Foundation's wiki. Here you can some of my first projects and other things that I've been involved. For my current work, see my Blog.

I'm still learning how to use this wiki system right now, so this place is under construction... :D

Important note: My domain on English language is limited, so I'm sorry if you find some misspellings in this page.


Contents

Adding details to Christoph's Mimetype Icons @2011, jan 24-28

The MimeType Icons proposed by Christoph Noack fascinated me very much and I decided give a try for the 256px version of the main icons. Below you can see a preview.

Icons-256px-version-sample.png

You can download the SVG source file right here: LibreOffice Initial Icons-Paulo.svg.

I also made some minor changes and details in the 128px version of all 16 icons:

Icons-128px-version-sample.png

The 128px version are also included in the file LibreOffice Initial Icons-Paulo.svg.

Improving the "Cross-Reference Window" UI in Fields dialog @2011, jan 21-28

First impressions @2011, jan 21

Björn Balazs call me to have a look on this threat: Fields UI rework at LibreOffice's mail listing. In its body, Cedric Bosdonnat talk about the need to start reworking the UI of Writer Fields dialog (triggered by Ctrl+F2).


Problems Found

Then I made a superficial analysis of usability, accessibility and design issues of the current Cross Reference tab, looking for answers and guidelines on the Help page. In the next image you can see a the result of my analysis and below some commentaries.

UI's problems in current interface

Knowing the main issues, I prepared some mock-ups of how the interface could be. My first suggestion is to modify the Type option from list box to something smaller like a drop-down list. Despite increase one click of mouse to complete the task, the window gain more space for more important fields, like Selection. Providing a drop-down menu also allow contextualize the different tasks and take off some buttons when they aren't necessary. So for each Type entry, there's specific options.


Set Reference

See what I mean, for instance, for the task of "Set Reference":

Proposal for "Set Reference" option

I made some commentaries on the mock-up, then to keep them accessible, I'll reproduce them below:

Commentaries on "Set Reference" dialog:


Insert Reference

For the task of "Insert Reference", my proposal is similar, but the field of Name and Value was removed to free space and improve usability. No issues of semiotic, since these options are known from the Set Reference dialog.

Proposal for "Insert Reference" option

Commentaries on "Insert Reference" dialog:


Headings, Numbered Paragraphs, Bookmarks, Footnote and Caption

My proposal is exactly the same for these dialogs:

No new commentaries here because the previous ones just fit to changes done. You can download the Inkscape SVG file that I worked on. Feel free to make changes and publish them in your personal page.


An Wizard to the "Field Dialog" @2011, jan 28

Discussing with Björn about commentaries made by him and others before, we figure out that a good solution for this issue would be analyze the Field dialog as a whole, not just the Cross Reference tab, and make an Wizard to manage all tasks that this dialog is related. Björn has gave great guidelines to do new mock-ups and go on with the threat. So I work in an Wizard in HTML and CSS to achieve visualize the interaction flow and make easier future changes. As proposed by Björn, now we are focused in a first step of design:

1. We need a wizard, that really helps the user to find the field he needs. This is basically the content included in the tabs and in the "Type" column. Also some content of the "Select" column would be of relevance (e.g. the Select column for Type==Sender or Type==Statistics should rather be included in the wizard, while the Select Column of Type==Date or Type==Author would rather be part of step 2.[1]
Preview of the Propose 1

So I made two mock-ups for this Wizard. The proposals are hosted in my personal website, where you can interact with them:

Proposal 1

Proposal 2

(Just tested in Firefox and Chrome, probably will fall in Internet Explorer)

The first proposal has in the first step just 2 task options: Set a field & Insert a field. The second step allow to set the field type and configure its proprieties. Done!

The second proposal has in the first step the choose of field type in each task (Set and Insert). The second step just allow to configure the field proprieties. Done!

Now we need keep the discussion and make it better! :)


LibreOffice User Interface [First Mock-ups] @2011, jan 17

- I made just some graphical abstractions about how the user interface could be. You can find them in my DeviantArt page. One of mock-ups, with a light theme


References

  1. Björn's reply about the Wizard proposal on 22 jan 2011
Personal tools
Namespaces
Variants
Actions
Wiki
Navigation
Toolbox
donate