29
mobile apps reference HEALTH PROFILE OF ENGLAND HOMESPOTTER ITALIAN BETTER LIFE INDEX RESEARCH NETWORK PENNAT STATS OF THE UNION URBAN FLOW WIKIWEB business GOOGLE GLOBE MINT ROAMBI SPOTFIRE entertainment PLANETARY HITLANTIS ANTIMAP WORLD CUP VISUALIZER BIOLOGIC SOLYARIS

Tablet & data

Embed Size (px)

DESCRIPTION

Report about tablet apps for Information visualization (Courtesy of DesityDesign Research Lab)

Citation preview

Page 1: Tablet & data

www.densitydesign.org

mobile appsreferenceHEALTH PROFILE OF ENGLANDHOMESPOTTERITALIAN BETTER LIFE INDEXRESEARCH NETWORKPENNATSTATS OF THE UNIONURBAN FLOWWIKIWEB

businessGOOGLE GLOBEMINTROAMBISPOTFIRE

entertainmentPLANETARYHITLANTISANTIMAPWORLD CUP VISUALIZERBIOLOGICSOLYARIS

Page 2: Tablet & data

www.densitydesign.org

The different ‘Health Wheels’ distil 32 differ-ent health indicators across 9 geographical re-gions. The wheels act as visual barometers for the health of each region, in order to provide users with an intuitive way of scanning through all the indicators. A map of England communi-cates the national perspective in response to the wheel, with a colour code identifying which re-gions score ‘better than’, ‘worse than’ or ‘average’ compared to the national mean. For the regional view, segments on the wheel are color-coded ac-cording to the performance of each indicator.

HEALTH PROFILE OF ENGLAND by Applied Works

https://vimeo.com/13007086#at=0

Illustrate the differences in health performance

GEO/MAP - DATAVIZ

TAP - SLIDE - SCROLL

STATIC

PROPRIETARY

REFERENCE

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 3: Tablet & data

www.densitydesign.org

HOMESPOTTER by Mobile Realty Apps

Augmented realityHomeSpotter uses augmented reality cou-pled with a smartphone or tablet’s GPS and compass to overlay property information on a device’s live camera feed. As a home hunter points their smartphone or tablet down the street, they see a view of the street and info on all the houses for sale pops up. There’s even a radar display that show the direction and proximity of nearby properties for sale.

https://vimeo.com/31953529

GEO/MAP - DATAVIZ

TAP - SCROLL

GPS - CAMERA

DYNAMIC

SOCIAL/OPEN

REFERENCE

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 4: Tablet & data

www.densitydesign.org

Life quality informations

ITALIAN BETTER LIFE INDEX by Laura Cattaneo

https://vimeo.com/33801366

The application shows informations about Italian life quality using georeferenced data, comparisons, charts and other infoviz.

CHARTS - GEO/MAP - DATAVIZ

TAP - SLIDE

STATICTYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

REFERENCE

SOCIAL/OPEN

Page 5: Tablet & data

www.densitydesign.org

This multi-touch installation reveals how Max Planck Institutes collaborate with each other, and with their international partners. The size of the circles represents the number of scientif-ic publications for each institute, and the width of the connecting lines the number of jointly published papers between two institutes. The map of Max Planck institutes on the right shows you their respective locations, whereas the world map on the bottom shows the loca-tions of external collaboration partners.

RESEARCH NETWORK* by M. Stefaner and C. Warnow

Network view of the Max Planck Institutes and their connections

* not for tablet

NETWORK - GEO/MAP

TAP - SCROLL

SCALE

DYNAMIC

PROPRIETARY

https://vimeo.com/28776928

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

VISUALIZATIONINTERACTION

SOURCE

CATEGORY REFERENCE

Page 6: Tablet & data

www.densitydesign.org

