The Hue 4 user interface in detail

The Hue 4 user interface in detail

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 UI organization

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:

  • A completely redesigned top bar, with a quick action (big blue button), a global search and a notification area on the right
  • A collapsible hamburger menu that offers links to the various apps and a quick way to import data
  • An extended quick browse on the left
  • The main app area, where the fun is 🙂
  • A right Assistant panel for the current application. It’s now enabled for the editors, and in case of Hive for instance, it offers you a live help, a quick browse for the used tables in your query, and much more: if your Hue instance is connected to a SQL Optimizer service like Cloudera Navigator Optimizer, it can offer suggestions on your queries!

Various applications have been grouped into 4 main conceptual areas:

  • Editor: The goal of Hue’s Editor is to make data querying easy and productive. It focuses on SQL but also supports job submissions. It comes with an intelligent autocomplete, search & tagging of data and query assistance.
  • Browsers: Hue’s Browsers let you easily search, glance and perform actions on data or jobs in Cloud or on premise clusters.
  • Dashboard: Dashboards are an interactive way to explore your data quickly and easily. No programming is required and the analysis is done by drag & drops and clicks.
  • Scheduler: The application lets you build workflows and then schedule them to run regularly automatically. A monitoring interface shows the progress, logs and allow actions like pausing or stopping jobs.

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 🙂

 

Quick search and browse

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.

 

Default action / landing page

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.

 

Backward compatible

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

[desktop]
# Choose whether to enable the new Hue 4 interface.
is_hue_4=true

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!

18 Comments

  1. Kevin LEFEVRE 3 months ago

    Hello, does HUE 4.0 compatible with Hortonworks HDP 2.6 ?

    • Kevin LEFEVRE 3 months ago

      Is*

    • Author
      Hue Team 3 months ago

      Yes, Hue is compatible with any Hadoop distribution (the standard API did not change much).

  2. Ann 2 months ago

    Hi, we are in the process of switching to a new cluster with Hue 4 & Cloudera 5.7. In our old cluster (with Hue 3), the Oozie UI had an Email action as one of the icons across the top of the screen. It’s missing in the new cluster with Hue 4 and our Hadoop Admins can’t determine how to add it. Switching to the Hue 3 UI on the new cluster doesn’t make it appear. Any ideas on how to get the Email Action to to appear in Oozie on the new cluster? We like the new “email-on-failure” option at the end of a workflow but still need to be able to add email actions in the middle of a workflow or for success conditions too.

  3. Radhakrishnan Rk 1 month ago

    Can I disable hue 3 and keep only hue 4 globally

  4. Sandeep 1 month ago

    I cant find “Actions” tab for a workflow, but this is available in Hue 3 which is a tabular view and easy to get information than a graph. I can see only “Graph” view in Hue 4. Am i missing something or is it removed in Hue 4.

    • Author
      Hue Team 1 month ago

      Don’t you have ‘Task’ in the Job Browser page of a workflow?

  5. Georg 1 month ago

    Hi,

    I have one question and a few pieces of criticism on the new UI that I hope can be improved:
    How do I see my existing Oozie workflows & coordinators?
    In Hue 3 it was easy: Workflows -> …
    In Hue 4 I can’t find them at all.

    What’s an easy way to switch between Hive & Impala? In Hue 3 it was one click and one vertical mouse movement.
    In Hue 4 it’s: Try to hit the small arrow next to “Query” -> vertical mouse movement to “Editors” -> Horizontal mouse movement (trying to stay in line) -> potentially another vertical mouse movement.

    In Hue 3 it was super easy to switch between apps because all of them were in the top bar, now I need to use the Hamburger menu (extra movement & click).

    This was already a problem in Hue 3 but the Oozie Action icons are pretty much not self-explanatory. It’d be great to have a text explaining what they are.

    The “Documents” stuff in Oozie is super confusing. I want to see all my actions, I don’t even know what “Documents” are supposed to be….yet another click.

    I agree that the whole thing looks much nicer but in my opinion it’s harder to use (the SQL editor etc. are great, I mean the navigation in Hue itself)

    • Author
      Hue Team 1 month ago

      Thanks for the great and valid feedback!

      The whole idea of the new UI is to avoid any page change and context switch. It needs a bit of time to re-adjust and some adjustments here and there are still needed.

      #1 How do I see my existing Oozie workflows & coordinators?
      The top right Oozie menu points to the list of workflows in the home page. Is it too hidden?
      A next step is to automatically filter by the document type in the left doc assist, so that you would get all your workflow if you are in the Workflow Editor, all Hive queries if in Query Editor etc…

      #2 What’s an easy way to switch between Hive & Impala?
      In practice we found either people user one of the other, but rarely switch between. What is your use case to need to switch often? (curious about it)
      In Hue 3 it all started to look very complicated and many end users preferred to just see one Editor, Dashboard etc as they have no notion of Hadoop.

      #3 This was already a problem in Hue 3 but the Oozie Action icons are pretty much not self-explanatory.
      Indeed, and this is why we are switching to documents, and there is a prototype with only one automatic action, where the user does not need to know anything. The ‘documents’ also needs to be tweaked. The good news is that the Editor and Dashboard are getting pretty good (5000 improvement commits this year), and next on the list is the Oozie scheduler, so expect much more polishment there next year.

      • Georg 1 month ago

        Thanks for the answer.

        #1: I’ve just looked and with your help I was able to find them. Going to the “Scheduler” App which opens a new Workflow and then clicking a button to see your existing ones seems very counter-intuitive to me.

        #2: It might just be me but I switch between the two all the time. One is good for interactive stuff and the other for ETL like queries and longer running things. Some things are not supported in one but in the other or I do a metadata refresh in Impala after doing something in Hive. The same happens when I give trainings and ask people to compare the two etc.

        #3: This might be just me but I totally don’t understand what the documents are about like…at all (and I’ve used Hue since version 1). All I need is to place actions and for that I don’t want to guess what the icons are meant to be.

        I realize that some of this is due to personal preference and I’m sure you made all these changes in good faith. All I’m trying is to offer a different view on things. I’ve just finished a three day training and 10 out of 13 people (all total newcomers to Hadoop) switched back to the Hue 3 interface at some point during the training.

        • Author
          Hue Team 4 weeks ago

          More focus on the Oozie part will come in 2018, currently most of the effort is in getting the SQL Editor rock solid and the flow from there smoother. Most of the regular users often just stick to the Impala Editor and don’t go too far from there. What are the goals of the 13 new people? (do SQL queries or more ETL/Job Scheduling etc..)

  6. Tony 1 month ago

    Where did the metastore manager go?

    • Author
      Hue Team 1 month ago

      It’s available from the left menu “Browsers > Tables” or by right clicking on any table in the left table listing and “Opening in Browser”.

  7. Eric 4 weeks ago

    If you use Hive mostly, having the Query button remember your last used editor, or going to the source selected in the Quick Browse panel, probably would be much more useful than having it always to go the Impala editor. It’s only an extra click (and some moderately finessed mouse movement), but still.

    • Author
      Hue Team 4 weeks ago

      By hovering over the editor name, you will see a star icon appear. If you press the star, you will favorite the editor and it will be used as default.

Leave a reply

Your email address will not be published. Required fields are marked *

*