49
— www.nordkapp.fi — @Nordkapp URBAN INFORMATION DESIGN AND THE NEW MATERIALS OF INTERACTION Sami Niemelä Creative Director, Nordkapp @samin Thank you, Adam, Juha for the talks and thanks for the Cognitive Cities guys for having me. My name is Sami, and I work for a design consultancy called Nordkapp in Helsinki, Finland. this talk is about connecting the dots in the fuzzy beginning, and making them into something more tangible. Partially this is thinking out loud on, and partially reflecting the work we’ve done on urban informatics and screens.

Urban Information Design

Embed Size (px)

DESCRIPTION

Here's the talk I gave at Cognitive Cities Conference in Berlin. Transcription per my original script and speaker notes, to find out what I said check out videos soon at the conference website at http://conference.cognitivecities.com Credits and gratitude goes out to the peeps at Nordkapp, colleagues, ex-collagues and partners in discussions worldwide.

Citation preview

Page 1: Urban Information Design

— www.nordkapp.fi— @Nordkapp

URBAN INFORMATION DESIGN AND THE NEW MATERIALS OF INTERACTION

Sami NiemeläCreative Director, Nordkapp@samin

Thank you, Adam, Juha for the talks and thanks for the Cognitive Cities guys for having me.

My name is Sami, and I work for a design consultancy called Nordkapp in Helsinki, Finland.

this talk is about connecting the dots in the fuzzy beginning, and making them into something more tangible. Partially this is thinking out loud on, and partially reflecting the work we’ve done on urban informatics and screens.

Page 2: Urban Information Design

This is what our work looks like. We work in sensemaking and strategic design, concept design and interfaces. The latter part includes products, services, sometimes crossing with physical objects and environments.

We've worked on urban informatics and especially urban screens for a while now, with mr Greenfield as our advisor.A major part of my time is spent on the fuzzy part of design: navigating the wicked design problems into systems, platforms, products and services.

Page 3: Urban Information Design

TheRight Now

In a same way,I’ve divided the talk into three parts: now, near future and the future. So, let’s first focus on the situation at hand. Urban informatics and screens in particular are taking their baby steps towards an established system.

Page 4: Urban Information Design

Title Text

observations Kate Whelan & Tia Sistonen / Noedkapp

Interactive Urban Screens are in their infancy. As the screens were and are treated as static display objects along streams of people, there are some details that were left unnoticed. As the design of the object themselves is far from optimized, they tend to blend in to their environment - almost too well even for the commercial content to work well.

Page 5: Urban Information Design

observations Kate Whelan & Tia Sistonen / Noedkapp

These are the screens in Helsinki, installed by ad vendor Clear Channel and the city two years ago. The one side of the screen is a commercial space, an ordinary lcd rotating the advertisements. The other side is a touch screen, currently running a static map.

The planning was mostly driven by advertisement money, and whole system built on top on CC's platform. Good for them, but not that good for the budding ecosystem.

Page 6: Urban Information Design

Title Text

observations Kate Whelan & Tia Sistonen / Noedkapp

This is a sight more and more common in cities and airports everywhere.

And of course, despite being fabulously built to stand the elements, they run Windows.

Page 7: Urban Information Design

Why is this like it is?

So, what’s going on here? Why is it like this?

Page 8: Urban Information Design

“Always design a thing by considering its next largest context”

—EERO SAARINEN

The architect Eero Saarinen talked about the importance of always designing to next larger context. That's more true than ever today,

Always design a thing by considering it in its next larger context - a chair in a room, a room in a house, a house in an environment, an environment in a city plan.

Page 9: Urban Information Design

“Design for the smaller context, too”

—ME

and I'd add we have to keep our minds open to both directions— one context up, and down as well. I'll get back to this in a second.

Page 10: Urban Information Design

Wicked Problems

Regarding designing urban informatics, it’s important to realize we’re dealing with a fairly complex system here. True wicked problems—something that are complicated to solve, in more ways than just one.

Page 11: Urban Information Design

Paths&Edges&Districts&Nodes&Landmarks

To undestand this, a bit of historical context: in his book “The image of the city” (1960) Kevin Lynch coined the concept of place legibility, which is essentially the ease with how individuals perceive and navigate the urban landscape

paths, the streets, sidewalks, trails, and other channels in which people travel; edges, perceived boundaries such as walls, buildings, and shorelines; districts, relatively large sections of the city distinguished by some identity or character; nodes, focal points, intersections or loci; landmarks, readily identifiable objects which serve as external reference points.

Page 12: Urban Information Design

Interfaces&Services&Data Platforms&Connected Objects&Infrastructure.

