Student projects from our course at Aalto, spring 2018

We teach the course “Information Design II” as a part of the the Information Design track of the Master studies in Visual Communication Design at Aalto university. This year we gave our students the following open brief:

Pick a subject of interest and gather data about it. You may also choose to continue your project from Information Design I.

Study your subject carefully and develop a way to explain and represent it visually. You can focus on a particular aspect or strive to give a broader overview of the topic in question. Your work should include several graphics and represent both qualitative and quantitative (numerical) information.

Here’s a selection of interesting projects that were created during the course. Click images to enlarge.

Yentsen Liu: StatFin Database interface redesign



Yentsen did a thorough review of Statistics Finland’s PX-Web database interface and worked on a suggestion for a more usable and contemporary redesign. You can read a comprehensive explanation of the project here: blog.yentsenliu.com/redesign_statfin

Helén Marton: (Mis)informed


Helén developed a concept for an online platform called (Mis)Informed. The purpose for the site is to combat misinformation by:
– hosting a public library of bad, misleading or straight-up deceiving information graphics/visualizations
– by offering educational material to assist in developing a critical eye when viewing graphics.
Helén is currently looking for collaborators to take this project further. Contact her via e-mail: mail{at}helenmarton.com

Adina Renner: Flying Monkeys and a Wall of Silence


Adina wrote and designed a sketch for a thoughtful web article about how young athletes were systematically abused by the physician Larry Nassar. The goal was to make visible the web of connections, that made the abuse possible and allowed it to continue for years.

Lilla Tóth: When Hollywood says ‘I love you’

Chart of mentions of the term ”i love you” in hollywood films
Lilla used a collection of Hollywood movie scripts to investigate when – and how many times – male and female actors utter the words ‘I love you’ in different films.
Lilla’s portfolio is at behance.net/lillatoth

Liam Turner: Tracing the origins of California city names


Liam created an elegant map that looks at the historical and thematical origins of city names in California.
Liam’s portfolio is at califjordia.com

Conflict: Student works from our course in Aalto 2014

Apologies for the long radio silence, it has been busy times! Just before Christmas, we finished another round of our long-running course Information Design  at Aalto University. Now the assignment for the main project was the following:

“Choose a subject that fits under the topic ‘conflict’. Study your subject and find a way to explain and represent it visually.”

The project started in the end of September and working continued throughout the course. Every student was to find their own way of approaching the topic and look for relevant data sets to work with. The challenge was to find a way of representing data relating to the chosen subject that would show both qualitative and quantitative (numerical) information. To allow for a variety of subjects the final presentation format was deliberately left rather open.

(click images to enlarge)

 

Ebola_in_the_News

Lisa Staudinger made this very detailed poster on how the news coverage of the ebola epidemic in a number of online newspapers corresponded to the number of cases and deaths. Key events that appear to drive media interest are marked on the graphs. At the bottom is a small multiples graphic comparing Google trends to media coverage. Lisa’s portfolio is at www.behance.net/LisaStaudinger

 

 

Mustafa_Armstrade
(Click the image to launch the interactive visualization)
Mustafa Saifee did an impressive job of visualizing global arms trade data with an interactive Sankey diagram created using the Javascript libraries Paper.js and D3. It is striking to note how few countries import big amounts of arms from both Russia and the United States, India being the major exception. Mustafa’s portfolio: mustafasaifee.com

 

 

Information Design Marija Erjavec_expanded

Marija Erjavec used Finnish food waste statistics to create a decision tree poster, that allows the reader to determine her or his average food waste and the amount of food wasted in different categories. Surprisingly, the amount of food waste appear to depend on if the buyer is male or female. Marija’s portfolio: www.behance.net/marijaerjavec

 

 

small-grid_18x24_un_1

Akbar Khatir’s poster is a timeline of the United Nations. It shows how the UN has expanded and the dynamics of the Security Council voting. One can amongst other things see the ebb and tide of council vetoes during the Cold War and a big increase in the total number of resolutions with the dissolution of the Soviet Union. On the left the Secretary Generals are listed. Akbar’s portfolio: cargocollective.com/akbar, contact via e-mail: akbar.khatir(at)gmail.com

 

 

Information design_maja tisel

Maja Tisel did a more artistic project on the conflict between daylight and night – evident in the long, dark winters in Finland. In addition to the poster, she made an interactive graphic in Paper.js based on the same data. It can be viewed here.

 

 

Kiitokset taas seminaarivieraille!

