WIREFRAME

-


  ✩ WIREFRAME ✩

A wireframe for cooking in VR technology functions as a blueprint for the user interface and interaction flow. It helps designers map out how users will navigate the VR space, interact with recipes, and access features like ingredient lists or cooking instructions. By visualizing the layout and user journey, the wireframe ensures the VR cooking experience is organized, intuitive, and user-friendly. It also helps the team plan how users will move through tasks in the VR environment, like selecting tools, following steps, and completing dishes.

___________________________________________________________________________________

HERE OUR WIREFRAME BY USING FIGMA: ⛛

https://www.figma.com/design/0zLfx9jeE3xa0wPYDt1dFG/wireframe?node-id=0-1&t=h5Uma615Wn7KM125-1





1️⃣ Splash Screen / Intro Page

  • Function: Welcomes the user with the app logo and tagline (e.g., "Let’s learn cooking with us").

  • Purpose: Introduce the app identity, give a professional look.

2️⃣ Login / Sign Up Page

  • Function: Allows new users to create an account or existing users to log in.

  • Purpose: Secure access to personalized features like saved progress, preferences, and achievements.

3️⃣ Home Dashboard

  • Function: Main navigation screen showing key app features:

    • Profile

    • Theme

    • AI Services

    • Categories

    • Achievements

    • Forum

  • Purpose: Acts as the central hub for users to explore the app’s features.

4️⃣ Profile Page

  • Function: Displays the user’s:

    • Name

    • Profile picture

    • User level/stats

  • Features:

    • Edit profile (change name, picture, etc.)

    • Access Settings

  • Purpose: Personalize the user experience.

5️⃣ Theme Selection

  • Function: Lets users choose the visual theme (e.g., light, dark, custom colors).

  • Purpose: Enhance user comfort and app aesthetics.

6️⃣ AI Services

  • Function: Offers AI-powered assistance:

    • Recipe suggestions

    • Cooking tips

    • Ingredient substitutions

  • Purpose: Personalize content for each user based on preferences or past activity.

7️⃣ Forum / Community Page

  • Function: A social feature for users to:

    • Ask questions

    • Share recipes

    • Discuss cooking ideas

    • See trending topics

  • Purpose: Build a community of learners and food lovers.

8️⃣ Achievements & Rewards

  • Function: Tracks user progress:

    • Badges for completed challenges

    • Rewards for streaks

    • Level unlocks as they progress

  • Purpose: Motivate users with gamification elements.

9️⃣ Categories Page

  • Function: Users can browse recipes by category, such as:

    • Western

    • Asian

    • Traditional

    • Special diet (e.g., vegetarian, keto)

  • Purpose: Help users find content that matches their interest.

🔟 Recipe Selection

  • Function: Within a category, users select a specific recipe.

  • Features:

    • Preview image

    • Description

  • Purpose: Narrow down choices to the desired recipe.

1️⃣1️⃣ Select Level

  • Function: Users choose difficulty levels:

    • Level 1: Easy

    • Level 2-5: Increasing difficulty (locked until unlocked by progress)

  • Purpose: Offer a progressive learning journey (like a game!).

1️⃣2️⃣ Step-by-Step Cooking Flow

  • Function: Each recipe is broken into clear steps:

    • Step 1: Ingredients

    • Step 2: Preparation

    • Step 3: Cooking method

    • etc.

  • Purpose: Provide structured learning for each recipe.

1️⃣3️⃣ Settings

  • Function: Customize app preferences, such as:

    • Notifications

    • Language

    • Account info

  • Purpose: Let users control their experience.

🔄 Bottom Navigation Bar

Available across screens for quick access:

  • Home: Dashboard

  • Profile: User profile

  • AI Services: AI recommendations

  • Forum: Community page

  • Settings: Preferences 

___________________________________________________________________________________

UPDATED AND FINAL WIREFRAME DESIGN 






Comments

Post a Comment

Popular posts from this blog

GROUP MEMBERS

-
Image
✰ A WARM WELCOME TO OUR BLOG ✰ "Thank you for stopping by our blog, we truly appreciate your visit to this little space of ours where we’re excited to share every step of our Human Computer Interaction project journey, from identifying the core problem, crafting our proposed solution, applying the right methodology, conducting task analysis, to exploring the tools that helped us turn ideas into action, all with teamwork, passion, and a love for learning!" "We chose cooking as the focus of our project in a virtual landscape VR environment because it’s an everyday activity that blends creativity, learning, and sensory interaction making it the perfect medium to explore how immersive technology can enhance practical skills, simulate real-life scenarios safely, and create an engaging, hands-on experience that’s both educational and enjoyable for users of all levels." "So stay tuned, because we’ve got plenty of exciting content, creative ideas, and fun updates comin...
Read more