The new version is ready to be explored.
The header allows a new way of navigation, which depends on the kind of content you are visiting. For instance, on the home page the header gives the visitor direct access to the list of teams, departments, research centers, transversal projects and reference centers.
On many other pages the header works as a breadcrumb (fil d’ariane) showing the hierarchy of the actual content and a fast access to related teams, department, center, reference centres and network.
If you are visiting a member’s page the header will present a navigation through the member’s attachment team(s) or department(s). On a team’s page, you can navigate through the department, or back to the head member’s page.
And on some archive pages such as the teams and heads, jobs, events, the header displays a filters to help the visitor find the right content.
Fast & modern navigation
We completely rethought the navigation. Visitors can now access the content in a faster and more efficient way, for a better user experience.
The website loading system is now fully made with Ajax, similar to an application. The pages load faster: once a page is loaded, and if the visitors navigates onto another page, the content shared by both pages won’t be loaded again. The visitor is kept informed about whether the page he wants to visit is being loaded with a loading animation.
New floating menu with back bouton, go to top and social network sharing.
Right and left click can be used to navigate through contents of same type.
Connexions and interactions
We created a new data visualization to show research interactions between members, teams, or other structures. Available by clicking on the “connexions” button in a member/structure’s page.
This graph provides a fast overview of existing collaborations and can suggest future exchange of knowledge. It can also be used to visualize activity or to allow departments to have a better idea of their organizational structure and members.
Visitors can use the graph to navigate by zoom in/out inside the graph, single click on a specific node to underline in blue the connections of this specific element, or double click a node to visit the dedicated page of the content clicked.
Events are now showcased on the home page. The visitors can preview 6 upcoming events and their organizers, and access the full list of events by clicking in the “view all” bouton.
The full list of events is organized in a timeline view, so visitors can easily identify the order of upcoming events. A new feature let users add any event from the website directly to their personal calendar (Google Calendar, iCal, Outlook and others).
Similar to the full list of events, the events organized by a department, team or member are also displayed in a timeline on their respective pages.
The last 4 published news are also highlighted on the homepage and on the pages of related members and structures.
The search was completely redesigned to give a better experience to visitors. The search opens a new layer keeping the actual page unchanged so visitors can switch back to the current page by closing the search layer.
The search results are fetched faster via Ajax while visitors type their keywords of interest. In the same way that the actual page is kept unchanged, after the search layer is closed, the search results are also kept; as a result, if visitors want to try another result from the last search, they can do it really fast.
Finally, there are a new set of filters allowing the visitors to filter the results by content type such as teams, members, projects or publications.
The keywords (taxonomy) were removed from under the header and are now loaded via a side layer. It keeps the page cleaner and also allow the visitor to have a better visualization of all keywords.
Clicking the login button now opens a full screen layer with the login form and the lost password form. It is faster, and the visitor can simply go back to the current page by closing the layer.
The footer now has a complete Sitemap organized by post types and interests, and if visitors can’t find what they’re looking for, there is a call back button to use the integrated search.
The backoffice got many improvements and customization, here is a short list:
- All post lists have new columns, showing more information and making it easier to find and filter contents.
- It is possible to edit some fields in a much faster manner, directly from the list view by using the feature “Inline Edit”.
- Advanced preferences are available for multiple contents, allowing to manually order projects, exclude contents, manually pick related contents, etc.
- New icon set, using the same icons as the website to help identify the different content types.