UX designer
AMBIENTE
SERVIZI
This project focuses on the redesign and improvement of an urban waste collection app. The existing app faced several challenges, including complex navigation, inefficient information retrieval. The objective was to enhance the user experience by addressing these pain points and creating a more intuitive and user-friendly app.
The goal was to provide users with a seamless and efficient waste management experience. This case study highlights the problem statement, the solutions implemented, and the achieved outcomes in terms of improved usability and user satisfaction;
-
Inefficient information organization;
-
Excessive complexity;
-
Lack of intuiveness
RESEARCH
At the outset of our project, we embarked on a comprehensive research phase with the primary goal of empathetically understanding our users within the context of their experience. Recognizing the critical importance of aligning our solutions with the real needs and behaviors of our target audience, we utilized a user-centered design approach to delve deep into the nuances of the user's journey.
PROJECT GOALS
Improving Information Architecture: The first solution involved restructuring the app's information architecture. This included streamlining the navigation, simplifying the menu structure, and ensure logical and intuitive information flow;
Improve UX: improve user flow and reorganized all the information within the app. This entailed conducting a thorough content audit, eliminating unnecessary elements, and consolidating similar information. By decluttering the app and presenting the information in a clear and concise manner.
DESIGN PROCESS
HOME PAGE
My work began with the homepage, where I aimed to enhance the user experience through a systematic design process based on a comprehensive app usage analysis.
To start, I focused on simplifying and streamlining the user interface by reducing the overwhelming number of entries that were presented together without clear differentiation. I identified and grouped similar entries, visually highlighting them with the same color, and organized them under relevant categories or placed them in collapsible menus.
During the wireframing phase, I emphasized these entries by enclosing them in visually distinct boxes arranged in two columns, as opposed to the previous three-column layout. Additionally, I implemented a bottom bar that provides users with clear navigation cues, allowing them to easily identify their current location within the app and seamlessly transition between different sections.
SORTING PAGE
The following analysis delves into the process applied to the "sorting guide" page, which involved consolidating previously separate pages that each contained lists of selectable items for further exploration.
The process commenced by analyzing the information architecture and unifying the lists into a single, switchable panel categorized by "waste type" or "destination" for ease of search. Furthermore, excessive help buttons that caused confusion were eliminated, and direct links to related sections were introduced. This approach aimed to simplify and enhance the user experience, allowing for smoother and faster navigation of the page.
GET IN TOUCH
The following analysis delves into the process applied to the "sorting guide" page, which involved consolidating previously separate pages that each contained lists of selectable items for further exploration.
The process commenced by analyzing the information architecture and unifying the lists into a single, switchable panel categorized by "waste type" or "destination" for ease of search. Furthermore, excessive help buttons that caused confusion were eliminated, and direct links to related sections were introduced. This approach aimed to simplify and enhance the user experience, allowing for smoother and faster navigation of the page.
During the initial phase, we analyzed the form and identified the following pain points:
Manual and repetitive input of personal data, which was time-consuming and tedious for users;
Limited options for selecting the request type, which restricted users and may not have encompassed all possible scenarios;
The requirement to navigate through the report management page to submit a new report, adding complexity and confusion to the process.
Subsequently, I created a lo-fi mockup to evaluate the implemented solutions:
A unified contact page that caters to all types of requests.
The inclusion of a message type selection button to categorize the nature of the inquiry.
Elimination of the request type selection, which was considered redundant, thereby streamlining the process to solely include a free-form message field.
Optional photo upload buttons for all request types to facilitate the submission of supporting visuals, if applicable.
ADDITIONAL PROPOSED FEATURES
Furthermore, several additional functionalities were proposed within the project, which are briefly presented below for completeness:
AUTOMATIC SERVICE AREA ASSIGNMENT
Streamlining the service area selection process by transitioning from manual selection to an automated system, reducing errors and ensuring better user comprehension.
WASTE SCANNER
Enhanced functionality for scanning waste items to identify them in the waste list or submit a report to add new items.
WASTE PAGES & DESTINATION PAGES
Detailed "Waste Pages" with a concise description, destination button, and a calendar link for checking collection day.
Detailed "Waste Destination Pages" with brief instructions and a comprehensive list of related waste items.