Butter High-Fidelity Prototype 1 Our Team James Rose Elan Isha - PowerPoint PPT Presentation

Butter High-Fidelity Prototype 1

Our Team James Rose Elan Isha Schull Li Halpern Kumar 2

A farmers’ market in the palm of your hand. 3

The Problem The food sourcing supply chain is rife with ambiguity and inefficiency: the lack of transparency surrounding price, quality, and logistics timing unnecessarily complicates the relationship between restaurants and suppliers, creating the need for extensive middlemen. 4

Our Solution We present a mobile application called Butter: a search engine and messaging platform that allows restaurants and suppliers to connect smarter. Butter enables producers to easily advertise their products , and helps restaurants more efficiently find and communicate with their suppliers. 5

Roadmap HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary 6

Roadmap HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary 7

Summary of Design Revisions Violations Heuristic Evaluation Results Total # of reported violations: Severity level 3: 5 ● ● Severity level 4: 2 Our revisions: ● 3 major design changes (4 violations addressed) 1 change addresses 2 violations ○ ○ 2 changes each address 1 violation 1 minor design change to address 1 violation ● Unfixed violations: Severity level 3: 2 ● ● Severity level 4: 0 8

Summary of Design Revisions Violations Major design change #1: We redesigned our sign-up screens to address 2 violations 1 Violation 1: H3 User Control and Freedom (sev. ● 3) 2 Users couldn’t go back if they made ● a mistake while signing up Violation 2: H2 Match Between System and ● World (sev. 3) Process to create account was ● confusing because email was asked at the end 9

Summary of Design Revisions Violations Major design change #2: We redesigned the entire layout of the supplier homepage to display inventory Violation: ● H6 Recognition not Recall (sev. 4) Suppliers were unable to view their ● inventory, only add items to it 10

Summary of Design Revisions Violations Major design change #3: We redesigned the search page Violation: ● H3 User Control and Freedom (sev. 4) ● Couldn’t search by supplier or by category, only search by ingredient 11

Summary of Design Revisions Violations Minor design change #1: We added suppliers’ last names as well as the names of their farms to Messages (We also changed the aesthetic design of Messages but unrelated to the reported violation) Violation: ● H6 Recognition not Recall (sev. 3) Previously only displayed the ● supplier’s first name, but users might not remember the corresponding farm 12

Summary of Design Revisions Violations Unaddressed Violation #1 H5 Error Prevention (sev. 3) “Search for impossible burger lists impossible burger as main title under all search results, making it hard to distinguish between all of the options of suppliers. Fix: Allow the user to filter or sort by different features and have that be the title of each result. ” 13

Summary of Design Revisions Violations Unaddressed Violation #1 H5 Error Prevention (sev. 3) “Search for impossible burger lists impossible burger as main title under all search results, making it hard to distinguish between all of the options of suppliers. Fix: Allow the user to filter or sort by different features and have that be the title of each result. ” Our Rationale ● Not intuitive to scroll through results whose titles are filter features (vs. the item’s actual title) 14

Summary of Design Revisions Violations Unaddressed Violation #1 H5 Error Prevention (sev. 3) “Search for impossible burger lists impossible burger as main title under all search results, making it hard to distinguish between all of the options of suppliers. Fix: Allow the user to filter or sort by different features and have that be the title of each result. ” Our Rationale ● Not intuitive to scroll through results whose titles are filter features (vs. the item’s actual title) ● Hamburger icon was supposed to indicate “filter” ○ Redesigned button since it seemed unclear 15

Summary of Design Revisions Violations Unaddressed Violation #2 H3 User Control and Freedom (sev. 3) “Only personalized suggestions are for ingredients, not for actual suppliers, limiting the ways a user can search for and find new suppliers. Fix: Suggest suppliers to buyers as well as suggested purchases.” 16

Summary of Design Revisions Violations Unaddressed Violation #2 H3 User Control and Freedom (sev. 3) “Only personalized suggestions are for ingredients, not for actual suppliers, limiting the ways a user can search for and find new suppliers. Fix: Suggest suppliers to buyers as well as suggested purchases.” Our Rationale ● Interviews and testing revealed that users would not often be looking for “bulk” suppliers, whereas learning about daily deals for ingredients would be a value-add 17

Roadmap HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary 18

Prototype Implementation: Tools Xcode Expo React Native iPhone Simulator 19

Implementation Status: Overview Supplier-facing task: Restaurant-facing tasks: Update and manage inventory Find a supplier for an ingredient with products to sell Communicate with suppliers Get daily deals tailored for you 20

Implemented Unimplemented Find a supplier for an ingredient Type in an ingredient to search See offerings from different suppliers 21

Implemented Unimplemented Implementation Techniques Wizard of Oz Techniques: Anything you search for will bring up the FlatList of “honeycrisp apples” results ● Hard-Coded Features: Hard-coded the FlatList of search results (not pulling from an actual database) ● ● Actually, literally everything on all the screens is hard-coded 22

Implemented Unimplemented Unimplemented Features ● Send messages to suppliers Communication ● Receive messages from suppliers with suppliers ● View past messages Daily deals tailored ● See and open daily deals on homepage for you ● View inventory Manage inventory ● Add a new item to inventory (supplier) ● Update / edit existing items in inventory 23

Implemented Unimplemented Work Plan to Finish Work on write-up and poster / pitch slide Finish basic functionality ● 11/22 - 11/24: Communication with (2) suppliers 11/22 - 11/29 ● 11/25 - 11/27: Daily deals tailored for you (3) ● 11/28 - 11/29: Update and manage inventory (2) ● Link components together 11/30 - 12/1 ● UI design tweaks to make it look just right ● Finalize EVERYTHING 12/2 ○ Including website 24

Issues / Questions Issues Setting up nested navigation (combination of drawer navigation and stack navigation) ● was difficult ● Asset-heavy application, annoying to deal with a lot of images ● Upcoming: obtaining permissions for camera access might be challenging 25

Issues / Questions Issues Setting up nested navigation (combination of drawer navigation and stack navigation) ● was difficult ● Asset-heavy application, annoying to deal with a lot of images ● Upcoming: obtaining permissions for camera access might be challenging Questions ● None James doesn’t anticipate any questions, he is sure about everything 26

Roadmap HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary 27

Prototype Demonstration 28

Roadmap HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary 29

Summary HE / Revised Designs Redesigned sign-up process, supplier homepage, buyer homepage, search page, overall navigation ● design (hamburger menu instead of bottom navigation bar) 30

Summary HE / Revised Designs Redesigned sign-up process, supplier homepage, buyer homepage, search page, overall navigation ● design (hamburger menu instead of bottom navigation bar) Implementation Status Implemented: find a supplier for an ingredient ● ● Not implemented: communicate with suppliers, get daily deals tailored for you, update and manage inventory with products to sell 31

Summary HE / Revised Designs Redesigned sign-up process, supplier homepage, buyer homepage, search page, overall navigation ● design (hamburger menu instead of bottom navigation bar) Implementation Status Implemented: find a supplier for an ingredient ● ● Not implemented: communicate with suppliers, get daily deals tailored for you, update and manage inventory with products to sell Next-steps A lot but we will persevere! ● 32