Shifting to Software-Defined
cancel
Showing results for 
Search instead for 
Did you mean: 

Part 2: Designing the HC380 interface: How HPE developed the interface?

Diana_Z

Guest Blog Post by Bryan Jacquot HPE Worldwide User Experience Architect

In my previous blog, Part 1: Designing the HC380 interface: Meet Ivan and Cali, I wanted to give you an idea of the type of user the HC 380, powered by Intel, was designed for. Ivan (part of the IT team at a university) requires a system that is quick to provision, easy to monitor and performs system updates without the expertise in the underlying infrastructure and technologies. Cali (a graduate student at the university) has no need or desire to understand the technology behind virtualization and wants quick access to create new virtual machines with pre-configured images or to manage her newly designed virtual machines.

Once we had an understanding of our users and their needs, we turned our attention to designing and developing the platform. 

We applied the five characteristics that we at Hewlett Packard Enterprise believe are critical for delivering consumer-inspired experience: simple, visual appeal, natural interactions, responsive and accessible.

Simple

Mobile applications have proven simple designs can be powerful. Consumer-inspired experiences present aggregated information and actions necessary for the given task along with appropriate navigation to details.

Using the HC380, Cali can create multiple virtual machines with just a few taps from her mobile device. This demonstrates that simple, consumer-inspired interfaces can be powerful.

Add VM.png

Visual Appeal

We all know that visual appeal is critical for a consumer-inspired user experience. Users are more relaxed, comfortable, confident and capable when using a product that has pleasing aesthetics.[i]

When Ivan is configuring the HC380 platform, it is simple, informative and visually appealing. A task that is traditionally complex and even overwhelming is anything but that on the HC380.

Set up HC380.png

 

Natural interactions

Users quickly recognize familiar patterns and become immediately successful if they’ve encountered a pattern previously. Enabling users to transfer their knowledge from other applications decreases cognitive load and increases confidence.

We embrace common patterns that users such as Ivan will understand. The settings screen for the HC380 is intentionally designed with inspiration from the settings pages of modern mobile operating systems.

HC380 settings.png

Responsive

Mobility of users demands that applications work on any screen ranging from phone to tablet to desktop to a big screen.

This week, Dominic Orr, Senior Vice President of Hewlett Packard Enterprise’s Networking Group stated, “Fundamentally, people are not going for desktop computers," noting that, “younger employees are now doing more of their work in a mobile fashion—on the road, from remote locations and on an array of devices, from notebooks to smartphones to tablets."[ii]

In this blog, I’ve intentionally used only screen shots from a mobile device to illustrate Orr’s point. We fully embrace mobile-first design and development enabling the applications to work great on any size screen.

Accessible

All users, including those with disabilities, should have a pleasing experience.

The HC380 platform is designed and developed with accessibility in mind. This includes thoughtful use of “Skip to” links as shown here. These links allow users who rely on the keyboard to quickly skip to the portion of the app they are interested in using, rather than tabbing through every element on the page.

We’ve also ensured all the graphs are usable with screen readers, including voice over of every data point within graphs. 

Accessibility is an area that rarely gets the attention it deserves from designers and developers. These capabilities often turn into lip service and marketing checkboxes rather than usable applications. The HC380 delivers an accessible experience.

HC380 dashboard.png

Finally, the foundation of the HC380 consumer-inspired experience is Grommet. Grommet is the most advanced user experience (UX) framework for the enterprise and is open source. You can join the Grommet community at http://grommet.io. We are dedicated to delivering consumer-inspired user experiences for the enterprises and invite our partners and competitors (yes competitors) to join us.

To see the HC380 Oneview UX in action, watch this demo.

 

Bryan

Follow HPE Converged Data Center Infrastructure: 

blog-hpe-green.png   Converged Data Center blog
Twitter-hpe-green.png   @HPE_ConvergedDI
Facebook-hpe-green.png   Converged Data Center Infrastructure on Facebook
Home-hpe-green.png   HPE ConvergedSystem on the web

 

Learn more about Intel®

Intel.png

 

_________

[i] http://uxmyths.com/post/1161244116/myth-25-aesthetics-are-not-important-if-you-have-good-us

[ii] http://www.eweek.com/networking/arubas-orr-talks-about-a-mobile-first-world.html

I am an HPE employee.
0 Kudos
About the Author

Diana_Z

Events
See posts for
dates/locations
HPE at 2018 Technology Events
Learn about the technology events where Hewlett Packard Enterprise will have a presence in 2018.
Read more
See posts for dates/locations
Reimagine 2018
Join us at one of the Reimagine 2018 stops and see how we Simplify Hybrid IT, innovate at the Intelligent Edge and bring it all together with HPE Poin...
Read more
View all