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