Travel CRM Information Architecture and navigation system design

Travel CRM Information Architecture and navigation system design

horizontal-nav-white

Problem

Problem

Overview

I took on this Information Architecture (IA) and navigation (nav) system project after the chat platform that I launched as an MVP had matured into a travel Customer Relations Management (CRM) platform, with more features added to the chat channel and with email and phone integration on the way.

It was important to make sure we design the CRM holistically, accounting for many different future use cases. 

I took on this Information Architecture (IA) and navigation (nav) system project after the chat platform that I launched as an MVP had matured into a travel Customer Relations Management (CRM) platform, with more features added to the chat channel and with email and phone integration on the way.

It was important to make sure we design the CRM holistically, accounting for many different future use cases. 

I took on this Information Architecture (IA) and navigation (nav) system project after the chat platform that I launched as an MVP had matured into a travel Customer Relations Management (CRM) platform, with more features added to the chat channel and with email and phone integration on the way.

It was important to make sure we design the CRM holistically, accounting for many different future use cases. 

I took on this Information Architecture (IA) and navigation (nav) system project after the chat platform that I launched as an MVP had matured into a travel Customer Relations Management (CRM) platform, with more features added to the chat channel and with email and phone integration on the way.

It was important to make sure we design the CRM holistically, accounting for many different future use cases. 

Role 

Role 

Role

Role

I did this work as a sole UX designer on the project while working at the Expedia Global Operations (GCO) org. 

I did this work as a sole designer on the project while working at the Expedia Global Operations (GCO) org. 

I did this work as a sole designer on the project while working at the Expedia Global Operations (GCO) org. 

I did this work as a sole designer on the project while working at the Expedia Global Operations (GCO) org. 

Process and solution

Process and solution

Process and solution

Here is my step by step process with a glimpse into incremental deliverables along the way:

  • I designed and led a card sort workshop with our org's product managers and designers 
  • I designed an initial IA to critique it together as a group after the card sort
  • I led a user needs and wants discovery workshop to brainstorm features and functionality we wanted to see in the CRM in the future for the history, search and analytics areas
  • I met with the PMs overseeing the respective areas to write user stories. I shared out the results with the broader group
  • I designed the history area flow diagram to capture the complexity of that space
  • I designed the global search interaction model
  • I designed a card sort study for the agents in the Optimal Workshop
  • I sketched out multiple navigation solutions
  • I did competitive analysis of other CRMs
  • I implemented two main ideas as high-fidelity wireframes and made interactive prototypes to test with the agents in El Salvador and Manila
  • I designed and conducted a set of three usability studies following the RITE (Rapid Iterative Testing and Evaluation) methodology
  • I explored early multiple history area options for the CRM

Here is my step by step process with a glimpse into incremental deliverables along the way:

  • I designed and led a card sort workshop with our product managers and designers 
  • I designed the initial IA from the knowledge I had to critique it together as a group after the card sort
  • I led a user needs and wants workshop to brainstorm features and functionality we wanted to see in the CRM in the future for the history, search and analytics areas
  • I met with the PMs overseeing the respective area to write user stories. I shared out the results with the broader group
  • I designed a history area diagram to capture the complexity of that area
  • I designed the global search interaction model
  • I designed a card sort study for the agents in the Optimal Workshop
  • I sketched out multiple navigation solutions
  • I did a competitive analysis of other CRMs
  • I implemented two main ideas as high-fidelity wireframes and made interactive prototypes to test with the agents in El Salvador and Manila
  • I designed and conducted a set of three usability studies following the RITE (Rapid Iterative Testing and Evaluation) method
  • I explored early multiple history area options for the CRM

Here is my step by step process with a glimpse into incremental deliverables along the way:

  • I designed and led a card sort workshop with our product managers and designers 
  • I designed the initial IA from the knowledge I had to critique it together as a group after the card sort
  • I led a user needs and wants workshop to brainstorm features and functionality we wanted to see in the CRM in the future for the history, search and analytics areas
  • I met with the PMs overseeing the respective area to write user stories. I shared out the results with the broader group
  • I designed a history area diagram to capture the complexity of that area
  • I designed the global search interaction model
  • I designed a card sort study for the agents in the Optimal Workshop
  • I sketched out multiple navigation solutions
  • I did a competitive analysis of other CRMs
  • I implemented two main ideas as high-fidelity wireframes and made interactive prototypes to test with the agents in El Salvador and Manila
  • I designed and conducted a set of three usability studies following the RITE (Rapid Iterative Testing and Evaluation) method
  • I explored early multiple history area options for the CRM

