concept interface

10
1. TOP DISPLAY AREA this area of the display will work as “signage”. When the installation is in use this area of the display will still be un- covered and can communicate the installations purpose to persons walking past in a distance. 2. MAIN INTERACTION AREA in average persons height and hand reach. 3. SECONDARY INTERACTION AREA this area is in kids height. Since kids usually are companied by adults it would be natural to utilize their curiousity and therefor attract adult users. Another argument would be that if you attract kids to the installation, adults would be less reserved interacting with it... 1.70 CM Average height of WOMEN in Norway 1.80 CM Average height of MEN in Norway

Upload: edith-isdal

Post on 08-Mar-2016

223 views

Category:

Documents


1 download

DESCRIPTION

Concept interface

TRANSCRIPT

1. TOP DISPLAY AREAthis area of the display will work as “signage”. When the installation is in use this area of the display will still be un-covered and can communicate the installations purpose to persons walking past in a distance.

2. MAIN INTERACTION AREAin average persons height and hand reach.

3. SECONDARY INTERACTION AREAthis area is in kids height. Since kids usually are companied by adults it would be natural to utilize their curiousity and therefor attract adult users.

Another argument would be that if you attract kids to the installation, adults would be less reserved interacting with it...

1.70 CMAverage height of

WOMEN in Norway

1.80 CMAverage height of

MEN in Norway

CURRENT DAY

CURRENT TIMEticking clock

EVENTS NOWscrolling trough event

content 5 min pr. event

EVENTS LATERscrolling trough eventcontent 5 min pr. event

MAIN CATEGORY

SUB CATEGORYTIME

EVENT NAME

MAPusing characters tovisualize whereaboutsof events.

PICTURE

Ti liv18.00-20.30 // THEATRE //

SEE

ACTIONS

?

TAPPED= activated

PRESS= opens BIG calendar

ACTIVATED OBJECTSstay active for 1 minute before returning to idlemode

DRAG= move

when activated the event connects tocharacters on map

Could this be confusing to users, bacause they will not understand

that they can open a bigger andmore descriptive menu?

FLICK= browse events in

current mode?

21.00

Lørdag17.15.25

16o

8o

18.00

19.00

20.00

22.00

21.00

18.00

19.00

20.00

22.00

Lørdag17.15.25

16o

8o

TIMELINE 1scrolling with time, 2 hours of contentvisible at the time...

TIMELINE 2showing content relatingto DO SEE HEAR

GJØRE

SEHØRE

TODAYS WEATHER

NOW!L ATER!

MAPusing characters tovisualize whereaboutsof events.

CHARACTERSanimated to pop up

on map when eventsoccour

Small game for childrensmash them a la insect

project from squidsoup?

ACTIONS

?

TAPPED= activated

PRESS= opens BIG calendar

ACTIVATED OBJECTSstay active for 1 minute before returning to idlemode

DRAG= move

when activated the event connects tocharacters on map

Could this be confusing to users, bacause they will not understand

that they can open a bigger andmore descriptive menu?

FLICK= browse events in

current mode?

21.00

Lørdag17.15.25

16o

8o

18.00

19.00

20.00

22.00

21.00

18.00

19.00

20.00

22.00

Lørdag17.15.25

16o

8o

NOW! LATER!

18.00

19.00

20.00

21.00

22.00

18.00

19.00

20.00

21.00

22.00

9Lørdag

17.15.2516o

8o Lørdag17.15.25

16o

8o

NOW! LATER!

YOU are HERE!

Circus Arnardo18.00-20.00 // ACTIVITIES //

DO

Circus Arnardo18.00-20.00 // ACTIVITIES //

DO

// ACTIVITIES //Vietnamse Evening17.00-20.30

DO

Lene Lyche18.00-20.30 // CONCERT //

HEAR

Mozart Requiem18.00-21.00 // CONCERT //

HEAR Kongens Tale18.15-19.50 // MOVIE //

SEE

// PERFORMANCE //Klaus Nomi, Angel of Suburbia18.00-20.30

SEE

// STAND UP //Marit Voldseter18.00-20.30

SEE

// STAND UP //Marit Voldseter18.00-20.30

SEE

Schous goes Hollywood18.00-20.30 // THEATRE //

SEE

Mozart R

Lørdag17.15.25

16o

8o

18.00

19.00

20.00

22.00

21.00

18.00

19.00

20.00

22.00

Lørdag17.15.25

16o

8o

NOW! LATER!

// TI LIV OPENED CALENDARmakes the evnts float to the inactive part of the screen.

ACTIONS

TAPPED= activate

FLICK= scroll

ACTIVATED CALENDARstay active for 3 minutes before closing and returning to installations idle mode

DRAG= move

18.00

19.00

20.00

21.00

22.00

18.00

19.00

20.00

21.00

