PROJECT 02

PROJECT 02
PROJECT 02
Different Ways
PROJECT 02
SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | i
PROJ EC T 02 | DIF F ER EN T WAY S

ii Project 02 | Different Ways MODULE 06

iii Different Ways Mock-up
18 Step 12 | Infographic Layout sketches
iv Different Ways Details
19 Step 13 | Infographic First Draft
v Different ways on a Laptop.
20 Step 14 | Infographic chart refinements (3-5)
vi Ponder | Project 02
21 Step 15 | Infographic Fact refinements (3-5)
22 Step 16 | Side by Side Comparison
MODULE 04
23 Ponder | Module 06
2 Step 01 | Define Client and Audience
3 Step 02 | Facts: List and Choice M O D U L E 07
4 Step 03 | Exploration: Visualization Ideas
25 Step 17 | Infographic Refinement
5 Step 04 | Exploration: Visualization Idea Sketches
26 Step 18 | User Testing
6 Video Notes | “Effective Information Visualization”
27 Step 19 | Infographic Refinement After User Testing
7 Ponder | Module 04

M O D U L E 05

9 Step 05 | Research: Interesting Facts and comparisons

10 Step 06 | Research: Creativity in Visualizing Information
11 Step 07 | Research: Visual Style [ Photography ]
12 Step 08 | Research: Visual Style [ Charts/Graphs ]
13 Step 09 | Research: Visual Style [ Infographic ]
14 Step 10 | Research: Visual Style [ Layout ]
15 Step 11 | Exploration: Digital Chart Sketches
16 Ponder | Module 05

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | ii

DI FFE R E N T WAY S M O C K- U P

In this project, I
created a visual
info-graphic
with the intent to
convince Americans
to drink less bottled
water while raising
awareness of the
amount of pollution
caused by plastic
bottled water.
Design elements
implemented
include graphs,
charts, maps, and
statistics. I used an
monochrome color
scheme with shaded
colors to emphasize
the dark truths of
bottled water. All
illustrations and
icons are my original
designs.

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | iii

DI FFE R E N T WAY S D E TA I L S

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | iv

DI FFE R E N T WAY S O N A L A P TO P

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | v

