Speedily: Application Prototype
Introduction
Speedily, our fictitious client, provides innovative and effortless intra-city logistics solutions for businesses and individuals alike. Through its mobile application, Speedily enables same-day deliveries across town or even within a neighborhood. With Speedily, customers can enjoy a seamless delivery experience, while businesses can streamline their logistics operations and improve their overall efficiency.
The Problem
I am tasked with designing a mobile application from scratch for our client, Speedily, who does not currently have one. This is a unique challenge as no other application in the market offers the same innovative intra-city logistics solutions. Although there are many companies that provide delivery services, such as moving, mailing/shipping, and food delivery, integrating the relevant features into this app presents a great design challenge.
App Criteria
This application should include the following:
• Sign up/register screens
• Login/start up screens
• Location screen
• Form/order placing screen
• Order place confirmation screen
• Active, finished and draft order screens
• User Profile screen
• Chat screen
• Account cancellation/deletion
Actions
The first step in our design process was to create a user journey, which involved mapping out the various ways in which users would interact with the application to accomplish their tasks. This helped us understand the needs and preferences of our users, and guided our decisions for the application's architecture and navigation scheme.
Once we had a clear understanding of the user journey, we began sketching the application's wireframes, starting with low-fidelity designs and gradually moving towards high-fidelity designs. The wireframes provided a visual representation of the application's layout, content, and functionality, and allowed us to refine the user experience before moving on to more detailed design work.
After finalising the high-fidelity wireframes, we created an interactive prototype using Figma. This allowed us to test the usability of the application in a realistic, interactive environment, and identify any potential issues or areas for improvement. By iterating on the design based on user feedback, we were able to create a polished and effective application that met the needs of our target audience.
Results
User flow
I used a user flow to visualize the user's progression through the mobile application. This helped illustrate the various interactions the user could choose from and the primary sections of the site. It also enabled the user to deviate and jump based on their preferred interactive path, resulting in a more intuitive and user-friendly application. The detailed user flow provided a clear roadmap for designers and developers, ensuring the development process aligned with the intended user experience. The user flow played a crucial role in creating an effective mobile application that met the needs and expectations of our users.
Wireframes
Digital wireframes are consolidated in a PDF below:
Interactive Prototype
Below is the interactive prototype:
Lessons Learned
Developing this application from scratch has been a valuable learning experience for me as a UX designer. Throughout the design process, I realised the importance of user journeys in understanding how users are likely to interact with a product or service. By gaining a deeper understanding of the users' needs and preferences, I was able to create a more intuitive and user-friendly application.
Designing this project from the ground up was a great challenge and opportunity for me to hone my skills. During the design process, I paid close attention to micro-interactions and meticulously planned how each element would be affected. This helped me avoid making unnecessary adjustments to the interface, resulting in a more streamlined and efficient design.
Throughout the design process, peer feedback was invaluable in refining both my wireframes and the interactive prototype. This allowed me to identify potential issues and areas for improvement, leading to a more polished and effective final product.
Finally, this project allowed me to become proficient in using Figma. Overall, this project has taught me a lot about the importance of user-centered design, attention to detail, and collaboration in creating successful applications.