CDLUC3 / dmptool_late_2019

Home of the DMP Roadmap-based version of the DMPTool
MIT License
24 stars 6 forks source link

Header navigation changes #17

Closed briri closed 6 years ago

briri commented 6 years ago

Update the baseline header navigation

rhu001 commented 6 years ago

Header (public not logged in version): https://h90c3m.axshare.com/#g=1&p=header__public_ Header (logged in non-admin version): https://h90c3m.axshare.com/#g=1&p=header__logged_in_non-admin_ Header (logged in admin version): https://h90c3m.axshare.com/#g=1&p=header__logged_in_admin_

Note: Pull down menus for Select Language, Explore, and Admin Features should have a drop shadow applied.

briri commented 6 years ago

Updated the logged out version of the header

screen shot 2018-01-17 at 2 22 53 pm

screen shot 2018-01-17 at 2 08 34 pm

screen shot 2018-01-17 at 2 28 59 pm

screen shot 2018-01-17 at 2 16 28 pm

briri commented 6 years ago

@rhu001 and @stephaniesimms do we have a page in the wireframes for the logged in version of the header section?

Here is what it looks like with the existing org branded sub menu: screen shot 2018-01-17 at 2 50 43 pm

stephaniesimms commented 6 years ago

the logged in version replaces the dmptool logo w/the org name and logo - see screenshot and for admins there's an extra item in the main nav

screen shot 2018-01-17 at 3 45 11 pm
briri commented 6 years ago

thanks for the link to the wireframe @stephaniesimms

Here are some screenshots of the menu when logged in: screen shot 2018-01-18 at 11 18 04 am

screen shot 2018-01-18 at 11 18 17 am

screen shot 2018-01-18 at 11 22 10 am (note that 'Institutions' is only plural for a super admin)

briri commented 6 years ago

Version if Institution has no logo and no links defined (contact email is a required field so would always appear) screen shot 2018-01-18 at 11 29 16 am

Version with logo but no links screen shot 2018-01-18 at 11 31 55 am

Version with links but no logo screen shot 2018-01-18 at 11 26 13 am

stephaniesimms commented 6 years ago

i wondered about cases where there are links but no logo - @rhu001 it looks odd to have so much white space between them. for current dmptool we have a different order (screenshot below for comparison). DMP Assistant just replaces their logo w/an Org logo (https://github.com/DMPRoadmap/roadmap/issues/156), but we definitely need the Org name somewhere. The alternative is requiring a logo or we upload one for new Orgs ourselves, although that isn't ideal.

One other detail for now @briri - change "Institutions" to "Organizations"

screen shot 2018-01-19 at 3 25 54 pm

rhu001 commented 6 years ago

@briri The svg logo for the header is available in this folder. (https://drive.google.com/drive/folders/1rjEpQ6jT3VUSgf6PbfCsj2fTcsIa3d9A?usp=sharing) The file is named "DMPTool_logo_blue_shades_v1b3b.svg."

rhu001 commented 6 years ago

@briri Updated header with new "contained" Org name, logo, and links. fireshot screen capture 004 - header logged in non-admin - h90c3m_axshare_com_ g 1 p header__logged_in_non-admin

stephaniesimms commented 6 years ago

change Account to "My Account" change DMP Templates to "DMP Requirements" (or something else based on user testing?) swap order for Public DMPs and DMP Requirements swap order for Quick Start Guide and Data Mgmt General Guidance under Learn menu

News and Media goes to About page currently - maybe we just remove this from the main nav? If we include promo materials and other things we can keep it as a second mega menu...

I can only upload logos for orgs that don't have Shib configured. If I try to navigate to the "Orgs" page in the Admin menu w/my UCOP affiliation, for example, I get this error: ucop-orgs-error

You can implement the new branded header with "contained" areas now @briri and see what it looks like. Current branding looks like this: screen shot 2018-01-25 at 4 04 59 pm

briri commented 6 years ago

All of the changes mentioned above are complete and I'm no longer receiving the above error. closing this old header ticket out. Please create new tickets for changes to the headers as needed