Team
Matthew Phillips - Associate Director MJ Haynes — Platform Lead Ariel Vizcaino - Senior UX Designer Mark Rudd - Senior UX Designer Charles Hasting - UX Content
Role
Senior UX Design Lead | Prototype | Interaction design
Practises
Lean UX | SAFe Agile methodology | Stanford d.school Design Thinking process model
Outcome
With this strategy in design, AT&T will be saving $15 million over the next 2 years. Today it costs AT&T B2B over $1 million to integrate portals into Business center. By implementing this we will be spending between $200 - $300 thousand per portal and the business is expected to integrate 20 portals in the next 2 years. Saving $750,000 per portal.
Project Overview
OUR TASK

The Business Development Enterprise team plans on integrating over 20 portals to Business Center. This conversation opened a can of worms because Business Center as a platform did not have a proper strategy in terms of  3rd party portals and various use cases that came up from this conversation.

Also, how do you we design the right thing, before designing the right thing. So the business can save cost in integrating all these portals.

DESIGN PROCESS
RESEARCH

This business strategy took us back to the drawing board, we already had some portals integrated with Business center. The challenge is that the current design was not scalable enough going forward, we had gotten feedback about how bifurcated the experience of navigating between  Business Center  and 3rd party portals.

Working closely with our AT&T User experience research team who had conducted a B2B enterprise navigation study and Cloud portal integration usability report – they had conducted one-on-one interviews with 7 users comprising of 3 Enterprise, 2 Mid-market, 2 Small Business users which lasted with 75 minutes

All sessions were recorded digitally.

The summary of our top findings from the research are:

  1. Transition is abrupt with no clear back button: Again, the transition between portals is not made clear to the user. Providing a splash screen between portals would ease the transition.

    • No clear way to get back to the Business Center portal once the user has been sent to the Cloud portal. provide a large and distinct link or button to transition back to Business Center at their exit point into

    Cloud portal: The current state also did not show a look and feel that match between the portals. Having Cloud Portal match the Business Center look and feel will help alleviate the disorientation when leaving Business Center to go to Cloud Portal.

  2. Legibility and Discoverability: The empty state of the widget has light and small font. Increasing the weight and font size will help readability and fundability for the user.

  3. Inconsistent patterns: Kick-off points for creating new user or sub accounts, does not match the pattern of the “buy now” or “Assign VLAN” flow. Some of the creation flow patterns start in the header while others will appear in the content space. the inconsistency will cause confusion for users and incorrect expectations.

  4. Movement between portals is not clear: The transition between portals can be abrupt and disorienting. User may be left confused about their current location and how they could get back to where they were.

  5. Dashboard and home page are not task oriented: The shortcuts titles and much of Cloud Portal are not labeled with individual fundamental tasks. Users are having to interpret rather or not their goal, that they want to accomplish , can be done so under these generic titles.

  6. Not task oriented: When users first come to the portal, their initial step is not obvious or intuitive.

PERSONA

Jeff

Network Engineer
Velo Cloud User

” I need to be able to monitor my network, create tickets and manage users in both business center and Velo cloud application.”

Responsibility:

Oversees all the locations for the eastern region. Jeff  hires and works with network coordinators within his company to monitor the network health and ordering process.

He is also responsible for creating project plans when a need for a new service or inventory arises.

Needs/Challenges

  1. Struggles with incomplete, missing or unavailable details in the system -location, asset ID (Circuit ID, telephone number, e.t.c.) and charges.
  2. Struggles with cumbersome reporting  tools.
  3. Needs better link between inventory, Ordering and Billing.
  4. Has challenges navigating the web application and its corresponding 3rd party portals.
USE CASE

So, we conducted our first design studio with the following user task in mind:

“As a network administrator i will like to navigate to Global Delivery and Assurance portal (GD&A) from my Business center dashboard.”

PROBLEM 1

Transition is abrupt with no clear back button, the transition between portals is not made clear to the user.

SOLUTION 1
  • Providing a splash screen / interstitial page between portals would ease the transition.
NEW USER FLOW
PROBLEM 2

Dashboard and home page are not task oriented the shortcuts titles and much of Cloud Portal are not labeled with individual fundamental tasks. Users are having to interpret rather or not their goal, that they want to accomplish , can be done so under these generic titles.

SOLUTION 2
  • Separate actions based products from data based widgets
  • Design features to allow users select and manage services they use the most on our dashboard. Allow users be in charge of the links they want to see on their dashboard.
SKETCH & WHITEBOARD

Warning: preg_match(): Compilation failed: invalid range in character class at offset 12 in /home/customer/www/seyinayin.com/public_html/wp-content/plugins/js_composer/include/classes/shortcodes/vc-basic-grid.php on line 177
WIREFRAME AND PROTOTYPE
Go Top