04.05.2020 Views

Brewww. App Documentation Steps

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

DOCUMENTATION STEPS

THOMAS MESSINA | INT2 PROJ2 | 5.5.20


1 - Planning & Research

GUIDED TEA BREWING + SOCIAL IN-FLIGHT TRACKER + MEDIA GARDEN HEALTH & CARE

An app that has on-screen instructions, timer,

weights, measurements, temperatures for

different types of tea leaves and brewing/steeping

methods. I’d also like to incorporate a social feed,

where users can log/share what they’re drinking by

giving their tea a rating.

An app for an airline (Southwest?) that has

information about the current flight. Altitude,

speed, time elapsed, weather, arrival time. All

displayed in an attractive UI. This app could also be

used for all in-flight media. TV shows, movies, wifi

purchasing.

With the use of bluetooth water/sun/temperature

monitors, this app would give health updates

on your garden/crops and give reports about

suggested harvest time windows among other

useful information.


Guided tea brewing + social

An app that has on-screen instructions, timer, weights, measurements, temperatures for different types of

tea leaves and brewing/steeping methods. I’d also like to incorporate a social feed, where users can log/share

what they’re drinking by giving their tea a rating.

FILTRU MIGHTY TIMER BREW TEA

PROS: Sleek design,

many methods,

customizable, store for

shopping, BT scales.

CONS: Only coffee, no

social aspect, Discover

tab feels useless, cart

feels like money grab/

sponsored.

PROS: Able to add

custom tea, search all

teas, sort: recent, dark/

light mode, nice colors.

CONS: Essentially a

glorified timer/temp

catalogue. Some fonts are

way too thin.

PROS: Tasting notes and

tips, caffine tips, wide

selection, nice pics.

CONS: Still just a timer/

temp information

catalogue. Has banner

ads, no good sort option.


In-flight tracker + media

An app for an airline (Southwest?) that has information about the current flight. Altitude, speed, time elapsed,

weather, arrival time. All displayed in an attractive UI. This app could also be used for all in-flight media. TV

shows, movies, wifi purchasing.

FLIGHTRADAR24 FLIGHT TRACKER SOUTHWEST

PROS: Closest to what

I have in mind. Map

customization, crazy 3D

view, filters, tons of info

for each flight.

CONS: Doesn’t look as

attractive as it could, kind

of buggy to close a flight.

PROS: Has huge list of

airports and maps. Ability

to add “my flights”.

CONS: Can’t track insky

flights and their info.

App is very cluttered and

confusing. Repetitive

menus.

PROS: On brand, well

developed.

CONS: Hard to see inflight

screens when you’re

not in-flight. Current app

has checkin/status pages

which isn’t what my app

would be.


Garden health & care

With the use of bluetooth water/sun/temperature monitors, this app would give health updates on your

garden/crops and give reports about suggested harvest time windows among other useful information.

GARDENIA GREENFINGERS MY GARDEN

PROS: Weather features,

advanced settings for

tending to flowers, tons of

information on water/soil.

Looks good.

PROS: Centered around

BT devices. Nice icons.

CONS: Not many plants

to choose from.

PROS: Syncs with your

location for project ideas.

Ex: add chives to garden.

Gives what you’ll need,

timeline, tasks.

CONS: Only supports

flowers. A little confusing

on notification support.

CONS: Fresh tips tab

feels extra, no ability

to add custom img, no

support for BT devices.


Feature List for Brewww.

MOST IMPORTANT LISTED FIRST

1. Guide for preparing coffee

6. A social feed to see friends coffee

2. For different types of brewing methods

7. Foursquare implementation to log location

3. Instructions with ratios/timers

8. Change dose of coffee

4. Social media aspect

9. Settings for other temp/weight units

5. Ability to log/rate your coffee

10. Link a BT scale for accuracy


Personas & Scenarios

ARTHUR S.

DEMOGRAPHICS

• Age: 28

• Status: Single

• Location: Brooklyn, NY

• Occupation: Freelance Web Developer

BACKGROUND

• Lives alone in a rented apartment.

• Usually wakes up around 10:00am and orders

breakfast to pick up on his way to meet clients.

• Spends most of his time working in cafes and

coffee shops around Brooklyn.

SCENARIOS

• Is always drinking different types of coffee and

wants a way to keep track of what he likes.

• Along with logging what type of coffee he drinks,

he wants a way to know where he is drinking it.


Kenny B.

PERSONA & SCENARIOS

DEMOGRAPHICS

• Age: 21

• Status: Single

• Location: Berklee College of Music

• Occupation: Student

BACKGROUND

• Comes from an upper class family.

• Lives in an on-campus apartment with 3 other

guys.

• Takes his morning coffee seriously and is very

against Keurig machines.

• Kenny is ok with being 15 minutes late to his first

class if his coffee is perfect.

SCENARIOS

• Although sometimes when he’s rushing he might

miss a step or mis-weigh something. He would like

to have on-screen measurements and the ability

to modify them for a custom brew.

• His roomates are interested in how seriously

Kenny treats his coffee and want their own way to

follow instructions.


Casandra V.

PERSONA & SCENARIOS

DEMOGRAPHICS

• Age: 31

• Status: Dating

• Location: Jackson Hole, Wyoming

• Occupation: Social Worker

BACKGROUND

• Her and her boyfriend live in a small apartment in

a small town.

• She is starting to realize how much money she is

wasting by going out to get coffee every morning.

SCENARIOS

• Wants to see what other people are drinking.

