title: The Hue 4 user interface in detail author: admin type: post date: 2017-07-20T14:56:51+00:00 url: /the-hue-4-user-interface-in-detail/ sf_sidebar_config:
Aloha User Experience enthusiasts,
With the Hue 4 release we introduced a modern UI on top of our existing software to facilitate data discovery and analysis on premise and in the cloud.
The new layout simplifies the interface and is now single page app, and this makes things snappier and unifies the apps together.

From top to bottom we have:
Various applications have been grouped into 4 main conceptual areas:
The work on it started a couple of years ago and was incremental, and we applied a lot of the outcome of both design studies and customer feedback.

A few exotic locations helped on getting the inspiration:

Here it is, in all of its beauty 🙂
The new search bar is always accessible on the top of screen, and it offers a document search and metadata search too if Hue is configured to access a metadata server like Cloudera Navigator.

The improved quick browse on the left side of the screen now offers many more data sources and it is now enabled for Hive and Impala (like it was before) but also for HDFS, S3, HBase, Solr collections and Hue documents.

In Hue 4, every user is able to set their own preferred main action (the big blue button) and landing page. It just takes one click on the star next to the application name, like in this case next to Hive

The next time you will login, you will land directly into the Hive editor and a new query is always one click away.
The older Hue 3 UI is still there and it's easily reachable just by clicking on 'Switch to Hue 3/4' from the user menu.


Administrators can also decide to enable/disable the new UI at a global level on the hue.ini or CM safety valve
{{< highlight bash >}}[desktop]
# Choose whether to enable the new Hue 4 interface.
is_hue_4=true
{{< /highlight >}}
If you look at your browser's address bar, you will notice that all the URLs with the /hue prefix point to Hue 4. It is possible to just remove the prefix and land on the Hue 3 version of the page, e.g. /hue/editor (Hue 4) → /editor (Hue 3)
Now go try it on demo.gethue.com or download it if you haven't done it already!
Onwards!