Tieto näkyväksi -seminaarimme järjestettiin 20.9. toisen kerran. Paikka oli jälleen Kauppakorkeakoulun suuri juhlasali. Kuten viime vuonna käyneet muistavat, ensimmäinen seminaari oli satelliittitapahtuma OKFestivalille, jossa osa järjestäjistä oli myös pitämässä ohjelmaa. Tämänvuotinen pidettiin itsenäisenä tapahtumana, joka järjestettiin Aallon ja sponsorien voimin. Osa viimevuotisista kävijöistämme saapui festivaalin lippuvaihtojärjestelyn kautta, ja muistan kesällä miettineeni, saammeko tällä kertaa vastaavasti yleisöä ilman suuremman tapahtuman tuomaa vetoa. Huoli oli turha, sillä tapahtuma myytiin loppuun.
Koska ohjelmaa oli kahdella kielellä, päätimme tänäkin vuonna jakaa tapahtuman aamu- ja iltapäivän osioihin, joista ensimmäinen oli suomeksi ja toinen englanniksi. Tapahtuman videotaltioinnista ja striimauksesta kiitämme Aleksi Mustosta, joka laittoi ohjelman nähtäväksi Bambuser-palveluun.

Kyyriainen_7646

Kun vieraat olivat istuutuneet, seurasi avajaispuheenvuoro. John Nurmisen säätiön hallituksen puheenjohtaja, merenkulkuneuvos Juha Nurminen osoittautui todelliseksi asiantuntijaksi puheessaan karttojen ja visualisointien yhteiskunnallisesta vaikuttavuudesta. Esityksessä oli uutta ja kiinnostavaa tietoa kartografian historiaakin tunteville. Nykyajan esimerkki oli kuva Itämeren levätilanteesta, joka tekee selväksi ympäristöongelman laajuuden. Puhdas Itämeri -hankkeeseen voi tutustua projektin sivuilla.

Hannu Kyyriäinen on infografiikkaan erikoistunut graafinen suunnittelija. Hänen työnsä Suomen Kuvalehdessä on maamme mittapuulla poikkeuksellisen korkeatasoista ja monimuotoista. Hänen visualisointinsa Palestiinan aluemenetyksistä sijoittui pronssisijalle arvostetussa Malofiej-kilpailussa aiemmin tänä vuonna, ja esityksessään hän kävi läpi monia muitakin mielenkiintoisia töitään. Niihin voi perehtyä tarkemmin hänen Flickr-sivuillaan.

Vaajakallio_7711
Kirsikka Vaajakallio esittelee haastatteluaineistoa

Kirsikka Vaajakallio on palvelumuotoilija, jonka työtapa on yhteissuunnittelu. Siihen kuuluu tuotteen tai palvelun varsinaisen käyttäjän mukaan ottaminen jo suunnitteluprosessin alkuvaiheissa. Saman tavan soisi yleistyvän myös tiedon esittämisessä, sillä kokeneinkin suunnittelija ei vain tule ajatelleeksi kaikkia yleisön tarpeita. Esityksessään Vaajakallio kertoi joistakin käyttämistään työskentelymenetelmistä, joista ehkä kiinnostavimpia olivat suunnittelupelit. Ne ovat tilanteeseen räätälöityjä seurapelejä, joiden avulla suunnitelutyöhön tottumattomat voivat jakaa ideoitaan helpommin.

Markku Mikkola-Roos on Suomen ympäristökeskuksen biodiversiteettiyksikön vanhempi tutkija, joka on erikoistunut lintujen suojeluun. Hänen puheenvuoronsa käsitteli tunnistusoppaita perinpohjaisella tavalla. Olin itse yllättynyt, kuinka vanhoja monet alan konventiot ovat. Historialliseen läpikäyntiin kuului tietenkin myös arvio nykytilanteesta. Siinä kävi ilmi, kuinka valokuvia käyttävillä oppailla on omat rajoituksensa piirrettyihin havainnekuviin verrattuna.

Peltomaki_7867
Tuomas Peltomäki kertoo verkostojen hienoudesta

Datajournalisti Tuomas Peltomäki esitteli puheenvuorossaan seikkaperäisesti suomalaista lobbausverkostoa esittävää visualisointityötään. Twitterissä esitystä luonnehdittiin stand-upiksi, ja siinä oli myös omasta mielestäni terävää ja mukaansatempaavaa huumoria. Työhön vaadittu datamäärä oli päätähuimaava ja sen käsittely vaati uusien työtapojen kehittämistä ja vanhojen soveltamista. Visualisointiin ja sen materiaaleihin voi tutustua Peltomäen verkkosivuilla.

Ohjelman viimeinen suomenkielinen puhuja oli valokuvaaja ja filosofian tohtori Leena Saraste. Hänen aiheensa koski valokuvan totuusarvoa ja sen mielikuvia muokkaavaa voimaa. Ajatus valokuvasta todisteena ja ilmaisuvälineenä on ristiriitainen ja siksi kiinnostava. Monet ajatukset ja lainaukset olivat provosoivia, kuten väittämä ”ihmiset haluavat tulla petetyiksi”. Näiden tukena oli mielenkiintoisia esimerkkejä ikonisista ja myös vähemmän tunnetuista valokuvista, joiden aihe ja ilmaisutapa olivat tarkkaan harkittuja. Kuvista ei näe, mitä on todella tapahtunut, sillä totuus ei löydy niistä itsestään.

