hoptale_cover

About the Project

Page Title

Hoptale is an IoS app that connects travelers to plan trips, discover new destinations and share their experiences by documenting the details of their trip through itinerary and journals filled with photos and words. It is Hoptale’s mission to foster a dynamic yet connect community of global travelers, one hop at a time!

This project took place over the course of 13 weeks and was split into two phase: a discover and research phase and a ideation and design phase.  The following are 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project: 

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

Duration:  13 weeks

Discipline: UX/UI Design, User Research, Wireframing/Prototyping, User Testing and Evaluation

Team: Umang Arora, Divya Thomas, and Armon Burton

My Role and Tasks

  • Formulate research plan and supporting artifacts: survey/questionnaire, and discussion guides for interviews and usability test
  • Conducted user interviews (4x)
  • Conduct usability tests (5x)
  • Lead the synthesis and analysis of user research data to uncover problems/issues
  • Assist in the development of design prototypes by providing research context

Deliverables

  • Prototype of initial MVP design of Planning a Trip Feature
  • User Persona
  • User Journey
  • Design Sprint Presentations with detailed design recommendations and wireframes.

Hoptale is an IoS app that connects travelers to plan trips, discover new destinations and share their experiences by documenting the details of their trip through itinerary and journals filled with photos and words. It is Hoptale’s mission to foster a dynamic yet connect community of global travelers, one hop at a time!

This project took place over the course of 13 weeks and was split into two phase: a discover and research phase and a ideation and design phase.  The following are 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project: 

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

Duration:  Approximately ~8 weeks

Discipline: UX/UI Design, User Research, Wireframing/Prototyping, User Testing and Evaluation

Team: Umang Arora, Divya Thomas, and Armon Burton

My Role and Tasks

  • Participated and conducted stakeholder meetings
  • Conducted 4 user interviews and performed analysis of quantitive data (questionnaire/surveys)
  • Planned and performed Uability Testing (Cognitive Walkthrough and Remote User Testing)
  • Analyze usability test results to uncover problems/issues
  • Consolidating recommendations to tackle the usability problems/issues
  • Designed and developed wireframes and prototypes

Deliverables

  • Prototype of initial MVP design of Planning a Trip Feature
  • User Persona
  • User Journey
  • Design Sprint Presentations with detailed design recommendations and wireframes.

Hoptale is an IoS app that connects travelers to plan trips, discover new destinations and share their experiences by documenting the details of their trip through itinerary and journals filled with photos and words. It is Hoptale’s mission to foster a dynamic yet connect community of global travelers, one hop at a time!

This project took place over the course of 13 weeks and was split into two phase: a discover and research phase and a ideation and design phase.  The following are 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project: 

Make the user interface of creating and documenting a trip more intuitive and easy to use
Make the whole experience of the app more fun and rewarding
Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

Duration:  13 weeks

Discipline: UX/UI Design, User Research, Wireframing/Prototyping, User Testing and Evaluation

Team: Umang Arora, Divya Thomas, and Armon Burton

My Role and Tasks:

  • Formulate research plan and supporting artifacts: survey/questionnaire, and discussion guides for interviews and usability test
  • Conducted user interviews (4x)
  • Conduct usability tests (5x)
  • Lead the synthesis and analysis of user research data to uncover problems/issues
  • Assist in the development of design prototypes by providing research context

Deliverables:

  • Prototype of initial MVP design of Planning a Trip Feature
  • User Persona
  • User Journey
  • Design Sprint Presentations with detailed design recommendations and wireframes.

Hoptale is an IoS app that connects travelers to plan trips, discover new destinations and share their experiences by documenting the details of their trip through itinerary and journals filled with photos and words. It is Hoptale’s mission to foster a dynamic yet connect community of global travelers, one hop at a time!

This project took place over the course of 13 weeks and was split into two phase: a discover and research phase and a ideation and design phase.  The following are 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project: 

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

Duration:  Approximately ~13 weeks

Discipline: UX/UI Design, User Research, Wireframing/Prototyping, User Testing and Evaluation

Team: Umang Arora, Divya Thomas, and Armon Burton

My Role and Tasks

  • Participated and conducted stakeholder meetings
  • Conducted 3 user interviews and performed analysis of quantitive data (questionnaire/surveys)
  • Planned and performed Uability Testing (Cognitive Walkthrough and Remote User Testing)
  • Analyze usability test results to uncover problems/issues
  • Consolidating recommendations to tackle the usability problems/issues
  • Designed and developed wireframes and prototypes

Deliverables

  • Prototype of initial MVP design of Planning a Trip Feature
  • User Persona
  • User Journey
  • Design Sprint Presentations with detailed design recommendations and wireframes.

 

Project Timeline

Page Title
Letter Copy 2