Here is my step by step process with a glimpse into incremental deliverables along the way:

  • I designed and led a card sort workshop with our product managers and designers 
  • I designed the initial IA from the knowledge I had to critique it together as a group after the card sort
  • I led a user needs and wants workshop to brainstorm features and functionality we wanted to see in the CRM in the future for the History, Search and Analytics areas
  • I met with the PMs overseeing the respective area to write user stories. I shared out the results with the broader group
  • I designed a history area diagram to capture the complexity of that area
  • I designed the global search interaction model
  • I designed a card sort study for the agents in the Optimal Workshop
  • I sketched out multiple navigation solutions
  • I did a competitive analysis of other CRMs
  • I implemented two main ideas as high-fidelity wireframes and made interactive prototypes to test with the agents in El Salvador and Manila
  • I designed and conducted a set of three usability studies following the RITE (Rapid Iterative Testing and Evaluation) method
  • I explored early multiple history area options for the CRM

Here is my step by step process with a glimpse into incremental deliverables along the way:

  • I designed and led a card sort workshop with our product managers and designers 
  • I designed the initial IA from the knowledge I had to critique it together as a group after the card sort
  • I led a user needs and wants workshop to brainstorm features and functionality we wanted to see in the CRM in the future for the History, Search and Analytics areas
  • I met with the PMs overseeing the respective area to write user stories. I shared out the results with the broader group
  • I designed a history area diagram to capture the complexity of that area
  • I designed the global search interaction model
  • I designed a card sort study for the agents in the Optimal Workshop
  • I sketched out multiple navigation solutions
  • I did competitive analysis of other CRMs
  • I implemented 2 main ideas as high-fidelity wireframes and made interactive Sketch prototypes to test with the agents in El Salvador and Manila
  • I designed and conducted a set of three usability studies following the RITE (Rapid Iterative Testing and Evaluation) method
  • I explored early multiple history area options for the CRM

Card sort for the cross-functional team and agents 

card-sort-1
card-sort-2
whiteboarding-history
Screen Shot 2018-08-14 at 1.26.11 PM

Early IA diagrams (first on the left was created before the design workshop)

Early IA diagrams (the first on the left diagram was created before the design workshop)

Early IA diagrams (the first example was created before the design workshop)

Early IA diagrams (the first example was created before the design workshop)

crm-IA-first-draft
crm_IA_v1
crm-IA-v2

History area diagram evolution

History area diagram evolution

customer-task-diagram-history-v1
customer-task-diagram-history-v2
customer-task-diagram-history-final
customer-task-diagram-history-v3

Final IA diagram

Final IA diagram

I took into consideration all the history, search and analytics workshop and user story writing findings I discovered in the process, and tweaked the final IA diagram accordingly. 

It became clear that the search functionality should be a global feature. History area discoveries again reinforced the urgency to build an efficient and comprehensive contextual timeline to review customer activity and help agent do their job well and fast. 

I took into consideration all the history, search and analytics workshop and user story writing findings I discovered in the process, and tweaked the final IA diagram accordingly. 

It became clear that the search functionality should be a global feature. History area discoveries again reinforced the urgency to build an efficient and comprehensive contextual timeline to review customer activity and help agent do their job well and fast. 

I took into consideration all the history, search and analytics workshop and user story writing findings I discovered in the process, and tweaked the final IA diagram accordingly. 

It became clear that the Search functionality should be a global feature. History area discoveries again reinforced the urgency to build an efficient and comprehensive contextual timeline to review customer activity and help agent do their job well and fast. 

I took into consideration all the history, search and analytics workshop and user story writing findings I discovered in the process, and tweaked the final IA diagram accordingly. 

It became clear that the Search functionality should be a global feature. History area discoveries again reinforced the urgency to build an efficient and comprehensive contextual timeline to review customer activity and help agent do their job well and fast. 

I took into consideration all the history, search and analytics workshop and user story writing findings I discovered in the process, and tweaked the final IA diagram accordingly. 

It became clear that the Search functionality should be a global feature. History area discoveries again reinforced the urgency to build an efficient and comprehensive contextual timeline to review customer activity and help agent do their job well and fast. 

crm-IA-final

Sketching out navigation options

Sketching out navigation options

nav-sketch-1
nav-sketch-3
nav-sketch-4
nav-sketch-2

Lo-fi nav explorations

Lo-fi nav explorations

nav-it1-2a
nav-it1-3
nav-it1-1-blocks

Replacing blocks with the page content to see how it works

Replacing blocks with the page content to see how it works

Throughout the time that I've been designing for the CRM platform, I've been working on the vision mocks to keep our leadership and cross-functional teams excited about what's ahead and to help plan the UX work accordingly.

The designs you see here are all my original designs.

Throughout the time that I've been working on the CRM platform, I've been working on the vision mocks to keep our leadership and cross-functional teams excited about what's ahead and to plan the UX work accordingly.

The designs you see here are all my original designs.

