Enterprise UX at RBC
For the past two years, I worked as a product designer at RBC Wealth Management. I was fortunate to work in cross-functional Agile teams that deliver web and mobile apps for client prospecting, on-boarding and managing. To better provide a holistic representation of my experience at RBC, I would like to walk you through the following information:
Overview
Challenges
Product team and my role
Design process
Project Information
Project background
Users
Design process
Discovery
Ideation
Creation
Delivery
Lessons learned
Solutions
Reflection
Overview
1. What were the challenges at RBC?
When your app needs extra features after MVP
UX in Agile worlds
"We did UX in Sprint 0 and now we are just developing features."
UX was check-marked at the beginning of the project and rarely revisited in the future releases
Get-things-done-fast mindset vs. get-things-done-right mindset
What product designers do?
Mindset
"Here are the requirements, make it look pretty." " Can you design the UX?"
Design was a new department that was not well-integrated with other teams.
Business stakeholders came to designers with a solution instead of a problem
2. What was the product team like? What was your role?
Product Team Structure
Agile Product Team Roles:
1 Product Owner
1 Designer
5-10 Developers
1-2 Quality Assurance
1 Scrum Master
1-2 Business Analyst
Size of circles = Number of people
As the only designer, I wore various hats including researcher, interaction designer and UI designer to help the team identify, investigate, and validate the problem, and ultimately design, test and ship the products.
3. What was your design process?
High-level design process
The process acted as a high-level guideline which was flexible to support various types of projects. To better show case the process, I organized the following project work into steps. However, it is fluid and not as linear in reality.
myGPS Project Background
1. What is this project about?
Project background: myGPS is a financial planning tool which provided investment advisors a holistic view of clients’ wealth management needs and tracks progress towards meeting financial goals.
Project goal: myGPS 2.0 is a redesign project based on the existing 1.0 version.
Platforms: Desktop and iPad
2. Who are the users?
Primary users:
Investment advisors
Associates
Secondary users (future state)
RBC wealth management clients
3. How long is this project?
I was partially (30-50%) allocated to this project for a year.
Design Process
1. Discovery
a. Starting point: myGPS 1.0
myGPS 1.0 Homepage
What were the initial challenges?
Usability issues: broken user flows, design debts, inconsistency etc.
Outdated UI: no design system
Need a lot more features
These were the initial challenges and requirements provided by the product owner based on indirect user feedback and assumptions. However, there was no factual user data to validate them. With these information in mind, I started design discovery phase.
b. Stakeholder interview
How?
Conducted semi-structured interviews with business sponsors, product owners and business analysts
Why?
To understand business goals (both short-term and long-term)
To determine success metrics, KPIs
To gather assumptions about the users
To gather information about resources, constraints, timelines and competitors
c. User research
When to use which user research methods?
Purposes: behaviour (what people do) vs. attitudinal (what people say)
Types of data: quantitive vs. qualitative
Context of use: using/not using the product
Image Credit: NN Group https://www.nngroup.com/articles/which-ux-research-methods/
How?
Visited RBC branches and conducted field study by direct observation and contextual inquiry with users
Conducted remote task-based usability testing: tested two major flows with 5 users
Why?
To validate business assumptions with real users
To find out how people use the product today and the reasons behind certain behaviours
To capture the end-to-end user journey including digital, physical and human touch points
d. Empathy mapping/Current user journey mapping
How?
Conducted empathy mapping and journey mapping workshop with the product team
Validated the outcome from the workshop with the users
Why?
To understand users' goals, interests, pains and concerns
To identify the pain points and discover opportunities in the user journey
To synthesize the user feedbacks from previous user research
Empathy Mapping
Current User Journey Mapping
e. Reframe the challenges
How?
Reframed the challenges into opportunities using "How Might We" method
Prioritized them based on impact and feasibility metrics
Why?
To rethink the original challenges
To provide a frame for innovative thinking and allow for a variety of solutions
f. Comparable review
How?
Scanned the comparable products from both inside and outside of the industry
Listed the strengths and weaknesses of their products
Why?
To find out how the comparable products solve the variations of problems that we were solving, what's working and what's not.
To discover new technology and innovation to unveil the potential
2. Ideation
a. Brainstorming and prioritization
How?
Came up with as many ideas as possible using divergent thinking methods
Combined similar ideas into categories and prioritized them
Why?
"Shoot for the stars and land on the moon."
b. Future user journey mapping
How?
Mapped out the future end-to-end user journey (Before, during and after interacting with our product)
Included all physical, digital and human touch points
Why?
To understand how our product fits into users' day-to-day workflow
To simplify the workflow and provide value at each touch point
c. User flow
How?
Determined all possible scenarios
Created user flow diagrams including user actions and app responses at each step
Why?
To visualize the steps that a user takes to achieve a goal
To communicate with developers to make the developing process more efficient
3. Creation
a. Information architecture
How?
Conducted card sorting sessions (remote and onsite) to create sitemaps
Why?
To gather insights about users’ mental model regarding the information space
To visualize the skeleton of the product
b. Wireframes
How?
Led the co-creation workshops with the product team
Created rapid paper and whiteboard wireframes
Why?
To promote efficiency and transparency in the design process
To solve problems at an earlier stage and optimize the outcome collaboratively
Co-creation Wireframing Workshop
c. Design system
RBC design system was another on-going project. I worked collaboratively with other visual designers to ensure that the design system supports various use cases.
d. High-fi mockups
How?
Translated the wireframes into high-fi mockups using the design system
Created mockups for different states and edge cases. (e.g. blank, loading, partial, error states etc.)
Why?
To establish the look and feel of the product
To address all the potential different states and use cases
Design in Sketch
Before redesign vs. After redesign
myGPS 1.0 Cash Flow Page
myGPS 2.0 Cash Flow Page
Different States
4. Delivery
How?
Provided project information (goals, timeline and members of the team)
Delivered clickable InVision prototypes with Inspect function for development
Provided user flow diagrams and sitemaps
Why?
To provide project background and context
To bridge the gap between design and front-end development
To demonstrate different scenarios and visualizes the structure of the product
InVision Inspect Function
Lessons Learned
How to fit UX in Agile worlds?
Design must work at least one step ahead of development
Have enough time for research, design and testing in order to get things done right
Designer should always deliver pixel-perfect prototypes to development and never make developers guess
Establish a scalable design process
The process should be flexible to support all different types of projects
A design process is a big time saver to set the expectations
Hire more (great) designers
Find a balance among the three pillars of the product team: business, design and development
Design to development ratio trends
2017 Designer to Developer Ratios Trends - https://seanvantyne.com/2017/12/03/2017-designer-developer-ratios-trends/
How to switch the mindset?
Be proactive
No "head-down." Always prepared to share ideas, explain the process and lead discussions.
Use numbers. Analytics gives a designer wings.
Use visuals. Leverage design skills as communication tools.
Empathy for everyone
All team members are equally as important as our users
Speak their languages
A great product is created by a happy and harmonious team
Validate assumptions
Ask five times "why" until reaching the factual data
Don't believe in empty statements and conduct a reality-check with the end users
Reflection
Enterprise UX is a complicated world with lots of challenges and constraints. However, it is also very rewarding when I untangle a complex situation, see the difference that I made for design culture and provide value to users’ lives.
Maslow’s Hierarchy of User Experience - Design is storytelling, Ellen Lupton
“It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people’s lives.” –Don Norman