Phase 1 - Discovery and Research

Page Title

Setting the foundation

 

Setting the foundation

During Week 1 of the project, my team and I had our first meeting with the Hoptale team in hopes to understand and identify the scope and desired outcomes both parties hoped to achieve.  This meeting was very productive and in addition to identifying the project's scope, we were also able to define 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project:

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

During Week 1 of the project, my team and I had our first meeting with the Hoptale team in hopes to understand and identify the scope and desired outcomes both parties hoped to achieve.  This meeting was very productive and in addition to identifying the project's scope, we were also able to define 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project:


 

One of the things we learned during the meeting was Hoptale plan to roll out a new Planning a Trip feature to compliment their already established Documenting a Trip feature in their next phase of development.  

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip


 

We were extremely excited to be apart of that process and be able to help with the intial design and process flow of this soon to be release feature.  

DSC_8490

One of the things we learned during the meeting was Hoptale plan to roll out a new Planning a Trip feature to compliment their already established Documenting a Trip feature in their next phase of development.  We were extremely excited to be apart of that process and be able to help with the intial design and process flow of this soon to be release feature.  

The Pratt Institute Library website supports graduate students, undergraduate students and scholars in their research and learning endeavours.  The library undoubtedly is a vital resource for the varying needs of Pratt’s student body. The purpose of this usability test is to evaluate the usability metrics and ease of use of the library website.  Our goal during the study was to evaluate effectiveness of the current map functionality in helping Pratt students to find items in the schools Brooklyn and Manhattan Libraries.  

Discipline

User Experience (UX), Prototyping, Usability Testing, Eye Tracking

Team

My Role

  • Conduct stakeholder interviews
  • Plan and conduct usability testing on 2 target users
  • Analyze usability test results to uncover problems/issues
  • Consolidating recommendations to tackle the usability problems/issues
  • Craft a presentation deck, problem list, and highlights reel video
  • Present findings and recommendations to the client/stakeholders

Deliverables

The following final deliverables were developed and provided to the client at the end of the study.

  • Presentation Deck - A report in slide deck form which summarizes the study goals, approach, findings, detailed feedback and recommendations.
  • Problem List - A document outlining each usability problem with a short text and assigned severity (Nielsen Norman Group’s Severity Ratings for Usability Problems)
  • Highlights Reel Video - A video reel containing our findings with supporting video recordings of users during usability test.

Hoptale's Travelers 

Hoptale's Travelers

Setting the foundation

During Week 1 of the project, my team and I had our first meeting with the Hoptale team in hopes to understand and identify the scope and desired outcomes both parties hoped to achieve.  This meeting was very productive and in addition to identifying the project's scope, we were also able to define 3 overarching principles that would served as a solid foundation for the eventual design recommendations we produced during the project:

  • Make the user interface of creating and documenting a trip more intuitive and easy to use
  • Make the whole experience of the app more fun and rewarding
  • Build a cohesive connection of the two main tasks of planning a trip and documenting a trip

After our intial meeting with Hoptale, we began to plan the schedule for the next couple of weeks until we had to deliver our initial draft of our Minimum Viable Product (MVP) during week 7.   

After our intial meeting with Hoptale, we began to plan the schedule for the next couple of weeks until we had to deliver our initial draft of our Minimum Viable Product (MVP) during week 7.  

Even though Hoptale is well designed and established app with a growing user base, we decided to first start do some primary user research of our own to help us getting a better understanding who their users are and what their wants and needs will be when it comes to planning and documenting their travels.

Our first step was to start collecting data, information, and insights through online surveys and interviews.  In total, 42 people responded to our questionnaire and I personally interviewed 4 people.  The data and notes gathered from the questionnaires and interviews were used to create the below infinity map:

One of the things we learned during the meeting was Hoptale plan to roll out a new Planning a Trip feature to compliment their already established Documenting a Trip feature in their next phase of development.  We were extremely excited to be apart of that process and be able to help with the intial design and process flow of this soon to be release feature.  

Hoptale's Travelers

After our intial meeting with Hoptale, we began to plan the schedule for the next couple of weeks until we had to deliver our initial draft of our Minimum Viable Product (MVP) during week 7.  

Even though Hoptale is well designed and established app with a growing user base, we decided to first start do some primary user research of our own to help us getting a better understanding who their users are and what their wants and needs will be when it comes to planning and documenting their travels.

Our first step was to start collecting data, information, and insights through online surveys and interviews.  In total, 42 people responded to our questionnaire and I personally interviewed 4 people.  The data and notes gathered from the questionnaires and interviews were used to create the below infinity map:

Even though Hoptale is well designed and established app with a growing user base, we decided to first start do some primary user research of our own to help us getting a better understanding who their users are and what their wants and needs will be when it comes to planning and documenting their travels.