Pennant is an interactive history of baseball now available for the iPad. Pennant’s rich in-terface allows fans to browse and view data from over 115,000 games that have taken place from 1950 to 2010. Seasons, games and events are graphically represented and visualised in a manner that takes them beyond the numbers. The app consists of two main parts, the ap-plication itself that lives on the ipad, and the data, which exists on external servers.

PENNANT by Steve Varga

Storytelling for baseball stats

CHARTS - GEO/MAP - DATAVIZ

TAP - SLIDE - DRAG

STATIC

REFERENCE

SOCIAL/OPEN

https://vimeo.com/11372358#

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 7: Tablet & data

www.densitydesign.org

The interactive visualization provides a geo-graphical view on various detailed statistics, such as population demographics, risk factors and indicators of health, all aggregated per county. iPad owners can explore the geographical dis-tribution of age, population density or ethnicity, check how people are born versus how they die. The population can be filtered by disease, pre-ventative procedures or risk factors, and many other relevant parameters. In addition, interest-ing views or patterns can be saved and exported.

STATS OF THE UNION by Ben Fry

Vital health signs of the U.S. on the iPad

https://vimeo.com/23482967#at=0

GEO/MAP

TAP - SLIDE - SCROLL

SCALE

STATIC

SOCIAL/OPEN

REFERENCE

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 8: Tablet & data

www.densitydesign.org

URBAN FLOW* by Nordkapp

Infoviz & real world

https://vimeo.com/26030147#at=0

Urban Flow is an interface that use GPS co-ordinates in order to give informations such as city spots, poits of interest, directions traf-fic density, energy consuption, air quality and parking services. Geolocated informations are visualized on the city map using geographical coordinates of the position of the user.

INFOVIZ - GEO/MAPS

TAP

GPS

DYNAMIC

PROPRIETARY

REFERENCE

* not for tablet

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 9: Tablet & data

www.densitydesign.org

The app’s interface consists of 2 separate panes, one with a calm rendition of a Wikipedia arti-cle, the other with a weighed network graph of all connections of that article with any other article on Wikipedia. Interestingly, these net-work maps can be shared through email or Twitter. As there already exist plenty of other Wikipedia readers on the market, the key dif-ferentiating feature is that of visualizing the connections, and using the resulting graph as an open-ended way to browse through more, and potentially unexpected, articles.

WIKIWEB by Friends of the Web

http://www.wikiwebapp.com/

Visual and interactive way to explore knowledge of Wikipedia

NETWORK

TAP - SELECT - TYPE - SCROLL

SCALE

DYNAMIC

SOCIAL/OPEN

REFERENCE

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 10: Tablet & data

www.densitydesign.org

3D data visualization

GOOGLE GLOBE by Aerys

http://www.youtube.com/watch?v=jRMHie8dj9Y

The Google Globe is a 3D data visualization Chrome Experiment. Aerys decided to port it to Flash to see how hard it might be and how it would perform.

CHARTS - GEO/MAP - 3D

SCALE

SCROLL

STATIC

OWN - SOCIAL/OPEN

BUSINESS

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 11: Tablet & data

www.densitydesign.org

Mint finds new ways of helping the end user visualize their data, and developing things like historical spending behavior.Pinch, tap, and flick on charts and graphs to see where you’re spending and where you can save.

Individualized look at personal finances

CHARTS

UNKNOWN

DYNAMIC

OWN DATA

BUSINESS

MINT by Honeycomb

www.mint.com/how-it-works/anywhere/ipad/

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 12: Tablet & data

www.densitydesign.org

ROAMBI by MeLLmo

Analysis dashboardRoambi Analytics turns data and business re-ports in visualizations. The application includes reports for mobile systems that allow to touch a scroll informations on the animated display.

CHARTS

TAP - SLIDE - SCROLL

DYNAMIC

OWN - SOCIAL/OPEN

BUSINESS

www.roambi.com/it/iphone-videos.html

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 13: Tablet & data

www.densitydesign.org