• Would like guides on what the best equipment is

to buy.


Danny C.

PERSONA & SCENARIOS

DEMOGRAPHICS

• Age: 36

• Status: Married

• Location: Greenville, SC

• Occupation: Marketing Strategist

BACKGROUND

• Him and his wife recently moved to South Carolina

for work.

• They are looking to find friends through

their interests of coffee, beer, and food. They

downloaded Brewww. along with Untappd to get

social.

SCENARIOS

• They are both looking for the best cafes and coffee

shops to hangout at.

• They also would like to try locally sourced coffee

beans and where to find them.


Jeffrey A.

PERSONA & SCENARIOS

DEMOGRAPHICS

• Age: 47

• Status: Married

• Location: Milwaukee, WI

• Occupation: 2nd grade math teacher

BACKGROUND

• Jeff wants to be fully functional in his classroom

and requires coffee to do that.

• He consumes about 5-6 cups of coffee a day.

• He has a small brewing setup in his classroom for

himself.

SCENARIOS

• He knows there are many ways to brew coffee and

is looking for a new, more effective method.

• He receives a monthly sample box of different

coffee beans and wants to keep track of which he

likes.


Site Map

Log-In

Bottom Bar

Splash Screen

Prepare

Check-In

Quick Add

Activity

Profile

Sign Up

Landing screen

Choose brew

method

Fill out check-in

form

Multiple pop-out

options

View by

User's image,

name, bio.

Customize dose

Post

Friends List

or

Nearby

Edit

Post options

Friends

Steps/timer begins

Post 2

Post 1

List

Remove a friend

Done. Share?

Profile

Profile Page

Location Location Details Other check-ins here

Image

Coffee Details

Expand Image

Other check-ins

Activity-like page

Post

Roaster Details

About page

Comment

Keyboard opens

Like

Feedback

Post 2

Post 2


Competitor Moodboard

UNTAPPPD


AngelsCup

COMPETITOR MOODBOARD (CONT.)


UI Inspiration Moodboard


UI Inspiration Moodboard

CONTINUED


Process Flow

Home

Top Navigation

Prepare Coffee

Check-In

Activity

Profile

Notifications

Settings

Quick Add

Image

Brew Methods

French Press

Chemex

AeroPress

Moka Pot

Custom

Change dose

Information on

method

What you'll need

Enter custom steps

cup amount

Roaster Name

Coffee Name

Rating /5

Notes

Add Image

Add Location

Post

Search Nearby

Venues

View friends

View nearby

Check-In Post

Name

Location

Image

Coffee Name

Roaster Name

Rating /5

Notes

Brew Method

Flavor spider graph

Like

Venue Details

Check-in here

Recent Activity

Venue foursquare

Venue Yelp

Coffee Details

Check-in thiscoffee

Recent check-ins

Roasters website

Bio

Check-In numbers

Friend List

Check-In Post

Name

Location

Image

Coffee Name

Roaster Name

Rating /5

Notes

Brew Method

Flavor spider graph

Post Options

Edit

Delete

Social Reactions

Clear Notifications

Log Out

Temp. Unit

Start Brewing

Check in coffee

Weight Unit

Other Utilities

Bottom Bar

Prepare Check-In Activity Profile

Begin guided

preperation

Done! Share?

No

Yes

Enter coffee info

Roaster Name

Coffee Name

Rating /5

Notes

Add Image

Add Location

Flavor spider graph

Some fields will be

required but most are

optional and can be

left blank.

Can just be "Home"

Comment

Check-In Post 2

Check-In Post 3

Check-In Post 4

Check-In Post 2

Check-In Post 3

Check-In Post 4

Post

Splash Screen Log-In Sign Up


Logo Options

1

brew’d

5

brew’d

9

Brewd

2

Brewd

6

BRE W .!D

10

brew 3

3

B r e w .

7

bre www .

11

BRE W .!D

4

b r e w. B r e w.

8

b r e w .

12


App Icons

1 2 3


Paper Wireframes


Paper Wireframes

CONTINUED


Paper Wireframes

CONTINUED


Usability Testing Script

VERSION 1

1. Your friend Celia just got Brewww. add her.

6. What method did I brew it with?

2. There are two ways to view the add a friend page. Show

both.

3. Show me all coffees the user has had in a list view.

4. Where am I (user) from?

5. What did I rate my most recent coffee?

7. My friend Lionel, what is his username?

8. Check in a new coffee and add a photo.

9. Begin brewing with a Chemex.

10. Before you start brewing a coffee, where would you

change the unit from Fahrenheit to Celsius?


Usability Testing Script

VERSION 2

1. Your friend Celia just joined Brewww. Add her by username

“celiaporterr”.

1b. There are two ways to reach the add a friend page. Show me

both.

2. When checking in a coffee, what is the only required field?

3. Start brewing some coffee with a chemex. How many grams of

coffee for one cup?

4. You’re about to check-in a coffee. What are some nearby

venues?

5. What is the average rating for the coffee “panama elida estate”?

6. Who is the roaster for your (user) most recent coffee? 6b.

Where are they located and how would you get to their website.

7. How many check-ins does your friend Kenny have? Can you

also list off some of the coffees he’s had?

8. Show me a post of someone else who’s had panama elida

estate. Who are they and what did they rate it?

9. You’re curious as to where people around you are checking in.

Where would you go to see that?

10. You’re about to start brewing some coffee but want to change

your units to Celsius. Do that.

11. roast is your favorite coffee. What’s the fastest way to brew

that?

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!