Process Overview



The List-It app was designed with a focus on a critical issue facing international students: the challenge of managing tight budgets while sourcing ingredients for meals that connect them to their cultural roots.


Our process was shaped by the unique needs of this audience, ensuring that the app not only addresses their financial constraints but also empowers them to shop smarter and eat better.



Identifying the Challenges



International students often face several barriers when it comes to grocery shopping and meal planning.



Audience



Designing for international students who struggle with budgeting and finding deals on ingredients for proper meal planning.

Goal



The common goal for the audience is to purchase groceries that fit within their budget and last until the next shopping trip, while also easily locating ingredients to prepare meals that bring a taste of home.

Our Approach



To address these challenges, we carefully crafted a solution that combines practical tools with real-time data to help students maximize their budgets and enjoy home-like meals.

Our User Flow



Designed to guide students through a seamless process, from entering their meal preferences to generating a personalized grocery checklist.

Our Wireframes



The initial wireframes were designed with our audience and goals in mind, ensuring a smooth process as users move from entering their meal preferences to generating a personalized grocery checklist.

User Study Considerations



The user study involved international students at SFU - SIAT, including participants from India, Taiwan, and China, with varying levels of experience in grocery shopping and budget management. The goal was to assess their grocery shopping habits and evaluate a grocery list app for usability, functionality, and design. Key observations included usability challenges during tasks, user feedback, and suggestions for improvement.

The user study involved international students at Simon Fraser University, including participants from India, Taiwan, and China, with varying levels of experience in grocery shopping and budget management. The goal was to assess their grocery shopping habits and evaluate a grocery list app for usability, functionality, and design. Key observations included usability challenges during tasks, user feedback, and suggestions for improvement.

Our Personas



Our Personas



Our Storyboard



Illustrates key moments in the user's journey, showing how the app interacts with them at each stage—whether it's suggesting meal ideas, displaying a tailored grocery list, or providing favorite dishes which the user can add to their checklist.

Budget Constraints



Limited financial resources make it crucial for students to manage their spending effectively.

AI-Generated Grocery Checklist



Our app uses AI to generate personalized grocery lists based on users' preferences and meal planning needs. Whether users have a specific dish in mind or need inspiration, the app tailors a list to help them buy the right ingredients. This saves time and minimizes the risk of unnecessary purchases.

Browsing Menu



For those uncertain about what to buy, our interactive browsing menu lets users explore different meal options and add them to their checklist, complete with recipes. This empowers students to experiment with new dishes while staying within their budget.

Favorite Checklists



To further streamline the shopping process, users can save and favorite their most-used checklists for easy reference in the future. This feature enhances efficiency and saves time during repeat grocery trips, reducing decision fatigue.

The personas we developed served as a foundation for the entire design process, guiding decisions on user interface, functionality, and overall user experience.

The personas we developed served as a foundation for the entire design process, guiding decisions on user interface, functionality, and overall user experience.

Lack of Knowledge About Grocery Stores

Many students are unfamiliar with local grocery options, often resorting to the nearest store, which may not have the best prices or ingredients.

Lack of Awareness of Deals and Prices



Students typically discover deals only when they’re in-store, leading to overspending or purchasing suboptimal alternatives.

Our Outcome



“The List-It app is a practical, real-world solution that empowers international students to manage their grocery shopping, meal planning, and budgets with ease.


By focusing on their specific needs and challenges, we've created a tool that balances affordability, convenience, and cultural connection. Students can now enjoy meals that remind them of home without the stress of overspending or struggling to find the right ingredients—ultimately making their student life a little easier and more enjoyable.”

Our Interactions



Thoughtout interact with the system as the users will interact by addingthe dishes they would like to create, browsing the menu for dishes, and going through their checklist.

AI Malfunctions Considerations



Manual Edits

Manual Edits

If the generated checklist includes items that don’t align with user preferences, they can easily edit the list to better suit their needs.

If the generated checklist includes items that don’t align with user preferences, they can easily edit the list to better suit their needs.

Customize List



Users can create, edit, and save their own grocery lists, enabling the app to offer more personalized recommendations based on their preferences in the future.

Users can create, edit, and save their own grocery lists, enabling the app to offer more personalized recommendations based on their preferences in the future.

Users will navigate the app using intuitive gestures like tapping, swiping, and flicking to move between different screens. This seamless interaction between the user and the system ensures a smooth and efficient flow throughout the app.

Users will navigate the app using intuitive gestures like tapping, swiping, and flicking to move between different screens. This seamless interaction between the user and the system ensures a smooth and efficient flow throughout the app.

Gestures



During setup, users will be prompted to provide details such as location, primary language, native country, budget, and food intake estimate through dropdown menus and text fields. Additionally, users will input specific food dishes to generate a customized checklist. This interactive process ensures that the system takes into account each user's preferences, tailoring the output to meet their needs.

During setup, users will be prompted to provide details such as location, primary language, native country, budget, and food intake estimate through dropdown menus and text fields. Additionally, users will input specific food dishes to generate a customized checklist. This interactive process ensures that the system takes into account each user's preferences, tailoring the output to meet their needs.

Keyboard & Dropdown Menus

List-It

List-It