The Spotfire App extends the reach of Spot-fire analytics to anyone with an iPad. You can visualize, aggregate, filter, and drill into data sets of virtually any size, so you can spot op-portunities and risks buried in the data

Visualize, interact with, and share data

SPOTFIRE by Tibco

CHARTS - GEO/MAP

TAP - SLIDE - SELECT - SCROLL

DYNAMIC

BUSINESS

SOCIAL/OPEN

www.youtube.com/watch?v=EqcUb5N73Sc

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 14: Tablet & data

www.densitydesign.org

Created using Cinder framework, allows to nav-igate dynamically through informations about recording artists. Every star in Planetary repre-sents an artist from your music library. Albums are planets,  they orbit around their artist star. The planet surface is derived from the album cover art. No two planets are the same. Tracks are moons,  they orbit at a speed based on the length of the track. The size of the moon is based on the play count. Artist are filtered by Letter to create a constellation of highlighted stars.

PLANETARY by Bloom Studio

http://vimeo.com/23168163

Explore your music collection

NETWORK

MUSIC

TAP - SCROLL

DYNAMIC

OWN

ENTERTAINMENT

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 15: Tablet & data

www.densitydesign.org

HITLANTIS by Bloom Studio

Exploration of the activity streams of your friendsHitlantis allows people to explore their vast online music collection. The bubble map is di-vided into different musical genres, each dis-tinguished by a different color. Individual art-ists ‘orbit’ the core as unique bubbles, which increase in size as their content is shared, liked or bought. So the more ‘attention’ an artist receives, the larger it grows, and the closer it gravitates toward the center of the ‘universe’. Hitlantis shows visually what is going on: for instance, the pulsating artist balls reveal what bands are currently played by the music player.

http://hitlantis.com/

DATAVIZ

MUSIC

TAP - TYPE - SCROLL

SCALE

DYNAMIC

SOCIAL/OPEN

ENTERTAINMENT

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 16: Tablet & data

www.densitydesign.org

https://vimeo.com/27648004

ANTIMAP* by Trent Brooks

Collecting real time dataUsing accelerometer and compass sensors, An-timap allows to collect and create own data. The application visualize real time information about speed, rotation and inclination using a dashboard style infoviz.

INFOVIZ

ACCELEROMETER - COMPASS

SPORT

DYNAMIC

COLLECT/CREATE

ENTERTAINMENT

* not for tablet

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 17: Tablet & data

www.densitydesign.org

The World Cup Visualiser proposes a compel-ling solution: separating your two passions on two separate screens: following a live football match on your massive HDTV screen at home, while exploring the real-time sports statistics on the iPad on your lap. For one, it undoubt-edly would augment the average sports dis-cussion with some real facts.

WORLD CUP VISUALISER by Mint Digital

http://mintdigital.com/blog/ipadchallenge

Exploring the real-time sports statistics

CHARTS - DATAVIZ

SPORT

UNKNOWN

DYNAMIC

SOCIAL/OPEN

ENTERTAINMENT

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 18: Tablet & data

www.densitydesign.org

BIOLOGIC by Bloom Studio

Exploration of the activity streams of your friendsBloom has chosen a metaphor of biological cells, to graphically and dynamically convey one’s social network and the activities that happen inside of it. As a result, it’s graphical style is unique, to say the least.In terms of visual representation, each ‘cell’ in Biologic represents a unique person. People who have posted more content recently have bigger cells. Each glowing ‘particle’ inside a cell represents a recent update from that respective person. The more a particle is moving around, the more retweets/favorites/likes it has.

http://biologic.bloom.io/

DATAVIZ

SOCIAL

TAP

SCALE

DYNAMIC

SOCIAL/OPEN

ENTERTAINMENT

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 19: Tablet & data

www.densitydesign.org

Solyaris is an “exploration into organic infor-mation design to visualise movies, actors, di-rectors and their relationship”. The application for iPad made in Cinder allows you to search the entire Open Movie Database (TMDb) col-lection for movies, actors or directors. Expand nodes to gather information about their con-nections. Learn about the cast and filmography.