On top of this, what makes the complexity of an interactive urban system, consisting on anything from personal devices to interfaces to infrastructure within the urban fabric. To make make this even more interesting is that we have to add time to the equation as well

Page 13: Urban Information Design

Interfaces&Services&Data Platforms&Connected Objects&Infrastructure.

Time +

On top of this, what makes the complexity of an interactive urban system, consisting on anything from personal devices to interfaces to infrastructure within the urban fabric. To make make this even more interesting is that we have to add time to the equation as well

Page 14: Urban Information Design
Page 15: Urban Information Design

DAILYNOW NEVER

Page 16: Urban Information Design

For example, the screens will be used in various ways for various services: Wayfinding is an obvious example, too. The idea that maps tell me where I am is fairly new, too. So is the question “How long it does take me to get to X”?

Page 17: Urban Information Design

v 5MIN 10MIN 15MIN

For example, the screens will be used in various ways for various services: Wayfinding is an obvious example, too. The idea that maps tell me where I am is fairly new, too. So is the question “How long it does take me to get to X”?

Page 18: Urban Information Design

…and how often are you going to be there? This is interesting as local residents usually don’t feel they need any help, until they are given an opportunity to find and learn. And maybe play.

Page 19: Urban Information Design

DAILY

WEEKLY

NEVER

…and how often are you going to be there? This is interesting as local residents usually don’t feel they need any help, until they are given an opportunity to find and learn. And maybe play.

Page 20: Urban Information Design

We can jump to more ambivalent and abstract things like psychogeoraphy: It is hugely important to urban experience as well.

How does the city feel to you where you are?

Page 21: Urban Information Design

LOVE

FEAR

ENJOY

We can jump to more ambivalent and abstract things like psychogeoraphy: It is hugely important to urban experience as well.

How does the city feel to you where you are?

Page 22: Urban Information Design

And perhaps the most relevant approach here is the lens of designing services: How do the services connect and identity to the urban fabric? What are the touchpoints.... the hows and whens?

Page 23: Urban Information Design

Re-Focus

First Use

Renewal

UseConfigure

And perhaps the most relevant approach here is the lens of designing services: How do the services connect and identity to the urban fabric? What are the touchpoints.... the hows and whens?

Page 24: Urban Information Design

TheNear Future

The screens and screen-like objects are coming. They’re almost here. Here’s a few things to consider for the immediate future.

Page 25: Urban Information Design

original illustration Kate Whelan / Nordkapp

Design happens through a set of limitations. One way to look at this is to look at the screens themselves and a few properties they manifest.

Obviously, this is a simplification based on what we have now: Sensors, mobile phones, pads, computers and urban screens.

Page 26: Urban Information Design

+ --- -

++

Input

original illustration Kate Whelan / Nordkapp

Perhaps the most important quality is the context of input:. Output - more variable, depending on the services. Sensors are obvious, streams of data. Mobile phones are very personal, and hence surprisingly powerful.

Tablets are ok, but very dependable on where and how are they used. Obviously the computer is still where most of input work is done. Urban screens, not so.

Page 27: Urban Information Design

Time

original illustration Kate Whelan / Nordkapp

So based on this, we can make rough guesses to give some direction to design for. Again, so far the best guess for administration will be your computer, with tablet and mobile growing behind with the device capabilities. urban screens reside in a context which usually makes them fairly uninviting for longer use at a time.

Page 28: Urban Information Design

wikipedia personal proximity zones

Personal space

This leads to interesting questions about proxemics and the perceived personal space. How much space does a screen need to be used?

Page 29: Urban Information Design

MultiuserProxemics

This is especially relevant for large, multiuser screens. They have to be designed for having many personal spaces at once.

Page 30: Urban Information Design

photo credit http://www.flickr.com/photos/johnmueller/454262550

The physical space can create and amplify the context, too. Where does the commercial information go to? is it allowed everywhere, or is it separated from wayfinding completely?

Page 31: Urban Information Design

The Data points us where

cellphone coverage project Sha Hwang @ Stamen

One thing’s sure—the least we have to worry about is “where”. In an urban environment public data can point us to places which meet our criteria for the screens, and also where not to have them.

Page 32: Urban Information Design

(image)PleaseConsiderOur Environment

photo credit Teppo Kotirinta / Nordkapp

This is not to downplay the human side of things. In near future, the placement of screens alone will be a huge challenge.

Apart from being of a fairly complex system of platforms, services, context and also physical hardware. A true design challenge we faced recently—how to design urban informatics in reverse context, a completely non-urban environment?

Page 33: Urban Information Design

media surfaces:incidental media by BERG London

Politeand Curious

