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%
12%
8%
6%
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%
40%
36% 28%
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.