UX/UI Case Study: SpotLink

Inna Shtepan

ishtepan@student.sierracollege.edu

Project Overview

The SpotLink app is a game-changer for anyone who struggles with fragmented transportation systems or the stress of parking. By combining these essential services into a single platform, users can plan, park, and travel with confidence.

SpotLink app especially useful for busy commuters who want to save time and as well as travels who want to have all the services related to transport in one application and not waste time searching for information in several applications.

Additionally, by consolidating all services into one app, it also addresses an equity issue by making transportation resources more accessible and easier to navigate for people with different abilities, languages, and levels of familiarity with urban transit systems.

Project Research

The UX research for my app began with a competitive analysis of existing transportation apps, including Transit, Moovit, ZipPass, and Citymapper. I discovered that while these apps address individual needs like finding parking, buying tickets, or planning transit routes, none of them combine all these features into one platform. This insight clarified the gap in the market and inspired my vision for an all-in-one solution.

Additionally, I gathered feedback from potential users to better understand their frustrations with current apps. Many users found it inconvenient to switch between multiple apps to manage their daily commutes or travel plans. As a result, I refined my initial ideas to prioritize simplicity and seamless navigation, ensuring that users could easily access all essential features in one place.This research helped me better understand the problem I was solving and create an app tailored to real user needs.

App Design

The visual design of SpotLink app went through several stages of refinement as I sought to create a user-friendly, aesthetically pleasing, and functional interface. Below, I’ll walk you through the process and decisions that shaped the app’s final design. At the start, I envisioned a clean and simple layout that prioritized ease of navigation. My first draft featured a pink background to create a sense of vibrancy and uniqueness. However, after studying other transportation apps and receiving feedback from my peers, I realized that pink was not the best choice for the app. Many transportation-related apps use shades of blue or purple, as these colors convey reliability and trust. I decided to switch to a darker blue/purple theme to align with user expectations and improve overall visual appeal.

When sharing the early prototype with classmates, I received helpful feedback about text size and spacing. Initially, the text on the screens was small, which made it harder to read, especially for users who may access the app on smaller devices. To address this, I increased the font size, and adjusted the spacing. These changes made the interface more accessible and user-friendly. With each new version, I tested the prototype of the app design and made incremental improvements. For example: I added arrows at the bottom for better navigation between pages. I adjusted the contrast between text and background colors to meet accessibility standards. The feedback played a significant role in shaping the final product, as it helped me identify areas for improvement that I might have overlooked.

Tasks For Users

The SpotLink App is designed to simplify the lives of users by combining essential transportation and parking services into a single, streamlined platform. By integrating features such as finding and paying for parking, accessing public transit information, and purchasing electronic tickets, this app makes managing daily commutes or travel easier than ever before. Below is an overview of what users can do with the app and examples of how it empowers them to complete important tasks efficiently. SpotLink app provides an intuitive experience by organizing services into clear categories: Transport, Parking, Pay for Parking, and Tickets. Each feature is accessible from the main Services menu, making navigation simple and fast.

With the Services menu, users can effortlessly switch between features. If they’re parking their car but also need to take public transit to a destination, they can transition from parking-related tasks to purchasing a transit ticket seamlessly.
Example tasks users can complete:

  1. Transport: Users can explore and choose the route for their preferred mode of transportation by selecting the "Transport" option.
  2. Tickets: By selecting "Tickets," users can access a variety of transportation tickets suitable for their needs.
  3. Parking: Users can view an interactive map highlighting available parking locations. If they select "Parking Fee," they can see a map displaying the cost of parking in different areas and proceed to the payment option.
  4. Pay for Parking: By selecting "Pay for Parking," users are taken to a dedicated page where they can easily complete their parking payment.

Usability Testing & Further Development

The purpose of usability test was to assess the user experience (UX) and the overall ease of use of the SpotLink App. The test aimed to evaluate how intuitive the app is for users when navigating key features, such as finding parking spots. The user testing was conducted with two participants to collect feedback and identify any usability issues or barriers that may hinder a seamless user experience. While the SpotLink demonstrated strong potential and ease of use overall, the usability testing highlighted several key areas for improvement. The issues identified were mostly related to navigation clarity, button labeling, and app responsiveness.

If I were to continue working on the app, I would implement real-time map updates or loading indicators when searching for parking. I would also make a confirmation screen or notification after successfully booking a parking space. Addressing these usability concerns will help streamline the user experience and improve the app’s efficiency and appeal for a wider audience.

Summary

This project involved designing an SpotLink App that integrates multiple transportation-related features into one convenient platform. The app allows users to find and pay for parking, plan transportation routes, and purchase transit tickets with ease. Through research, feedback, and iterative design improvements, I created a user-friendly interface with a cohesive layout and functionality. It’s a tool built to make life easier, one task at a time.

Every design decision stemmed from the goal of creating an app that is both functional and intuitive. The color scheme was chosen to align with user expectations for transportation tools. The font size and button adjustments were made to ensure accessibility, while icons and visual hierarchy improved usability.
Feedback played a significant role in shaping the final product, as it helped me identify areas for improvement that I might have overlooked. Overall, the evolution of my app’s reflects my focus on user needs and my commitment to creating a tool that simplifies parking and transit tasks in one cohesive platform.

Working on this project taught me valuable lessons about user experience (UX) design and how to create an intuitive and usable app interface. I learned the importance of conducting thorough research, collecting feedback, and iterating on design ideas to ensure an app meets user needs. I also gained a better understanding of how to balance functionality and aesthetics to make an app both practical and visually appealing.
I am proud to have created a cohesive app that combines multiple features into one easy-to-use tool. It was rewarding to design an interface that streamlines these processes for users.
The most challenging part was designing the app from scratch, as I had no experience developing apps. The most rewarding aspect was seeing how user feedback helped shape and improve the app.