Draw a real prototype of the following below digitally or physically in paper. LIKE THE EXAMPLE BELOW, BUT THE STEPS AND SCREENS ARE BELOW Steps and Screens: Home Screen: Top: Instagram-like stories featuring popular restaurants/dishes. Middle: "Feed" showing friends' recent orders with photos and ratings (like Instagram posts). Bottom Navigation: Home, Search, Orders, Profile icons. Friend's Order Post: Top: Friend's profile picture and username. Middle: Photo of their food. Bottom: Restaurant name, dish name, rating, "Order this" button. "Order This" Button Interaction: (Simulate a pop-up) A small piece of paper overlays the post with "Add to Order" and "View Restaurant" buttons. View Restaurant Screen: Top: Restaurant name and photo. Middle: Menu categories (Appetizers, Mains, etc.). Bottom Navigation: Menu, Reviews, Info. Menu Screen: Scrollable list of dishes with photos and prices (like an Instagram feed). "Add to Order" button on each dish. Add to Order Interaction: (Simulate adding to cart) A small piece of paper slides in from the side showing the order summary with "View Cart" button. View Cart Screen: List of ordered items with options to adjust quantity or remove. "Proceed to Checkout" button. Checkout Screen: Delivery address input. Payment method selection. "Place Order" button. Order Confirmation: Order summary with order number and estimated delivery time. "Track Order" button. Track Order Screen: Map showing order progress (draw a simple map with a moving dot). Estimated arrival time updates. Order Delivered Screen: Confirmation message. "Rate and Review" button. Rate and Review Screen: Star rating. Text box for review. "Post" button. Sharing Options (Pop-up): Share your order on your feed or as a story. Share to other social media platforms. Profile Screen: Your profile picture and username. Your past orders and reviews. "Edit Profile" button. Search Screen: Search bar for restaurants and dishes. Filter options (cuisine, price, etc.). Display search results in a grid or list format. Remember to: Circle or box the steps to show the user flow clearly. Use arrows to indicate transitions between screens. Simulate interactions by moving pieces of paper, revealing hidden elements, or creating pop-up effects. Keep it high contrast and readable with simple sketches and clear labels.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Draw a real prototype of the following below digitally or physically in paper. LIKE THE EXAMPLE BELOW, BUT THE STEPS AND SCREENS ARE BELOW

Steps and Screens:

Home Screen:

  • Top: Instagram-like stories featuring popular restaurants/dishes.
  • Middle: "Feed" showing friends' recent orders with photos and ratings (like Instagram posts).
  • Bottom Navigation: Home, Search, Orders, Profile icons.

Friend's Order Post:

  • Top: Friend's profile picture and username.
  • Middle: Photo of their food.
  • Bottom: Restaurant name, dish name, rating, "Order this" button.

"Order This" Button Interaction:

  • (Simulate a pop-up) A small piece of paper overlays the post with "Add to Order" and "View Restaurant" buttons.

View Restaurant Screen:

  • Top: Restaurant name and photo.
  • Middle: Menu categories (Appetizers, Mains, etc.).
  • Bottom Navigation: Menu, Reviews, Info.

Menu Screen:

  • Scrollable list of dishes with photos and prices (like an Instagram feed).
  • "Add to Order" button on each dish.

Add to Order Interaction:

  • (Simulate adding to cart) A small piece of paper slides in from the side showing the order summary with "View Cart" button.

View Cart Screen:

  • List of ordered items with options to adjust quantity or remove.
  • "Proceed to Checkout" button.

Checkout Screen:

  • Delivery address input.
  • Payment method selection.
  • "Place Order" button.

Order Confirmation:

  • Order summary with order number and estimated delivery time.
  • "Track Order" button.

Track Order Screen:

  • Map showing order progress (draw a simple map with a moving dot).
  • Estimated arrival time updates.

Order Delivered Screen:

  • Confirmation message.
  • "Rate and Review" button.

Rate and Review Screen:

  • Star rating.
  • Text box for review.
  • "Post" button.

Sharing Options (Pop-up):

  • Share your order on your feed or as a story.
  • Share to other social media platforms.

Profile Screen:

  • Your profile picture and username.
  • Your past orders and reviews.
  • "Edit Profile" button.

Search Screen:

  • Search bar for restaurants and dishes.
  • Filter options (cuisine, price, etc.).
  • Display search results in a grid or list format.

Remember to:

  • Circle or box the steps to show the user flow clearly.
  • Use arrows to indicate transitions between screens.
  • Simulate interactions by moving pieces of paper, revealing hidden elements, or creating pop-up effects.
  • Keep it high contrast and readable with simple sketches and clear labels.
Expert Solution
steps

Step by step

Solved in 2 steps with 1 images

Blurred answer
Knowledge Booster
Form and its Elements
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education