Brewww. App Documentation Steps

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?