P O N D E R | PR OJ E C T 02
What is the Behance or portfolio link to
this project?
Behance Link
What three concepts have been the most
valuable to you in this project?
The three concepts that have proven most
valuable to me through this project have
been user-testing, sketching, and revising.
Having a sounding board to refer to when
creating graphics is key. Sometimes
designers can get lost in their own concepts
and forget how their projects flow to the
audience. Having fresh eyes to look at the
work you have been staring at for hours
helps add perspective and insight. Sketching
has been so helpful as well because it is
a good way to get a lot of ideas down on
paper. Once all the sketches have been
put down in one place, if I feel stuck while
designing, I am able to go back and refer to
my sketches in order to explore ideas. It is
like having my own personal treasure trove
of ideas that relate to my project that I can
look at when I need new inspiration or if I
simply forgot a good idea I had in the start.
SAMANTHA VIEHWEG
Who in the class do you contact if you comes out. Additionally, it is good to
need help with an assignment besides the have employess who can effectively
instructor and why? communciate with clients since a lot of
graphic design work is commission based,
I can always contact my peers since they
and close contact with the customer is
are completing the same projects they may
crucial in order to properly create designs.
have already come up with solutions to
my problems by contacting other people
Who is an infographic designer that you
or on their own. There is a helpdesk as
admire?
well through BYUI that I can contact with
mentors and other faculty members that I enjoy the work of Christoph Neimann. He
are suited to troubleshoot with students. I does not exclusively work on infographics,
always need to refer to the announcements but I have seen him do some and I love
and discussion boards first too since some his simple illustration style. He also has a
of my questions may have already been large appreciation for art and entire field
addressed by other students. If all else fails, of design since has been a professional
the instructor is available to help as well, working with The New Yorker for quite a
but other avenues may make more sense long time. I have seen documentaries on his
depending on the specific situation. design processes, and have come to admire
his work in both design and illustration.
Did you know that your ability to conduct
user testing and then respond to the
users needs make you more valuable as
a designer? Why do you think companies
will pay more?
In the world of applied arts, the customer
always has the final say on how a design
ART 331 INFORMATION DESIGN | vi
PROJECT 02
PROJECT 02
PROJECT 02
Module 04
PROJECT 02
SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 1
S T E P 01 | DEF INE C L IEN T A ND A UDIEN C E
CLIENT DESCRIPTION
Mother Jones, a reader-supported
investigative news journal, seeks to
challenge and inform the public about on
a wide array of controversial news topics
surrounded by misinformation. They target
the American public as their main audience
to influence with their stories.
PROJECT DESCRIPTION
The client wants to commission an
infographic with clear and cohesive
information that aims to reduce the
consumption of bottled water by exposing
the negative hidden facts about bottled
water, and promoting the need to sustain
clean and abundant drinking water. A list
of required facts and figures have been
provided by the client to include in the
project, but the designer has the discretion
to shorten and reorder the information
as long as they preserve the accuracy and
message of the original data. The final
design should include a clear title and needs
to be 720px wide × 3024px tall.
SAMANTHA VIEHWEG
AUDIENCE DESCRIPTION
As a part of the American public, I am closely
familiar with the issue of bottled water
consumption for citizens in the country.
American relationships with water have
moved away from water being a necessity
for life and more of a luxury and capitalism
venture. Increasingly, Americans worry
about the taste quality of their water and
whether it is a brand name or claims to
come from “glacial springs.” Bottled water
is seen is a staple of high-end hospitality.
It comes in many different sizes, styles,
and flavors, and is offered in waiting
rooms at doctor offices, hotels, and other
hospitality locations. In some instances,
cities have water shortages or water that
is not properly cleaned well enough to
drink, making bottled water the only
option available. Additionally, marketing
companies argue that bottled water saves
the consumer from unwanted chemicals
placed in tap water or offers more vitamins
than would be found in regular dinking
water. Even as bottled water costs continue
to rise, Americans continue to consider it as
a necessity rather than using that money
to fund city water treatment facilities.
Unfortunately, even if the facts regarding
the pollution and health were made more
widespread, I still think Americans would
look the other direction and continue to
consume bottled water until it become so
expensive or difficult to access that it was
no longer a viable option for the everyday
citizen.
SPECIFIC CULTURAL CUES
For an inforgraphic for an American
audience, it is important to remember
that Americans read left to right, record
temperatuer in Fahrenheit, and use the
customary system of measurement which
includes, gallons, inches, miles, etc.
ADDITIONAL INFORMATION
Other things to consider with the creation of
this infographic is to create a cohesive color
palatte that illustrates the subject and a
sense of entertianment that can engage the
audience as they view the information.
ART 331 INFORMATION DESIGN | 2
S T E P 02 | FA C T S: L IS T A ND C H OI C E
Possible facts to visualize:
01. Sources of bottled water.
02. Amount of water used to
make bottled water.
03. Recycling rates for plastic
bottles.
04. U.S. consumption rate of
bottled water.
05. Average cost of bottled
water.
06. How much of the beverage
market is taken up by
bottled water.
07. How much more expensive
bottled water is compared
to the tap.
08. How many bottles of water
are consumed globally.
09. How many water bottles
Americans go through each
day.
SAMANTHA VIEHWEG
10. How many bottles from
bottled water end up in
landfills.
11. How much bottled water is
sold in the U.S.
12. How much petroleum is
used to make plastic water
bottles.
13. How long it takes for a
plastic water bottle to
biodegrade.
14. Leading bottled water sales
brands.
15. Locations where Americans
drink bottled water.
16. Pollution caused by bottled
water.
17. How much bottled water is
recycled.
18. Whether or not bottled
water contains fluoride.
19. Water quality vs. price of
bottled water.
20. Contaminants found in
bottled water.
Five selected facts:
01. How long it takes for
a plastic water bottle to
biodegrade.
02. How much more expensive
bottled water is compared to
the tap.
03. Amount of water used to
make bottled water.
04. How many bottles from
bottled water end up in
landfills.
05. Pollution caused by bottled
water.
ART 331 INFORMATION DESIGN | 3
S T E P 03 | E X P LOR AT ION: V ISU A L I Z AT ION IDE A S
Possible visualization ideas for your facts
01. A bar graph showing the
percentage of plastic water
bottles in landfills, with the
bars designed to look like
the items they represent.
02. A pie chart showing the
percentage of plastic water
bottles that are recycled.
03. Sources of bottled water
depicted as levels of water
in a bottle.
04. The molecular structure of
PET in the form of a plastic
bottle.
05. The cost of water bottles as a
wallet full of water bottles.
06. Chemicals found in water
bottles in colors that
showcase each fact about
them.
SAMANTHA VIEHWEG
07. Barrels of oil on a scale
across a comparison.
08. A pie chart of landfill waste
including the percentage of
bottled water.
09. A water bottle filled 1/4 full
with oil.
10. Water bottles in the gas tank
of a car.
11. Water bottles pouring gas
into an engine.
12. A bar graph of bottled water
sales volume depicted as
water bottles.
13. Animals with plastic bottle
pieces on them.
14. Animals made out of plastic
water bottles to represent
pollution.
15. A skyscraper made of bottled 22. A tap pouring coins into
water to show sales volume. a water bottle to depict
money lost on buying
16. Plants growing around a
bottled water.
non-degraded plastic bottle.
23. An oil refinery blowing
17. A water bottle full of barrels
smoke with the facts inside
of oil.
the smoke clouds.
18. An ocean of oil with plastic
24. People dropping money into
bottles floating in it.
a giant water bottle.
19. A barrel of oil pouring into
25. A plastic water bottle with a
its equivalent size of a
toxic symbol on it.
football field.
20. People shaped plastic
bottles being filled up by the
water consumed by bottled
water consumption.
21. A scale showing 800,000
tons of pollution holding
up a large building or
something of equivalent
weight.
ART 331 INFORMATION DESIGN | 4
S T E P 0 4 | E X P LOR AT ION: V ISU A L I Z AT ION IDE A SK E TC HE S

Here are some

sketches of 15 of
the visualization
ideas listed on the
previous page. I kept
the color scheme in
black and white to
focus on the shapes
of the designs, and
I also labeled each
sketch with the
basic idea behind
what is trying to be
communicated. I
really like how the
car being fueled
by bottled water
oil turned out. I am
also a fan of the oil
refinery clouds. I
think I like a sense
of whimsy with my
designs, and those
ones communicate
their ideas clearly
while still being
interesting.

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 5

V I DEO N OT E S | “EF F EC T I V E INF OR M AT ION V ISU A L I Z AT ION ” B Y M AT T HI A S SH A P IRO
What are the three steps of building
effective information visualizations
(according to the video)?
1. Ask a specific question. (i.e. where do you
live, or how much do you make?).
2. Gather information. It needs to tell the
story and stick to three dimensions of
information. Don’t gather more than you
need.
3. Apply a metric. This involves taking a singl
piece of data and visualizing it.
Why should we limit our information to
3 dimensions and what do you think this
means based on the diagram in the video?
We see in 3 dimension and we understand
information in small chunks. We also avoid
adding unnecessary detail this way.
The video list 5 basic “metrics” that can be
applied to information to help visualize it.
What are these?
SAMANTHA VIEHWEG
1. Size. This applies to effective bar graphs
and things like that.
2. Color. This is good for large amounts of
data and helps set it all apart into smaller
chunks.
3. Location. This includes maps and
visualization of patterns of movement.
4. Networks. These are good for binary data.
Things are connected or they are not, and
designers need to be cautious of how many
connections they include in these.
5. Time. Timelines and animations are a part
of this category, as well as the use of rhythm
and speed.
How might you apply the concepts from
this video to this project?
When making an infographic, I need to
consider the story I want to tell with the
information I present to the audience. What
things need to be said first before I can go
into greater detail about them? How do
I lead in with useful context or provide a
solid conclusion? Am I saying too much or
too little? All of these factors come into the
effective design of visual information.
How are the concepts in this video
relevant to your chosen discipline or
profession?
My chosen discipline is graphic design. A
large chunk of this career field is taking
information or identities and boiling
them down to their clearst and most basic
elements. Using the metrics in the video,
I can help tell a story about my clients or
data even if my design is simple or limited in
some ways.
Please indicate any other concepts within
this video that are relevant or important
to this project or your career.
The visualizations were extremely simple
in the video. Rather than embellishing the
presentation or creating intricate designs,
the visuals were simple because the subject
matter had to be fast and to the point and
reach as many people as possible. Audience
is always key in design.
ART 331 INFORMATION DESIGN | 6
P O N DE R | M ODU L E 0 4
Reflection
I completed this infographic project once
before, but I don’t think I understood the
concepts behind it as fully as I do now with
more experienced eyes. The first time
through, I spent a lot of time just trying
to understand the Adobe programs and
figure out how to translate my basic ideas
into visual forms. This made all the visual
cruder than I would have liked, and I was
not able to focus on more important design
principles like typography, heirarchy, color,
etc. I had a basic foundation of knowledge
for what I wanted to accomplish, but I did
not have the technical skill to create it. Now
that I understand how to use all my tools
and programs better, I find myself taking
a lot more time on the conceptual aspects
of this design process, and I really want to
create something worthwile. I think a large
hang up I have when desiging information is
that I feel there is only “style” that can look
professional. As an illustrator as well, I tend
to hinge a lot of my final product success
on the aesthetic appeal rather than the
effectiveness of the presentation of data.
SAMANTHA VIEHWEG
For this second time through this project,
I want to put a heavier emphasis on the
design principles I plan to execute and
let the visual “style” just come naturally.
While aesthetics are indeed important, for
my learning process in this project I need
to focus on effective design, since I was
starkly lacking in this area the former time
I completed this project. In order to achieve
this goal, I have broken down all the aspects
of my infographic into sections of which
I plan to ask myself thorough questions
about the design principles and clarity
applied to each individual section. The
principles that I am intentionally pushing
for this project are typography heirarchy,
information organization, color, negative
space, and rhythm. I want to make sure that
my information is clear and concise and
guides the audience toward a goal. I want
this goal to be unmistakable and effectively
accomplished. I want the designs to look
nice as well, but again, I am mainly putting
my efforts toward accomplishing the actual
design principles rather than the aesthetics.
One of the reasons I feel that I am typically
held back by my designs is the fact that
I overthink them and lose the simplicity
of what I am trying to say. I want to
keep things as simple as I can and only
communicate what is absolutely necessary
to drive my point home. I think that I am
often afraid of simple designs because I
don’t want my work to feel boring or lacking
in information, but there is a principle in
art about working through a project until
there is nothing left to take away. I want to
make my design tightly, to a place where
everything on the canvas has a significant
reason to be there and then I can worry
about the overall visual appeal of the
content, but the information comes first.
ART 331 INFORMATION DESIGN | 7
PROJECT 02
PROJECT 02
PROJECT 02
Module 05
PROJECT 02
SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 8
S T E P 05 | R E SE A RC H: IN T ER E S T ING FA C T S A ND COMPA R ISONS
What specific information from
your dataset is hard to compre-
hend or understand?
01. It takes 1.39 liters of water
to make 1 liter of bottled
water.
02. Americans go through
around 1,500 bottles every
second.
03. To make the annual demand
of water bottles in the U.S.,
about 17 million barrels of
oil are needed
04. People can spend up to
$346 per year on bottled
water, but would only spend
about 48 cents on the same
amount of tap water.
05. It’s estimated that it takes as
long as 450 years for a single
plastic bottle to biodegrade.
SAMANTHA VIEHWEG
What comparisons could you
make to help somone under-
stand that amount or quality
or relate that amount to some-
thing they are more familiar
with?
01. How many bottles of water
are lost in the production of
a dozen water bottles.
02. What could you do with the
amount of water lost?
03. What percentage of the
water in the bottle is lost?
04. The amount of water lost
converted to cups.
05. The amount of water lost
compared to how much
water a person needs daily.
06. How much space does that
amount of water take up?
07. Compare the water to how 16. What does that money look
many people it could sustain like side by side.
for an entire day.
17. What could be bought with
08. How much space do those that excess money?
bottles take up?
18. What’s the monthly
09. What could that amount of breakdown of that money?
plastic build?
19. How many water bottles
10. Consider how long a day is would that money fill?
in seconds and how many
20. Imagine that money as a
water bottles that ends up
check every year.
as.
21. What happens to the
11. How many football feilds do
environment in that amount
those barrels take up?
of time?
12. How large of a pool would
22. How many lifetimes of a
that oil fill?
single person is that?
13. What could that oil fuel in a
23. Time compared to how long
year?
the U.S. has been a country.
14. Imagine the barrels as a
24. Compare it to how long
skycraper.
something else degrades.
15. What could fit into those
25. Picture the future of full
barrels?
landfills.
ART 331 INFORMATION DESIGN | 9
S T E P 06 | R E SE A RC H: C R E AT I V I T Y IN V ISU A L I ZING INF OR M AT ION

Creative Icons Creative Color to Show Differences - Most Relevant Creative Numbers and Steps
to My Project

Creative Map Depiction Creative Bullet Lists Creative Element Relationships - Most Relevant to
My Project

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 10

S T E P 07 | R E SE A RC H: V ISU A L S T Y L E [ P H OTO G R A P H Y ]

Bottled Water in Trash - Most Relevant to My Project Clean Drinking Water - Most Relevant to My Project Bottled Water Production

Oil Barrels - Most Relevant to My Project Bottled Water Go Green

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 11

S T E P 0 8 | R E SE A RC H: V ISU A L S T Y L E [ C H A R T S/G R A P HS ]

Creative Statistics - Most Relevant to My Project Creative Pie Chart Creative Statistics - Most Relevant to My Project

Creative Bar Graph Creative Bar Graph Creative Timelines

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 12

S T E P 09 | R E SE A RC H: V ISU A L S T Y L E [ INF O G R A P HI C ]

Diabetes Infographic Production Infographic - Most Relevant to My

Project

Social Media infographic Various Grid Structure Infographics Food Chain Infographic - Most Relevant to My
Project

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 13

S T E P 10 | R E SE A RC H: V ISU A L S T Y L E [ L AYO U T ]

Cooking Moby Dick Animation

Infographic Infographic Infographic

