Fact Guide_MFA Graphic Design Thesis Project

Graphic Design & Digital Media MFA Thesis Cham Mi Kwon

Contents

01

[The Issue] Background / 06 Problem / 10

02

[Research] Ideation / 16

Target Audience / 40

Interview / 20

Project Schedule / 50

Insights / 36

03

[Development] Proposal Video / 54 Strategy Chart / 60

Materials Matrix / 62

04

[Visual Guideline] Logo Exploration / 66

Mood Board / 76

Typefaces / 72 Color Palatte / 74

05

[Deliverables] Campaign: Newsletter / 80

Education Website / 126

Campaign: Posters / 92

User Journey 01 / 142

Campaign: News Machine / 98

User Journey 02 / 148

Fact Guide App / 102

User Journey 03 / 154 The Future / 158

01 The Issue

Background Problem

Background

Last year held many surprises, and a big one (if not the biggest) was the Presidential election. It was also the year of many fake news and fake election stories in the United States. Let’s have a quick look at the information about popular fake stories in 2016 based on Facebook engagement. Another story which claimed that President Obama cut $2.6 billion from programs for veterans to support Syrian refugees in the United States was shared, reacted to and commented on 1.7 million times on Facebook in the three months leading up to the election. The fake news that Pope Francis endorsed Donald

Trump for President attracted more than 961,000 shares or comments on Facebook.

What Kinds of Fake News Exist?

There are four broad categories of fake news. ∙ Fake, false, or regularly misleading websitesthat are shared on Facebook and social media. Some of these websites may rely on “outrage” by using distorted headlines and decontextualized or dubious information in order to generate likes, shares, and profits. ∙ Websites that may circulate misleading and/or potentially unreliable infor-

Recently fake news is increasing as people access the internet media more easily.

THESIS — CHAM MI KWON FA C T G U I D E

mation ∙ Websites that sometimes use clickbaity headlines and social media descriptions ∙ Satire/comedy sites, which can offer important critical commentary on politics and society, but have the potential to be shared as actual/literal news.

What Kind of Problem There?

In some areas of the world, people have been focusing more heavily on fake news as a driver of mis-information for a few years now. Only in the past year has it gained widespread notoriety in the U.S., largely due to the fact that the 2016 presidential candidates highlighted the

THE ISSUE — BACKGROUND

issue, and because social media was added to the equation, with onlookers observing that people often share and re-share stories based on the headline alone, without further scrutiny. Social media has also made it less likely for people to reject fake news because it creates individual “bubbles” of news designed to show users content that algorithms determine that they will most want to see. The consequence has been the continued proliferation of fake news stories by users who promote them because they reinforce their personal worldviews.

6 7

“Everything we hear is an opinion, not a fact. Everything we see is a perspective, not the truth.”

—Marcus Aurelius, Roman emperor

THESIS — CHAM MI KWON FA C T G U I D E

8 9

THE ISSUE — BACKGROUND

Problem

About two-thirds of American adults (68%) say they at least occasionally get news on social media, about the same share as at this time in 2017, according to a new Pew Research Center survey.

Many of these consumers, however, are skeptical of the information they see there: A majority (57%) say they expect the news they see on social media to be largely inaccurate. Still, most social media news consumers say getting news this way has made little difference in their understanding of current events, and more say it has helped than confused them (36% compared with 15%).

Asked what they like about the news experience on social media, more Americans mention ease of use than content. “Convenience� is by far the most commonly mentioned benefit, (21%), while 8% say they most enjoy the interactions with other people. Fewer social media news consumers say they most like the diversity of the sources available (3%), or the ability to tailor the content they see (2%).

About two-thirds of American adults say they at least occasionally get news on social media.

THESIS — CHAM MI KWON

32%

FA C T G U I D E

20%

Often

Never

27%

Sometimes

21%

Hardly ever

THE ISSUE — PROBLEM

10 11

Even though most social media news consumers are concerned about inaccuracy, but many still see benefits of Convenience.

68

THESIS — CHAM MI KWON FA C T G U I D E

12 13

8%

THE ISSUE — PROBLEM

02 Research

Ideation Interview Insights Target Audience Project Schedule

Ideation THESIS — CHAM MI KWON FA C T G U I D E

Fake news has been with us for a long time. There are clickbait, satire, sponsored content, propaganda, partisan news sites, and etc. However, today’s fakes news problem is more dangerous and stronger than before. Due to the nature of the Internet, people are exposed to fake news more easily because unverified misinformation can spread freely through various platforms. Especially at the last presidential election a lot of plausible fake news were spread through the internet and many people are confused. To decrease this kind of new form of fake news problem, many companies, organizations, and social

RESEARCH — IDEATION

media are trying to make a new system and technology. As a graphic designer I want to help to decrease the impact of the social problem so, I approached this fake news problem.

For the research I approached the problem in diverse ways such as making keywords cards, surveys, interview and reading books.

16 17

The words ‘reliable, trusted, detail’ are keywords for this project.

THESIS — CHAM MI KWON FA C T G U I D E

RESEARCH — IDEATION

18 19

Interview

About interview I made a question paper to hear people’s opinions about the Fake News issue. The question paper has categories wich are fake news, news, fact checking system, education, and design. Through this research, I was able to get new ideas and insights that I didn’t know before.

Questions Fake news 1. When and where was the first time you read an example of fake news?

What do you think is the best way to distinguish fake news?

2. What do you think is the best way to distinguish fake news?

3. How do you get your news? What kind of media outlets? (ex: TV - CNN / Online - Facebook ) News 4. When you see a news article, do you only read the headline or the article thoroughly? Why?

THESIS — CHAM MI KWON FA C T G U I D E

5. What is the best news media outlet in your opinion? Why? 6. Have you thought about whether an article is true or not before you share it?

Design 9. Do you care much about visual design when you watch the news? How does it affect you? Which news brand has the best design?

Fack checking organizations 7. Do you know about any fact-checking websites and organization? Tell me about your experiences.

Education 8. Do you know any education system related to journalism? Or do you have any good ideas to effectively teach media education?

RESEARCH — INTERVIEW

20 21

First interview

July 18 / Teazzert Cafeteria, Alameda

Hongsuck Kim (29) Aircraft Maintenance Technician

Hyoju Kim (30) UX UI Designer

Scott Kunho Kim (32) Graphic Designer

Transcripts A : Hongsuck Kim (29) B : Hyoju Kim (31)

distinguish fake news?

C : Scott Kunho Kim (32) 1. When and where was the first time you read an example of fake news?

A : He said he had seen Fake News about Trump and Russia through social media.

B : She can not say which news is definitely Fake News, but she thinks she is exposed to a lot of fake news.

C : He said he saw many fake news on Facebook during the 2016 US presidential election.

2. What do you think is the best way to

A : Reliability source info, clear publishing info B : watching news through trusted news media C : Checking articles in various news media 3. How do you get your news? What kind of media outlets?

A : Social media such as Facebook / Web searching by phone B : Mostly CNN / Sometimes Facebook by phone C : Mostly Social media such as Facebook, LinkedIn news feed by phone 4. When you see a news article, do you

On Tuesday night, I talked with my friends about Fake News in a neighborhood cafe.

THESIS — CHAM MI KWON FA C T G U I D E

only read the headline or the article? why?

They said that mostly read only the headlines of the articles, but they read the contents of the article if they were interested.

5. What is the best news media in your opinion? why?

A : CNN / Because it has been working in this business for a long time.

B : CNN, SFgate / Because of accessibility and credence C : New York Times, Guardians 6. Have you thought about whether an article is true or not before you share

RESEARCH — INTERVIEW

it?

A : He does not believe that it is true because he gets so much news and information through social networks. So he said he was reluctant to share the article.

B : She usually doesn’t have doubt for news articles.

C : He said he usually does not doubt because he shares news that matches the facts he knows.

7. Do you know about fact-checking websites and organizations? Tell me about your experiences.

A, C : They don’t have any idea about fact checking organizations.

B : She knows that fact checking web22 23

“For your project, credibility and accessibility would be key points.”

sites are exist but she has not visited the websites because she thinks the websites have bad accessibility. So she hopes that they put their icons at the end of the article on the social media.

8. Do you know any education system related journalism? Or do you have any good idea to effectively teach media education?

A : He knows nothing about journalism education and has never taken it. But what he thinks is an effective way of teaching people to read as much news as possible and have their own knowledge.

B,C : No idea

9. Do you care much about visual design when you watch the news? How does it affect you? Which news media has the best design?

A : He said the design of the news media is one of the most important elements that attract people’s attention. CNN App. Because of simple design.

B : She said readability is an important element of news media design.

C : He said visual design and communication are important elements. New York Times, Wired Magazine.

THESIS — CHAM MI KWON FA C T G U I D E

24 25

RESEARCH — INTERVIEW

Second short interview

July 19 / LinkedIn Public Space, San Francisco

Airline Pilot (55)

Chef (35)

Transcripts A : Airline Pilot (55) B : Chef (35) 1. When and where was the first time you read an example of fake news?

They don’t use social media so they have no experience about fake news.

2. What do you think is the best way to distinguish fake news?

Reliability source info 3. How do you get your news? What kind of media outlets?

A : Apple news app. He customized his news media. By phone

B : New York Times. By phone 4. When you see a news article, do you only read the headline or the article? why?

A : He said that mostly read only the headlines of the articles, but they read the contents of the article if they were interested.

B : Read a article. That’s because she thinks sometimes headlines are deceiving.

5. What is the best news media in your opinion? why?

A : New York Times / Because of excellent track record and reputation

I talked with a couple who were resting in Public Space.

THESIS — CHAM MI KWON FA C T G U I D E

B : USA Today - Especially Tech section / Because she likes contents and the news media has great video and images.

6. Have you thought about whether an article is true or not before you share it?

A : Yes B : No. But only share from NYT, CNN and USA Today 7. Do you know about any fact-checking websites and organization? Tell me about your experiences.

A : Yes. It’s helpful B : No

RESEARCH — INTERVIEW

8. Do you know any education system related journalism? Or do you have any good idea to effectively teach media education?

A : University’s general education system.

B : No ( I think she misunderstood the question.)

9. Do you care much about visual design when you watch the news? How does it affect you? Which news media

has the best design?

A : Yes. The visual appeal and great UI design affect me. VOX. Really fancy.

B : Yes. It makes the article more interests. USA Today.

26 27

Third short interview

July 19 / Sightglass Coffee, San Francisco

THESIS — CHAM MI KWON

Restaurant Owner (47)

FA C T G U I D E

Restaurant Owner (47)

Transcripts A : Restaurant Owner (47) B : Restaurant Owner (47) 1. When and where was the first time you read an example of fake news?

A : Always since 1970’s 2. What do you think is the best way to distinguish fake news?

A : Reliability source info B : Showing diverse source to compare.

3. How do you get your news? What kind of media outlets?

A : Online - New York Times / Podcast - WEEDS / NPR Radio Podcasts B : Online - Goggle News / NPR Radio RESEARCH — INTERVIEW

/ John Oliver - ABC 4. When you see a news article, do you only read the headline or the article? why?

A : Some of them. If I am interested or concerned I’ll read whole article.

B : Trying to know what they are saying not just catchy headlines.

5. What is the best news media in your opinion? why?

A : NPR / B : BBC, NPR, John Oliver 6. Have you thought about whether an article is true or not before you share it?

A : Yes 28 29

I listened to two restaurant owner’s ideas about fake news.

B : Not always!

7. Do you know about any fact-checking websites and organization? Tell me about your experiences.

A : Few times. Forgot the name.

B : politico.com / When I want to check the news is true or not I use the website.

8. Do you know any education system related journalism? Or do you have any good idea to effectively teach media education?

A : Not really B : No 9. Do you care much about visual de-

sign when you watch the news? How does it affect you? Which news media has the best design?

A : Not much. Less is more.

B : Too much visuals can overwhelm the story.

THESIS — CHAM MI KWON FA C T G U I D E

30 31

RESEARCH — INTERVIEW

THE ISSUE — BACKGROUND

THESIS — CHAM MI KWON FA C T G U I D E

32 33

RESEARCH — INTERVIEW

Forth short interview

July 19 / Sightglass Coffee, San Francisco

Chef (24)

Chef (28)

Transcripts A : Chef (24) B : Chef (28) 1. When and where was the first time you read an example of fake news?

A : Online Facebook. All the time / Many kinds of news.

B : Facebook / 2016 elections.

2. What do you think is the best way to distinguish fake news?

A : Check other reliable news sites to cross check news.

B : I know when I see it. Name of the website. Other people’s opinions.

3. How do you get your news? What kind of media outlets?

A : Online - NPR, Economist, New York Times etc.

B : Online 4. When you see a news article, do you only read the headline or the article? why?

A : It depends. If I’m interested in the topic I read the whole thing.

B : If it interests me I read it.

5. What is the best news media in your opinion? why?

A : NPR. Balanced view points. Easy to

read articles. They show links related

I also asked young people who enjoyed coffee.

THESIS — CHAM MI KWON FA C T G U I D E

to a article.

B : HuffPost, BBC. Less bias.

6. Have you thought about whether an article is true or not before you share it?

A : Yes. B : Yes. 7. Do you know about any fact-checking websites and organization? Tell me about your experiences.

A : Nope.

B : I know about them. But never have used.

any good idea to effectively teach media education?

A : Yes. B : Yes. Don’t believe everything you read.

9. Do you care much about visual design when you watch the news? How does it affect you? Which news media has the best design?

A : Yes. I like visual representation to explain a situation. I like Times design.

B : No. I focus on news contents more.

8. Do you know any education system related journalism? Or do you have

RESEARCH — INTERVIEW

34 35

Insights There were many opinions that it is important to clarify the source of the news.

Many people said that they usually read headlines only when they see the news. But they read all the articles they are interested in. The importance of headlines.

News media design should be as simple and clear as possible.

Photographs, graphics and fonts should be able to convey the nature of the news contents. Simple and easy.

RESEARCH — INTERVIEW

36 37

FA C T G U I D E

Many people said they do not know or don’t usually use fact checking organization well. One of the reasons was uncomfortable accessibility.

THESIS — CHAM MI KWON

Through interview I got some insights.

Quotes “For your project, credibility and accessibility would be key points.”

UX/UI designer (32)

“There is a lot of opportunity about graphic design because you can make many icon styles or some highlight system and many graphic elements. It makes catch people’s eye I think “ Graphic designer (33)

“I do believe one of the effective methods to educate about journalism make people read much as news as possible so they will be able to identify which news is fact or not, based on their own information.”

Aircraft Maintenance Technician (29)

“I like visual representation to explain a situation. I like Times design.”

Chef (24)

THESIS — CHAM MI KWON FA C T G U I D E

38 39

RESEARCH — INTERVIEW

Target Audience

I focused on a fake news problem especially from social media. I researched that people read news from which social media environment. Through this research, it turned out that people get a news from about 10 social media such as Facebook, Youtube, LinkedIn, and etc. With this result, I researched which age group read news from top five social media. As a result, I found that the 30s–40s age group has a high percentage. So I set the target from 30s to 40s and proceeded with the project.

Where do most people get news on social media?

43%

Facebook

12%

Twitter

8%

Instagram

6%

LinkedIn

5%

Snapchat

5%

FA C T G U I D E

Raddit

WatsApp

THESIS — CHAM MI KWON

21%

YouTube

2%

Social media news users age groups 18-29 Facebook YouTube Twitter

25%

LinkedIn

40%

36% 28%

Instagram

30-49

34% 43%

51% 14%

RESEARCH — TARGET AUDIE N C E

36% 50%

50-64 24% 19% 21% 11% 25%

+65 11% 11% 6% 2% 11%

40 41

Audience 1

Audience 2

THESIS — CHAM MI KWON FA C T G U I D E

RESEARCH — TARGET AUDIE N C E

42 43

Audience 3

Audience 4

THESIS — CHAM MI KWON FA C T G U I D E

RESEARCH — TARGET AUDIE N C E

44 45

Audience 5

Audience 6

THESIS — CHAM MI KWON FA C T G U I D E

RESEARCH — TARGET AUDIE N C E

46 47

Out of audience 1

Out of audience 2

THESIS — CHAM MI KWON FA C T G U I D E

RESEARCH — TARGET AUDIE N C E

48 49

Project Schedule Course load FALL 2017 GR 810 Thesis Concept GR 612 Intgrated Communicatons GR 606 Principles of UX SPRING 2018 GR 830 Thesis Exploration GR 604 The Nature of Identity GR 205 Motion Graphics FALL 2018 GR 850 Thesis Refinement GR 875 Portfolio GR 676 Professional Practices

Timeline FALL 2017 Mid Point

Visual System

Planning / Beginning

Campaign: Newsletter

Campaign: Posters

Campaign: News Machine

Searchcing Application

Education Website

Final Presentation

Thesis Book

Planning

SPRING 2018

FALL 2018

Break

Final Presentation Complete

Design

Planning / Beginning

Design

Update

Planning / Beginning

Finalize

Finalize

Design

Design

FA C T G U I D E

Design

Finalize

Finalize

Beginning

Design

RESEARCH —PROJ ECT SCHE D U L E

Update

THESIS — CHAM MI KWON

Break

Finalize

Design

Finalize

Design

Finalize

50 51

03 Development

Proposal Video Strategy Chart Materials Matrix

Proposal Video THESIS — CHAM MI KWON FA C T G U I D E

I did a lot of research works through a mid-point class and these researches helped me get closer to the problem.

Based on these works, I set up various insights and strategies and produced a proposal video. The video details the background to the problem and how to solve the problem. Even after I made this video, during the third semesters, there were more researches, worries about the problem, and many changes in the project. But if I did not have the time to make this video at first, I would not have been able to start the thesis project and move on to the next level. This video has been a great step-

DEVELOPMENT — PROPOSAL VI D EO

ping stone for me to start the a thesis project.

54 55

THESIS — CHAM MI KWON FA C T G U I D E

56 57

DEVELOPMENT — PROPOSAL VI D EO

THESIS — CHAM MI KWON FA C T G U I D E

58 59

DEVELOPMENT — PROPOSAL VI D EO

Strategy Chart Intro

01

Topic Area

Insights

Internet media especially social media environment (Facebook, Twitter, Youtube, Reddit, etc.)

Even though most social media news consumers are concerned about inaccuracy, it’s hard to stop increase fake news in social media because of a large amount of users.

Outcome

Decreasing impact of misinformation on social media.

Audience

30s - 40s social media news consumer.

Main Insight

According to the Pew Research, about two-thirds of American (68%) say they at least occasionally get news on social media

Strategies

Through a campaign, FactGuide helps people get to know the seriousness of the problem and reach the news through a reliable news media. (turn people’s attention to the good news source area.)

Deliverables

Fact Guide Campaign Clarify & Verify Newsletter : This newsletter notifies the seriousness of the problem specifically and suggests solutions. (+ Tells debunked news that was issued.)

News Machine : News Machine provides one news article for everyday.

Poster Series : The posters notify the problem and recommend Fact Guide products.

Insights

Insights

Even though most social media news consumers are concerned about inaccuracy, but many still see the benefits of convenience.

Many people share news on social media careless.(Anything easily spread due to the nature of social media especially when something is really stimulating even it’s true or not.) To solve this problem there is a need for media literacy education but it’s hard to find a system for adults.

Strategies

Strategies

Create a system that helps people quickly and easily discern the truth or falsehood in issues found on social media.

Create platform that provides media literacy education resources for adults.

Through the platform people develop critical and logical perspectives to read news on social media.

Deliverables

Deliverables

Fact Guide Application Search keywords related news through app.

Provide related keywords.

Provide articles from 4 fact checking organizations at a glance.

Fact Guide media literacy resources website In person local events information Online videos information Media literacy organizations

DEVELOPMENT — STRATEGY C H ART

60 61

FA C T G U I D E

03

THESIS — CHAM MI KWON

02

Materials Matrix Intro

01

Topic Area

Campaign

Internet media especially social media environment (Facebook, Twitter, Youtube, Reddit, etc.)

2

Outcome

Decreasing impact of misinformation on social media.

Audience

30s - 40s social media news consumer.

Main Insight

According to the Pew Research, about two-thirds of American (68%) say they at least occasionally get news on social media

Newsletter

Norify the seriousness of the problem specifically and suggests solutions. (+ Tells debunked news recently.)

1

News Machine

This machine provides one news for everyday.

0.5

Posters

Poster Series

Notify the problem and recommend Fact Guide products.

03

Fact Guide Application

Media literacy resources web

3

DEVELOPMENT — MATERIALS M AT R I X

3

FA C T G U I D E

· Search keywords related news through app. · Provide related keywords. · Provide articles from 4 fact checking organizations at a glance.

THESIS — CHAM MI KWON

02

· Introduce media literacy resources · In person local events · Online videos info · Organizations · Reading recommendation

62 63

04 Visual Guideline

Logo Exploration Typefaces Color Palette Mood Board

Logo Exploration THESIS — CHAM MI KWON FA C T G U I D E

Being trusted and having enterprising spirit style guides communicate the design standards that guide the entire project. The brand guideline is important to help establish a strong brand voice that resonates with the audience, which is essential for building brand awareness.

information. Fact Guide type logo has a contrast between words “Fact” and “Guide” because of legibility.

Fact Guide logo has been changed their shapes and colors with diverse logo exploration. Final Fact Guide logo organized with a check mark and shield shape. These shapes are combined and it represents feeling that our brands provides trusted resources and help people go to safe ways to avoid misVISUAL GUIDELINES — LOGO E XP LOR AT I ON

66 67

Process 1

It shows a “Check Mark” and “Arrow” shape at the same time.

Process 2

THESIS — CHAM MI KWON

Logo is changed to a sheild shape.

FA C T G U I D E

VISUAL GUIDELINES — LOGO E XP LOR AT I ON

68 69

Finalization

Main color is changed to purple and logo typeface is changed to Worksans.

THESIS — CHAM MI KWON FA C T G U I D E

VISUAL GUIDELINES — LOGO E XP LOR AT I ON

70 71

Typefaces

Typography is an important component of our visual identity and should be crisp, in focus, correctly sized and easy to read.

Work Sans

Work Sans is a 9 weight typeface family based loosely on early Grotesques.

The core of the fonts are optimised for on-screen medium-sized text usage (14px-48px). The fonts at the extreme weights are designed more for display use. Overall, features are simplified and optimised for screen resolutions – for example, diacritic marks are larger than how they would be in print.

Sabon

Sabon font is an classic style serif typeface designed by the German-born typographer and designer Jan Tschichold (1902–1974) in the period 1964–1967.

It was released jointly by the Linotype, Monotype, and Stempel type foundries in 1967. The design of the roman is based on types by Claude Garamond (c.

1480–1561), particularly a specimen printed by the Frankfurt printer Konrad Berner. The italics are based on types designed by a contemporary of Garamond’s, Robert Granjon.

Primary Typography

Work Sans

THESIS — CHAM MI KWON

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#%&() ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#%&()

FA C T G U I D E

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#%&()

Secondary Typography

Sabon ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 12345677890!@#%&()

VISUAL GUIDELINES — TYPE FAC E S

72 73

Color Palette

Consistent color usage ensures maximum brand recognition. Fact Guide wanted to avoid red and blue because we don’t want our brand is shown one political side. Fact Guide uses purple as the main color to give a feeling of neutral. Other main colors are sky blue and light green. The overall Fact Guide typefaces and logotype show trusted and serious feeling so we want to give a feeling of active through Fact Guide color palette.

Primary Colors

THESIS — CHAM MI KWON

# 662c91 R:102 G:44 B:135 C:75 M:100 Y:0 K:0

FA C T G U I D E

# 13b1e7 R:19 G:177 B:232 C:70 M:10 Y:100 K:0

# d7df22 R:215 G:223 B:33 C:20 M:0 Y:100 K:0 Secondary Colors # ac7cb6 R:172 G:124 B:182 C:33 M:58 Y:0 K:0 # dab9d9 R:218 G:185 B:217 C:12 M:29 Y:0 K:0 # 57c2e7 R:87 G:194 B:231 C:58 M:3 Y:4 K:0 # eae961 R:234 G:233 B:97 C:11 M:0 Y:76 K:0

VISUAL GUIDELINES — COLO R PAL E T T E

74 75

Mood Board

THESIS — CHAM MI KWON FA C T G U I D E

VISUAL GUIDELINES — MOOD B OAR D

76 77

05 Deliverables

Campaign: Newsletter Campaign: Posters Campaign: News Machine Application Website User Journey1 User Journey2 User Journey3

Campaign: Newsletter

The name of the newsletter is ‘Clarify and Verify’. Fact Guide newsletter notifies the seriousness of the problem specifically and suggests solutions. In addition through Fact Guide newsletter, people briefly can check recent debunked news. The newsletter publishes four times in a year. It is provided at a place that people usually go such as a grocery store.

Through the recent issue5 newsletter, we can show what kind of contents are inside specifically. First of all, it shows a problem of misinformation on social media through several reports. One of them shows ‘Fake news has left Ameri-

cans confused about basic facts’. In the backside of the issue, we can see ‘Top fake news on social media during the 2016 presidential election’. From this kind of reports and sources people get to know the seriousness of the problem more clearly. Also, they will become want to know how to solve this problem. We will recommend our brand because Fact Guide’s other deliverables can help their need.

THESIS — CHAM MI KWON FA C T G U I D E

80 81

DELIVERABLES — NEWSLETT E R

Recent Issue 5: September–October

Cover

Back

THESIS — CHAM MI KWON FA C T G U I D E

82 83

DELIVERABLES — NEWSLETT E R

Inside

THESIS — CHAM MI KWON FA C T G U I D E

84 85

DELIVERABLES — NEWSLETT E R

Inside2 Poster type

THESIS — CHAM MI KWON FA C T G U I D E

86 87

DELIVERABLES — NEWSLETT E R

Previous Issue Covers

Issue 1: January–February

Issue 2: March–April

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — NEWSLETT E R

88 89

Previous Issue Covers

Issue 3: May–June

Issue 4: July–August

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — NEWSLETT E R

90 91

Campaign: Posters THESIS — CHAM MI KWON FA C T G U I D E

Posters provide a logical and cost-effective way of communicating with a particular target market. Fact Guide has two kinds of posters as a series. They organized similar tone and manners.

Each poster has mobile devices and computer screens with words about fake. It represents fake news on internet media. A magnifying glass shows a word ‘truth’ and this means a role of Fact Guide. We want people to get help to discern falsehood through our brand.

In addition to our brand, we want people to develop their media literacy ability. Because even though we provide great sources people don’t study and

DELIVERABLES — POSTERS

make their own ability and experience to read the news the problem will not be solved. In that sense, these poster series include our mission and thoughts.

On the other hands, Fact Guide posters advertise Fact Guide brands to people.

92 93

THESIS — CHAM MI KWON FA C T G U I D E

94 95

DELIVERABLES — POSTERS

THESIS — CHAM MI KWON FA C T G U I D E

96 97

DELIVERABLES — POSTERS

Campaign: News Machine

Fact Guide News Machine provides a news article every day through our article papers for free. The purpose of this machine is that encourage people to read at least one news article from legitimate news outlets every day. The machine has five topics of news section which are politics, business, tech, world, and national. Each topic provides only one news article in a day.

The article paper shows half of one news article and it gives curiosity of the rest of article contents. Therefore, the article paper let people know the news article website address and encourage people to visit the news website. We

bring news articles from legitimate news outlets such as Reuters, The New York Times, NPR, and Washington Post. People can use our News Machine at subway stations and bus stations.

People get the Fact Guide News Machine place information through QR code on the article paper.

THESIS — CHAM MI KWON FA C T G U I D E

98 99

DELIVERABLES — NEWS MACH I N E

Fact Guide badge: Every Fact Guide product uses this badge to build trust in the brand.

Politics

Business

Tech

World

National

THESIS — CHAM MI KWON

News Sheets: News Sheets provides one news article per each section in a day. It shows the half of the article and by providing news wesite encourage people to go legitimate news media outlets.

FA C T G U I D E

Buttons: The machine provides five topic of news aricles.

Choose a topic below

Politics

DELIVERABLES — NEWS MACH I N E

Business

Tech

World

National

100 101

Application

Fact Guide application provides analyzed news from four fact-checking organizations. Through Fact Guide application people can easily discern fake news by searching news keywords from a suspicious news article from social media. Four fact-checking organizations are Snopes, WP Fact Checker, Politifact, and AP Fact Check. They belonging to the IFCN which is International Fact-Checking Network.

THESIS — CHAM MI KWON FA C T G U I D E

102 103

DELIVERABLES — APPLICATION

What is fact-checking organizations?

IFCN is the home of the international Fact-Checking Network, a forum for fact-checkers worldwide. Many countries and organizations are verified by here. While we were researching solutions for fake news problem we found these organizations. Facebook has been suffered fake news problems and they suggested a new system and the new system used IFCN as a third party checking system. So we researched which organizations they have in the U.S and that were Snopes, WP Fact Checker, Politifact, and AP Fact Check. They provide analyzed news articles from issued and suspicious news articles. We got an idea

from them and made this app. We want to people to get their analyzed articles at a glance also through searching keywords system help to easily discern fake news.

FA C T G U I D E

IFCN’s Code of Principal ∙ Nonpartisanship and fairness ∙ Transparency of sources ∙ Transparency of funding & organization ∙ Transparency of methodology ∙ Open and honest corrections

Snopes

DELIVERABLES — APPLICATION

PolitiFact

AP Fact Check

THESIS — CHAM MI KWON

IFCN is the home of the international Fact-Checking Network, a forum for fact-checkers worldwide. Many countries and organizations are verified by here. Fact Guide use their souces.

The Washington Post Fact Checker

104 105

Wireframe

Landing

Sign-up

About

Email-Us

My Page

Bookmarks

Searching Keywords Trending Keywords

Keywords Exploration

Latest News

Snopes Latest News List

THESIS — CHAM MI KWON

About Fact checking Organizations

Settings

Article list

Article

WP Fact Checker Latest News List

AP Fact check Latest News List

DELIVERABLES — APPLICATION

Help

FA C T G U I D E

History

Terms of Service

PolitiFact Latest News List

106 107

User Testing: Sun, November 12, Church Daniel Kwon (3D Modeling Designer, 32)

The overall functionality of the app is great When I touch the Fact Guide logo button on Facebook, it seems awkward for the search keyword box to appear first instead of connecting directly to the app.

Scott Lee (Design Recruiter, 36)

Main idea of the app is nice Confusing user testing order: Making new account – My page – Home (Making new account – Home – My page)

User Testing: Wed, November 15, Library Helen (Librarian, 30)

THESIS — CHAM MI KWON

I didn’t feel any inconvenience while I’m using this app.

If this kind of app exists I will download.

FA C T G U I D E

Taianna Rivera (Librarian, 39)

I like your topic and main function of the app There is a lack of information on whether the fact-checking organizations are reliable.

Louise Pasiernack (Librarian, 48)

I prefer log in with Facebook because it’s not easy to remember every password and ID. I recommend that add searching window every section.

DELIVERABLES — APPLICATION

108 109

Process 1

Process 2

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

110 111

Process 3

THESIS — CHAM MI KWON FA C T G U I D E

112 113

DELIVERABLES — APPLICATION

Finalization Landing

Sign Up

Account

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

114 115

My Page

Settings

About

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

116 117

My Page

Settings

Bookmarks

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

118 119

Trending keywords

Keyword Exploration

Keyword Result

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

120 121

Search a Keyword

Keyword Exploration

Keyword Result

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

122 123

Latest News

View All

Snopes

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — APPLICATION

124 125

Website THESIS — CHAM MI KWON FA C T G U I D E

As we talked in the Fact Guide strategy chart many people share news on social media careless. (Anything easily spread due to the nature of social media especially when something is really stimulating even it’s true or not.) To solve this problem there is a need for media literacy education but it’s hard to find a system for adults. The purpose of a Fact Guide website is that helps people find and experience media literacy education resources easily. Also, through our website, we hope people develop a logical and critical perspective to read the news. There are 3 kinds of levels to get resources. First level is called a ba-

DELIVERABLES — WEBSITE

sic check. This level shows how to spot fake news basically. The second level provides online video info and book info related to media literacy education and fake news problem. Through this level, people can step forward to media literacy education. The third level provides organization info and event info. There is an introduction to organizations that related to media literacy, legitimate news outlets, and etc. In addition, through event info, people can join activities and talk about the issue in person.

126 127

wireframe

Home

Resources

Level 1 Basic Check

Level 2 Advanced

Level 3 Get Involved

What is the problem?

Fact Guide Products

FA C T G U I D E

About Fact Guide

THESIS — CHAM MI KWON

About fake news

What kind of effect?

Solutions

DELIVERABLES — WEBSITE

128 129

Process

THESIS — CHAM MI KWON FA C T G U I D E

130 131

DELIVERABLES — WEBSITE

Finalization Home

THESIS — CHAM MI KWON FA C T G U I D E

132 133

DELIVERABLES — WEBSITE

Resources

THESIS — CHAM MI KWON FA C T G U I D E

134 135

DELIVERABLES — WEBSITE

About Fake News

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — WEBSITE

136 137

About Us

THESIS — CHAM MI KWON FA C T G U I D E

138 139

DELIVERABLES — WEBSITE

THESIS — CHAM MI KWON FA C T G U I D E

140 141

DELIVERABLES — WEBSITE

User Journey 1

User Info Name: Marissa Dansk Occupation: Marketing Manager Age: 40

Since the last presidential election, it is issued that many people read news from social media. Marissa also often reads news from social media but she always has doubt for articles. She wants to check suspicious issue but it is hard to find a good guide.

01

While Marissa was browsing news articles on Facebook she saw a Fact Guide ad on the feed.

THESIS — CHAM MI KWON FA C T G U I D E

02

When she reads news on social media she often is doubtful about it, so she downloaded the app.

DELIVERABLES — USER J OU R N E Y 1

142 143

03

After downloading the app, she checks the about page to see if the sources are reliable. On the about page she saw it provides analyzed articles from four fact-checking organizations.

04

In the search a keyword section, she typed Ronald Regan. Because a few days ago she read a suspicious article about him on her social media feed.

05

She checked related keywords. She touched ‘See articles’ button.

THESIS — CHAM MI KWON FA C T G U I D E

06

She found a similar article in the keyword result section.

DELIVERABLES — USER J OU R N E Y 1

144 145

07

She read that news and it turned out to be true.

08

She felt much relieved after checking the authenticity of the article. She decided to search through this app if she found any curious keywords from news articles.

THESIS — CHAM MI KWON FA C T G U I D E

DELIVERABLES — USER J OU R N E Y 1

146 147

User Journey 2

User Info Name: Dan Oslon Occupation: Web Engineer Age: 35

Dan likes to share his thoughts through social media. However, sometimes before sharing the news on social media he feels doubtful.

He wants to search the keywords related the remarkable news but it’s not easy to find clear results.

01

THESIS — CHAM MI KWON

Dan and his co-worker Marissa talked about the problem of news from social media. He complained that it is hard to figure out which news are reliable when he reads news from social media.

Marissa recommended the Fact Guide application to Dan. She explained what kind of sources the app uses.

(Fact-checking organizations.)

FA C T G U I D E

02

After downloading the Fact Guide app he saw the latest news section. He just heard about fact-checking organizations from Marissa. He is interested in them and selected one of them.

DELIVERABLES — USER J OU R N E Y 2

148 149

03

He got a latest analyzed news articles from Snopes. He touched the first article. Because he is a big fan of Sandra Bullock.

04

Through the analyzed article he could know the authenticity of the news well.

05

He also checked which sources Snopes used for this analysis. He thought this is reliability.

THESIS — CHAM MI KWON FA C T G U I D E

06

After work, he saw a Fact Guide poster in the BART station for the companion website.

DELIVERABLES — USER J OU R N E Y 2

150 151

07

He visited the Fact Guide website because he wanted to learn more about fake news and media literacy.

In the home page, he saw useful info.

08

In the resources page, he saw how to study media literacy. There are three levels which are Basic Check, Advanced Watching, and Get Involved.

09

THESIS — CHAM MI KWON

He saw a lot of useful information about media literacy that are books, videos, and organizations. Especially he liked the events and forum section.

He decided to attend one of the events about fake news.

FA C T G U I D E

10

He went to the event and discussed opinions with people. Through the Fact Guide web and this kind of event he started learning more about media literacy. Now he feels more connected to others who are concerned about this issue in his community.

DELIVERABLES — USER J OU R N E Y 2

152 153

User Journey 3

User Info Name: Sarah Miller Occupation: Fashion Merchandiser Age: 35

Sarah likes to party and hang out.

She loves to share her life through social media. When she sees interesting issues on her feed she just shares them without hesitation.

01

Sarah went to the grocery store. She found the Fact Guide newsletter near the counter. She picked up the newsletter out of curiosity.

THESIS — CHAM MI KWON FA C T G U I D E

02

Through the Fact Guide newsletter, she realized a seriousness of the fake news problem.

DELIVERABLES — USER J OU R N E Y 3

154 155

03

On her way home Sarah found a Fact Guide News Machine at the BART station. She recognized the News Machine was the same brand as the newsletter.

04

She was interested the machine. She touched the ‘Politics’ button and got a news sheet.

Politics

Business

Tech

World

National

05

She read the article and realized it provides only half of the article.

She wanted to read the rest of the article.

THESIS — CHAM MI KWON FA C T G U I D E

10

She typed in the URL from the news sheets and visited there through her phone. After reading the whole article she looked around the CNN news website and found a few interesting articles. She decided to visit more often reliable news media website like the CNN rather than seeing news in her social media feed.

DELIVERABLES — USER J OU R N E Y 3

156 157

The Future

Fact Guide is not just my student project. I believe Fact Guide a conceivable future with a place in the world, and I hope to see it become a reality, a startup, and to continue research, improvement, and innovation.

THESIS — CHAM MI KWON FA C T G U I D E

158 159

DELIVERABLES — THE FUTU R E

[CONTACT] Cham Mi Kwon [TELEPHONE] 415-940-4011 [EMAIL] chammm31@gmail.com [WEBSITE] factguide.org [SCHOOL] Academy of Art University School of Graphic Design & Digital Media [INSTRUCTOR] Phil Hamlett, Wioleta Kaminska, Carolina De Bartolo [TITLE OF BOOK] Fact Guide [BINDERY] Blurb [TYPEFACE] Work Sans, Sabon [SOFTWARE] Adobe Creative Cloud

COPYRIGHT ©2018 CHAM MI KWON All rights reserved. No part of this publication may be reproduced with our express permission from Cham Mi Kwon.