andreas valley - presentation at the 2014 instantatlas london workshop
TRANSCRIPT
![Page 1: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/1.jpg)
Hic sunt dracones - Here be dragons
How InstantAtlas customization can help to guide usersthrough the data jungle
![Page 2: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/2.jpg)
| 03/28/2014 | Andreas Valley2
Greetings from germany
![Page 3: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/3.jpg)
| 03/28/2014 | Andreas Valley3
Short introduction
❙ Federal Statistics Office
❙ about 300 different official statistics
❙ up to 4 million data sets and more than 500 attributes
❙ various aministrative and non-administrative structures
❙ raising of data as well as publication
❙ focus has shifted to online publication
![Page 4: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/4.jpg)
| 03/28/2014 | Andreas Valley4
Horses for courses
![Page 5: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/5.jpg)
| 03/28/2014 | Andreas Valley5
A dime a dozen?
❙ fast and easy results are possible
❙ users usually don‘t have our knowledge about the data
❙ just mapping the data often is not enough
❙ take a look at your work from the viewpoint of an average user
❙ help them understand
![Page 6: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/6.jpg)
| 03/28/2014 | Andreas Valley6
First steps
![Page 7: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/7.jpg)
| 03/28/2014 | Andreas Valley7
User feedback
The atlas itself was appreciated, but several problems were raised:
❙ only a number without further explanation in the tooltip
❙ time series are inconsistent (varying class limits and axis-scaling)
❙ loads of different indicators
❙ it‘s difficult to interpret the data
![Page 8: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/8.jpg)
| 03/28/2014 | Andreas Valley8
Listening to customers
![Page 9: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/9.jpg)
| 03/28/2014 | Andreas Valley9
Excursus: Metadata
Fixed axis-ranges:
minChartValue, maxChartValue
Quality Control necessary
Fixed class limits:
customBreaks, customLabels
5 classifications 6 entries in customBreaks 5 entries in customLabels
![Page 10: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/10.jpg)
| 03/28/2014 | Andreas Valley10
Don‘t mention the war
![Page 11: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/11.jpg)
| 03/28/2014 | Andreas Valley11
Don‘t mention the war
❙ the tooltip is the main focus of the user once he starts to interact with the map
❙ while customization is possible, it seems to be very seldom used
❙ not only the style of display can be modified, also the content
❙ goal for this map: a solid base of information provided via tooltip
❙ 2 methods were combined – tooltip customization and use of associate data
❙ what should be displayed and how should it be presented
![Page 12: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/12.jpg)
| 03/28/2014 | Andreas Valley12
Excursus: Tooltips I
Main problem: needs to be done outside of designer to ensure managability
results in:
<p><font size=„12“>Eckdaten Fortschreibung:</font&></p><p>- Einwohnerzahl 1990: ${1990}<br>- Einwohnerzahl 2000: ${2000}<br>- Einwohnerzahl 2010: ${Aktuell}<br> <i>davon</i><li>unter 18:${u18} (${u18p}%)<br> 18 - 67: ${18-67} (${18-67p}%)<br> über 67: ${67+} (${67+p}%)<br></li>
![Page 13: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/13.jpg)
| 03/28/2014 | Andreas Valley13
Excursus: Tooltips II
<p><font size=„12“>
Eckdaten Fortschreibung:
</font></p>
<p>- Einwohnerzahl 1990: ${1990}<br>
- Einwohnerzahl 2000: ${2000}<br>
- Einwohnerzahl 2010: ${Aktuell}<br>
<i>davon</i>
<li>unter 18: ${u18} (${u18p}%)<br>
18 - 67: ${18-67} (${18-67p}%)<br>
über 67: ${67+} (${67+p}%)<br>
</li></p>
make font bigger, use extra paragraph
next paragraph, put text and also associate data, do a line break
italics to visually support the „thereof“
do a list to get bullet points in front
![Page 14: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/14.jpg)
| 03/28/2014 | Andreas Valley14
A sort of responsive design
![Page 15: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/15.jpg)
| 03/28/2014 | Andreas Valley15
Excursus: JavaScript I
function init(){
myAtlas.addDataListener("dataListener");}
function dataListener(eventType, o)[…]
if(eventType == "indicatorChanged"){
if((o.themeId == "t0") || (o.themeId == "t3") || (o.themeId == "t4")){
if(o.indicatorId =="i0"){switchOn("TimeSeries");
}else{switchOn("MetaData");
[…]
![Page 16: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/16.jpg)
| 03/28/2014 | Andreas Valley16
Excursus: JavaScript II
function switchOn(chartName){
if((chartName == "TimeSeries") && (tsOff == true)){
if(metaOff == false){myAtlas.toggleMetaData();metaOff = true;
}if(advOff == false){
myAtlas.toggleAdvancedPieChart();advOff = true;
}myAtlas.toggleTimeSeries();tsOff = false;
}
[…]
![Page 17: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/17.jpg)
| 03/28/2014 | Andreas Valley17
In a nutshell
![Page 18: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/18.jpg)
| 03/28/2014 | Andreas Valley18
Excursus: Direct data access
function init(){
myAtlas.addDataListener("dataListener");}
function switch1(){
myAtlas.setData("Kreisnamen", "t1", "i1", "Aend");}
Geopgraphy ID Theme Indicator Date
<Button […] href="javascript:switch1() " id="DataButton1" […] target="_self" text="Indikator 1" […] />
![Page 19: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/19.jpg)
| 03/28/2014 | Andreas Valley19
At first - keep it low
![Page 20: Andreas Valley - Presentation at the 2014 InstantAtlas London Workshop](https://reader033.vdocuments.site/reader033/viewer/2022060204/559f696e1a28ab081e8b45f6/html5/thumbnails/20.jpg)
| 03/28/2014 | Andreas Valley20
Take a look yourself
http://web1.extranet.sachsen.de/geoservicet/IA_London/Workshop.html