Lindsay Wall's Portfolio
UI/UX Projects
Welcome to my UI/UX projects page! Here, you'll find a collection of my work, where I've combined research, design, and testing to create intuitive and user-centered digital experiences. Each project highlights my approach to solving real-world problems through thoughtful design. Take a look, and explore how I bring ideas to life.
Virtuary
UX Case Study Project
Virtuary is a virtual library app designed to store your books and share personalized recommendations. It offers an organized and simple way to manage your reading journey.
Virtuary is a mobile app designed to help book lovers track their reading journey, receive personalized recommendations based on their reading history, and connect with friends. Users can easily add books they’ve read, explore tailored suggestions for their next read, and compare novels with friends to spark conversations and discover new favorites. Virtuary brings organization, discovery, and community into one virtual library experience.
What is Virtuary?
Guerilla Research Method and Results
The guerrilla research conducted for Virtuary brought insights into user habits, preferences, and expectations for book tracking and recommendations. Through quick interviews and surveys with 5 avid readers, I explored how users currently track books, their challenges, and desired features in a virtual library system.
Key findings revealed diverse tracking methods, including journals, apps, and spreadsheets, each with unique limitations. Participants emphasized the need for automated book entry, personalized recommendations, and features like categorization and reminders. These insights, paired with survey results, are what is directly addressed in the wireframe and prototype designs. This ensures Virtuary meets user needs effectively.
Eye Tracking Test With RealEye.io
The eye-tracking study for Virtuary provided valuable information into user navigation and focus. Using RealEye.io, I identified areas for improvement, such as clarifying the search bar, enhancing visibility for recommendations, and expanding wishlist functionality. These findings guided updates to create a more intuitive and user-friendly design.
To the right you will see the results of the eye tracking study with the heatmaps shown.
The Virtuary case study showcases a comprehensive design process for a virtual library app, starting with in-depth user research. I conducted surveys, questionnaires, and guerrilla research to understand user needs and preferences, followed by an eye-tracking test to evaluate usability. Insights from this research informed the app’s features, such as personalized recommendations and social functionality. The project resulted in a high-fidelity prototype created in Figma which you can view here:
Final Demo
Website Redesign of eaw.org
User Research Project
I redesigned EAW.org to improve accessibility, navigation, and mobile responsiveness, creating a more user-friendly experience.
Why Redesign eaw.org?
I redesigned EAW.org because its user experience was lacking, with certain areas being unintuitive and some elements misleading. The goal was to create a clearer, more streamlined interface to better meet user needs and expectations. To do this I had to perform extensive testing from heuristic evaluations to persona creations and thorough usability research.
Heuristic Evaluation and User Research
I conducted a heuristic evaluation using Nielsen's 10 Usability Heuristics and a user survey with six diverse participants to assess and improve the usability of EAW.org. The evaluation identified issues like lack of input validation, breadcrumb navigation, and help documentation, while the survey highlighted user frustrations with slow loading times, poor color contrast, and buried information. Users valued the site's simplicity but sought easier navigation and faster access to job opportunities. These findings helped guide further research to enhance the site’s clarity, functionality, and overall user experience.
Persona Creation and Usability Testing
For the usability testing and persona creation exercise, I developed three personas representing key stakeholders who would interact with eaw.org: a student seeking part-time work and tuition aid, a college advisor guiding students, and a vendor manager exploring partnership opportunities. The usability testing focused on critical site functionalities like finding job listings, navigating financial aid information, and understanding the organization's mission. Observations revealed navigation issues, such as difficulty locating job listings and unclear financial aid processes, but the "About Us" section was generally accessible. Participants suggested improved labeling, more intuitive paths, and enhanced filtering for job searches to better meet user needs.
The changes I made in the redesign of eaw.org successfully addressed the usability issues identified during the testing phase. By improving the site’s navigation, I simplified the process for users to find job listings and financial aid information, making key sections more accessible. The job filter was simplified, and the financial aid section was reorganized for better clarity. Additionally, I adjusted the color contrast to meet accessibility standards, which helped improve overall readability. The final design provides a more intuitive and user-friendly experience, resulting in a smoother interaction for all users. You can view the prototype in Figma here:
Final Design
Dreamscape - JMARS Meteor Studio
UI/UX Development Project
JMARS Meteor Studio is a data viewing experience in AR or VR. It is a system for displaying data from planetary terrains in first person view.
What is JMARS?
JMARS Meteor Studio VR and AR is an innovative creation by Arizona State University, offering an immersive platform for exploring the fascinating world of meteorology. This VR and AR experience is designed to provide users with a dynamic and interactive journey into the science of meteorology, allowing them to visualize and comprehend complex meteorological phenomena in unprecedented ways. By harnessing the power of virtual and augmented reality, JMARS Meteor Studio enables users to step into the role of a meteorologist, manipulate weather data, and witness weather events up close, fostering a deeper understanding of Earth's atmospheric processes. It serves as an invaluable educational tool, bridging the gap between theory and practical experience, and propelling meteorology education into the digital age.
Prototyping in Figma
The JMARS Dreamscape project began with prototyping a new menu design in Figma. My goal was to create an intuitive and visually appealing interface tailored for AR/VR experiences. By focusing on user-centered design principles, I explored innovative layouts and interactions that would enhance usability and integrate with the immersive nature of the project.
My Contribution
​My contribution to the JMARS Meteor Studio project was twofold and played a crucial role in enhancing the overall user experience. Firstly, I took charge of the UI/UX design for the immersive VR and AR experience, ensuring that the interface was not only visually appealing but also user-friendly, allowing a seamless interaction between users and the meteorological data. Secondly, I utilized my knowledge of C# and Unity to develop individual player menus, a task that posed its own set of challenges given that I was coming into an already established project. Navigating this project in its advanced stages was indeed a steep learning curve, but it allowed me to adapt quickly, gain valuable experience, and make substantial contributions to the project's success by refining the user interface and enhancing individual player interactions. Which ultimately made the JMARS Meteor Studio VR and AR experience more accessible and engaging for users.
Take a look at the official JMARS Meteor Studio Website.
