RS.
WORK              ABOUT             CONTACT             RESUME

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.




Role 
UX Design Intern
Project type
Interaction design, Desktop UI
Status
Complete, Live on IBM Cloud as of Oct 2021

Problem
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.
Solution 
Implementation of an ‘Additional Products and Services Catalog’ to connect users with relevant products and services within the PowerVS UI
Outcome 
Improve the findability of compatible solutions for users resulting in increased cross-sell and up-sell opportunities of related IBM offerings.


PROBLEM
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

Business goals
Showcase relevant product/services within the PowerVS interface.

Experience goals
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.


DESIGN CRAFT + PROCESS
A look into the iterative process, research, and decisions that led to the catalog page


Low-fidelity designs

Option 1
Call-out on the ‘provisioning’ screen

Option 2
Services catalog on offering ‘overview’ screen


Option 3
Call-out on VSI screen



Option 4
‘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: 

        Suppose you are looking for more information about a back-up service for PowerVS...where would you expect to find this information?


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


Expandable tiles


⛔️ We did not move forward with this design

Catalog page



✅ Moved forward with this design



Additional iterations

Tile design iterations
Explored multiple tile options 

Included filters
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


If you’d like to learn more about this project or my other work in detail, reach out and let’s chat.




Previous

THANK YOU FOR VIEWING  

Let’s stay in touch! Reach out via email if you’d like to discuss working together.
© EMMA ROSE SYCKS 2024

Navigate: Work / About / Contact Elsewhere: Email / LinkedIn / Blog