Skip to main content

The Rancher UX/UI team

· One min read
Kenneth Wimer
Lizard Wizard

Our Team

As a team, we are dedicated to creating intuitive, user-friendly interfaces that make it easy for our customers to manage their containerized applications at scale. We strive to provide a seamless experience that simplifies complex tasks and enables users to focus on what matters most - their business objectives.

We believe that good UX is a combination of empathy, user research, and iterative improvement - we are committed to constantly improving our UI based on user feedback.

Our Goals

  • Improve productivity: Make it easier for users to complete tasks quickly and efficiently. This can lead to improved productivity and a more efficient use of time and resources.

  • Increase adoption: Make the software more approachable and easier to learn, which can increase adoption rates and reduce training costs.

  • Reduce errors: Reduce the likelihood of errors and make it easier to recover from mistakes.

  • Better user satisfaction: Make the software more enjoyable to use, which can lead to increased user satisfaction and better overall user experiences.

  • Competitive advantage: Give companies a competitive advantage by providing users with a better experience and making the software more appealing to use.

Easily configure and build ISOs with Elemental

· One min read
Alexandre Alves
UX/UI Developer
Kenneth Wimer
Lizard Wizard

Building ISO Images

Currently, when users want to add an Edge machine to an Elemental cluster they have to create an ISO image which is properly configured with the registration endpoint information by hand.

To simplify this workflow we've added the ability to build an ISO image preconfigured for a given Elemental endpoint. After booting this image, the machine will be available to Rancher for inclusion in a cluster.

ISO Build

Users can also build images directly on the dashboard for any registration endpoint.

Dashboard ISO Build

Cluster creation with NetBios compatibile hostnames

· One min read
Richa Bisht
UX/UI Design and Development

Truncating Hostnames

Kubernetes allows for 63 character hostnames but for systems running Windows there is a hard limit of 15 characters. We've added a checkbox to the cluster creation UI which will tell the Rancher server to truncate the machine pool hostnames to 15 character when creating a cluster.

Hostname-truncation

Users will be notified when editing clusters or singular machine pools with settings beyond those supported by the UI. Changing the truncation setting after creation is currently not supported.

Hostname-truncation-cluster-warning

Hostname-truncation-machine-pool-warning

Inactivity notification and timeout settings in the UI

· One min read

Socket Timeout UX

As part of Rancher Manager's wider performance improvement work, we looked at simple ways to improve the browser's performance.

Users often have many tabs open in their browser, each connecting to the Rancher backend via sockets. To reduce this load when browser tabs go unnoticed, we will implement a user-configurable time-out to disconnect any sockets the UI has open to the backend.

Once implemented, after a given time, the user will receive an intitial modal dialogue warning them of the pending socket time-out and allow them to reset the timer, signalling that the sockets should stay connected and a time-out modal when the time-out has expired.

Workflow

Initially, the user will receive a modal dialogue with a countdown showing the time remaining until the sockets disconnect and a button allowing them to resume the session.

Session expiration modal

Resume session

After the timeout has expired, a modal will be shown informing the user that the sockets have been disconnected, and the user will need to refresh the page to restart the sockets.

Session expired modal

Reload page

Flexibily create, update, and export apps with Epinio.

· One min read
Sorin Cursecu
Sr. UX Developer
Richard Cox
UX/UI Developer
Francesco Torchia
UX/UI Developer

Epinio Applications Workflow Updates

Based on user feedback, we've made 4 improvements to the Epinio UI which make it easier to create, update and export applications.

Epinio now supports Gitlab directly in the application deployment creation workflow. Users can create application deployments from Gitlab repositories:

Step 1


The application deployment creation UI now supports custom application variables (based on schema-ish metadata). Where possible, the UI informs the user about boundaries such as min/max allowed values.

Step 2


It's now possible to change the source of an existing application. For example, if an application was initially deployed from a GitHub repository, we can now update the source to point to Gitlab instead.

Overview


Users can export applications as a helm chart and corresponding container image(s).

Export