search

biocodellc / geome-ui

MIT License
3 stars 4 forks source link

Standardize Styles Throughout Workbench #432

Open albarqmaria opened 4 years ago

albarqmaria commented 4 years ago

I think we could improve the user experience by standardizing some of the styling in Workbench small changes like Header size and positioning could help make the site feel more familiar and understandable. This issue would be two parts: Design of new layouts
Development Screen Shot 2020-03-05 at 9 07 07 PM

Screen Shot 2020-03-05 at 9 07 00 PM

Screen Shot 2020-03-05 at 9 06 47 PM

Screen Shot 2020-03-05 at 9 06 54 PM

Screen Shot 2020-03-05 at 9 06 40 PM

Screen Shot 2020-03-05 at 9 06 32 PM

albarqmaria commented 4 years ago

One idea for this. all the data should appear in tables with a white color, (list items alternating grey and white) and the view should have a grey background

albarqmaria commented 4 years ago
albarqmaria commented 4 years ago
albarqmaria commented 4 years ago

More ideas for workbench changes from @jdeck88

  1. I think a good idea to combine teams and projects into a single view. Some different ideas for implementing this: A. Have "Team" as a column value w/in projects and users could sort on team. B. OR, Have a list of team check boxes at the top of the screen to filter project list for certain teams C. OR, Have Team buttons at the top. D. Have a checkbox (which appears if you are logged in) to toggle public/non-public projects to show a user's projects only. Perhaps if someone is logged in then automatically just show their own projects.

  2. I think i like the word "Dashboard" instead of "Workbench".

  3. I'm always a little confused by the choose project drop-down at the top of the screen... could we remove this entirely and instead rely on the project view? This would make things a bit more simple in the interface.

  4. We should have a column heading at the top of screen on projects for "Project Title"... this would make it a bit more intuitive for sorting projects.

  5. We should have by default an up and down arrow next to each column in the project view to let the user know that sorting is an option... it is not immediately apparent.

albarqmaria commented 3 years ago

Another issue that hopefully will be resolved with this re-design : the "select project dialog box" gives the user the option to select project or go back. If the user takes an action on the dialog in the midst of a transition, the router breaks. we need to prevent user interaction while other transitions are taking place

Something else for the re-design to take care of: making sure all projects data begin loading as soon as geome is opened (no more waiting on projects & team lists to be fetched)

albarqmaria commented 3 years ago

Decided on option 1 per mtg on 12/30/2020. Also decided to use the Project title in the header as a link that will go to overview page. https://user-images.githubusercontent.com/35155534/103318250-b69b4e00-49e2-11eb-8616-e6d9913da1f3.mp4

https://user-images.githubusercontent.com/35155534/103318267-c3b83d00-49e2-11eb-8c8f-d2fb1f3fb6b9.mp4