Our first step was to start collecting data, information, and insights through online surveys/questionnaires.  In total, 42 people responded to our questionnaire and I personally interviewed 4 people.  The data and notes gathered from the questionnaires and interviews were used to create the below infinity map:

 

Canvas: Your Affinity Diagram Wall – Hoptale

Putting a face to the data

Next we wanted to create a representation of an ideal user who would be interested in using Hoptale to plan and document their travels.  We analyzed all of data during user research and created a fictional representation of that ideal user in the form of the user persona below: 


Putting a face to the data

Next we wanted to create a representation of an ideal user who would be interested in using Hoptale to plan and document their travels.  We analyzed all of data during user research and created a fictional representation of that ideal user in the form of the user persona below: 

Putting a face to the data

Next we wanted to create a representation of an ideal user who would be interested in using Hoptale to plan and document their travels.  We analyzed all of data during user research and created a fictional representation of that ideal user in the form of the user persona below: 

Drew_UserPersona

Plotting the Ideal Users Path

After we created the ideal user and noted what we thought would be their motivations, frustations, and goals, we then visualization of the process  and experience that  person would go through when going a trip.  To provide better insights and thinking we decided to map out the entire user journey from beginning to end:

 

Plotting the Ideal Users Path

After we created the ideal user and noted what we thought would be their motivations, frustations, and goals, we then visualization of the process  and experience that  person would go through when going a trip.  To provide better insights and thinking we decided to map out the entire user journey from beginning to end:


Plotting the Ideal Users Path

After we created the ideal user and noted what we thought would be their motivations, frustations, and goals, we then visualization of the process  and experience that  person would go through when going a trip.  To provide better insights and thinking we decided to map out the entire user journey from beginning to end:


Hoptale_UserJourney_Drew

Insights & Findings

Page Title

Planning at any time

Trips are not a linear experience.  90% of participants mentioned they change their trip at least once from the initial plan.  

The ability to change trips “on the fly” supports adjustments to the unplanned and unexpected changes.

 

Draft of an idea

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time: 

Draft of an idea 

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time:

Inspiration from others

Between booking tools, forums, and review sites, people on average referral to at least 5 resources of inspirations. 

One of the biggest resources is finding inspiration through others (friends, family, social media). 

 

Draft of an idea

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time: 

Draft of an idea 

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time:

Scattered information

There is a lot of details and information a user keeps track of over the course of their trip.  

76% of participants use and refer to a list (pre-check list, itinerary) during they trip and having that information readily accessible is extremely valuable to them.

 

Draft of an idea

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time: 

Draft of an idea 

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time:

MVP Initial Draft

Page Title

Draft of an idea

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time: 


Draft of an idea

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time: 

Draft of an idea 

During the kickoff meeting with the Hoptale team, they mentioned they were working on a new Planning feature that would allow their users to create a planning itinerary for an upcoming trip.  We looked forward to working and improving on the idea and concept further.  Below is a link of the beta version of their Planning Feature at the time:

As with all drafts, nothing is going to be 100% perfect.  Even completely built and tested products aren't perfect and there is always room for improvement.  I think our inital draft was a great conversation starter and had some really good ideas that eventually made it to our final MVP such as the following: 

As with all drafts, nothing is going to be 100% perfect.  Even completely built and tested products aren't perfect and there is always room for improvement.  I think our inital draft was a great conversation starter and had some really good ideas that eventually made it to our final MVP such as the following: 

As with all drafts, nothing is going to be 100% perfect.  Even completely built and tested products aren't perfect and there is always room for improvement.  I think our inital draft was a great conversation starter and had some really good ideas that eventually made it to our final MVP such as the following: 

1-7
2-4
3-3
4-3
5-1
6-1

Phase 2 - Ideation and Design

Page Title

Fail Fast and Fail Often

For the second half of the project (weeks 8 through 13), we focused on doing design sprint that focused on very specific issues and concerns Hoptale identifed with their users behaviours and experience using the application.  Unlike my previous project, I've never had an instance where we used quick and fast ideation and design phase to identify issues and iron out recommendations.

In total there were 3 Design sprints in Phase 2 and they were crucial in second half success of the project.  Our design sprints looked like the following:

Design Sprint – Hoptale

Design Sprint Recommendations

Problem 1: Adding Multiple Destinations

Problem: Currently there isn't a way to add multiple destinations to the initial Plan a trip creation screen.  Hoptale has seen people tag multiple destination in their documented trips and they want to faciliate users creating itenraries for multiple destinations.  

Recommendation:  It is not only important to give the option to add multiple destinations but also remove them as well.  Placement as well as language in the buttons also help the user navigate the initial process of getting started. 

A3 Copy 21