Throughout the time that I've been working on the CRM platform, I've been working on the vision mocks to keep our leadership and cross-functional teams excited about what's ahead and to plan the UX work accordingly.

The designs you see here are all my original designs.

Throughout the time that I've been working on the CRM platform, I've been working on the vision mocks to keep our leadership and cross-functional teams excited about what's ahead and to plan the UX work accordingly.

The designs you see here are all my original designs.

Throughout the time that I've been working on the CRM platform, I've been working on the vision mocks to keep our leadership and cross-functional teams excited about what's ahead and to plan the UX work accordingly.

The designs you see here are all my original designs.

nav-it2-1
nav-it1-2
nav-it2-2-1

Mid-fidelity multiple nav explorations

Mid-fidelity multiple nav explorations

vertical-nav-tasks-utility-hamburger-it3-6
vertical-nav-tasks-utilityit3-8
horizontal-nav-tasks-with-search-it3-9
horizontal-nav-tasks-with-search-search-it3-10
horizontal-nav-it3-1
vertical-nav-tasks-utility-search-results-filters-hamburger
horizontal-nav-search-global-admin-it3-5
horizontal-nav-search-global-analyticsit3-4

Examples of the very early history area design explorations

Examples of the very early history area design explorations

Examples of the very early history area design explorations

Examples of the very early history/timeline area design explorations

Examples of the very early history area design explorations

timeline-v2-a
timeline-v5
timeline-v6
timeline-v-7

Reflections and final thoughts

Reflections and final thoughts

Reflections and final thoughts

This project required dealing with great complexity and ambiguity from the very beginning as the scope was very broad and covered IA, nav system and history area designs. 

Working collaboratively cross-functionally and staying open and curious was what helped me focus both on the next steps and the big picture at the same time! 

Also, along with the usual design skillset that I use in my design projects, I got a chance to do activities such as:

  • educating our broader group about design thinking and design process
  • leading and planning two design workshops
  • utilizing card sort user research method to gather agents' feedback
  • leading and organizing meetings while collaborating proactively cross-functionally
  • identifying and advocating for the new design needs for the history and search areas based on the information gathered
  • helping the team to be proactive rather than reactive by planning ahead

This project required dealing with great complexity and ambiguity from the very beginning as the scope was very broad and covered IA, nav system and history area design. 

Working collaboratively cross-functionally and staying open and curious was what helped me focus both on the next steps and the big picture at the same time! 

Also, along with the usual design skillset that I use in my design projects, I got a chance to do activities such as:

  • educating our broader group about design thinking and design process
  • leading and planning two design workshops
  • utilizing card sort user research method to gather agents' feedback
  • leading and organizing meetings while collaborating proactively cross-functionally
  • identifying and advocating for the new design needs for the history and search areas based on the information gathered
  • helping the team to be proactive rather than reactive by planning ahead

This project required dealing with great complexity and ambiguity from the very beginning as the scope was very broad and covered IA, nav system and history area design. 

Working collaboratively cross-functionally and staying open and curious was what helped me focus both on the next steps and the big picture at the same time! 

Also, along with the usual design skillset that I use in my design projects, I got a chance to do activities such as:

  • educating our broader group about design thinking and design process
  • leading and planning two design workshops
  • utilizing card sort user research method to gather agents' feedback
  • leading and organizing meetings while collaborating proactively cross-functionally
  • identifying and advocating for the new design needs for the timeline and based on the information gathered
  • helping the team to be proactive rather than reactive by planning ahead

This project required dealing with great complexity and ambiguity from the very beginning as the scope was very broad and covered IA, nav system and history area design. 

Working collaboratively cross-functionally and staying open and curious was what helped me focus both on the next steps and the big picture at the same time! 

Also, along with the usual design skillset that I use in my design projects, I got a chance to do activities such as:

  • educating our broader group about design thinking and design process
  • leading and planning two design workshops
  • utilizing card sort user research method to gather agents' feedback
  • leading and organizing meetings while collaborating proactively cross-functionally
  • identifying and advocating for the new design needs for the history and search areas based on the information gathered
  • helping the team to be proactive rather than reactive by planning ahead

This project required dealing with great complexity and ambiguity from the very beginning as the scope was very broad and covered IA, nav system and history area design. 

Working collaboratively cross-functionally and staying open and curious was what helped me focus both on the next steps and the big picture at the same time! 

Also, along with the usual design skillset that I use in my design projects, I got a chance to do activities such as:

  • educating our broader group about design thinking and design process
  • leading and planning two design workshops
  • utilizing card sort user research method to gather agents' feedback
  • leading and organizing meetings while collaborating proactively cross-functionally
  • identifying and advocating for the new design needs for the history and search areas based on the information gathered
  • helping the team to be proactive rather than reactive by planning ahead