DIGITAL MAPPING MASTER THESIS
PART 3
Kerstin Michaelis Produkt-Design Kunsthochschule Berlin WeiĂ&#x;ensee 2014
PICTURING THE REAL WORLD
1 ANALYSIS
_5 A Short Mapping History _ 17 A Perspective on Mapping HORIZONT
_ 51 Status Quo _ 57 Orienting _ 65 Experiencing the City
2
3
EXPERIMENT
RESULT
_5 Discourse & Experiment
_5 Outcome & Conclusion
_ 37 Visualization
_ 15 Overview
_ 65 Colours & Distortion
_ 27 Shop Display
_ 79 Maps in Games
_ 33 Row of Houses
_ 91 The Concept
_ 41 Street View
HORIZONT
2
_ 47 Neighbourhoods _ 51 Personal Map
3
C ONC LU SION
You may not always end up where you thought you where going. 4
CONCLUSION
INTRODUCTION
Outcome & Conclusion arriving
5
Mental Models In Digital Maps
What are the obvious mental models a digital map has nowadays?
ME
ZOOM HORIZONT
LAYER
FILTER
6
The User is always centred in the map when the application starts.
C ONC LU SION
Maps are zoomable and have different information and information-density on each zoom levels
They different layers to switch on and off public transport, traffic, or satellite imagery.
The map is search and filterable.
7
Virtuel Perspectives
TOP VIEW
HORIZONT
3D TOP VIEW
FRONT VIEW
8
C ONC LU SION
Top View the user sees the map from a bird’s perspective.
3D Tops View the user sees the map from a bird’s perspective with 3 dimensional buildings.
Front view brings the user in a human like position. This view comes the closest to what the user experiences himself, but often lacks in navigation.
9
Information Visualization on Geographic Maps
STACKING
OVERLAPPING HORIZONT
REDUCING
TRANSFORMING
10
Stacking stacking information on top of each other works best when the user has layers to switch on and off.
C ONC LU SION
Overlapping overlapping information and layering does only make sense if the information is related to each other or brings new information if combined.
Reducing mapping information to geography and reduce the geography to the minimum is from my point of view very interesting. One can see very clearly how geography shapes information and their interaction.
Transforming transforming the geographic map to the information is the most confusing method, because the user looses his familiar geographic surrounding, but it can be stunning. 11
What Shapes the Subjective Appearance of a City
IDENTITY
OBJECT HORIZONT
USER VALUE
INFORMATION
12
IDENTITY personal cultural educational commercial
C ONC LU SION
OBJECT home neighbourhood city region
USER VALUE locating orientating way-finding re-finding
INFORMATION physical
geo-data, unchangeable real world information human build environment which needs a mapping to exits (e.g. public transport)
virtual
digital interaction, personal data user generated content
13
O V E RV I E W
14
INTRODUCTION
Overview
15
Interactions
HORIZONT
16
Neighbourhoods neighbourhoods expose what the user can expect from a certain area
UI Elements
index
O V E RV I E W
Personal Map the map indicates places the user already visited
Street of Houses the user can easily orientate by comparing his surrounding with the abstracted streets view (on this level the app always starts with a rocket view to the personal map)
detail view with sharing options
Row of Houses the user can easily pan a long a row of houses and glance into
Shop Windows the people who make the streets alive, can enrich the map with curated information. detail view with sharing options
17
A WHOLE NEW WORLD
The app starts always at the users position to give the user a brief overview where he is and then zooms out to a higher zoom level, to have better orientation.
HORIZONT
18
O V E RV I E W
The Map
The map is then zoomed out, but still centred at the user’s position. On the map the user can see a colour coding for several categories.
As soon as the user moves the map away from his position a representation of himself appears and he can see a radar to understand the map in context of his position.
19
Street View
O V E RV I E W
Turning the phone to landscape mode will bring the user into a frontal view of the house rows.
20
Shops
“inside” the user can view curated pictures from the shop owner, if those are out-dated they start to desaturate
In landscape mode the user can see the house fronts with user curated content. The curated content is tapable and leads to a detail view which mimics the “inside” of the shop. 21
UI
O V E RV I E W
While interacting with the map canvas, the menu is hidden. Dragging from the right side, brings the menu in.
22
The search can also be reached from the fold out menu.
O V E RV I E W
Search
When searching the user gets category recommendations.
And the search results are highlighted on the map.
23
A WHOLE NEW WORLD
HORIZONT
24
O V E RV I E W
Place Details
The user can get detailed information for individual places by long tapping the map.
With a drag down, a menu for sharing, remembering and other actions appears.
25
Scanning a Location
HORIZONT
The user can take a photo of a house-front.
26
And load it into the App, via geo-location and picture recognition the app will locate the scanned house and show the user detailed information.
27 O V E RV I E W
A WHOLE NEW WORLD Day
HORIZONT
28
HORIZONT
Night
29
S H O P D I S P L AY
30
GOING INTO DETAIL
INTRODUCTION
Shop Display
31
What does a Virtual Shop Window look like?
S H O P D I S P L AY
32
Shop owners can curate the virtual representation of their shop by uploading pictures of their shop windows and display. The pictures desaturate after a while, so the user can recognize their currentness.
33
Involving the User
The idea is to connect the real world with the virtual world and to enliven the virtual map by letting the people who live and work in this place curate and populate the place also online. Some companies even go one step further and include customers e.g. by celebrating their style of the week.
Which space could be curated? S H O P D I S P L AY
shops and shop-windows street art balconies entrances e.g. in New York Street vendors are very popular but there is no map of their businesses how could they be represented on such a map? www.flickr.com
https://www.flickr. com/photos/8868875@ N03/5663515330/
34
HORIZONT
bild mit häuserfron und shop unten drin sw alles markieren was benutzer curatieren kÜnnten
35
ROW OF HOUSES
36
RESULT
INTRODUCTION
Row of Houses
37
All the Houses in a Row
HORIZONT
38
HORIZONT
Creating an easy to read language of house facades. The windows of the houses make a very recognizable pattern, the user can easily see virtually and refind in reality for orientation.
39
A WHOLE NEW WORLD
HORIZONT
40
HORIZONT
Probably everyone tried once to use Google street-view on the go. The biggest lack here are navigation and data loads.
As an easy solution I decided to get an abstraction of the rows of houses (assuming that we have detailed 3 dimensional models) its also an option to abstract those detailed data and focus on the factor of recognition.
The rows of houses in my concept are flat, not 3dimensional and I removed unnecessary colour and textures and detailed elements of the facade. This makes really small file sizes which are easy to load on the go.
After playing and experimenting a lot I figured out that by showing the facades and decluttering those, the windows of the houses make a very recognizable pattern, which is useful for orientation in the virtual and real world.
41
A WHOLE NEW WORLD
By abstracting the houses to the minimum, each row of houses gets an individual characteristic through the arrangement of windows important elements and the different hight of the houses.
42
The user can easily compare the abstracted information on his screen with the reality, for a better orientation.
The row of houses is very easy to navigate by scrolling and the user has a colour-coded indication at the bottom of the screen with the category index.
43
STREET VIEW
44
RESULT
INTRODUCTION
Street View
45
A WHOLE NEW WORLD
HORIZONT
PopUp was created for being outside and exploring. The user sees the street he is standing in from above (birds i perspective), this perspective is always the starting point of the whole application, the idea is to start with what the user sees currently. 46
STREET VIEW
By scrolling along the shops the user can make their names visible.
And open via a long tab detailed information.
47
NEIGHBOURHOOD
48
RESULT
INTRODUCTION
Neighbourhoods
49
A WHOLE NEW WORLD
When the user zooms out to the map level he sees an overview of the current area. Along the streets the houses have a colour-coding (index available by swiping from the right) which helps the user to foresee which kind of places dominate the area. The index acts simultaneously as a filter to filter map results by category. .
HORIZONT
50
51 HORIZONT
PE R S ONA L M A P
52
RESULT
INTRODUCTION
Personal Map
53
Personal Map
In the highest zoom level the user can see a personal map with the areas he already explored highlighted, and the rest of the map greyed out. This helps him to explore new parts of the city and build up his personal map in context of his own places and experiences. The map can also be viewed with inverted filtering so the map highlights all locations the user has not yet visited and inspires him to discover new places. PE R S ONA L M A P
54
55 HORIZONT
Ehrenwörtliche Erklärung
„Ich versichere hiermit ehrenwörtlich durch meine Unterschrift, dass ich die vorstehende (Seminar-, Zwischenprüfungs-, Zulassungs-, Magister-) Arbeit selbständig und ohne Benutzung anderer als der angegebenen Hilfsmittel angefertigt habe. Alle Stellen, die wörtlich oder sinngemäß aus veröffentlichten oder unveröffentlichten Schriften oder dem Internet entnommen worden sind, sind als solche kenntlich gemacht. Keine weiteren Personen waren an der geistigen Herstellung der vorliegenden Arbeit beteiligt. Die Arbeit hat noch nicht in gleicher oder ähnlicher Form oder auszugsweise im Rahmen einer anderen Prüfung dieser oder einer anderen Prüfungsinstanz vorgelegen.“
HORIZONT
56