Mockup Version of the recommendation for Problem 1

@0.5xA3 Copy 22

Alt. Mockup Version of the recommendation for Problem 1

Problem 2 - Where and how to change trip basics after initial planning creation step

Problem: After intially creating a plan/itinerary, you are no longer able to update or add destinations, dates, or trip tags to your trip.  Where and how can this be addressed?

Recommendation: The Trip information is critical for the function of both the Plan and Discover tabs and moving the trip editing capability to the top of the screen supports this and improves functionality.

A3 Copy 20

Mockup Version of the recommendation for Problem 2

A3 Copy 24

Mockup Version of the recommendation for Problem 3

Problem 3 - Unclutter the Discover Destination Page

Problem: What information is important to show and how should we arrange it in a useful and intuitive way?  

Recommendation: Using visuals to break up the word overload is a great way to engage users.  Also filtering in Hoptale related content not only promotes other users and Hoptale as a source but helps to mix up the variety of resources.

A3 Copy 23

Mockup Version of the recommendation for Problem 4

Big Idea, big lesson learned

Page Title

Out of the entire process, I believe working on this initial draft of the MVP (weeks 2 through 7) was the most reward as it came with a great lesson.  We essentially started thinking and working on the MVP draft right after our kickoff meeting with Hoptale.  Heads down and focused on pumping out the big idea/design we had for their upcoming planning feature. After presenting, both the Hoptale team and my team believe our initial draft of the MVP had some great elements even in it's rough design, especially in terms of feature set and flow of the experience.  However it sort of missed the mark in terms of what was realistic and feasible.  

For instance, one of our ideas was to populate a discovery page based on destinations the users wanted to visit and allowing them to pick and choose content based on different categories such as Places to Stay, Spots to Eat, Things to Do.  A similar feature and layout to some of Hoptales competitors, like Airbnb or Tripadvisor, and while the list of user and content is growing every day for Hoptale, it wasn't realistic to design a feature set for them that relied so much on user content generated.  In an ideal world the design would've worked great for them but unfortunately at the moment Hoptale is quite there to support these ideal world big ideas.  Thankfully we had this checkpoint and had this discuss midpoint way through project as it allowed us to course correct and realign our focus on what eventually became the final MVP.  Definitely a learning experience and carry forward to future projects.

Out of the entire process, I believe working on this initial draft of the MVP (weeks 2 through 7) was the most reward as it came with a great lesson.  We essentially started thinking and working on the MVP draft right after our kickoff meeting with Hoptale.  Heads down and focused on pumping out the big idea/design we had for their upcoming planning feature. After presenting, both the Hoptale team and my team believe our initial draft of the MVP had some great elements even in it's rough design, especially in terms of feature set and flow of the experience.  However it sort of missed the mark in terms of what was realistic and feasible.  

For instance, one of our ideas was to populate a discovery page based on destinations the users wanted to visit and allowing them to pick and choose content based on different categories such as Places to Stay, Spots to Eat, Things to Do.  A similar feature and layout to some of Hoptales competitors, like Airbnb or Tripadvisor, and while the list of user and content is growing every day for Hoptale, it wasn't realistic to design a feature set for them that relied so much on user content generated.  

In an ideal world the design would've worked great for them but unfortunately at the moment Hoptale is quite there to support these ideal world big ideas.  Thankfully we had this checkpoint and had this discuss midpoint way through project as it allowed us to course correct and realign our focus on what eventually became the final MVP.  Definitely a learning experience and carry forward to future projects.

Out of the entire process, I believe working on this initial draft of the MVP (weeks 2 through 7) was the most reward as it came with a great lesson.  We essentially started thinking and working on the MVP draft right after our kickoff meeting with Hoptale.  Heads down and focused on pumping out the big idea/design we had for their upcoming planning feature. After presenting, both the Hoptale team and my team believe our initial draft of the MVP had some great elements even in it's rough design, especially in terms of feature set and flow of the experience.  However it sort of missed the mark in terms of what was realistic and feasible.  

For instance, one of our ideas was to populate a discovery page based on destinations the users wanted to visit and allowing them to pick and choose content based on different categories such as Places to Stay, Spots to Eat, Things to Do.  A similar feature and layout to some of Hoptales competitors, like Airbnb or Tripadvisor, and while the list of user and content is growing every day for Hoptale, it wasn't realistic to design a feature set for them that relied so much on user content generated.  

In an ideal world the design would've worked great for them but unfortunately at the moment Hoptale is quite there to support these ideal world big ideas.  Thankfully we had this checkpoint and had this discuss midpoint way through project as it allowed us to course correct and realign our focus on what eventually became the final MVP.  Definitely a learning experience and carry forward to future projects.

2020 © Armon Burton

All rights reserved. Do not copy or use without permission.