Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Standardize secondary navigation #275

Closed
JessieLOliver opened this issue Mar 28, 2016 · 2 comments
Closed

Standardize secondary navigation #275

JessieLOliver opened this issue Mar 28, 2016 · 2 comments

Comments

@JessieLOliver
Copy link

JessieLOliver commented Mar 28, 2016

The secondary navigation can be confusing. The main confusion from the links on the left stems from two parts: a) they change and disappear based on context and b) they mix actions with navigation. By removing all actions from the left navigation it will largely be able to remain the same despite the current context. Actions (like edit, new, delete, etc...) will move into the right hand column.

All links on the left will be global unless descending into a hierarchy, in which case contextual navigation links will be shown in groups. Icons will also be added to the left menu.

New navigation (left) menu:
- (home) Home
- (sign-in) Log in / (user) My Profile 
- (user-plus) Register / (square-o) My Annotations
- (globe) Projects 
- (server) Audio Analysis
- (book) Library
- (table) Data Request
- (envelope) Send Audio
- (bug) Report Problem
- (line-chart) Website Statistics

Other icons for standard use:
- (bar-chart) visualize (project & site) [new name: _Data Visualisation_]
- (tag) tags
- (square-o) annotations
- (play) Only used when immediate audio is played 
- (headphones) Any link that takes to a listen page and must have text to say "listen"
- (map-marker) sites
- (download) Download 

Related [https://github.com/QutEcoacoustics/baw-client/issues/260] - should be released at the same time.

@cofiem
Copy link
Contributor

cofiem commented Jul 14, 2016

@atruskie were there any design ideas / prototypes for the right hand actions list?

@atruskie
Copy link
Member

Yes, I have prototype the design in the baw-client custom-job-ui branch. Screenshots below.

Those layouts aren't perfect

  • I didn't put in the full left hand menu (wasn't settled on at that point)
  • no indentation in left hand menu (still an unsolved problem)
    • need shorter names or wider columns
    • I think we want to avoid more than one layer of nesting. e.g. for sites (note how site isn't nested under project):
      • home
      • projects
      • sites
        • details
      • ...(other)
  • we're considering removing the title in the left hand column (no need to be duplicated)
  • we need a consistent language for CRUD
    • details
    • new
    • edit
    • delete

I think what would be best to proceed with issue is to prototype the project and site page menus first, take snapshots, then meet back here discuss design and then change everything else (inc. client pages QutEcoacoustics/baw-client#260)

@atruskie atruskie self-assigned this Dec 2, 2016
atruskie added a commit that referenced this issue Feb 1, 2017
Work for #275 .

There are lots of changes.

There are still links that need to be cleaned up in the admin section.

There likely is a better way to do a lot of this too. In paritcular I'm
thinking some kind of MVVM methodolgy (where view specific variables can
be defined in code for entire folders). Even so, a lot of helper
functions have been defined that will ensure consistency of menu links.

However we need to ship, so smaller changes/refactors/fixes will be done
at a later time.
atruskie added a commit that referenced this issue Feb 1, 2017
Refactoring and standardizing secondary menus - Closes #275
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants