Navigation bar and Action bar

[Grizzly127]

here is a new design for the Navigation bar:

I suggest renaming "Explore" to "Objects & Collections". (#28) Here you can see all Objects and Collections and add new ones.
In Collaborate you still have an overview of Collections and Groups.
When you click on "Annotate" you can only see the Demo, so calling it "Annotation Demo" like in Kompakkt is a good idea.

I also gave the User Profile a button design, an icon and the secondary color of Kompakkt/semantic Kompakkt and the Logout looks like a button now, too.

@HeyItsBATMAN @ZetOE @lozanaross

[lozanaross]

@Grizzly127 - I think Explore / Collaborate / Annotate were intentionally chosen in the top menu because they connect to the hero image on the homepage and because they are rather short. I would not necessarily change them - I don't love Annotation demo either, but it was our solution until we can figure out how to make it contextually sensitive, so it switches to annotation mode when users are looking at object pages.
@ZetOE correct me here if I'm wrong. Did we decide we'll remove demo once we figure out the contextual functionality?

I like it that user profile & logout have little icons. But I'm not sure if I'll make them color buttons. I think it's good to establish that Semantic Kompakkt has a secondary color (orange) only to differentiate itself from Kompakkt. I don't think we can treat the pinkish-red in Kompakkt as a proper secondary color, in my impression it's more of a functional "warning" color. So I'd say if we introduce color, we should keep blue for Kompakkt.

My worry about color has to do with where we put the "New object" / "New collection" buttons. These are color pill buttons now and I thought they belong more in the nav bar, rather than the action bar (too much other action going on there already). Have a look at Sketchfab. When in doubt I always check how other more established products do this. I think it's more consistent to have a single 'color' object in the top nav bar, so we have to decide whether it's the user login/ profile action or the new object button. If we remove new object from there, we have to come up with a consistent solution where it goes in all other pages.

[Grizzly127]

Update:

when not logged in:

Dropdown menus:

Changes/Decisions:

• We stick with "Explore", "Annotate", "Collaborate"
• We use filled icons consistent
• The User Profile is only an icon with a dropdown menu for "User management" and "Logout"
• all the buttons are blue
• "New Object" stays in the Navigation bar
• Collection options are on the left, "New Collection" is removed
• The Annotate button is inside "Edit" as a dropdown
• "Embed link", "Download metadata", "Copy ID" becomes a share button with dropdown options
• When you click an icon or button it gets a "Focus" for the dropdown menu (icons get a grey circle in the background, the button gets a grey overlay)
• When logged out the buttons you can't use anymore are grey and at the top you can Login/Register

[lozanaross]

Thanks @Grizzly127! One small point that now occured to me is maybe we should change "New collection" in the first dropdown to "Add to new collection" just for consistency.

@HeyItsBATMAN - fyi we discussed the above changes with @ZetOE & we think they will optimize the current user experience, but if you have any reservations - do let us know! I would say this is one of the key issues to prioritise in the near future when you're working on the UI.

One other thing worth mentioning is that we imagine the tooltips for icons remaining, so the dropdowns don't necessary replace the tooltips. For example, first icon in the Actionbar can have the same tooltip message as it does now - "Use this object in a collection"; the second icon can be - "Explore collections containing this object"; Share icon can be - "Explore sharing options", etc. IN the nav bar, we'll have "View your history" and "View profile options".

[Grizzly127]

I changed the Point "Add to new collection":

[Grizzly127]

for consistency and completeness, here the dropdown with "Add to new collection" instead of "New collection":

[Grizzly127]

Discussion about the final navigation and action bar, part 1

Navigationbar
I think earlier we agreed ob removing the "New collection" button, since we integrated it in the Actionbar.

In an old design I also found this version to change "Profile" and "Logout" to a single icon with this options:

Actionbar

• we agreed on getting rid of the publish button
• I think we agreed on having the annotate button on the right, next to the icons, even though there is one more icon in kompakkt (Add to collection)
• I replaced the Copy ID icon

just to have a look, this is the annotate button on the left for kompakkt for example:

• I found another old version where we replaced the annotation also with the Edit button and edit has this options:

The icons on the right are:
We could also integrate both at the right. I think we wanted to also have an option where the user can see in what collections the object was used.

I think I like this design the most, a combination of some above:

• With the profile icon
• Collections icons on the left (for semantic kompakkt right now, just without them)
• Annotate button, since it is a prominent, important function
• followed by the other icons

@lozanaross @ZetOE

[Grizzly127]

Discussion about the final navigation and action bar, part 2

• eventually integrating the Visibility status icon (see Visibility Dialog #20 , last option)

[lozanaross]

Thanks @Grizzly127 - I also think the final version is the best of the above options, so let's go with that, and integrate visibility status as well: