Versions Compared

Old Version 8

changes.mady.by.user Alex Logsdon (Deactivated)

Saved on

compared with

New Version 9

changes.mady.by.user Alex Logsdon (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Page Properties
Note

Delete this page properties table before pushing to Viewport.

Status

Status
colourRed
titlenot visible to public
Status
colourYellow
titleReady for review

Type

Reference / Explanation

Reader

Clients

Reader goal

Contributors

JUNO version

V2.0

Reviewers (check the box when you’re done!)

  •  Scrilla
  •  Renae

Review deadline

Notes for reviewers

in person review, Thursday Jan 20th

  • Review doc for accuracy/missing details (like character limits).

  • What else needs to be updated (Obviously internal docs... but what about site structure workbook?)

  • Get terminology aligned across internal/external docs and workbook. Put it into the style guide. Make sure the actual config names won't cause confusion.

...

  • Primary navigation is located at the bottom of mobile screens. It’s at the top of the page on desktop devices.

  • Mobile devices only show 4 links in the primary navigation menu, even if there are more on desktop devices. Any additional links are still accessible in the side navigation menu.

Is either example accurate below? In example 1, should “OnDemand, Launch U, Connections…” be in section 0? Should example 2 have more in the primary nav so that I can show how it’s limited on mobile?

If we have something already set up, or a wireframe, that’d be helpful. Otherwise I’ll set up on playground or photoshop. Will make mobile version of this.connect is being fixed by renae, etc-- get screenshot from there when it’s done.

...

Example desktop navigation (above)

[SCREENSHOT]

Example mobile navigation (above)

...

[SCREENSHOT]

An example [image]. See the tables below for details.

Element

Options

21

Icons

(info) Change icons Get the list from the brand page, move it here

12

Links (Desktop)

(plus) Add or remove links (Max numberrecommend approx. 5 max)
(info) Change text (Character limits)

Fewer primary navigation links fit on mobile devices. Your site’s home page is always the first link, and More is always the fourth link. You can choose two more. They don’t have to be the same as the links in the desktop view. Think about what is most important to your mobile app users!

Element

Options

3

Links (Mobile)

(tick) Choose 2 links to appear on mobile devices.
(info) Change text, if the desktop link is too long for mobile (Character limit)

[SCREENSHOT]

An example [image]. See the tables below for details.

When you click a primary navigation link, a subnavigation bar appears with additional links for that section of the site.

Element

Options

1

Links (identical on desktop and mobile)

(plus) Add or remove links (0-# max number)
(info) Change text (Character limits)

[SCREENSHOT]

An example [image]. See the tables below for details.

Side navigation is a comprehensive list of navigation links. It includes everything from primary navigation and subnavigation, as well as additional links.

The first section must remain as is. It’s identical to your primary and subnavigation. But the other sections are configurable:

Element

Options

1

Sections

(plus) Add or remove sections
(info) Change section title (Character limitsrecommend 26 characters max)
(error) Remove section title

2

Links (identical on desktop and mobile)

(plus) Add or remove links (0-# max number)
(info) Change text (Character limits20 characters max)

3

Admin links(info) Restrict any link section

(plus) Add or remove links. These are restricted so that only site admins can see itthem. Regular attendees won’t see the link at all. (0-# max number). These can go in any section.

...

NOT SURE / LEFT OUT:

...

Remove Powered by JUNO?

...

Profile icon menu - no client facing configuration options, correct?

My Q: What are we saying can differ between mobile and desktop? Right now I only have differences for PRIMARY nav. But these configs show potential differences for other parts. Should any of this be advertised?

...

Add removeFromDesktop true to a route under NAVIGATION to remove the route completely from the desktop. This option is added so that we could duplicate a route a make it slightly different for the app vs desktop without causing issues.

...

Add removeFromApp true to a route under NAVIGATION to remove the route completely from the app.

...

Add hideOnApp true to a route -> data -> subNavItems -> item to remove a subnav from the app

...

.