Tauon jälkeen alkoi englanninkielinen osuus, jonka avasi Svenska Dagbladetin graafinen journalisti Thomas Molén. Hänen kuuluisin työnsä lienee Malofiej-kilpailussa pääpalkinnon saanut grafiikka euroviisujen äänestyskäyttäytymisestä. Molén on infografiikkanörtti ja ylpeä siitä. Esityksessä näkyi helposti nörttimäisten piirteiden etu hyvän infografiikan tekemisessä. Kun mielenkiinto syttyy helposti ja tekijällä on luontainen kyky syventyä sekä kiinnostusta teknologiaan, lopputulos on myös lukijalle syvempi ja mielenkiintoisempi.

Rees_8019
Kim Rees

Ensimmäinen Keynote-puhujamme oli yhdysvaltalaisen Periscopic-suunnittelutoimiston perustaja Kim Rees. Toimisto on tunnettu visuaalisista datatarinoistaan, joita yritykset, järjestöt ja julkinen sektori tilaavat esittämään toimintaansa ja tavoitteitaan.
Periscopicin tunnuslause on do good with data. Töiden aiheet ovat yhteiskuntaan, terveyteen ja ympäristöön liittyviä ja ne herättävät voimakkaita tunteita. Etenkin asekuolemien takia varastetuista vuosista kertova esitys oli vähäeleisyydestään huolimatta (tai ehkä juuri sen takia) koskettava. Kerronnallisesta ja tunteita herättävästä puolestaan huolimatta hyvän visualisoinnin on pohjattava todellisuuteen, ja mieleenpainuvien esitysten vahvuus on niiden rehellisyydessä. Läpinäkyvä data tekee esittäjän haavoittuvaksi, mutta rakentaa luottamusta.

Lounastauko oli tänä vuonna erityisen pitkä, sillä sali piti antaa hetkeksi valmistujaistilaisuuden käyttöön. Toisaalta tämä oli hyväkin asia, sillä tiiviit esitykset herättivät ajatuksia ja niitä oli mukava sulatella muiden kävijöiden kanssa.

Cairo_8173

Ohjelma jatkui toisella keynote-puheenvuoroistamme, jonka piti espanjalainen Alberto Cairo. Hän on pitkän linjan graafinen journalisti ja valistaja, jonka kirja The Functional Art on luultavasti tämän hetken paras teos informaatiomuotoilun tekemisestä. Cairon esitys oli perusteellinen läpikäynti siitä, mitä todella laadukkaan visualisointityön tekeminen vaatii. Eräs hänen keskeisistä viesteistään on, että kuvallisen esityksen tekijä ei ole tietoa koristeleva käsityöläinen vaan sisältöön paneutuva viestinnän ammattilainen, jolla on journalistinen vastuu. Lukijan ymmärrys voi olla seurausta ainoastaan tekijän ymmärryksestä.
Graafisen journalistin työ on suuressa määrin myös ryhmätyötä muiden viestinnän tekijöiden sekä asiantuntijoiden kanssa. Tapausesimerkeissä tuli esille, kuinka asiantuntijan kuuleminen lisää uusia ulottuvuuksia ja syvyyttä esitykseen. Toivoisin, että meillä Suomessa annettaisiin useammin puitteet tehdä tällä tasolla datalöhtöistä kuvallista journalismia.

Päivän viimeinen puhuja oli alankomaalainen informaatiomuotoilija Frédérik Ruys. Cairon tavoin hän painotti ymmärryksestä syntyvän oivalluksen merkitystä työssään (lainaamallaan termillä infogasm). Ruys esitteli vaikuttavan ja työlään hankkeen Nederland van Boven (Alankomaat ilmasta), joka on televisioon tuotettu dokumenttisarja. Siinä yhdistetään taitavasti kuvattua ilmakuvaa huolellisesti tutkittuun informaatiomuotoiluun tavalla, joka antaa arkielämän ilmiöistä uuden kuvan. Visualisoinneissa esitettiin hälytysajoneuvojen liikettä päivän aikana ja valtamerialusten liikennettä Euroopan vilkkaimpaan satamaan. Kiehtovin esimerkki oli kuitenkin haikaran päivän aikana tekemä lentoreitti, jossa näkyy kuinka lintu käyttää ihmisen toimintaa ja rakennettua ympäristöä hyväkseen.
Hiottu lopputulos vaati runsaasti taustatyötä ja useita ideoita oli hylättävä, koska visualisointi ei sopinut välineen kerronnallisiin vaatimuksiin. Visualisointien tekijänä oli mielenkiintoista seurata, kuinka usean osa-alueen pallottelu nopean työprosessin aikana onnistui näinkin sujuvasti.

