14.04.2018 Views

Web_Designer_UK__May_2018

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

FORM AND FFUNCTION<br />

MAKING THE CONNECTION<br />

one.or /makin -the-connection/index-en.html<br />

Shortlisted for the<br />

Kantar Information is<br />

Beautiful Award 2017<br />

Right now, more than half<br />

the world is not connected<br />

to the internet, and almost<br />

75 per cent of Africa is<br />

offline. Why does this<br />

matter? For people living<br />

in the poorest parts of the<br />

world, access to the<br />

internet isn’t a luxury —<br />

it’s life-changing.<br />

ONE, a campaigning and<br />

advocacy organisation, is<br />

currently rolling out several<br />

programs to address this<br />

digital gap. It asked<br />

FFunction to create an<br />

interactive data<br />

visualisation that would<br />

highlight some key findings<br />

and contextualise them in<br />

an engaging, shareable way.<br />

As part of ONE’s larger<br />

Poverty is Sexist campaign<br />

that calls on communities,<br />

governments and private<br />

sectors around the world to<br />

help impoverished women<br />

within their countries, this<br />

site illustrates how access<br />

to the internet and digital<br />

media can empower people<br />

in developing countries,<br />

especially women.<br />

Displayed on a single<br />

scrolling page, the site<br />

presents two main<br />

visualisations: one shows<br />

the current rate of internet<br />

usage in African countries,<br />

and another further<br />

breaks down the first viz<br />

by gender to show the<br />

disparity between women<br />

and men who use the<br />

internet in Africa and<br />

around the world. A form<br />

at the bottom of the page<br />

directs visitors to sign the<br />

Poverty is Sexist petition.<br />

FFunction’s design team<br />

decided the best way to<br />

contextualise the data<br />

would be to contrast how<br />

the internet improves the<br />

quality of life in the<br />

wealthiest parts of the<br />

world, compared with the<br />

most poverty-stricken.<br />

For example, every<br />

month, over 560 billion text<br />

messages are sent worldwide.<br />

Of course, these can<br />

be useful for chatting with<br />

friends or receiving<br />

appointment reminders.<br />

But in sub-Saharan Africa,<br />

text messages can enable<br />

women who live far from a<br />

doctor to receive advice on<br />

how to have a safe and<br />

healthy pregnancy.<br />

Poverty is sexist — in<br />

so many ways, girls and<br />

women are hit harder and<br />

have fewer opportunities,<br />

and access to the internet is<br />

no different. Women in the<br />

poorest countries are<br />

almost a third less likely<br />

to have access to the<br />

Internet than men, and<br />

the gap is increasing.<br />

Visualising this data and<br />

putting some context<br />

around it helps engaged<br />

citizens, journalists and<br />

policymakers to understand<br />

the problem in both broad<br />

strokes and granular detail,<br />

and, hopefully, take action.<br />

Above Digging deeper into the data, reveals personal stories<br />

that place a human face on this data-based project<br />

The business case for working with a<br />

client can have many components. As<br />

FFunction doesn’t generally do spec work,<br />

but how does it decide which clients to<br />

work with? Audrée explains the studio’s<br />

approach: “We have turned down projects<br />

because the timeline is too tight, or<br />

doesn’t fit with the other projects already<br />

in our pipeline. We’re a boutique agency<br />

and intend to remain that way. The upside<br />

of working at this scale is that one of the<br />

directors is always personally involved in<br />

any given project. Crucially, we stay<br />

connected to the workflow. The downside<br />

is that project planning can be kind of like<br />

a game of Tetris because our human<br />

resources are limited.<br />

“Historically we have also refused<br />

projects where our added value is<br />

minimal, like branding or website design<br />

or PowerPoint design. There are so many<br />

extremely competent branding agencies<br />

out there that should win those contracts<br />

instead. Why choose dataviz specialists<br />

for that?”<br />

We’re a<br />

boutique<br />

agency and<br />

intend to<br />

remain that<br />

way. The<br />

upside of<br />

working at<br />

this scale is<br />

that one of<br />

the directors<br />

is always<br />

personally<br />

involved in<br />

any given<br />

project<br />

Audrée concludes: “And this is<br />

somewhat delicate, but we’ve also<br />

turned down projects from clients whose<br />

businesspracticeswedisagreewithin<br />

somefundamentalway.Lastyear,for<br />

example, we were approached to do a<br />

project by a cigarette company. The<br />

budget was good, but the idea of having<br />

acigarettemanufactureronourclient<br />

roster alongside the Canadian Cancer<br />

Society?Itdoesn’tlookright,andit<br />

certainly doesn’t feel right.”<br />

Oftenanagencyorstudiowillbecome<br />

knownforacertaintypeofwork.For<br />

FFunction, its approach means its<br />

clients are looking to use their data to<br />

communicate their messages. Sébastien<br />

outlines one project that spoke to<br />

FFunction’s design sensibilities: “One of my<br />

favourite projects is still HP Earth Insights.<br />

It applied a Hewlett-Packard analytics<br />

platform to research provided by<br />

Conservation International, an NGO<br />

dedicated to the protection of the planet<br />

and its resources. FFunction’s role was to<br />

package data that charted fluctuating<br />

biodiversityinkeynationalparksnear<br />

the equator. HP Earth Insights contains<br />

everything I like about dataviz. There’s<br />

an interesting scientific dataset, a<br />

data-driven narrative, free exploration<br />

that lets users make their own findings<br />

and gorgeous photos overlaid with<br />

simple, but rich charts.”<br />

With specialist design needs and client<br />

data that can be presented in many forms,<br />

the tools that FFunction uses are varied.<br />

“We tend to be early adopters of new tools<br />

and plugins,” says Audrée. “There are new<br />

ones coming out all the time, and we like<br />

to give them a try. We draw user flows in<br />

OmniGraffle. Also, we use the Adobe suite<br />

a lot (naturally), and Sketch for user<br />

interfaces. We prototype using Invision<br />

and Craft, and the designers send their<br />

files to the devs via Zeplin. We also sketch<br />

on old-fashioned paper a lot.”<br />

Sébastien also comments: “I think that<br />

good information design demands a<br />

certain level of customisation, which is<br />

profile___________________________________________________ 37

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!