The title is clear The color scheme Complementary

and inviting. The highlights the colors keep the
caption below content and the information
tells the viewer entire infographic separated but
what direction the has a clear and make the individual
information will concise title. The sections from being
be headed. There imagery is all monotonous. There
are lines and step relevant and simple is an element in the
numbers to guide enough to not background that
the viewer and the detract from the leads the audience
typography has information. There from point to point
a clear heirarchy is a good amount of and aids the flow of
between titles and contrast from the the infographic. A
subtext. There is a background and good use of negative
conclusion at the typography so that space is used on the
end that wraps up all the data is easy margins to condence
the information and to read. The gradient the information
provides a clean adds dimensionality into one space. All
resolution. The and interest to the the elements are in
colors are warm design. There is a signle style that
and fit well with the a good variety in unifies the design.
subject. elements.

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 14

S T E P 11 | E X P LOR AT ION: DIG I TA L SK E TC HE S

This is my preliminary sketch of

the entire infographic in order
to explore layout and data
organization. I came up with a
title: Drinking Plastic - The Hidden
Truth Behind Bottled Water. I
also determined a slogan: Think
and Drink Again. I have a path
guiding the viewer from point
to point as water pouring from a
plastic bottle. My color scheme
is monochromatic aquamarine
to represent plastic and water.
I have bubbles all around the
water path to add some fun
underwater atmosphere, and I
have structured each of my points
to lead into the next one. I still
have a few additional facts I need
to add in, but I have sketched
out all the required facts for the
assignment. Some of them need
more work as to how they will fit
into the infographic, so I need to
take some time thinking of how
to maximize the usage of the
allotted canvas space.

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 15

P O N DE R | M ODU L E 05
What do you need to consider when
designing this long, thin infographic for
a target screen dimension of 1024 × 768
pixels?
I have my infographic broken into sections
of information, and since the screen space is
limited to 1024x768 pixels, I need to ensure
that each section has information that is all
interrelated, and that the actual section breaks
look organic when a user scrolls through the
entirerty of the inforgraphic. The information
should flow in a way that naturally guides the
user to scroll down to the next 1024x768 pixel
area, and each of these areas needs to balanced
visually and provide similar amounts of relevant
information on the topic of bottled water.
What are your impressions of infographics
after completing your process this week?
There are so many ways to successfully create
visually interesting infographics. With all of
the facts out there and all the different types
of design styles and principles, there is no way
to make one single perfect infographic that
informs on the entirety of a subject, especially
SAMANTHA VIEHWEG
one as controversial as bottled water. In
addition, there are many different positions
and tones that can be taken on the subject,
and each designer has a different approach to
creating their own position on the matter. After
completing this week’s work, I understand how
useful infographics can be. They are a great
way to present a lot of complex information in
digestable quanities that can be interesting and
informative to a large audience, and the nature
of the digital design means that this information
can easily be spread and seen by many people
all over the globe. Infographics in different
styles have the ability to appeal to different
demographics within the audience, as well,
so I think it is worthwhile that there are many
infographics out on there on the same subjects.
When are you planning on graduating and
what are your plans to transition into the
working world?
This is my last semester of my Bachelor’s
degree, so if everything goes my way, I will be
graduating in April of 2021. I have already taken
the Portfolio Capstone class, and have been
working hard to gain freelance clients during
my time as a student. I have not applied for an
internship yet, but I have been apprenticing
with some professional graphic designers in
my life, and have been studying my discipline
hard in order to gain some valuable skills in
my field. I am an illustrator as well as graphic
designer, and I have been working on expanding
my abilites in photography, animation, and
sculpture in order to be well-rounded in my
artist ventures. I think one of the largest things
than can help anyone be successful in their
chosen field is to build connections with other
professionals, so I have been working hard
to build familiarity and friendships with my
peers and instructors during my time at school.
Having a support system of people who do
the same career as you is such a good way to
find opportunities and helps to push you along
toward your goals. You also have more chances
to collaborate and create interesting work.
ART 331 INFORMATION DESIGN | 16
PROJECT 02
PROJECT 02
PROJECT 02
Module 06
PROJECT 02
SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 17
S T E P 12 | INF O G R A P HI C L AYO U T SK E TC HE S

Layout Sketch

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 18

S T E P 13 | INF O G R A P HI C F IR S T DR A F T

Complete First Draft

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 19

S T E P 14 | INF O G R A P HI C C H A R T R EF INEMEN T S

Drought Map Bar Graph Pie Chart

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 20

S T E P 15 | INF O G R A P HI C FA C T R EF INEMEN T S

PET Fact Oil Use Fact Cost Fact

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 21

S T E P 16 | S I D E BY S I D E CO M PA R I S O N

Left: Mine

Right: Professional (Takes up 3 Panels)

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 22

PONDER | MODULE 06
When you placed your infographic next
to a professional example, what did you
notice?
There some things going right with
mine when I look at it compared to the
professional one. I have made good use
of the canvas, but my margins could be
better. I also have a lot more text than
the professional one, so I need to shift
my focus more on the images and visual
representations of information. I also do
not have enough range of color and contrast
with my monochromatic color scheme. My
numbers and statistics need to be larger as
well. From what I can see, I need to make
the name of the website larger too. The
professional one highly emphasizes the
commissioning website. Mine is smaller,
but that is the scope of the assignment
and I wanted to design within the set
parameters to challenge myself. I also
think my illustrations could stand to have
a little more style. They are pretty basic as
they are and the professional one takes the
illustrations to another level. There is a lot
of variance in the opacity as well.
SAMANTHA VIEHWEG
How are you using alignment, grouping,
and hierarchy in your infographic?
For alignment, I have margin spaces on all
sides of the infographic that the images
and texts align with. Additionally, I have
grouped together similar information under
subheader categories. These subheaders
are larger than the informational text, and
certain important elements within the
main bodies of text are larger and bolder
to create further type heirarchy. The title is
the largest element on the entire canvas to
create organizational heirarchy as well.
How do the colors you picked for your
infographic help the overall message?
My color scheme is monochromatic green.
It is supposed to communicate murky water
looked at through a plastic bottle.
Is your infographic just decoration, or is it
communicating?
I made sure the infographic is aesthetically
pleasing, but the illustrations and visuals
are all simple as to not detract from the
information trying to be communciated.
Have you over used display fonts?
No. I have not used any.
Have you developed a typographic
hierarchy? If you are not sure, look at
your infographic and decide which font
and size is used for the main descriptive
content. Are the typographic elements
that are more important larger or stronger
is some way? Are the typographic data
elements in charts smaller than your body
copy?
Yes, but it needs to be stronger.
Are there consistent widths in your
typographic structure? What are you
doing to create relationships between the
elements?
I have tried to keep similar elements
together and constructed each in a similar
style. There could be more consistency.
ART 331 INFORMATION DESIGN | 23
PROJECT 02
PROJECT 02
PROJECT 02
Module 07
PROJECT 02
SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 24
S T E P 17 | INF O G R A P HI C R EF INEMEN T

Refined First Draft

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 25

S T E P 18 | USER T E S T ING
User 01
“The colors look really nice. I think the
borders are a little funny. Why is there so
much white space on the sides? I am really
calmed when I look at this, but I don’t know
if that is the point since the subject matter
is actually kind of negative. It makes me
thirsty. Maybe that is a bad thing?”
SAMANTHA VIEHWEG
User 02
“I like how the background gets darker as
I go and makes me feel the darkness of
the bottled water facts. I think that there
isn’t enough space between all the words
though, and the words at the top don’t
match the rest. It looks pretty overall and
the illustrations are professional looking.”
User 03
“I think this looks amazing and professional.
The color scheme is cohesive and fitting. The
titles could use some better aligment and
contrast. The same is true about all the text
in general. The space is used well, but the
entire thing may be a bit too full. Overall I
understand the content and enjoy it.”
ART 331 INFORMATION DESIGN | 26
S T E P 19 | INF O G R A P HI C R EF INEMEN T A F T ER USER T E S T ING

Refinement Notes

I spent a lot of time making the

background more aesthetically
pleasing and paid specific
attention to the colors so that
the content would contrast
more effectively. I also added
section headings to the titles to
split the information apart and
provide even more structure
to overall flow of the design.
Halfway down the gradient, I
inverted the colors so that the
text would be lighter and more
visible against the darkening
background. I increased a lot of
the heirarchy in the typography
with shifts in glyph weights
and sizes. I made sure that the
title of the infographic and the
sponser, Mother Jones, were
the most important elements
in the design, and therefore the
largest and most contrasted.
Aside from that I just did general
illustration tightening up.

SAMANTHA VIEHWEG ART 331 INFORMATION DESIGN | 27