ondras
UI polishing
The UI needs some work.
A recent pull request improved some of the buttons, but most of them (mostly I/O related) and selectboxes are not skinned well.
I am open to suggestions and visually pleasing (+consistent!) attachments.
I am a UI/UX guy (new to github & OSS) - let me know what u need - would love to contribute
I am looking for some general concept for the UI form elements. We have two main UI panes (the one you see at the right, the second one used for save/load commands). They both share similar elements (buttons, labels, inputs, selectboxes) and I would like them to look consistent and neat.
The status quo is a mix: the original look can be seen at the screenshot (at the project page); current version is somewhat improved by a fellow user's pull request, but he only fixed some of the elements (leaving out the I/O pane completely).
I am not looking for a different layout and I am not looking for pull requests: I just want an image/mashup/sketch to show some nice - but not too complex - styling for these elements.
(most of this seems to have already started at https://github.com/ondras/my-mind/pull/36)
Sounds Good - I can polish the buttons to make it consistent. Here is a shared PPT with a few UX improvements http://bit.ly/1aNAqXZ
On Fri, Jan 31, 2014 at 5:35 AM, Ondřej Žára [email protected]:
@send2cloud https://github.com/send2cloud looks like #36https://github.com/ondras/my-mind/pull/36got stalled, so if you want to contribute... :-)
— Reply to this email directly or view it on GitHubhttps://github.com/ondras/my-mind/issues/35#issuecomment-33794036 .
@send2cloud Nice, will have a look. What system do you suggest for discussing individual "adjustment" points (numbers in green circles)? GitHub issues, GDocs comments, ...?
Since it's visual maybe gcomments till it's debated and then can be moved to github when coding — Sent from iPhone
On Fri, Jan 31, 2014 at 12:50 PM, Ondřej Žára [email protected] wrote:
@send2cloud Nice, will have a look. What system do you suggest for discussing individual "adjustment" points (numbers in green circles)? GitHub issues, GDocs comments, ...?
Reply to this email directly or view it on GitHub: https://github.com/ondras/my-mind/issues/35#issuecomment-33841100
Implemented the first part, the Tip, in https://github.com/ondras/my-mind/commit/df989cf4963f449cb58d89b9cf61fffe6bf52f55.
@send2cloud Hi, are you still interested in finalizing these ideas? Would you mind commenting the stuff in the document?
hey...just commented back... let me know if you need me to work on the icons...
@send2cloud cool, thanks.
First, I think we can implement the new (vertically centered) close/open icon for the main UI pane. Can you provide both images?
Second, I am in favor of switching the main buttons into icons. I am thinking about this layout:
- first row: four icons for input+output (new load save saveas)
- second row: two icons for map manipulation (center customcss), maybe with a separate heading?
Still not sure how to incorporate the "Help" feature into this (see my comment re. the new floating help icon). Do you suggest image icons, or vector font icons?
Implemented the UI toggle button, main menu buttons and help button in https://github.com/ondras/my-mind/commit/12554e9e2a05dc796794bcf75a1311c47fd76b69 and https://github.com/ondras/my-mind/commit/ce69cdd042ba7a5bcd351429e537f5e4d628b7cb.