Additional Products & Services Catalog
For IBM PowerVS
Connecting enterprise IT admin to an ecosystem of relevant products and services within IBM Cloud’s PowerVS offering.
UX Design Intern
Interaction design, Desktop UI
Complete, Live on IBM Cloud as of Oct 2021
Users faced confusion about where to find the additional products & services they need to accompany PowerVS. As a result, users searched for additional products & servies outside of IBM’s ecosystem.
Implementation of an ‘Additional Products and Services Catalog’ to connect users with relevant products and services within the PowerVS UI
Improve the findability of compatible solutions for users resulting in increased cross-sell and up-sell opportunities of related IBM offerings.
IT admin don’t know where to find the products & services needed to support PowerVS.
PowerVS is an enterprise hybrid-cloud product used by IT teams. Users—IT admin—need a combination of multiple different products and services to use in conjunction with PowerVS... but they don’t know how or where to find these additional services and leave IBM’s ecosystem in search of them.
OBJECTIVE
Showcase relevant product/services within the PowerVS interface.
Help users easily discover the additional services and products they need.
SOLUTION
Additional Products & Services Catalog
We implemented the ‘Additional products & services’ catalog, a scalable solution for publicizing the additional solutions IT teams need to complement PowerVS and build a cohesive infrastructure ecosystem.
A look into the iterative process, research, and decisions that led to the catalog page
Low-fidelity designs
Call-out on the ‘provisioning’ screen
Services catalog on offering ‘overview’ screen
Call-out on VSI screen
‘Additional Services’ catalog (new page)
Mid-fi designs & user testing
After reviewing the low-fi design explorations with product manangement and completing preliminary concept testing, we decided to move forward with the “Expandable tile” and “Catalog page” concepts for additional testing. We recruited 5 PowerVS users and conducted usability testing via an InVision prototype.
Participants were given the prompt:
Testing results
-
Majority of participants (4/5) noticed the Additional Services Catalog in the side nav bar and said they would look there first
- 1/5 participants said they would look in the product documentation first to learn about back-up services and check the catalog page second.
- 1/5 participants noticed the expandable tile
-
5/5 participants expressed excitement, interest, and desire for the Additional Services Catalog
⛔️ We did not move forward with this design
✅ Moved forward with this design
Additional iterations
Explored multiple tile options
Identified the main attributes users would need to filter by:
- solution category
-
provider (IBM or 3rd party)
- OS compatibility
Final designs
Release 1
- 6 core products & services
- No filters until atleast 15 products & services are added to the catalog
- Tags on tiles used in place of filters
Each catalog tile has...
- Product description
- Tags denoting service provider, OS compatibility, and solution category
- Link to product/service’s page
Release 2
- 15+ products & services
- Filters
- OS compatibility, Service Provider, and Solution Category
Each catalog tile has...
- Product description
- Provider & category tags
- Link to “How to” documentation
- Link to product/service page
*Prior to the release of the catalog page, PowerVS adopted a new navigation & grid system. The live designs reflect this update.
THANK YOU FOR VIEWING