Studio Project

Compass

UI/UX

App Design

The primary objective of the Compass app is to revolutionize the college campus navigation experience by providing a seamless, intuitive, and personalized solution for students, faculty, and visitors. The app aims to enhance user efficiency, reduce navigation-related stress, and foster a sense of community by intelligently integrating with user inputs.

Figma

Details

Role

Date

Timeline

Includes

UI/UX Designer

2022

2 Months

Competitor Analysis, Stakeholder Mapping, User Personas, Site Map, Card Sorting, Wireframes, Prototypes, User Testing

Discover

I started this project by first conducting a thorough competitor analysis on existing navigation apps, such as Waze, UW-Stout Map and Apple Maps, to identify strengths and weaknesses. Key features assessed included ease of use, accuracy, real-time updates, and integration with user inputs.

Then stakeholders were identified and their needs were mapped to ensure alignment with project goals. This involved understanding university administrators, students, faculty, and visitors and their expectations and requirements for the navigation app.

Define

User personas were created next to represent different user groups, including transfer students, new students, and visitors. Each persona detailed the user's goals, pain points, and preferences, helping to guide design decisions throughout the process.

A site map was developed to outline the app's structure and navigation flow. This served as a foundation for organizing information and ensuring a logical user journey within the app.

Card sorting exercises were also conducted with representative users to determine the most intuitive way to categorize and structure navigation features. This helped in organizing information in a way that resonated with the users' mental models.

Develop

Low-fidelity wireframes were created to visualize the app's layout and functionality. These wireframes were iteratively refined based on feedback from stakeholders, ensuring a clear and user-centric design.

User testing sessions were conducted with representatives from each user persona. Feedback was collected to identify pain points, validate design decisions, and refine the app's usability.

Deliver

The deliverables for this project included a High-fidelity interactive prototype that was developed to simulate the user experience. This included features like real-time location tracking, warning notifications, and location selection. The prototypes were shared with stakeholders for feedback and further refinement.

Figma

What I learned

Throughout this project, I discovered a deep fascination for both the research and design phases. An intriguing aspect was observing how participants in the card sorting exercise organized site map elements into categories that hadn't occurred to me. The visual design's impact on directing attention also captured my interest in ways I hadn't previously realized.

This project has significantly contributed to my understanding of the intricacies involved in crafting a user-friendly app design. I've come to appreciate the SWOT competitor analysis as a valuable tool for uncovering market gaps. Emphasizing the importance of research and testing, I now recognize them as crucial elements in ensuring intentional design.

Above all, I've learned to consistently center the design process around solving the identified problem, maintaining a focus that ultimately leads to more effective and purposeful outcomes.