SOLYARIS by Beat Raess

http://www.youtube.com/watch?v=nxOOkapKqYs

Exploration into Open Movie Database

NETWORK

SCALE

TAP - SLIDE - DRAG - TYPE - SCROLL

DYNAMIC

SOCIAL/OPEN

MUSICENTERTAINMENT

TYPE

TOUCHMULTITOUCH

SENSORSDEVICE

DATA

CATEGORYVISUALIZATION

INTERACTION

SOURCE

Page 20: Tablet & data

* not for tablet

INTERACTIONS

scroll (11)

select (2)

gyroscope (1)

unknown (2)

slide (7)

scale (7)

type (4)

drag (2)

tap (14)

accelerometer (1)

touch

multitouch

sensors

GPS (2)

compass (1)

camera (1)

VISUALIZATION

dataviz (9)

geo/map (9)

networks (4)

charts (7)

3D (1)

REFERENCE 44.44%HEALTH PROFILE OF ENGLAND

HOMESPOTTER

ITALIAN BETTER LIFE INDEX

RESEARCH NETWORK*

PENNANT

STATS OF THE UNION

WIKIWEB

URBAN FLOW*

BUSINESS 22.22%GOOGL GLOBE

MINT

ROAMBI

SPOTFIRE

ENTERTAINMENT 33.33%

PLANETARY

HITLANTIS

MUSIC 11.11%

WORLD CUP VISUALIZER

ANTIMAP*

SPORT 11.11%

BIOLOGIC

SOCIAL 5.56%

SOLYARIS

MOVIES 5.56%

Page 21: Tablet & data

* not for tablet

SOURCETYPE REFERENCE 44.44%HEALTH PROFILE OF ENGLAND

HOMESPOTTER

ITALIAN BETTER LIFE INDEX

RESEARCH NETWORK*

PENNANT

STATS OF THE UNION

WIKIWEB

URBAN FLOW*

BUSINESS 22.22%GOOGL GLOBE

MINT

ROAMBI

SPOTFIRE

ENTERTAINMENT 33.33%

PLANETARY

HITLANTIS

MUSIC 11.11%

WORLD CUP VISUALIZER

ANTIMAP*

SPORT 11.11%

BIOLOGIC

SOCIAL 5.56%

SOLYARIS

MOVIES 5.56%

social/open (11)

proprietary (5)

own data (4)

collect/create (1)

dynamic (13)

static (5)

Page 22: Tablet & data

www.densitydesign.org

deviceINTERACT WITH MOTIONINTERACT WITH 3D SPACE

objectsMODIFY VIRTUAL OBJECTSINTERACT WITH PHYSICAL OBJECTS

usersCOLLABORATIVE INTERACTION

suggestions

Page 23: Tablet & data

www.densitydesign.org

Interact with motiongyroscope

http://www.youtube.com/watch?feature=player_embedded&v=gew68Qj5kxw move objects

Page 24: Tablet & data

www.densitydesign.org

http://www.youtube.com/watch?v=7SImOIMcMlk

Interact with motioneyetracking

3d space simulation

Page 25: Tablet & data

www.densitydesign.org

Multitouch

Interact with 3D space

tilt

http://www.youtube.com/watch?v=mAUBwoUB9BQ

Page 26: Tablet & data

www.densitydesign.org

Modify virtual objectsMultitouch

play

http://www.youtube.com/watch?v=tLnl9xmH8kg

Page 27: Tablet & data

www.densitydesign.org

mesh

Modify virtual objectsMultitouch

https://vimeo.com/11899479#at=0

Page 28: Tablet & data

www.densitydesign.org

Interact with physical objectsdevices

https://vimeo.com/29945783

cards recognizing

Page 29: Tablet & data

www.densitydesign.org

Collaborative interactionMultitouch

collaborate

https://vimeo.com/4762904https://vimeo.com/30639604