We'll remember your contact info. for this session.

Creator (Tabs version)

Comments (6)

David

David replied 6 years ago, re: Stefan's Version 2 from 6 years ago

Just a heads up that I talked to the Design and SDK guys re: flat (tabs) and deep (pagestack) navigation mixing.

It turns out that the current code already does the right thing, but the SDK is not behaving as per the original design spec: https://bugs.launchpad.net/ubuntu-ux/+bug/1187850

So it might be that if we decide to go for tabs, the current navigation is ok after all.

Inline expansion is a good idea, but we might have to test how well it works in practice. My concerns are less vertical real state and mixing inline with deep navigation (i.e. toolbar)

Stefan

Stefan replied 6 years ago, re: Stefan's Version 2 from 6 years ago

I'm not sure I understand where we are heading to with deep and flat navigation. And judging from the comments on that bug, others feel the same.
From what I see in the design guidelines, there should never ever be a pagestack and new style tabs in the same app. What do you mean by "It turns out that the current code already does the right thing, but the SDK is not behaving as per the original design spec" ?

David

David replied 6 years ago, re: Stefan's Version 2 from 6 years ago

Calum is the designer I talked to. On that bug report he meant that the expected behaviour for child pagestacks under a tab is to display the title of the page instead of the tab title. This way the only way to go back is to use the "Back" button on the toolbar, as the tab is no longer active, and flat and deep navigation are not mixed in the same view.

However, the SDK does not currently behave like that: tab titles override the titles of their child pages, hence this bug. That's what I meant with the "the current code already does the right thing, but the SDK is not behaving as per the original design spec" comment: I understand that the workflow in the code is valid (tab with nested pagestack), but that bug in the SDK causes flat and deep navigation to be mixed.

In fact, a similar pattern is used in the Gallery app: Tabs with a child grid and "pages" (i.e. the pictures), from which you go back using the "Back" toolbar button. The difference here is that pictures are full screen and neither the tab title nor the page title are shown.

David

David replied 6 years ago, re: Stefan's Version 2 from 6 years ago

Hopefully designers will figure this out for us, so that we do not have to worry about this and can concentrate more on hacking :)

Stefan

Stefan replied 6 years ago, re: Stefan's Version 3 from 6 years ago

This is not the right place for such a discussion, but if what you say is true, then the design guidelines (http://design.ubuntu.com/apps/global-patterns/navigation last paragraph) are really badly phrased and the last paragraph should be deleted completely.

David

David replied 6 years ago, re: David's Version 13 from 6 years ago

The Design Guides (and the bug) have now been updated with a clearer wording: http://design.ubuntu.com/apps/global-patterns/navigation

Add a Comment

You can use Mockups text formatting markup.
Ex: *bold* _italic_ &underlined& -disabled- {color:#FF0000}colored{color} * New lines with asterisks for bulleted lists.

Are you sure you want to delete mockup "XYZ?"

Your mockup's data and history will be deleted forever!

Notify project members

Please click OK to reload the page and continue using myBalsamiq