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

▶
butter
SMART_READER_LITE
LIVE PREVIEW

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

Mar 05, 2023 340 likes •674 views

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

slide-1
SLIDE 1

Butter

High-Fidelity Prototype

1

slide-2
SLIDE 2

Our Team

James Schull Elan Halpern Rose Li Isha Kumar

2

slide-3
SLIDE 3

A farmers’ market in the palm of your hand.

3

slide-4
SLIDE 4

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

slide-5
SLIDE 5

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

slide-6
SLIDE 6

Roadmap

HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary

6

slide-7
SLIDE 7

Roadmap

HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary

7

slide-8
SLIDE 8

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 Violations Design Revisions

slide-9
SLIDE 9

9 Summary of Violations Design Revisions

Major design change #1:

We redesigned our sign-up screens to address 2 violations

Violation 1:

  • H3 User Control and Freedom (sev.

3)

  • 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

1 2

slide-10
SLIDE 10

10 Summary of Violations Design Revisions

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

slide-11
SLIDE 11

11 Summary of Violations Design Revisions

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,

  • nly search by ingredient
slide-12
SLIDE 12

12 Summary of Violations Design Revisions

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

slide-13
SLIDE 13

13 Summary of Violations Design Revisions

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.”

slide-14
SLIDE 14

14 Summary of Violations Design Revisions

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)
slide-15
SLIDE 15

15 Summary of Violations Design Revisions

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

slide-16
SLIDE 16

16 Summary of Violations Design Revisions

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.”

slide-17
SLIDE 17

17 Summary of Violations Design Revisions

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

slide-18
SLIDE 18

Roadmap

HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary

18

slide-19
SLIDE 19

19

Prototype Implementation: Tools

React Native Xcode iPhone Simulator Expo

slide-20
SLIDE 20

Find a supplier for an ingredient

20

Implementation Status: Overview

Restaurant-facing tasks:

Communicate with suppliers Get daily deals tailored for you Update and manage inventory with products to sell

Supplier-facing task:

slide-21
SLIDE 21

21 Implemented Unimplemented

Find a supplier for an ingredient

Type in an ingredient to search See offerings from different suppliers

slide-22
SLIDE 22

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

Implementation Techniques

Implemented Unimplemented

slide-23
SLIDE 23

23 Implemented Unimplemented

Communication with suppliers

Unimplemented Features

Daily deals tailored for you Manage inventory (supplier)

  • Send messages to suppliers
  • Receive messages from suppliers
  • View past messages
  • See and open daily deals on homepage
  • View inventory
  • Add a new item to inventory
  • Update / edit existing items in inventory
slide-24
SLIDE 24

24 Implemented Unimplemented

Work Plan to Finish

11/22 - 11/29 11/30 - 12/1

Finish basic functionality

  • 11/22 - 11/24: Communication with (2) suppliers
  • 11/25 - 11/27: Daily deals tailored for you (3)
  • 11/28 - 11/29: Update and manage inventory (2)
  • Link components together
  • UI design tweaks to make it look just right

Work on write-up and poster / pitch slide 12/2

  • Finalize EVERYTHING

○ Including website

slide-25
SLIDE 25

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
slide-26
SLIDE 26

26

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

slide-27
SLIDE 27

Roadmap

HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary

27

slide-28
SLIDE 28

28

Prototype Demonstration

slide-29
SLIDE 29

Roadmap

HE Results and Revised Design Prototype Implementation Prototype Demonstration Summary

29

slide-30
SLIDE 30

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)

slide-31
SLIDE 31

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

slide-32
SLIDE 32

32

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!