I was fighting with the userstyle.css today to customize the look of the app a little bit.
Therethrough I would like to come up with some suggestions of what we could improve. As I'm neither a designer nor a dev I can not provide some moke ups. (I also didn't find a fitting topic for this)
- Starting with the header area. There are the (un)fold buttons for the notebooks and the notes/task list.
In my opinion they do not belonge to this line and there are two ideas how to solve this:
- just remove the buttons and make the lists completely hideable with the mouse (taking the seperator and pull it left) (but how to pull it back open?)
- make it collapseable with a button inside these lists (I would suggest at the top of the lists)
Continuing with the buttons for a new notebook, a note and a task.
Again thinking of interaction in contexts, the buttons should be in the notebooks and the note/task list. I think more in the lower area.
The last button left is the layout button
As it is related to the editor and the viewer I would expect this button in the toolbar.
the search bar
As it has a different task and also different characteristic I would suggest to make it different from the input field for the note title
The note title
Very simple but I would expect the note title under the tool and the tag bar.
I love this one
And I think to polish the toolbar it looks great to give it not only an icon but an button background (understandable?). This could also have the side effect that every icon has the same space and the distance between the icons are the same as well. In addition I think the order could be changed too, as formating text and insert content are different types of actions.
Also making the open in another app button right alignt would improve the understanding of what each button is used for. (in addition to that, a share button would make sense as well, in my opinion)
the tag bar
Last but not least. I think seeing tags in this bar but edit them via button in the toolbar is not very intuitive. So I would suggest making the tags editable by clicking on them (also deleting, by removing the text or having a cross when editing) and habe a create button within the tag bar.
Wow this was much more than expected sorry!
I hope this is somehow useful - otherwise just put it into the trash or ignore it as your app is already very awesome!