Hanakin wrote: ↑
Sun May 05, 2019 9:18 pm
just finished initial pass of an editor component take a look at the codepen: https://codepen.io/hanakin/pen/QPeoWd?editors=1100
It is still a work in progress...
The idea is to have one editor component that works for both full and quick modes. The editors will be fixed to the bottom with the page content scrollable behind it. so you enable the preview and it displays above and can scroll to see more of it without the editor window leaving your screen. Have not tested anything yet with that this is just an initial hack at it. So please hold the feedback until we get to an implementation phase...
Even though I have been following your work these last months and have always loved it, I have to come here to comment something that is bothering me about that concept you proposed. I know it's still a work in progress, but I have some concerns regarding one aspect of the UI that I think it was done on purpose.
I'm talking about the BBCode buttons. I don't understand the necessity of having all the BBCodes, which are a main formatting tool for posts, hidden under another menu. What before could be accomplished with one click (directly into the BBCode's button) now has to be done with two. That, I think, is a UI/UX design problem.
Similarly, some actions that I would assume have more hierarchical importance like “Save draft” or “Preview” are given the same importance as what I would also consider formatting actions (attachments and insert emoji).
I can see that you're getting your inspiration from GMail's compose mail popup but I don't think that's the best approach. In GMail, the format buttons are also hidden, but they stay opened once you click in the formatting menu. Even though that would fix the "two clicks for common actions" problem, it would also add an unnecessary click for something that I think is really used (especially on forums that create custom BBCodes). I understand GMail's approach: formatting is not that common when mailing, but I wouldn't say the same for forums.
Here are some examples of modern forums. As you can see, all of them have the formatting options always available:
I would also like to note that in the previous image, in Flarum, they have acknowledged the fact that the preview has to be differentiated somehow from the rest of the formatting options by giving it a button treatment (with the grey background to note that is not primary).
I also would like to suggest to place the “Save Draft” button under a dropdown button. I mean, this action is not
commonly used. By placing it in an alternative option from within the “Send” button we would provide a way to tell the user (UI-speaking) that both options (“Send” and “Save draft”) are mutually exclusive, related and also primary actions that would cause the page to refresh.
Finally, the way you're designing the posting form is pretty complete. Can we not get rid of the “full mode” altogether? Right now the only things that I would assume are missing are the “Options” tab and (I think) the poll tab. Both could be added to this new interface and we wouldn't have the need to support the full mode at all, making it more modern and fresh.