ulkoa_7742

Haluamme kiittää kaikkia seminaarivieraitamme kiinnostuksestanne ja hyvistä kysymyksistä. Lisäksi kiitos kuuluu myös muille järjestelyssä auttaneille sekä sponsoreille. Oli jälleen haastavaa ja palkitsevaa suunnitella ohjelma, joka olisi yhtä monipuolinen kuin yleisömme.

Valokuvat: Pekka Niittyvirta

Student Works From our Course, Part II

In the previous post about the course, I shared a few works by our great students at Aalto University. They were all from the first assignment, Improve Wikipedia!

The second assignment was Visualizing Democracy. Every student would pick a facet of the democratic process or a related phenomenon in his or her home country and produce a visualization. The idea was to go for a deep analysis so that the end result wouldn’t be a simple graphic of a party’s membership roster, for instance. We gave the option to make a poster, animation or an interactive visualization. I won’t show all of the works here due to technical limitations, but here are a few examples of what the students came up with.
(click images to enlarge)

 

India is a huge country and the scale of misappropriated funds is equally massive. Prashant Coakley made this chart showing the ten biggest scandals by monetary value.

 

 

The Parliamentary Ombudsman is a very Nordic public office that deals with citizens’ grievances with officials. This visualization by Unto Helo shows how many of these claims led to action being taken.

 

 

Finland has an exceptionally long history of women in politics. In this poster by Irmeli Iivonen, female Members of Parliament are color-coded based on party affiliation.

 

 

Emilia Ahonen designed this ambitious timeline of the rulers of Finland, reaching back to the earliest (somewhat) reliable figures. It ended up being too wide for a regular poster, but the scope was so impressive that we didn’t mind.

 

 

The population pyramid is a well-established way to demonstrate the age structure of a population. Jutta Joutjärvi uses it in her poster to show how the Parliament and its member parties and parliamentary groups differ from the age structure of Finland itself. I had thought of the Social Democrats as a party of old men, but apparently this is not true (at least for MPs).

 

 

The problematic relationship between the two Koreas is illustrated in this set of timelines by Jinhee Kim. The period labeled with yellow was marked by the Sunshine Policy, an effort by the Republic of Korea to seek cooperation with the Juche regime.

 

 

(click on the image to start visualization)
Antti Vuorela created this interactive display that maps the ebb and flow of Finnish politics from 1945 to 2011. In addition to changes in the number of Parliament seats, it shows how parties move between the government and the opposition. None of the major ones are truly perpetual cabinet parties. Antti is refining this further, so I’ll update this entry when the next version is done.

Student Works From our Course, Part I

Some of our readers know that we run an information design course at Aalto University each year. It’s organized by the graphic design department, but enrollment is open to all Aalto students. We typically have a slight majority of graphic designers and a growing number of technology students participating. I think a mixed group such as this is what Aalto’s founding group had in mind. All we need now are a few business students to participate in the next course and we’ll boast one of the most diverse groups in the whole university.

We see lots of interesting student works on the course each year, but apart from outside guests to the review sessions, very few people ever get to see them. Here are some examples that I split into two separate posts according to the assignment.

Improve Wikipedia!

Jonatan, Juuso and I have been involved in the Finnish open knowledge community, a budding movement to engage citizens and officials in a drive to open government databases and increase the amount of information that’s freely accessible to the public. The Open Data Kitchen is part of it, but we also take part in other ways.

I was recently made president of Wikimedia Suomi, a small local chapter of the organization that promotes Wikipedia, the free encyclopedia. One of its goals is to get experts and advanced students to participate in editing Wiki articles. Getting text contributions is usually no problem, but the quality of information graphics is far behind that of the articles themselves. We thought we’d help by giving the students in our course an assignment to design new visualizations or to redesign existing ones. To narrow the scope a little, all the articles they’d work on would be related to economics.

Showing how the Gross Domestic Product and national population figures line up in European countries. Countries that are relatively poor have population stacks that flow over the GDP bar. Work by Karoliina Liimatainen, Aalto University School of Science and Technology.

 

 

A diagram by Anssi Kokkonen illustrating the way money is released into the economy.

 

Sasa Kerkos designed a simplified diagram of the Atlantic slave trade.

 

The Big Mac Index is a popular and intuitive tool for many things. For one, it gives you an idea if a currency is over- or undervalued. This visualization shows how many burgers you get if you spend a hundred bucks. Work by Antti Vuorela, Aalto University School of Science and Technology. (click to enlarge)

 

A simplified map of the legendary Silk Road. Work by Jutta Joutjärvi.

 

An experimental way to visualize the Gini coefficient (a measure of income disparity) and GDP per capita. Work by Vahid Mortezaei.