22.00

9Lørdag

17.15.2516o

8o Lørdag17.15.25

16o

8o

NOW! LATER!

YOU are HERE!

Circus Arnardo18.00-20.00 // ACTIVITIES //

DO

Circus Arnardo18.00-20.00 // ACTIVITIES //

DO

// ACTIVITIES //Vietnamse Evening17.00-20.30

DO

Lene Lyche18.00-20.30 // CONCERT //

HEARKongens Tale18.15-19.50 // MOVIE //

SEE

// PERFORMANCE //Klaus Nomi, Angel of Suburbia18.00-20.30

SEE

// STAND UP //Marit Voldseter18.00-20.30

SEE

// STAND UP //Marit Voldseter18.00-20.30

SEE

Schous goes Hollywood18.00-20.30 // THEATRE //

SEE

17.15.25Lørdag

THEATRE18.00-20.30

Ti Liv! - Komilab nr. 3, en komedie med fete krigstyper.

Det er påske og ferie. Oslo er en stille by, ikke minst for Lillemor som har latt broren Simen bruke hytta, og selv må kjede seg i byen. Alt er med andre ord omtrent som det pleier. Med én viktig forskjell: Året er 1942 og Norge er okkupert av Tyskland. Lillemors drøm om å reise til London er svært urealistisk.

Ting tar en brå vending i det Stakan styrter inn i leiligheten, med nazistene hakk i hæl, og

WHAT WHERE SEND SEARCH

SEE// MOVIES // THEATRE

// STAND UP // DANCE // SPORT

DO// ACTIVITIES // TOURS

// FAIRS // MARKETS // EXHIBITIONS

HEAR// CONCERTS // DJ/CLUB

// TALKS // FESTIVALS

// TI LIV

17.15.25Lørdag

THEATRE18.00-20.30

Ti Liv! - Komilab nr. 3, en komedie med fete krigstyper.

Det er påske og ferie. Oslo er en stille by, ikke minst for Lillemor som har latt broren Simen bruke hytta, og selv må kjede seg i byen. Alt er med andre ord omtrent som det pleier. Med én viktig forskjell: Året er 1942 og Norge er okkupert av Tyskland. Lillemors drøm om å reise til London er svært urealistisk.

Ting tar en brå vending i det Stakan styrter inn

WHAT WHERE SEND SEARCH

SEE// MOVIES // THEATRE

// STAND UP // DANCE // SPORT

DO// ACTIVITIES // TOURS

// FAIRS // MARKETS // EXHIBITIONS

HEAR// CONCERTS // DJ/CLUB

// TALKS // FESTIVALS

// TI LIV

DAY

DAY

SUB CATEGORY

MAIN CATEGORY

SUB CATEGORIES

EVENT TIMEEVENT PICTURE

EVENT NAME

AREA 1FILTER

AREA 2COVER FLOW

AREA 3ADDITIONAL INFO

ACTIVE TAB

SCROLL AFFORDANCE

INACTIVE TAB

ACTIVE FILTER

INACTIVE FILTER EVENT TEXT

TIMELINE

17.15.25Lørdag

THEATRE18.00-20.30

Ti Liv! - Komilab nr. 3, en komedie med fete krigstyper.

Det er påske og ferie. Oslo er en stille by, ikke minst for Lillemor som har latt broren Simen bruke hytta, og selv må kjede seg i byen. Alt er med andre ord omtrent som det pleier. Med én viktig forskjell: Året er 1942 og Norge er okkupert av Tyskland. Lillemors drøm om å reise til London er svært urealistisk.

Ting tar en brå vending i det Stakan styrter inn i leiligheten, med nazistene hakk i hæl, og

WHAT WHERE SEND SEARCH

SEE// MOVIES // THEATRE

// STAND UP // DANCE // SPORT

DO// ACTIVITIES // TOURS

// FAIRS // MARKETS // EXHIBITIONS

HEAR// CONCERTS // DJ/CLUB

// TALKS // FESTIVALS

// TI LIV

18.00

19.00

20.00

21.00

18.00

19.00

20.00

21.00

9Lørdag

17.15.2516o

8o

22.00

Lørdag17.15.25

16o

8o

YOU are HERE!

Farmers Market11.00-18.00 // ACTIVITIES //

DOCircus Arnardo18.00-20.00 // ACTIVITIES //

DOAfrican Playroom14.00-18.00 // ACTIVITIES //

DO// ACTIVITIES //

Vietnamse Evening17.00-20.30

DO

KONTRAST!16.00-18.00 // EXHIBITION //

SEE

Mozart Requiem18.00-21.00 // CONCERT //

HEAR

Bankeråt18.00-20.30 // THEATRE //

SEE

Another Year17.40-19.00 // MOVIE //

SEE

Hopp18.00-19.30 // MOVIE //