One of the obvious directions is to design things that are polite in apprearance and behaviour. Polite can be very powerful. I love this example by BERG London and Dentsu—the sheer silent playfulness of it is just wonderful.

My friend Ben wrote about the concept of Emoticomp which I think is interesting here, too. Design systems with personality and tone of voice.

Page 34: Urban Information Design

“Just Enough is More”

—MILTON GLASER

Also, a good consideration is Milton Glaser’s conclusion in his AIGA speech from 2001. After 30 years in business, he understood less is not really more. Instead, just enough is more.

Page 35: Urban Information Design

TheFuture_________

so, the future. Bright, big scary thing. Here sooner than you’d think

Page 36: Urban Information Design

Title Text

IBM's supercomputer WATSON is a shape of things to come. But the service avatar here is awful—still just a screen. It looks like a bloody computer.

Page 37: Urban Information Design

When we design and build things that interact with us, we start empathizing with them as well. Human mind is tuned to see faces everywhere, by default. Why not take an advantage of this?

Page 38: Urban Information Design

The Service Avatars live in the next smaller context

in Smart Things, Mike Kuniavsky calls connected objects the service avatars. I think these avatars actually make the smaller context to be considered here.

We cannot design a modern, truly connected service without considering both the context it will be interacted in, but also by which touchpoints by with it is being accessed and operated.

Page 39: Urban Information Design

BASAAP

Somewhere in a conversation between Charlie Schick and Matt Jones the term BASAAP surfaced. An acronym for be as smart as a puppy.

This behavioural trait of being just as intelligent enough is very relevant in the context of urban information and interaction.

Page 40: Urban Information Design

paro http://www.parorobots.com/

As a proof— on- or o! screen, the future might be soft and flu!y after all. The more specific the purpose, more of “weird” (instead of wow) we can add.

PARO a japanese therapeutic robot is a prime example of BASAAP in action. These are low fidelity service avatars that are human enough, but still stay out of the uncanny valley of creepiness. The more specific the purpose, more of “weird” (instead of wow) we can add.

Page 41: Urban Information Design

Title Text

spotify radio Jordi Parra, http://zenona.com/

However, everything doesn’t have to be a glowing rectangle. Screen-like objects can manifest themselves in fairly low fidelity.

Page 42: Urban Information Design

mutewatch http://mutewatch.com

They will be wearable, they will be built in an evironment—anything from small to extra large.

Page 43: Urban Information Design

party in their mouth by Daito Manabe, daito.ws

Eventually, they will be a fashion accessory. This is a wonderful project by Daito Manabe called “Party in your mouth”, consisting of remote controlled and synced leds and japanese models.

Page 44: Urban Information Design

leonardo MIT Personal Robotics Group

The personal robotics group at MIT have developed a weird puppy called Leonardo, “the Stradivarius of expressive robots.” A something completely di!erent.

So that led me thinking, could we make the urban screens feel more "in place" in neighbourhood if we’d actually have them names and behaviour? A screen in Mitte called Hans?

Page 45: Urban Information Design

TheFutureis here

I want to use the remaining few slides to celebrate the opportunity we have here. The future is already here, and somewhat evently distributed in this room at least.

Given that everything else goes well, Nanotechnology is going to be a great enabler. Sooner or later, everything will have the potential to be a display surface.

Page 46: Urban Information Design

Self Cleaning & Photovoltaic &Near-invisible & Carbon Nano Tube

Carbon nanotubes are bit like the super material of near future, with all kinds of optic, kinetic, thermal qualities and so forth.

Such as paper batteries.

In a few years we will see transparent, nano-thin surfaces that act as touch screen while being virtually invisible when not in use. Screens, will be everywhere.

Page 47: Urban Information Design

For a designer, this is both exciting and important time to be in.

In vein of Finnish design heritage, what if we just gave away the idea of glowing rectangle? When everything else is connected, it might make sense to not do so. Make it so, that the information is everywhere when needed, but still polite and discreet. The information will be there for us when we need, how we need but even more so, it won’t be there without a cause.

Just enough is more.

Page 48: Urban Information Design

For a designer, this is both exciting and important time to be in.

In vein of Finnish design heritage, what if we just gave away the idea of glowing rectangle? When everything else is connected, it might make sense to not do so. Make it so, that the information is everywhere when needed, but still polite and discreet. The information will be there for us when we need, how we need but even more so, it won’t be there without a cause.

Just enough is more.

Page 49: Urban Information Design

Thank you.

@samin | [email protected] | nordkapp.fi/blog

- Please comment, argue, talk to me publicly via Twitter, or in more private via email. - Or grab my hand later on today.

This is a start of something, so any thoughts are appreciated. Thank you for listening, cheers!