Maria Bahous Graphic Design MFA Thesis
© 2017 Maria Bahous. All rights reserved. DATAREV Graphic Design MFA Thesis Project Academy of Art University, San Francisco, CA For more work by Maria Bahous www.kubikdesign.net Contact maria.bahous@gmail.com
DataRev transforms the way we interact with each other and the world. Seize your opportunity to make the world a better place.
4 . DataRev Thesis Book
.5
TABLE OF CONTENTS
01 02 03
CONCEPT THE THE THE THE
p.6 PROBLEM p.8 OPPORTUNITIES p.12 CHALLENGE p.22 SOLUTION p.24
VISUAL IDENTITY p.28 LOGO SKETCHES p.30 FINAL LOGO p.33 ICON SKETCHES p.34 VISUAL IDENTITY GUIDELINES p.36 DATAREV MATERIAL p.50 WEBSITE p.52 PERSONAS p.54 USER’S JOURNEY p.58 MOODBOARD p.60 SKETCHES p.62 USER TESTING 1 p.70 USER TESTING 2 p.76 FINAL WEBSITE p.86 CASE STUDIES p.112 IMPACT THE WORLD: HEALTH p.116 IMPACT THE WORLD: ENVIRONMENT p.118 IMPACT THE WORLD: SAFETY p.120 ANIMATIONS / ADS p.122 APPLICATIONS VISUAL GUIDELINES p.128
04
ACKNOWLEDGMENT
p.138
DATAREV CONCEPT
8 . DataRev Thesis Book
YOUR DIGITAL DATA DOES NOT BELONG TO YOU JUST BECAUSE IT IS ABOUT YOU.
Concept . The Problem . 9
THE PROBLEM Today, our phones and our computers are becoming an extension of us. Every minute, we share millions of data through different social media, apps, search engines… that third parties have access to but we do not. The tools we use, turn the Internet into a real time surveillance that controls our data. We are thus living in a condition of ubiquitous surveillance. Our online activities are owned by governments and corporations. Our life is being displayed with full transparency to them but they are not offering the same transparency and clarity in return. Our data becomes the new currency that allows companies to cash in. Selling of user’s online data to third parties becomes today's norm. Consumers realize that they are a new corporate revenue stream that they aren't participating in. Our “digital self” is locked in several places with different third parties.
10 . DataRev Thesis Book
THINK OF IT THIS WAY: YOU HAVE LENT THE COMPANY YOUR DATA, AND YOU’D LIKE A COPY FOR YOUR OWN USE.
Richard H. Thaler, Professor of Economics and Behavioral Science. Booth School of Business, University of Chicago.
Concept. The Problem . 11
12 . DataRev Thesis Book
“Third parties locking in our ‘digital self’ into each of their services, we are losing massive collective intelligence opportunites for innovation, value creation, knowledge building, and citizen engagement as a global society.”
Why the Online Identity & Data Ownership Debate Matters, Venessa Miemis
Concept. The Opportunities . 13
OPPORTUNITIES FOR CHANGE Embracing data collection: People-centric web There is a constant tension between customers and companies collecting and holding information. To resolve this tension, discussion should move the privacy data discussion beyond the simplistic notion that aggressive data collection is bad. They need to find a middle ground, a nuanced guidance that align the interest of companies and their customers and ensure that both benefit from data collection. The answer to such a question might lie in collaboration. What would happen if users are offered a peoplecentric web? By considering this statement more closely, I found great room for change. I decided to delve more into this topic, and I found great insights through:
Research & Reading
+
I read several articles written by experts in the field of Big Data. I also went through interviews with professionals, and watched lectures given by scientific researchers and professionals working on embracing data collection.
Surveys
=
I undertook a survey of 48 participants on the subject of data collection. I wanted to understand the perception of people when it comes to losing ownership of their data. I also wanted to measure their beliefs in the power of Big Data to make the world a better place.
Insights Following is the list of insights that led the project all the way to the end.
14 . DataRev Thesis Book
01. CONTRIBUTE TO THE WORLD GROWTH Putting data in the hands of users/consumers can contribute to economical and social growth in the world, with greater stability as people become more comfortable sharing data.
02. UNDERSTAND THE BENEFITS Users are skeptical and confused when it comes to the ultimate benefits of Big Data. Companies need to show in a clearer manner how Big Data can serve in making the world a better place.
Concept. The Opportunities . 15
23.9% Do nothing. Their potential is overrated
56.5% believe in the power of Big Data to do good in this world
26.1%
You believe that having access to data that companies have analyzed to know who you are can:
30.4%
Improve your life and help you take better decisions
Make the world a better place by drawing patterns among users
19.6% Have no value, after all nobody knows you better than you
60% are willing to donate Recent research has found that around 60% of people are willing to donate their data for uses that will benefit the public. The study found that, for many people, the decision to donate their data depends on for what purpose the data will be and how securely it will be stored.
16 . DataRev Thesis Book
03. SHIFT PERCEPTION Most users believe that the purpose of data collection is for companies to gain more money. Very few think that this data is used to make a service better or make the world a better place.
Concept. The Opportunities . 17
04. GET ACCESS TO REALITY MINING Digital breadcrumbs are clues to who we are, what we do and what we want.
05. MAP HABITS AND BEHAVIORS Users are mainly interested in the analysis of the data to understand better themselves and the world rather than the raw data itself.
06. DEFINE WHO YOU ARE Users are interested to know if their online personality matches their offline identity.
07. UNDERSTAND IT WITH INSPIRATION AND EMOTIONS It is difficult for many users to understand the concept of open data when explained through numbers. Users tend to respond to stories that connect to the emotions of everyday life.
18 . DataRev Thesis Book
08. CLAIM YOUR RIGHT Users need new ways to claim their right to the data they generate. A rebalancing of data ownership will allow people to have the same rights they have today over their physical bodies and their money.
09. GET A COPY Most users believe that the data they generate belongs to them. Getting free usage from service providers does not justify their ownership.
10. TAKE CONTROL To have control over their data and understand its use people need: portability, identity, linkability and privacy. Portability The option of taking my personal information and social connections with me across any platform. Identity Have a federated identity instead of making my online identity fractured and fragmented. Linkability People cannot mention me on networks in which I am not a member. Privacy Ways to control the context of how it’s shared or creating permissions for what can be done with it.
11. PROTECT YOUR THOUGHTS Users are concerned about what the government and social media networks know about them more than their medical records.
Concept. The Opportunities . 19
97.9% believe they have the right to access their data You believe that the data you share online belongs to:
38.3% Both, you as a user and the service providers
59.6% You, and you should access it any time
2.1% The service providers, after all they are offering a good service in return
73.9% would like a copy of their data to understand themselves
15.2% You don’t care
If the data is used to predict your habits and behavior, you think it is:
10.9% You don’t believe they can know much about you
54.3% A must that you get a copy
19.6% It would be nice if you had a copy
20 . DataRev Thesis Book
ENCOURAGE SHARING. OUR DATA IS WORTH MORE WHEN SHARED.
Concept. The Opportunities . 21
12. IT IS ABOUT CONNECTIONS BETWEEN PEOPLE, BEHAVIOR AND OUTCOME Accurate understanding of your behavior and personality cannot be achieved without comparing yourself to people in the crowd.
13. ENCOURAGE SHARING Our data is worth more when shared. Analyzed patterns can serve tremendously to making a better world.
22 . DataRev Thesis Book
THREE PRINCIPLES TO GAIN USERS’ TRUST •
TEACH YOUR CUSTOMERS
•
GIVE THEM CONTROL
•
DELIVER IN KIND VALUE
Concept. The Challenge . 23
THE CHALLENGE Turning the focus from looking at data as a source of worry to using data as a mean to help communities and society at large is an exciting challenge. There is out there, a large world of philanthropic initiatives related to online data to serve humankind but none involves the user as a decision maker. The main challenge was to find a unique approach that would reveal itself as being useful and needed by individuals, researchers and NGOs. Though it is true that a huge amount of data is being gathered online, it is all the while true that very few people can understand this data or what to do with it. One of the main difficulties of this project was to explain in simple words a very complex topic. There is a great deal of education that needs to be done in order to initiate users into the topic, ignite change and encourage sharing for social good.
24 . DataRev Thesis Book
DATA IS AN ASSET. SO WHY NOT ALSO SHARE IT FOR A GOOD CAUSE?
Concept. The Solution . 25
THE SOLUTION: DATAREV A solution for the users to improve themselves and the world around them
We’re generating a detailed profile of ourselves that reveals much more about us than what we may realize. Considering that Big Data stores and analyzes not only what is typed but also what is erased, it can draw a very accurate description of the person. These valuable pieces of information are fragmented and scattered. If we connect the dots we are able to make effective and meaningful choices. If we have access to our data and are provided with a copy of its analysis, we can evolve more on a personal and on a social level. This will allow us to understand better our relationships, our habits and our preferences.
A solution for scientists and researchers: reinventing society in the wake of Big Data
Analysis of Big Data is increasingly about finding connections with people around you, and between people’s behavior and outcomes. The data that scientists are interested in is more the breadcrumbs that users leave behind as they move around in the world. These digital breadcrumbs are clues to who they are, what they do and what they want. These analyzed patterns can serve tremendously to making a better, greener world. Scientists need more data sharing but this also means that they need to do a better job in explaining to users how each piece of information can contribute in making the world a better place.
26 . DataRev Thesis Book
DataRev is a solution that creates a public data pool that strengthens the communities and has the power to solve great social issues. It also gives individuals the possibilities to understand the huge amount of data they generate to improve themselves. Users will have access to dashboards where they can see their online behavior and understand how it can benefit the world. On the other hand, NGOs and researchers can post study, share data and request data directly from users.
Concept. The Solution . 27
UNDERSTAND YOUR DATA
IMPROVE YOUR QUALITY OF LIFE
SHARE YOUR DATA
MAKE THE WORLD A BETTER PLACE
VISUAL IDENTITY
30 . DataRev Thesis Book
LOGO SKETCHES I tried different names and visual approaches before sticking to DataRev.
INTERACTIVE STASH
interactive.stash in er ac ive s ash inter active stash
interactive.stash
IN ER AC IVE S ASH
interactive stash
INTERACTIVE STASH
MY STASH
0101010101
MYSTASH
0101010101
MYSTASH
MYSTASH
MYSTASH
Visual Identity . Logo . 31
KINDATA
Kindata
ta a d
n
KINDATA
KINDATA
KINDATA
KINDATA
Ki n
d
KINDATA
at a
ki
KINDATA
32 . DataRev Thesis Book
DATAREV
data REV
Let’s start the revolution for good.
DATA REV
Let’s start the revolution for good
data REV
Let’s start the revolution for good.
DataREV
The online revolution for good
DATAREV
Visual Identity . Logo . 33
FINAL LOGO
34 . DataRev Thesis Book
ICON SKETCHES I tried different visual approaches for the icons. The bitmap and pixel effects used on the images were also considered as an option. The final direction was taken from the structure of the logo.
ICON GRID
ICON EXPLORATION
Visual Identity . Icons . 35
CHOSEN DIRECTION
REFINEMENTS
FINAL DIRECTION
VISUAL IDENTITY GUIDELINES Our branding is essential to the experience. This document is created to ensure that the brand maintains a consistent look and feel no matter where it communicates. This requires a strict dedication to the rules and regulations mentioned in here.
38 . DataRev Thesis Book
LOGO The logo is composed of 2 elements; the mark and the logotype. Though separate, both symbol and type were designed to complete each other through the dynamic movements and placement. The font, “Track Regular� has been altered and customized so that the horizontal bars of the A and R follow the movement of the heart. The lines represent the mass of data forming the heart. The logo is mostly used with its slogan. However, when the slogan is not needed, it can be dropped without disrupting the balance. The symbol can be used on its own on internal documents and as an avatar. All external communication needs to have the full version.
Visual Identity . Guidelines . 39
Logo Clear Space To ensure that the logo stands out, it is important to position it within an adequate area of clear space. The two elements should always be separated from competing text, images, and graphics. The configuration on the right demonstrates the minimum clear space required as determined by the height of the letter T.
Minimum Size For legibility and accurate print reproduction the logo should not be reproduced smaller than 20mm in width, when used without the tagline (left) and 35mm when used in its full version (right). 20mm
35mm
40 . DataRev Thesis Book
MISUSE OF LOGO To maintain the impact and integrity of the logo and ensure consistent applications, the rules of usage have to be respected at all time. The following list shows the inappropriate use of the logo that might compromise the brand.
Do not change the space between symbol and type
Do not link the tagline to the logo in any other way
Do not use any other version of the logo beside the given horizontal one
Do not rotate the logo
Do not use the logotype on its own without the symbol
Do not distort the proportions of the logo
Visual Identity . Guidelines . 41
Do not invert the colors of the logo
Do not use transparency
Do not change the colors of the logo
Do not use an outlined version of the logo
Do not apply any effect on the logo
Do not use any other color than white on a colored background
42 . DataRev Thesis Book
COLORS Primary Colors The primary colors of the brand are the colors used in the logo. These colors are used in the communication and should be prominent when introducing and promoting the brand.
Secondary Colors The secondary colors are vivid and young. They could be used on all collaterals in their full intensity or 50% opacity.
Gradient Colors The gradient colors are a combination of the primary and secondary colors. They are mostly used in the digital communication. They should be used wisely so as to respect the consistency of the brand.
Pantone 2105C C58 M72 Y0 K57 R46 G31 B110
Pantone 072C C100 M90 Y10 K0 R37 G64 B143
Pantone 2395C C15 M100 Y0 K0 R207 G18 B140
Pantone 2285C C44 M0 Y100 K0 R155 G205 B76
Pantone 298C C72 M8 Y7 K0 R35 G178 B216
Pantone 7417C C0 M85 Y100 K0 R237 G75 B46
Pantone 2612C C60 M100 Y0 K6 R120 G30 B133
Opacity %50
Opacity %50
Opacity %50
Opacity %50
40% 35%
35%
35%
Visual Identity . Guidelines . 43
Logo Colors The logo is mostly used on a white background. However when the logo is used on a colored background it will always be used in white. On light backgrounds, the logo should be used in its original colors.
44 . DataRev Thesis Book
TYPOGRAPHY DataRev uses 3 different fonts for the identity. GT Haptic black has been chosen for its revolutionary feel and its bold presence. Interstate is used for body text and it has been selected for its high legibility and its modern and structured feel. Finally, Open Sans, a web font used as an alternative font to Interstate on digital outcomes.
GT HAPTIC BOLD IS USED ONLY IN UPPERCASE LETTERS FOR ALL TITLES AND SUBTITLES.
REVOLUTION Interstate is used in Bold, Regular and Light. It is set with a + 3.5 leading at all times.
BIG DATA Open Sans is a web font used as an alternative to Intersate in Regular and Semibold. It is set with a +10 line spacing on the web.
WEB DATA
Visual Identity . Guidelines . 45
GT HAPTIK BLACK
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 !?@#$%^&*()<>{}[]:»›/
INTERSTATE BOLD
INTERSTATE REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !?@#$%^&*()<>{}[]:»›/
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !?@#$%^&*()<>{}[]:»›/
OPEN SANS SEMIBOLD
OPEN SANS REGULAR
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !?@#$%^&*()<>{}[]:»›/
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !?@#$%^&*()<>{}[]:»›/
46 . DataRev Thesis Book
ICONS The icons are inspired from the lines and the horizontal bars of the mark and logotype. Most often icons are white against a colored background. When used on a lighter colored background, blue or pink strokes are used instead.
Visual Identity . Guidelines . 47
48 . DataRev Thesis Book
PHOTOGRAPHY STYLE Effects DataRev photographic style is based on bitmaps and monotone/duotone effects. The bitmap effect, as shown on the below images, could be used in 3 different styles: • Lines • Circles • Squares/Mosaic
Visual Identity . Guidelines . 49
Graphics Graphics are placed on top of the bitmap images. The graphics are geometric shapes or lines inspired from the diagonal movement of the logo itself.
Colors The colors used for the monotone and duotone effect of the images are the primary and secondary colors of the brand.
DATAREV MATERIAL
DATAREV WEBSITE
54 . DataRev Thesis Book
PERSONAS The audience of DataRev does not have to be knowledgeable in matters of Big Data. They could be curious about discovering their digital footprint or just avid to learn how data can save the world. The website is also addressing those who are interested to help by sharing data and finally those in need of data.
THE LEARNER Christina, 20 years old. Student. “I hear of Big Data and its impact on the world, but it also seems that it has the potential to improve the world.”
Description
Technology
Christina is a journalism student who spends a lot of her time on social media to gather news and to chat with friends. She is also quite frequently attracted to new projects and initiatives that make a difference in this world and contribute to change. She is curious and skeptical by nature. She does not invest time and effort unless she is sure of the outcome. Motivations •
Interested in initiatives that can contribute to making the world a better place.
•
She is not very familiar with the concept of Big Data and is interested to learn about it from a different perspective.
Usability
Technical Knowledge
User’s Activities
Goals •
She wants to learn more about DataRev website and its purpose.
•
She wants to make sure that the idea is reliable and will eventually make a difference.
•
She has few additional questions that she needs to address to the team behind DataRev before adhering to the idea.
•
She wants to read more about the studies and understand how DataRev can help.
Might be converted to a registered user and a donor.
DataRev Material . Personas . 55
THE CURIOUS Tom, 35 years old. Financial Controller. “With all the activities I do online, I would love to know the data available about me out there.”
Description
Technology
Tom works in a big company that sells electronic appliances. Over the years he has learned to admire the utility of smart TVs, smart fridges, wearable devices and the most advanced communication devices. He wants to be able to view his online behavior over the years, and find out about his online personality. Motivations • •
Curiosity to learn more about his behavior and potentially improve himself in some areas.
Usability
Technical Knowledge
The desire to understand more how analysts link his information from different sources. User’s Activities
Goals •
He wants to learn about DataRev and how it can help him discover himself and his behavior.
•
He wants to learn how companies and providers link his information from different sources and come up with specific conclusions.
If convinced will create an account and will start donating data.
56 . DataRev Thesis Book
THE ANALYST Karl, 33 years old. Data Analyst. “By analyzing the available data, I wish to advance more thoroughly in the studies.”
Description
Technology
Karl is a data analyst in a medical research center. He is very devoted to his work. He considers that with all the data that exists out there, humans can do wonders to improve their quality of life. Motivations •
He wants people to be engaged in the improvement of the medical field.
•
He wants to collect more data that can help him in his work.
Usability
Goals •
He is looking to find unique insights and behavioral trends by correlating information.
•
He wants to collect data so he can advance faster in his study.
•
He wants to promote his research so the center gets more input and trust from the public.
User’s Activities
Technical Knowledge
DataRev Material . Personas . 57
THE ACTIVIST Jenny, 28 years old. Sales Manager. “With my heavy schedule, I would love to contribute in this world without any physical effort.”
Description
Technology
Jenny is a working single mom. She has always been involved in social projects. She has volunteered for many years in several NGOs, but now that she has a full schedule between home and work, she has been contributing way less. In her spare time, she checks her social media accounts and this is where she has learned about DataRev. Motivations •
She wants to be able to contribute to making a difference in the world without physical effort since she lacks time.
•
She wants to advocate for an initiative that touches on topics of health and environment
Goals •
She wants to understand more about DataRev in order to trust the process before contributing.
•
She wants to be able to contribute to the most influential projects.
•
She wants to make sure that her donations are being used in the proper way, she is therefore asking for transparency from NGOs.
Usability
User’s Activities
Technical Knowledge
About • Text about DataRev encouraging people to: - Understand the studies - Trust the initiative - Donate - Discover their online ID - Video Link Case Study: Health • Picture • Summary or encouraging sentence under each picture • Download Button • Social Media sharing buttons
Case Studies • Call for action tagline • Possibility to download the case studies in pdf
Case Study: Safety • Picture • Summary or encouraging sentence under each picture • Download Button • Social Media sharing buttons
Case Study: Urban • Picture • Summary or encouraging sentence under each picture • Download Button • Social Media sharing buttons
Study 1 • Picture • Logo / Name of NGO • Aim • Donation goal Research/Studies • Call for action tagline • Possibility to check a preview of each study
• Read more
Study 2
Study 3
Study Page • Picture • Logo / Name of NGO • Aim + timeline • Donation goal • Explanation text • Download Reports (if Applicable) • Link to their website • Contact details • Number of donations to date • Social Media sharing buttons
…
My Portal
FAQ • Questions / Answers • Divided by Donation questions and online ID questions • Field to post questions • Contact Us
Social Media links • Facebook • Twitter
Contact • Email • Phone • Social Media • Field to send message
• Donate
USER’S JOURNEY
Sign in/Log in • Welcome message • Username/Password • Register/Enter • Thank you/Email sent • Agree to terms and conditions
User Menu
My Profile • Image/Avatar • Name • Gender • Country • Status • Occupation
My Account • Username • Change Password • Delete my Data
Notification Settings • Repost is issued • Study is posted • My Data is updated
Log out
You are donating • to… • Aiming at • In need of: Check mark the data
Donate
I want to donate • Period of time • I want to be notified when… • Agree to terms and conditions • Confirm/Cancel
Thank you note • Email sent to inbox • Hints to follow the study report / notification (edit to active if desired)
Main Menu
My Data
My Donations
All Categories
Page for each category
Previous transactions • List of studies • Date of Donations • Reports of the study • Summary of user’s contribution • Total number of donors
Saved studies • List of studies
On going transactions • List of studies • Date of Donation • Remaining time for Donation (pie chart?) • Stop transaction • Give feedback • Picture • Logo / Name of NGO • Aim • Donation goal • Explanation text • Reports • Link to their website • Contact details • Number of donations to date • Social Media sharing buttons
Studies
Research/Studies • Call for action tagline • Possibility to check a preview of each study
Study 1 • Picture • Logo / Name of NGO • Aim • Donation goal (number) • icon if you are a donor • Read more
Study 2
Study 3
Study Page • Picture • Logo / Name of NGO • Aim + timeline • Donation goal • Explanation text • Download Reports (if Applicable) • Link to their website • Contact details • Number of donations to date • Social Media sharing buttons • Donate
…
• Other Studies you might be interested in
Case Studies
My Portal
USERâ&#x20AC;&#x2122;S JOURNEY
User Menu
Donate
Main Menu
My Data
My Donations
Studies
62 . DataRev Thesis Book
eveal
MOODBOARD I started by defining the keywords that would describe best the visual style I was adopting. I was looking for keywords that would align with the brand mission and could be also used as a visual direction: •
Reveal
•
Overlay
•
Bold/Colorful MARIA BAHOUS
GR830_THESIS 2 WEEK 3
Moodboard
MAR
Bold/Overlay
RIA BAHOUS
DataRev Material . Website . 63
MARIA BAHOUS GR830_THESIS 2 WEEK 3
Moodboard
Duotone/Colourful
GR830_THESIS 2 WEEK 3
Moodboard
64 . DataRev Thesis Book
SKETCHES
EXPLORING DIRECTIONS
Join the data revolution "You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete." Buckminster Fuller
LOGIN
DISCOVER
ABOUT
MY PORTAL
CASE STUDIES
RESEARCH
FAQ
CONTACT
health data for a healthier world
01 02
Donating health data will provide better monitoring, diagnosis and treatment.
03
there is room for you to live in a greener and healthier world PLAY
ABOUT DATAREV
YOUR ONLINE IDENTITY
LEARN
DISCOVER
HEALTHIER WORLD LEARN
SAFER WORLD LEARN
EFFICIENT WORLD
LEARN
donate your data and make a difference in the world Discover your online identity Understand who you are Share it online Make the world a better place DONATE
MARIA BAHOUS
title: TITLE
Sectra GT SECTRA BODY TEXT body text:
GT Cinetype cinetype Regular regular
GR830_THESIS 2 WEEK 3
DataRev Material . Website . 65 Typography
JOIN THE DATA REVOLUTION "You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete." Buckminster Fuller
MARIA BAHOUS
TYPE TRIALS title:
GT Haptik TITLE title:
Bold THEantiqua ANTIQUAbold BOLD the body text:
BODY TEXT GT cinetype body text:
regular Interstate Regular Regular Interstate
GR830_THESIS 2 WEEK 3
Typography
JOIN THE DATA Join the data REVOLUTION revolution "You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete." "You never change things by fighting the existing reality. Buckminster Fuller To change something, build a new model that makes the existing model obsolete." Buckminster Fuller
“You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete.” Buckminster Fuller
MARIA BAHOUS
title: TITLE
INTERSTATE INTERSTATEBOLD BOLD BODYtext: TEXT body
Interstate Regular Regular Interstate
GR830_THESIS 2 WEEK 3
Typography
JOIN JOINTHE DATA FOR GOOD REVOLUTION "You never change things by fighting the existing reality. To change something, build a new model that makes the existing model obsolete." Buckminster Fuller
JOIN JOINTHE DATA REVOLUTION FOR GOOD
WEEK 4 66 . DataRev Thesis Book
Homepage
About
ABOUT
MY PORTAL
CASE STUDIES
RESEARCH
ABOUT DATAREV LEARN
FAQ
CONTACT
YOUR ONLINE IDENTITY DISCOVER
CREATE A HEALTHIER WORLD DONATE DATA
LOGIN
JOIN THE DATA REVOLUTION
EXPLORING IMAGE STYLE & ABOUT PAGE
Discover how you can help UNDERSTAND
EXPLORING IMAGE STYLE
SAFER WORLD LEARN
EFFICIENT WORLD LEARN
HEALTHIER WORLD LEARN
DataRev Material . Website . 67
ABOUT
MY PORTAL
CASE STUDIES
RESEARCH
FAQ
CONTACT
NGO SHARE DATA
NGO SHARE DATA
NGO SHARE DATA
ON POVERTY
ON AGRICUTLTURE
ON WATER
I AM A (AN)
USER / NGO / PRIVATE COMPANY
LOOKING TO
DONATE / SHARE
DATA FOROF IN TOPICS DEVELOPING COUNTRIES
NGO SHARE DATA
ON DISEASES HEALTH / URBAN / ENVIRONMENT/ …
FILTER
MUSIC & PRODUCTIVITY
CANCER TREATMENT & SYMPTOMS
Music has a profound effect on the brain. Scientists proved the link between music, with mood, work efficiency and concentration. In our experiment, we want to find a correlation between a specific genre of music and greater work efficiency and concentration…
Mount Sinai, Biodata Center
Miami University, Oxford, OH
We are looking for high-quality data, in which more and more patients share not only their medical but also lifestyle information collected by monitoring devices and apps. The hope is that, , the analysis will help us prevent and cure any signs of trouble… READ MORE
FILTER BY HEALTH RESEARCH
READ MORE
Target: 200,000 Donors To date: 300 Donors
Target: 1 Million Donors To date: 200,000 Donors
DONATE
FILTER BY ENVIRONMENTAL RESEARCH
DONATE
FOOD CHOICES & CARDIAC DISEASES
ONLINE WRITING & ILLITERACY
Wageningen University
Wageningen University
By combining data generated by consumers, manufacturers and research the project aims to identify the most efficient approaches to food purchasing and procurment…
By combining data generated by consumers, manufacturers and research the project aims to identify the most efficient approaches to food purchasing and procurment…
READ MORE
READ MORE
Target: 1 Million Donors To date: 200,000 Donors
Target: 1 Million Donors To date: 200,000 Donors
DONATE SUPERMARKET LIST & HEALTHY LIFESTYLE
DRIVING HABITS & STRESS LEVEL
Wageningen University
Wageningen University
By combining data generated by consumers, manufacturers and research the project aims to identify the most efficient approaches to food purchasing and procurment…
By combining data generated by consumers, manufacturers and research the project aims to identify the most efficient approaches to food purchasing and procurment…
READ MORE
READ MORE
Target: 1 Million Donors To date: 200,000 Donors
Target: 1 Million Donors To date: 200,000 Donors
DONATE
FILTER BY URBAN RESEARCH
DONATE
EXPLORING FILTER MENU & STUDY PAGE
MY DATA
MY DONATIONS
HELLO MARIA! HERE IS WHERE YOU STAND
ON YOUR WAY TO LIVING GREEN. 90% ROOM FOR IMPROVEMENT.
ON BEING A HEALTHY PERSON. 35% ROOM FOR IMPROVEMENT.
DISCOVER HOW YOU AFFECT THE ENVIRONMENT
STUDIES
HI MARIA!
LAST UPDATED 10 MARCH, 2017 | NEXT UPDATE 10 APRIL, 2017
ON SECURITY MEASURES. 62% ROOM FOR IMPROVEMENT.
MONITOR YOUR FOOD & DRINKS INTAKE CHECK YOUR HEALTH DATA FOLLOW YOUR EMOTIONAL STATUS UNDERSTAND YOUR HABITS
MONITOR HOW SAFE YOUR ENVIRONMENT IS
MY DATA
MY DONATIONS
STUDIES
HI MARIA!
WHERE DO YOU STAND?
ON YOUR WAY TO LIVING GREEN. 90% ROOM FOR IMPROVEMENT.
DISCOVER HOW YOU AFFECT THE ENVIRONMENT
ON BEING A HEALTHY PERSON. 35% ROOM FOR IMPROVEMENT.
ON SECURITY MEASURES. 62% ROOM FOR IMPROVEMENT.
MONITOR YOUR FOOD & DRINKS INTAKE CHECK YOUR HEALTH DATA
MONITOR HOW SAFE YOUR ENVIRONMENT IS
FOLLOW YOUR EMOTIONAL STATUS UNDERSTAND YOUR HABITS
DISCOVER YOUR ONLINE SELF FOOD & DRINKS
FOOD & DRINKS
HEALTH
CONTACT | TERMS & CONDITIONS
EMOTIONAL
HABITS
PERSONALITY
INTEREST
SECURITY
MUSIC
READING
ENVIRONMENT
© ALL RIGHTS RESERVED, DATAREV 2017
DISCOVER YOUR ONLINE SELF CONTACT | TERMS & CONDITIONS
EXPLORING BACKGROUND IMAGE & MENU LAYOUT
HEALTH
EMOTIONAL
HABITS
PERSONALITY
READING
ENVIRONMENT
LAST UPDATED 10 MARCH, 2017 | NEXT UPDATE 10 APRIL, 2017
INTEREST
SECURITY
MUSIC
© ALL RIGHTS RESERVED, DATAREV 2017
68 . DataRev Thesis Book
INFOGRAPHICS ICONS, SHAPES, COLORS, LAYOUT & NAVIGATION EXPERIMENTATION
MY DATA
MY DONATIONS
HI MARIA!
STUDIES
ONLINE INTERESTS & ACTIVITIES // TOPIC INTERESTS // // CONTENT READ //
DONATE THIS DATA TO RELATED STUDIES WORLD NEWS WEEKLY UPDATES LAST UPDATED 10 MARCH, 2017
MUSIC CHARITY ANIMALS
SOURCE: COMPUTER / APPS / SOCIAL MEDIA / PHONE / TABLET / EMAIL / WEB SEARCHES
OTHERS
ANALYSIS // CONTENT SHARED //
MY DATA
MY DONATIONS
PERSONALITY TRAITS TRADITIONAL
22%
SELFISHNESS
64%
STABILITY
Music is a great interest of yours and is a culture you like to share with like minded people.
SOURCE: SOCIAL MEDIA / CREDIT CARDS / EMAILS GMAIL SEARCHES / GOOGLE APPS
33%
RESERVED
HI MARIA!
STUDIES
LAST UPDATED 10 MARCH, 2017 | NEXT UPDATE 10 APRIL, 2017
17%
ORGANISED
You follow the news that are happening in the world and outside your nation. These include mainly politics and scientific advancements.
// CONTENT POSTED //
46%
83%
ADVENTUROUS
67%
SPONTANEOUS
88%
OUTGOING
36%
ALTRUISM
54%
MOODINESS
You are a charitable person, looking to help people and NGOs in need. You are more of an observer and passive participants in social media.
ANALYSIS You are an open, adventurous and creative person with a broad range of interests. You seem to be impulsive and avoid control and goal-directed behaviors. You are characterized by excitability, sociability, talkativeness, assertiveness and high amounts of emotional expressiveness. Your personality dimension includes attributes such as trust, altruism, kindness, affection and other prosocial behaviors. Your can be moody and experience anxiety, and irritability at moments.
HOW YOU COMPARE TO REGISTERED USERS
// SHARING // PASSIVE INTEREST
ACTIVE INTEREST
SHARING
ADVOCACY
PRIVATE DIALOGUE
PUBLIC DIALOGUE
Other than music, your online activities seem to be work-based rather than entertainment based. The data includes data generated from your own devices. It excludes external devices you are exposed to.
38% are as outgoing as you are 30% are as selfish as you are
// ACTIVITY TYPE //
25% are as adventurous and spontaneous as you are
22% MULTIMEDIA INTEREST
15% are modearte in their mood swings as you seem to be
SECURITY
MUSIC
READING
ENVIRONMENT
HABITS
PERSONALITY
58% READING 20% EMAILS
HEALTH
FOOD & DRINKS
EMOTIONAL
42% WRITING / POSTING
5% ONLINE SHOPPING
HOW YOUR PERSONALITY INFORMATION CAN BENEFIT THE WORLD
7% GAMES
15% SOCIAL NETWORK
MUSIC & PRODUCTIVITY
MIAMI UNIVERSITY, OXFORD, OH
Music has a profound effect on the brain. Scientists proved the link between music, with mood, work efficiency and concentration. In our experiment, we want to find a correlation between a specific genre of music and greater work efficiency and concentration… READ MORE 2,000
31% WEB SEARCH
20,000
DONATE
CONTACT | TERMS & CONDITIONS
© ALL RIGHTS RESERVED, DATAREV 2017
MY DATA
MY DONATIONS
15%
5.15min
DONATE THIS DATA TO RELATED STUDIES
High intensity (Swimming, jogging…) Medium intensity (Walking, riding a bike…) Light intensity (cooking, laundry…)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
WEEKLY MODERATE INTENSITY
WEEKLY LIGHT INTENSITY
WEEKLY HIGH INTENSITY
28.05min 110min 120min
150min
Recommended
You
// SLEEPING // Weekdays weekends Minimum Recommended 1
2
3
4
5
6
7
8
9
10
SOURCE: COMPUTER / APPS / PHONE / TELEVISION / WEARABLE DEVICES / GYM EQUIPMENT / SOCIAL MEDIA
Your daily habits show that you do not fall in the healthy lifestyle range. Your sleep and exercise habits are less than the average healthy person rate. The time you spend on the computer is way beyond the advised daily rate. Your daily activities lack diversification. You seem to be the kind of person who does not listen to her body.
The data includes data generated from your own devices. It excludes external devices you are exposed to.
// Time spent in front of a screen by activity //
22% Television 3
LAST UPDATED 10 MARCH, 2017
290 g CO2/KM
Global average per capita
4
5
6
7
8
9
10
11
6% Texting
How you compare to registered users of the same age group
You
9% Smart Phone
63% Computer
CONTACT | TERMS & CONDITIONS
© ALL RIGHTS RESERVED, DATAREV 2017
SOURCE: KITCHEN EQUIPMENTS/ SMART TV / SMART FRIDGE / AIR CONDITIONER / GOVERNMENT BILLS/ IRRIGATION / WATER DEVICES / CAR
// ELECTRICITY USAGE //
// VEHICULE GAS EMISSIONS //
4,500 kWh 750 kWh
130 g CO2/KM
// SCREEN EXPOSURE // // Time spent in front of a screen //
HI MARIA!
2,842 m3
Actual
ANALYSIS The environment needs you! Consume water and electricity with moderation. Turn off the equipements you are not using. Walk whenever possible instead of taking your car. Other solid waste recorded by the municiplaity are not recorded by any of your digital devices and thus are not part of your study.
CONTACT | TERMS & CONDITIONS
0
STUDIES
1,385 m3
25%
MONTHLY UPDATES LAST UPDATED 10 MARCH, 2017
ANALYSIS 120min
MY DONATIONS
// WATER WASTE //
// FOOD WASTE // DAILY ACTIVE TIME
2
MY DATA
IMPACT ON THE ENVIRONMENT
// ACTIVITY //
1
© ALL RIGHTS RESERVED, DATAREV 2017
HI MARIA!
STUDIES
RECORDED LIFESTYLE HABITS
0
CONTACT | TERMS & CONDITIONS
© ALL RIGHTS RESERVED, DATAREV 2017
DataRev Material . Website . 69
MY DATA
MY DONATIONS
HI MARIA!
STUDIES
FOOD & DRINKS INTAKE // GENERAL INFORMATION //
75%
8%
healthy choices
62%
organic food
15%
consumption safety
*25% of your food choices contain trans fat, sweetner and other additives.
food waste
* according to the world health organization, food is better consumed at 2/3 of its shelf life.
LAST UPDATED 10 MARCH, 2017
SOURCE: SUPERMARKET BILL / CREDIT CARD / SMART FRIDGE / APPS
* 15% of your food expires in your fridge
// TYPE OF FOOD CONSUMED //
ANALYSIS
// Weekly Protein Intake in grs //
In comparision to the world health organization recommendations, you need to work on your eating habits. It seems that you are a meat lover but too much meat can lead to health issues. Take it easy on salt and sugar as well as dairy products. You need to surveil more the type of drinks you consumer per week, sodas and juices are not recommended for a healthy lifestyle. And… Easy on the beer!
Total intake
Animal
Vegetable
Recommended 0
4000
2000
6000
Actual
7280
You could also benefit from more fruits, vegetables and vegy protein in your diet.
// Weekly Animal Protein Intake in grs //
Meat Poultry The charts include only accessible data. Food purchased in cash and stored in cabinets and nibbling from friends is not counted in the list below.
Lean Meat Maximum Recommended
Fish
Norm
Eggs
Above the norm 0
400
200
// Salt in grs //
600
750
// Sugar in grs //
0
35
0
45.5
// Dairy in cups //
// Grains //
175
320
// Fruits in cups //
0
170
// Vegetables in cups //
MY DATA
// TYPE OF DRINKS CONSUMED // // Soda //
// Juices //
Recommended
0
Actual
Recommended
12
Actual
0
6
Recommended
Actual
7
11
// FREQUENCY AND TIME //
© ALL RIGHTS RESERVED, DATAREV 2017
MY DATA
MY DONATIONS
HI MARIA!
STUDIES
EMOTIONAL STATE // OVER THE WEEK //
S
ACTIVATION
U VO ER
30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 09 08 07 06 05 04 03 02 01
WORK EXERCISING ON THE MOVE HOME
ALERT EX
100
CIT E
D
MONTHLY UPDATES LAST UPDATED 10 MARCH, 2017
ANALYSIS You listen to music frequently in a way that stimulates your creativity and your productivity. You seem to chose the music that works well with your mood and with the context you are in. You can benefit from guidance that would boost your focus at work.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
SONGS PLAYCOUNT
TOTAL SONGS
TOTAL ARTISTS
3120
412
38
The data includes music generated from your own devices. It excludes external music you are exposed to.
LAST UPDATED 10 MARCH, 2017
D
SOURCE: CAR / TV VOICE RECOGNITION/ COMPUTER / WEARABLE DEVICES / SOCIAL MEDIA / GOOGLE S EARCHES / CREDIT CARD / EMAILS
80
ED AT EL
60
ST RE SS E
DONATE THIS DATA TO RELATED STUDIES
SOURCE: ITUNES / YOUTUBE / APPS / COMPUTER / WEARABLE DEVICES
// SOURCE OF MUSIC //
E TENS
HI MARIA!
STUDIES
MUSIC ACTIVITY
CONTACT | TERMS & CONDITIONS
N
MY DONATIONS
// Beer //
40
46% YOUTUBE
20 0
PY
UPSET
HAP
UNPLEASANT
Your work seems to be very stressful. You tend to be very tensed, nervous and stressed during the week. You manage however to communicate in a calm and serene manner. You are a very alert person but you get bored quite easily.
PLEASANT
SAD
CONTEN DED
0
SE RE NE
D SE ES
20
PR
40
DE
79% Desktop Laptop
ANALYSIS
60
X LA
ED
DEACTIVATION
7% SOUNDHOUND
58% Car
42% Home / TV / DVD
11% DEEZER
31% ITUNES
// TYPE OF MUSIC //
RE
80
BO RE D
100
5% PANDORA 15% Phone
CALM
HOME
WORK
CLASSIC ROCK POP INDIE ROCK
FATIGU ED
JAZZ HOUSE
// WEEKEND VS. WEEKDAYS // STRESSED
ALERT
CAR
CALM 78%
90%
28% 92%
20%
NERVOUS
70%
SERENE
EXCITED 60%
28%
2%
30%
70%
18%
TENSED
CONTENDED
HAPPY 70%
10%
8%
22%
30%
RELAXED
FATIGUED 30%
23%
BORED 38%
60%
20%
58% 5%
DEPRESSED 14%
CONTACT | TERMS & CONDITIONS
EXERCISE
© ALL RIGHTS RESERVED, DATAREV 2017
CONTACT | TERMS & CONDITIONS
© ALL RIGHTS RESERVED, DATAREV 2017
70 . DataRev Thesis Book
USER TESTING 1 I have tested the informative website and the portal on 4 different users of different ages, gender and occupation. I went to the users so I can observe how they use the website in their own environment as everyday users. Overall the idea was well received. Users found the website to be useful and essential considering where the world is going. They overall had positive feedback on the design and the text. The main concern was related to the safety of userâ&#x20AC;&#x2122;s data. The testing was also useful to understand what has to be amended and improved when it comes to content, navigation and design.
IT IS IMPORTANT TO HIGHLIGHT THE IDEA OF CONFIDENTIALITY AND TRUST ON THE WEBSITE.
Reassure more the user on the fact that his/her data is going to be safe and that it is securely gathered and transferred. Credit card access for instance was a main concern. I had to remove this item for legal issues.
DataRev Material . Website . 71
Karim, General Manager of a local radio station
72 . DataRev Thesis Book
CLARIFY THE PROCESS + THE WAY THE DATA IS GATHERED + THE WAY IT IS DONATED
“The website jumps directly into asking the users to login without explaining that they will now see their online data and what it takes from them to gather the data”
“It is something that I would love to learn about myself but I would like to know how they came about to get to this data. How true is it”
“I need to be convinced that this data is going to do something to the world. I will not give it just so that you can tell me who I am”
= CREATE "A HOW IT WORKS" PAGE
DataRev Material . Website . 73
Navigation
“Give more importance to the donation inside the portal. Once you get here, the content is very captivating, so you need to remind the user of the main purpose.”
“The placement of my portal is very confusing. I would like first to know how it works then decide to login to access my portal.”
“Highlight more the data that needs to be donated for each study. It could be when users hover over the icons.”
“When I get to this page from the About section, I do not understand where I am. If the filter is placed at the top it makes more sense.” “Maybe replace the login button with how it works, so I can understand more before I take any action.”
“Consider replacing the Donate button with how it works or browse research studies because we don’t understand where this will take us.”
“The text under the charts on the homepage, looks like bullets rather than sections.”
74 . DataRev Thesis Book
Design The feedback on the design was overall positive. Users felt that the information is well structured and clearly compartmented. The feel is dynamic and engaging. The structure of the website keeps the users interested and curious to discover more.
“The arrow icon used in many places could be confused with a play button.” “No need for arrows and the numbers. They both serve the same purpose.”
“Break down the text into 3 different options: Questions, Volunteering, Suggestions. User should select one for a better structure of the information.” “The fine white text on this page is not clear specially that the images are very captivating.”
Text Users thought that the text is self-explanatory and the language is friendly and easy. The About page clarifies the concept clearly. The “data for good” part and the humanitarian approach are well emphasized.
“Add Online or Digital in all titles.” “Add a disclaimer to specify that data is not 100% accurate.”
DataRev Material . Website . 75
Fadi, Immunologist, Responsible of a medical lab in Norway
GOOD TO HEAR
The idea is very interesting and very much inline with where the world is going today.
The donation part of the website is clear and is put forward in an encouraging way.
We understand clearly from the homepage that there are two parts for the website: data processing and donation.
76 . DataRev Thesis Book
USER TESTING 2 Once the material was finalized, I have tested all my deliverables on 5 different users of different ages, gender and occupation. I went to the users so I can observe how they use the website and how they react when they see the ads that promote DataRev. The idea was very well received by all users. Even those who are skeptical about their data being exposed to others, found it to be useful on a personal level. The concept of giving users ownership of their data was a very positive point for all. The feedback on the design was very positive. Eventhough in the first round of user testing, users found the text to be well drafted, I had this time many comments on word usage or on missing clarification. Users in general wanted the text to focus more on the word “anonymous” and “ownership”.
“ONCE I GET INTO THE ANALYSIS, I NEED TO BE REMINDED OF WHY IT IS IMPORTANT TO SHARE MY DATA”
Have a sentence that explains to the user that “by donating your data you can make a difference. Show that x number of studies are in need of your data.”
“The icons inside the analysis are not very integrated. They do not invite me to click. They do not look like a menu they can be easily overlooked. Write under the icons what they are; do not rely on the memory of the users.” “Donate this data does not appear as the most important thing on the page. Users are not encouraged to donate. The analysis is more prominent.”
DataRev Material . Website . 77
Jad, Data Analyst, Software Developer
78 . DataRev Thesis Book
DataRev Material . Website . 79
use share. â&#x20AC;&#x153;Donate is a scary concept for people when
it comes to their personal data. Sharing has a more communal feel. While donate says that this data is no longer your own, share says it still belongs to you but you are letting someone else look at it.â&#x20AC;?
80 . DataRev Thesis Book
Marc, ENT Doctor
“ANONYMOUS AND CONTROLLED ARE NOT EMPHASIZED ENOUGH. I NEED TO FEEL SAFE.”
All users agreed that safety and security are important. Users need to read in many places that the process is secured. They felt that the text explains the concept but does not reassure when it comes to sharing.
“In How it Works it is important to say that you share your data anonymously and that the sharing will have no impact on your data or your life.” “The text in About and How it Works sections does not explain clearly how they can scan my identity. The process needs to be more obvious on the page.”
“All donation is anonymous. Better to ask is my donation anonymous?” “The word transaction feels financial.”
DataRev Material . Website . 81
“AS A RESEARCHER, MY PART IS NOT VERY ACCOUNTED FOR.” The part that encourages the researchers to upload studies is not that much in focus. It is only in the Login and About. As both a donor and a researcher, I need to know who are the NGOs, research centers, universities, supporting this project. How many cases have been successful so far, how many posted… It gives more credibility to the website.
“You also need to explain to me as a researcher how this website works. This part seems to be only reserved for the donors, while it should be for every user.”
“This is the only place where I see a link to upload a study and it is not very much in focus.”
82 . DataRev Thesis Book
Design The feedback on the design was very positive. Users felt the website was visually appealing and pleasant. The colors are comforting. The feel is dynamic, fresh and engaging. Users thought that the style is unique especially the images and the icons.
“The filter bar is not visible. It should be distinct and obvious”
“The sources are not very clear.”
“Some users thought that the Studies page is crowded and recommended to organize the grid. Some others thought it was light and intriguing.” “This chart is not clear.”
“Put Studies before Impact the World.”
“Place Current Donations before Past Donations.”
DataRev Material . Website . 83
Text The opinion of users was divided on whether the website is text heavy or not. Some thought that I should cut it short, others thought that with such an important topic and responsibilities of sharing data, this content is a must. They advised instead to add more pull quotes to summarize the important points.
Inform people of what they will see in case studies. “Discover how sharing data has already made an impact in the world.”
Share your data to create a better world. This will emphasize the sharing concept more than create a better world.
“I see this as a hopeful message, a positive one. I need to know from the homepage how I can make the world better. It will open up for sharing. The word digital footprint that is used in the ad, is very important and it is not used in the website.”
“You need to clarify that this data is already owned by third parties and you are giving it back to us. Also let me know what is in it for me as a user.”
84 . DataRev Thesis Book
Jen, Academic Researcher
DataRev Material . Website . 85
GOOD TO HEAR
The project is revolutionary. Especially for us researchers, since we struggle timewise and financially to find the data that we need.
The beauty of this project is that it gives me back ownership and it gives me a voice as a user, that service providers and corporations are taking away from me. I can use this data differently now that I have a copy.
If I donâ&#x20AC;&#x2122;t want to share data, at least I can improve my own health and life.
In this whole war of data, it is nice to have something that gives you the possibility to showing goodwill.
ABOUT
HOW IT WORKS
STUDIES
IMPACT THE WORLD
FAQ
CONTACT
SIGN UP
INFORMATIVE WEBSITE MENU
88 . DataRev Thesis Book
HOMEPAGE The homepage primarly invites the user to join the data revolution. Each compartment on this page leads the user to one of the sections of the website. The animation is also put in focus in order to explain to users how their digital footprint can contribute to making the world a better place.
DataRev Material . Website . 89
90 . DataRev Thesis Book
ABOUT The About page sheds light on the main purpose of the website. It also takes the user to browse/upload studies or to the portal dashboard so they discover their online identity.
92 . DataRev Thesis Book
STUDIES This section is one of the most important pages for the donation process. It puts NGOs and researchers in contact with end users or corporations. Once an NGO or a research center creates an account, it has to provide enough information that could convince the user that their cause is essential to making the world a better place. From the Studies page, users can select a specific study and learn more about it. This page allows for filtering so that users can refine their search at any moment.
DataRev Material . Website . 93
94 . DataRev Thesis Book
IMPACT THE WORLD This section contains the three case studies that inform the user about the power of Big Data to solve social issues. Each category includes a digital publication â&#x20AC;&#x201D; an e-zine â&#x20AC;&#x201D; that the user can download to understand better how their information can benefit themselves and the world.
DataRev Material . Website . 95
FAQ This section answers the concerns and inquiries of the users, and offers them the possibility to ask any additional question they might have. The answers are divided into two main categories: Security and Sharing. They have been collected based on the questions raised during the user testing.
CONTACT The contact form allows users to drop a suggestion, ask a question or send a message if they would like to volunteer with DataRev.
SIGN IN US ERN AME
PAS S W ORD Forgot your password?
LOGIN
NEED AN ACCOUNT? C R E AT E AC C O U N T SI G N I N W I T H F A C E B O O K
> U N D E R S T AN D H O W I T W O R K S > U N D E R S T AN D O U R S A FE T Y M E A S U R E S > U N D E R S T AN D Y O U R R I G H T S A S A M E M B E R
98 . DataRev Thesis Book
SIGN UP This section is essential to both the general public and the researchers. The public users can build their profile and specify the devices/apps that they would like to share. The researchers on the other hand can also build their profile and can add/manage their studies in this section. The usersâ&#x20AC;&#x2122; part (blue) and the organizationsâ&#x20AC;&#x2122; part (purple) are differentiated through colors.
DataRev Material . Website . 99
LIVING H
LIVING GREEN
FOOD & DRINKS
EMOTIONAL
HABITS
PERSONALITY
MY DATA
MY DONATIONS
STUDIES
PORTAL MENU
LIVING SAFELY
HEALTHY
INTERESTS & ACTIVITIES
SECURITY
MUSIC
ENVIRONMENT
102 . DataRev Thesis Book
PORTAL DASHBOARD Once users log in, this page will give them a summary of their digital life. Being true to its mission to help building a better world, DataRev categorizes users’ analysis in the three main areas of: • Living green • Living healthy • Living safely
Users can also access each of the 8 sections related to their online life. • Food & Drinks • Emotional • Habits • Personality • Interests & Activities • Security • Music • Environment
DataRev Material . Website . 103
104 . DataRev Thesis Book
ANALYSIS The following pages display the analysis of usersâ&#x20AC;&#x2122; digital life. From each page, users can also access the related studies in need of their data.
DataRev Material . Website . 105
106 . DataRev Thesis Book
DataRev Material . Website . 107
108 . DataRev Thesis Book
MY DONATION It is through this section that the user is capable of managing his/her past and present donations. User is given the possibility to edit, cancel or stop a running donation at all time.
DataRev Material . Website . 109
YOU ARE AMAZING! On behalf of DataRev and Icahn School Of Medicine we thank you for sharing your data. By allowing us access to your data for one year, you are contributing to making the world a better place. You have received by email a quick link that will allow you to send any inquiry or concern you might have directly to DataRev support team. We are here to help! Thank you for joining DataRev, the Data revolution for good!
CASE STUDIES: IMPACT THE WORLD
114 . DataRev Thesis Book
DataRev Material . Case Studies . 115
116 . DataRev Thesis Book
THE PUBLIC ISSUE The case studies have for purpose to educate users. They showcase life implemented projects that solved social problems through public data sharing. This public issue contains facts and statistics about the positive impact of Big Data on the urban world. The two case studies included highlight the power of data sharing to prevent homelessness, and combat poverty in Africa.
DataRev Material . Case Studies . 117
118 . DataRev Thesis Book
THE HEALTH ISSUE This issue contains facts and statistics about Big Data and its impact on health. The two case studies included highlight the power of public data sharing to prevent the expansion of the flu, and to improve care in clinics and hospitals.
DataRev Material . Case Studies . 119
120 . DataRev Thesis Book
THE SAFETY ISSUE This issue contains facts and statistics about Big Data and its positive impact on our safety as citizens. The two case studies included highlight the power of public data sharing to predict crimes and natural disasters, thus allowing experts to take measures and to minimize the potential damage.
DataRev Material . Case Studies . 121
ANIMATIONS/ADS
124 . DataRev Thesis Book
PROMO ANIMATION This animation has been designed to be viewed on the Homepage and on the About page of the website. Its main purpose is to explain to users the whole concept behind DataRev so as to convince them of its power to make the world a better place.
DataRev Material . Animations / Ads . 125
126 . DataRev Thesis Book
ANIMATED & STILL ADS DataRev will be promoted mainly on social media. The ads are designed to trigger the curiosity of the audience. They communicate to them directly, touching on important aspects of their lives, and inviting them to click in order to find out more.
DataRev Material . Animations / Ads . 127
APPLICATIONS GUIDELINES
130 . DataRev Thesis Book
WEBSITE The website is built on a specific set of rules that makes it consistent and easier to update. The visual feel of the website is based on: • 12-column grid • Primary and secondary colors of the brand • Image style as per brand’s guidelines • Icon style as per brand’s guidelines
MENU Open Sans, Regular Uppercase 20pts / Tracking 70pts BUTTON STYLE 1 Open Sans, Regular Uppercase 26pts / Tracking 70 pts
LEVEL 2 TITLE GT Haptik, Black Uppercase 60pts/65pts LEVEL 1 TITLE GT Haptik, Black Uppercase 116pts/118pts Bleeding from top or bottom of the image
Visual Identity . Guidelines . 131
SELECTED BUTTON Highlighted Button Type White Background Color: #cd008a
STATEMENT Open Sans, SemiBold 40pts/55pts BODY TEXT Open Sans, Regular 22pts/32pts Color: #373737 HIGHLIGHTED SENTENCES Open Sans, SemiBold 32pts/48pts
BUTTON STYLE 2 Open Sans, Regular Uppercase 20pts / Tracking 70 pts Background Color: #cd008a
LEVEL 4 TITLE GT Haptik Black Uppercase 20pts/24pts Color: #373737 LEVEL 5 TITLE Open Sans, SemiBold Uppercase 14pts/18pts Color: #cd008a TEASER TEXT Open Sans, Regular 14pts/18pts Color: #373737
132 . DataRev Thesis Book
USERNAME GT Haptik, Black Uppercase / 36pts LEVEL 3 TITLE GT Haptik, Black Uppercase 32pts
LEVEL 4 TITLE
STATEMENT
MENU Same as menu features
LEVEL 4 TITLE Tracking 70pts LEVEL 5 TITLE LEVEL 3 TITLE
HIGHLIGHTED NUMBERS Open Sans, Bold 55pts Color: #2b3e8b INFOGRAPHICS CAPTIONS Open Sans, Regular Uppercase / 22pts Color: #2b3e8b
Visual Identity . Guidelines . 133
INFOGRAPHICS There are 5 different types of infographics used in both the website and the digital publications.
The bar chart 90% 20%
The column chart 10 09 08 07 06 05 04 03 02 01
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
The doughnut chart
The rose chart
The treemap chart
134 . DataRev Thesis Book
PUBLICATIONS GUIDELINES
ISSUE Interstate, Light Italic 30pts/50pts TITLE GT Haptik, Black 70pts/67pts
IMAGE STYLE Pixelated image Grayscale image Multiply gradient effect COLORS Any of the 4 gradient combinations included in the brand manual
Visual Identity . Guidelines . 135
GRID 7-column grid Margin 1.5 cm BODY TEXT Interstate, Light 13pts/16pts PULL QUOTES Interstate, Light Uppercase 13pts/16pts SUBHEADS Interstate, Bold 13pts/16pts
IMAGE STYLE Bitmap image (round or line) Grayscale image Multiply gradient effect COLORS Any of the 4 gradient combinations included in the brand manual
136 . DataRev Thesis Book
ANIMATION/ADS GUIDELINES
Animated Ads IMAGE STYLE 50% of the image pixelated 50% of the image clear Grayscaled picture Multiply gradient effect COLORS Any of the 4 gradient combinations included TYPE GT Haptik, Black 137pts (Animated) 60pts (Still) COPY A maximum of 2 words per slide SPEED 0.3sec per image slide 0.5sec per type slide MUSIC STYLE Upbeat
Still Ads
Visual Identity . Guidelines . 137
Animation IMAGE STYLE Bitmap image Line, 45ยบ COLORS Any of the 4 gradient combinations included TYPE GT Haptik, Black
ACKNOWLEDGMENT
140 . DataRev Thesis Book
BEAUTIFUL PEOPLE INSPIRE OTHERS
Acknowledgment . 141
THANK YOU TO MY BELOVED FAMILY Especially My husband, Jad for his support and patience during many many overnights and working weekends. My precious daughter Kaya, for being the reason I never gave up and for giving me strength in my most doubtful moments. Most of all My dad. None of this would have been possible without his continuous support, his wisdom and his love. And My mother-in-law, Mona for her time and care. My siblings, Jad, Jana, Rawane for their love, their good mood and their energy. TO MY WONDERFUL FRIENDS AND CO-WORKERS Andrea, for being always present. Fadi, for being such a great listener. Ramona, for her time and her presence. Also Marc, Cynthia, Jenny, Yara, Karim, Kamil, Nissrine and Christine. TO MY INSPIRING ADVISORS Jeremy Stout, Samantha Perkins and Anitra Nottingham, I am a better designer today because of their guidance.
DATAREV Graphic Design MFA Thesis Project Academy of Art University San Francisco, CA Images All images used inside this book are downloaded from unsplash.com Typefaces Interstate Family GT Haptik, Black Paper Cover: Ispira white 200grs Inside Pages: Conqueror Wove Brilliant white, 160grs Advisors Jeremy Stout Samantha Perkins
DATAREV Graphic Design MFA Thesis Project Academy of Art University, San Francisco, CA www.data-rev.net