SEE

Amors baller18.15-19.50 // MOVIE //

SEE127 timer18.15-19.50 // MOVIE //

SEE

Kongens Tale18.15-19.50 // MOVIE //

SEE

Pax18.15-19.50 // MOVIE //

SEESaras nøkkel18.15-19.50 // MOVIE //

SEE

Vinterkrig18.15-19.50 // MOVIE //

SEEAnglagård18.15-19.50 // MOVIE //

SEE

The Adjustment Bureau18.45-20.46 // MOVIE //

SEEI Am Number Four18.30-20.37 // MOVIE //

SEEJørgen + Anne = sant18.30-20.11 // MOVIE //

SEEBlack Swan18.45-20.45 // MOVIE //

SEEJustin Bieber: Never Say Never18.20-20.20 // MOVIE //

SEE

Klovn - the movie18.00-19.30 // MOVIE //

SEEMonsters17.50-19.30 // MOVIE //

SEE

Norwegian Wood17.50-19.45 // MOVIE //

SEE

Om guder og mennesker17.45-19.30 // MOVIE //

SEE

Rødhette og varulven18.00-19.30 // MOVIE //

SEE

Sara`s nøkkel18.00-19.30 // MOVIE //

SEE

UMEÅ4ever18.00-29.30 // MOVIE //

SEE

Waste Land17.50-19.15 // MOVIE //

SEE

Dickie Dick Dickens18.00-20.30 // STAND UP //

SEE

Foreldremøte18.00-20.30 // THEATRE //

SEE

// PERFORMANCE //Klaus Nomi, Angel of Suburbia18.00-20.30

SEEMarit Voldseter18.00-20.30

SEE

Kyliàn - Wild Flowers18.00-20.30 // BALLET //

SEE

Othello18.00-20.30 // THEATRE //

SEEPingviner i Sahara18.00-20.30 // THEATRE //

SEESchous goes Hollywood18.00-20.30 // THEATRE //

SEEThe Producers18.00-20.30 // THEATRE //

SEETi liv18.00-20.30 // THEATRE //

SEE

Tyfonens Øye18.00-20.30 // THEATRE //

SEE

What a glorius day!18.00-20.30 // THEATRE //

SEE

2 hours of events from 17.00 - 19.00

Visualization princeple:

Where events happening more than1 hour ahead in time are blurred and smallerthan ongoing events.

As you can see, this is an awful amount ofinformation that clutters up the screen, and makes everything look chaotic....

I could make them smaller, but this wouldmake them unreadable when projected.

SOLUTION

a) Just let 10-15 events be visible at the same time, and then shuffle trough events over time, say 1 minute per event...

b) Use 3D to visualize content

Sara & Selma18.00-20.00 // CONCERT //

HEAR

18.00

19.00

20.00

21.00

18.00

19.00

20.00

21.00

9Lørdag

17.15.2516o

8o

22.00

Lørdag17.15.25

16o

8o

YOU are HERE!

Farmers Market11.00-18.00 // ACTIVITIES //

DO

Circus Arnardo18.00-20.00 // ACTIVITIES //

DOAfrican Playroom14.00-18.00 // ACTIVITIES //

DO

// ACTIVITIES //Vietnamse Evening17.00-20.30

DO

KONTRAST!16.00-18.00 // EXHIBITION //

SEE

Lene Lyche18.00-20.30 // CONCERT //

HEAR

Mozart Requiem18.00-21.00 // CONCERT //

HEAR

Bankeråt18.00-20.30 // THEATRE //

SEE

Hopp18.00-19.30 // MOVIE //

SEEKongens Tale18.15-19.50 // MOVIE //

SEEVinterkrig18.15-19.50 // MOVIE //

SEEAnglagård18.15-19.50 // MOVIE //

SEEDickie Dick Dickens18.00-20.30 // STAND UP //

SEE

// PERFORMANCE //Klaus Nomi, Angel of Suburbia18.00-20.30

SEE

// STAND UP //Marit Voldseter18.00-20.30

SEE

Kyliàn - Wild Flowers18.00-20.30 // BALLET //

SEE

Pingviner i Sahara18.00-20.30 // THEATRE //

SEESchous goes Hollywood18.00-20.30 // THEATRE //

SEETyfonens Øye18.00-20.30 // THEATRE //

SEE

Sara & Selma18.00-20.00 // CONCERT //

HEAR

2 hours of events from 17.00 - 19.00

Visualization princeple:

Here I have used 4 events fromeach category, but also 4 from eachsub category.

SEE has an awful amountof events occuring at this time, so I haveused 4 from theatre, 4 from movies and so forth. And color coded them in huesof pink.

The thought is to let max. 20 events bevisible at the time and then shuffle troughevents over time. Say 1 minute pr event.

“Twinkiling stars”