Camilo Rotello Kuri - 04/19/2025
Name of project: Follow It
Summary of app: My app is called FollowIt! This is a navigation-based app that allows users to plan for an upcoming trip, prepare for the journey, and prevent issues along the way. By collecting trip info,FollowIt is meant to get you to each stage of your destination with a step-by-step guide to support you in a new country or environment. In a real-world scenario, a user is meant to upload trip information before their journey through a simple survey process where FollowIt with auto-populate steps on how to navigate their journey when the time comes! With these step-by-step Instructions, you can easily navigate new countries/environments by simply using FollowIt. For more engagement, you can share your trip with friends/family for safety or awareness, access travel documents within the app, explore activities in a new city, and collaborate with other travelers to communicate any questions, concerns, or ideas.
Executive summary
My research summary consisted of two main ideas being user areas of engagement and understanding the use of Visual elements. I wanted to figure out how users are navigating the expected flow and what catches their attention the most/least. I found that right off the bat, there was an area of confusion on my home screen where a hover effect was providing conflict with where a user can navigate. In our main feature “NavigateMe,” the button is the only item without a hover effect because it has enough space to write out its words without a hover, but the fact that there was no hover made people think you can not click there. People were more interested in engaging with the other three features instead of NavigateMe due to the visual limitation. When users landed on the home page, it seemed as if our feature “My Trips” was clicked on the first 75% of the time, meaning that it caught users' attention the most on the layout of the screen.
Certain users called out the color and use of symbols for my design, explaining that symbols were helpful and accurate to understand the content, as well as what to expect with a click. Others mentioned that the color scheme was somewhat overpowering when used throughout the application, but they could see why they were implemented. Initially, each feature has a background correlated with a specific color, but I think the color needs to be more subtle and or used differently, as it should not overpower the design elements. In reference to what caught people's eye, I found that when digesting heavy trip information, the additional symbols for takeoff/landing/accommodation were easily digestible, which is a success.
Making sure users can navigate our application easily and efficiently is our number one priority, and implementing the symbols was helpful for this mission, while reducing color in our design could support our design even more. As for areas of engagement, My Trips was most interesting in our test and identified certain areas of high clicks to view trip information to be successful. Overall, testing feedback was helpful, and these new design elements are going to result in a seamless experience.
Detailed Findings
1. “My Trips” clicks: When first landing on the home page, users were most interested in clicking this feature to explore first. This area is most exciting for users and catches the eyes of different users.
2. Conflict with Color Pallette: Each feature is overpowered by color and causing conflicts with the expected flow. It does not appear clean and professional when used in these sections.
3. Settings Navigation: The settings of my application were found easy, and users had little to no additional feedback for items that were missing, and explained the accurate expectation to other applications.
4. Signs and Symbols: The use of symbols was a huge success. We found users easily digesting the context by focusing on symbols instead of large text, and understand that this is important to users and is linked to engagement.
Data Analysis: Quantitative
3 out of 4 participants clicked on “My Trips” Feature first : this supports my understanding of where users' eyes land first thing when they enter my home screen but also why those symbols are so effective.
4 out of 4 participants easily found settings and changed language : The usability for changing language is easily found and does not require attention. This supports international/global users.
1 out of 4 participants interacted with the “join trip” invite code: this means that the area for someone to insert a code is hiding too much, and people need to know that it is clickable.
Data Analysis: Qualitavie
“I didn't know 'Navigate Me' was clickable. It doesn't animate like the other features, and I thought it wasn't active” - anonymous peer.
The Hover Feature, as seen in “My Trip,” needs to be adapted.
“The symbols and structure make this text easily digestible and not too difficult to read” - anonymous peer.
The use of symbols is important and efficient for translating large texts. ^
“The color scheme is somewhat disturbing on this page. It seems unnecessary” - anonymous peer.
The color does not need to consume the design elements. We saw that 2 out of 4 testers mentioned feedback on the color scheme implemented on the features.
Design Updates
High Priority
Reduce the background color on each feature's main screen. Whether it’s opacity or nudging color into other design elements, don't overpower with color.
The hover view needs to be added to “NavigateMe” to mimic other features. We can see that my trips pop up when hovered, “NavigateMe” needs to have the same cohesive look when hovering to express a clickable action.
*This hover view is crucial to help users understand that this button is clickable*
Add in pre-populated communities to avoid blank space. This way, users are able to engage with a new community and are not exposed to a blank section. Results in a more professional and engaging look.
Medium Priority
In communities, the chat view needs to be structured correctly and more digestible by using symbols/sections. User tests showed low interest in clicking "read more" and using filters.
Alignment of Symbols is needed. Users enjoy the effectiveness of symbols, but they need to be accurately placed to represent a professional app. Testing was showing that users found setting up easily with the hamburger menu but got distracted with alignment.
Implement Feedback button into the design more frequently to give users a place to provide when needed. Maybe in the Help section to ensure that users are being presented an oppertunity to support the app as well as fellow users included in the conversation to a functional app.
Low Priority
Transform or eliminate “Learn about your location,” as it was not an area of engagement for anyone. Space could be better used and simplified. 0 out of 4 users engaged with it or mentioned anything about this space.
Adding a trip survey with the start of a new trip requires an easy, digestible view. Add in more signs and symbols in place of text. One user mentioned the symbols usage in this space.
Update the prototype as users can click on other elements to view their trip. Users are clicking Japan's flag to view the trip. Support user behavior and add it to the prototype.
Appendix
Testing method
This testing was conducted through peer feedback in an open classroom discussion. Within a group of three random individuals who provided video/verbal feedback based on neutral questions and tasks. By navigating my design, each designer shared areas of interest and conflict to give an overview of my testing goals by viewing my Figma prototype. I was able to rewatch and dissect their feedback videos to gain insight into my prototype with certain tasks/questions for them to follow.
Screener
Peer feedback: by taking advantage of other designers in my class, we are under the same understanding of project guidelines, as well as our timeline to create. By having these requirements for user testing, the navigation is focused on our prototype functionality, while we have the same understanding of our education goals.
Task questions
Your trips
Explore “your trips" and analyze your trip information.
What stands out to you from that info?
Account Settings
Go to settings and find languages.
Can you edit your settings effectively?
Join a Trip
Go to your trips and find “join a trip”.
Who would you share a trip with and why?
Navigate Me
Visit “Navigate Me” and look to get support on that screen.
How do you feel about the options provided?
Metrics
- How long did it take the user to navigate the expected features?
- Where users' eyes landed.
- Effectiveness of Visual Elements (symbols and color)
- Qualitative/Quantitative feedback
- Tone of voice with interaction
- Areas of conflict/frustration
