Design Documents for the Recipe Cart Mobile App.
Recipe Cart is conceptualized as an Artificial-Intelligence-based meal planner and grocery delivery app that makes healthy eating easier for different cohorts in North America. My research validated my theories: being informed of what to cook and how to cook increases the frequency of consuming home cooked meals; having access to healthy foods at all times also leads to healthy eating patterns. With app features such as the AI-powered personalization of recipes, online grocery shopping, and cooking instructions in text and video formats, Recipe Cart would act as a support system that motivates its users to make healthy and optimal dietary choices. It would help make meal preparation and grocery shopping more efficient, effective, and less stressful. This was a project created for the Information Architecture and Usability course at the University of Toronto.
User Needs Analysis
Personas and Scenarios
Two primary user personas were created, who are a 38-year-old working mother with two children, and an 18-year-old freshman living away from home. "Young adults" and "millennials (23-38 years old"), "female under the age of 45", and individuals with above high school education qualification are more likely to adopt a health app or new technology, especially those that could help them save time (Carroll et al., 2017; Sharratt, 2016).

User Persona: Working Mother

User Scenario

User Persona: College Student

User Persona: Working Mother
Alternative Mockups
Two mockups of the interface screens are created for Recipe Cart, each including a sitemap and wireframes. The mockups mainly vary in their organization structures—a hierarchical design versus a tunnel design. The hierarchical design is organized to be more personal (where users are required to register an account). Since the information is chunked, each section (“Meal Plan” and “Groceries”) could contain more detailed and specific content for deeper drill. In comparison, the step-by-step nature of the Tunnel Design is more effective to guide the users to complete their tasks (meal planning, grocery shopping, or both). They are able to achieve a better understanding of the design intent and thus accomplish their goals faster. However, the linearity of the design restricts the depth of content.