Redesigning GuzoGo
Project name - GuzoGo
Project date - January, 2021 - March, 2021
Overview
GuzoGo is a travel app since 2016, It is an app primarily serves people on their travel and booking needs. GuzoGo helps users to book their flight needs.
The app was created to help users book their flights without going to travel agency. It also aims to serve with international as well as domestic flight tickets from all airlines worldwide. Mainly GuzoGo solves a problem where users can have access to all flight details and prices in one place.
Project goal
This project focuses on redesigning GuzoGo app.
The project aims to bring customer satisfaction, to have more customers, to increase in yearly income, to increase the number of downloads of the app, and to help the company grow.
My role
I am one of the four designers team with in a team of engineers, back- end and front- end developers. On this specific project I did most of the UX/UI design process including research to understand the problem, define the research results, sketching, create low and medium wireframes, Visual design, prototype and mockups.
Challenge
The challenge of this project is to discover the pain points of GuzoGo users, to enhance user engagement, and increase the number of users. To come up with a solution that could help users to book their flights in the best possible engaging user experience.
The design process
-
Research
- Data collection
- Survey
- User stories
-
Define
-
Ideate
-
Prototyping
-
Usability test
-
Development
Getting to know the business goal
When it comes to the design process the first thing i did was a kick off call, interviewing Fitsum who is the business owner. Collect as much necessary information from him, how he want the product to be, and where we could work to find the best solution.
Target audience
From my call interview i know the target group to whom i am designing for. My target users are anyone who uses a mobile phone, who travels, business owners who are busy to compare prices between airlines and mostly Ethiopians.
HMW questions
While interviewing the business owner, i was creating the how might we(HMW) notes where i put insights from the business owner, so that i can have multiple ideas to understand the business goal, and shared with my team.
This helps me to choose which area to focus.
Questions including;
How might we guide users in a friendly, informative and engaging way?
How might we change the feel and look?
How might we create a simple user journey? … and so on
Understanding the problem
After collecting enough information from the business side i conducted a usability test and interview 5 users on the existing app, for a survey i sent 15 questioners. And used analytics on the numerical data.
I have found out that users want simple user journey where they could finish their booking with few steps, they need a language selection part, they need to easily compare prices and multiple ways to make payments.
Competitor analysis
Project interview process
Conducted the interview depending on clients availability, I conducted one-to-one Zoom interview. Once I know what my 5 potential participants prefer I conducted the interview depending the convenience of my users.
Interview questions include but not limited to;
What are their booking history looks like?
How users use their smartphone and how often do they use their phone for booking purposes?
Their preference from using phones or computers?
If they face any challenge while using apps to book their flight needs?
What changes do users need on the app, or what they think is missing in the app to make it simple and usable?
Survey questions
1. How often do you travel?
Type tour answer
2. If yes, how did you find your travel tickets?
Type in answer: Recommendation, Booking.com, Kayak...
3. Are you currently looking to travel?
Yes/No answer
4. How often do you browse for online tickets?
Multiple choice answer: Daily, weekly, a few times a year, never
5. What platforms do you use for job searching?
Type in answer: booking.com Kayak.com
6. How would you describe the process?
Type in answer: Easy, difficult, complicated etc
7. What do you like most about the platforms?
Type in answer: I like the colors, I like the filters and how many jobs they have
8. What device do you browse on?
Multiple choice answer: Computer/Laptop, Tablet, Phone, Newspaper
9. Have you ever used GuzoGo app?
Multiple choice answer: A. Yes B. No
10. If yes when and how was the experience?
Explain your answer
11. If you could change anything about your current ticket buying searching process, what would that be?
Type in answer: I would add a direct messaging feature so that I can contact the potential
12. What suggestions do you have for a travel apps?
Type in answer:
User persona
User empathy map
User journey map
Storyboard
Besides creating the user persona , user journey map and emphasizing the user I have used my artistic skills in creating sketches of the story board for my user. I believe it is very important to create a story board so that I will clearly understand my user persona. That means i will know to whom i am designing for. And these sketches show the user persona or Hannas activities.
Define
At this stage i combine all our research findings, Based on the interview i made with Ftsum, the usability test and user interview, in discovering where the problem exists.
After carefully analyzing the data that has been gathered i combine them for a solution.
Card sort
Information architecture
Sketching
After deciding on the structure of the website and i created the information architecture to find out how users can interact with the product. Then I came up with a range of crazy ideas where i can have multiple choice to compare and find out the best solution.(and of course discussed with my team)
Paper prototype
The first step after the simple crazy sketches was to draw this paper prototype on the selected idea, keeping the brand identity, users need and business goal.
Feedback
The design team came together and discussed on the project, then i send the paper prototypes to the client Fitsum so that he could comment and vote on the best ideas to work on.
Project process
Then the business owner commented and voted on the idea he likes and ask for more explanation in some sketches.
Eterate
Eterate
Eterate
Wireframing
Mockups
Continued creating the tactile representation of the app by building the UI elements and the visual design including typography, color, icons, button, space the feel and mood of the website in to a high fidelity mockups and a prototype which is ready to test.
Mockups
And I came up with an idea of a simple landing page where users will have a space when opening the app.
as you can see the one on the left was the old version which has almost full screen with lots of information and has a clutter look, what i created on the second one is to have a space with a simple search button
After i have finished the full prototype i put it in the hand of real users for test.
while testing i was also asking questions and i also told them to speak out loud while going over the product, but the result was not as expected, 3 out of 5 users didn't like the landing page and the user journey to book a flight, it didn't match with their expectation and experience.
User test
Having all the feedback from users and observation from the prototype test, we came back together with my team to analyze and discuss results, and after multiple discussions with the business owner, we came up with three basic questions to answer
1st.How can we make the landing page simple but functional?
2nd. How to minimize user journey with simple steps while allowing them to see all their options?
3rd. Can we give users a sense of trust especially on the payment section?
To answer our biggest questions I come up with this new sketches, with new idea.
Also we voted and discussed on the best solutions to start working on our design again.
Style guide
Here is the style guide for the visual design system, the typography, color, buttons, icons, interactive state.
The actual style guide hsa more features but i compose this for this presentation purpose.
also I have been aware of the accessibility guidelines and use them in grouping related contents, adding more color contrast, easy to spot text, adding visible indicators on icons and buttons and using different interactive states.
Out come
Ideas to action:
I sketched countless ideas and brainstormed various possibilities with my design team and created low-fidelity wireframes and prototypes to test. Even though we took some important aspects from the first design, we came up with the second prototype which is similar but have much more changes, with clear, simple but most importantly meets the experience of our users.
Solutions
I have changed the landing page to simpler screen, i created a space so that the page will have a room to breathe , importantly return and one way can be spotted clearly,
i use a darker image as a background so that the main text fields can be seen clearly,
i enlarged the size of the button, and changes on the text.
And i changed one of the bottom navigation to something functional which users interact most,
so profile was not that important in this app and i replaced it with settings.
I have created a visible text and a clear image so that anyone can see it from any mobile device and communicate with the app.
Organizing items by creating a group to the listed items in the app is the best solution we came across in order to minimize time and effort of users that might frustrated using the app.
I have created a page to track the orders and also put accurate and updated information on all the items, plus I will create readable short text to the terms and conditions.
Among the solutions to our app we created a custom tip for the delivery so that users can tip the amount they want to tip.
Accessibility
Accessibility is inclusive design. Designing accessibility in mind is the power of better design and it removes barriers to empower all users to be productive and connected. In accessible design whether it is permanent, temporary or situational disability all are experiencing limited mobility. I have put all the necessary effort to make the product accessible by people with disabilities and also by all equally. I have created the design elements and content of the app using the web content accessibility guidelines (WCAG) to the best of my knowledge to make it perceivable where people can see and hear the content, operable where people can use the product by type or voice, understandable where people can get clear and simple language, robust where people can use different assistive technologies. I have used text size, clear color contrast, focus state, grouping similar items, and multiple visible indicators to make the product accessible by everyone. After all inclusive design is simply a good design.
Success metrics
I came up with the solution by identifying the areas I need to focus, we discussed all the problems as a team to create the best possible solution for users and the business goals.
We measure our success because we meet our goals and guzo go has 6% more downloads, 4.8 customer rating, $500,000 dollars in revenue (which increased by 300,000), and created 10 more jobs.
Learning
One of the new things that I have learnt from this project is to get to know customers needs and how they respond to different products.
Prototype looks simple but I am sure it is more complicated than I am thinking. I saw how users interact with the product, and the way we created our prototype helped us to create simple and usable product.
I have also learned how to make interview and usability test during different situations and time where people can't meet in person.To solve their pain points we use video call interview in our usability test. I created new pages and I have learned a lot since I etrate it again and again.
Shipped
After the feedback and testing with five users ,we were able to hand off to the developers with all the specs and most importantly side notes.
Finally we are happy to see GuzoGo shipped and can be downloaded both on Apple's app store and Googl's Google play store.