InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 3

2005-11-19T20:48:57Z

UE-InfoVis0506 0204041:

==Topic==
Webserver Logfile Visualization

==Area of Application==

===Analysis of Application Area===

====General Description====
Webservers typically generate logfiles containing huge amounts of information on page accesses, used client software, type of access, and many more. Analysis tools like for example AWStats try to make use of this information and present simple statistics mostly in form of tables or simple bar graphs. Unfortunately, they are mostly very limited and "low-level" regarding their information representation. More interesting questions like user behavior in combination with site structure, dead ends, changes in behavior regarding to time (evolution), typical behavioral patterns, finding groups of users that share similar behavioral patterns, site entry points, or intrusion detection cannot be answered by using similar tools. For being able to deal with this kind of topics, more advanced visual tools are needed that unveil this information.

====Special Issues====

===Analysis of the Dataset===

====Description of the Datatypes====

====Description of the Datastructures====

==Target Group==

===Identifying the Target===
We identified the following Target groups:
#Software Companies: especially those who develop browsers and web based applications
#Web Dsigners
#Administrators
#Advertising Companys
#Web Users

===Special Issues of the Target Group===

===Known Solutions / Methods (related to the target group)===
#Radial Tree Viewer
#Anemone
#Internet Cartographer
#WebTracer
#WebHopper
#WebPath
#The Chicago Tribune Website
#Visualizing the online debate on the European Constitution
#Mercator<br>
...

==Intended Purpose==

===Goals and Objectives===
#Which client software is used, which browsers
#How users behave, in combination with site structure, dead ends, changes in behavior regarding to time.
#Identify groups of users who act in a similar way.
#Identify "hot" topics

===Problems and Tasks to Solve===
- '''Improve the Servers''': Administrators, Web Designers and Software Companies need this information, to improve the Servers. They need to know what people are interested in, if there are special groups, which have similar behavior, navigate to the same themes and in a similar way. What kind of themes are often searched for, and how. With this information, they can help Users to get the things they want faster and easier. They can adapt the Server to the needs of the Users.<br>
In order to effectively manage a web server, it is necessary to get feedback about the activity and performance of the server as well as any problems that may be occuring<br><br>
- '''Adapt Advertising to Users interests''':Advertising Companys can use the information to identify themes and products of interest to a group of users. You get an overview of groups of things people are interessted in. So they can adapt the topics of their advertisement to this information.

==Proposed Design==

===Types of Visualization Applied===

===Visual Mapping===

(Datadimension => Attribute)

===Description of Used Techniques===

===Possibilities of Interaction===

===Mockups / Fake Screenshots===

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 2

2005-11-02T23:36:21Z

UE-InfoVis0506 0204041:

== Poor Graphic ==
[[Image:Perceptualedge03world-car-production.gif|none|thumb|600px|World Car Production 1977-80 (click on image for larger version)]]

== Drawbacks ==

This image is far away from a good Visualization of the underlying Data. It has drawbacks according to some well known Design Principles, which we will explain in the following:

- '''data ink''':

Everything that communicates actual data is data ink and is needed.[Few,2004] But our image contains some unnecessary data ink. The white Border around all the charts and the white lines around each single chart and between the pies of the charts are unnecessary data ink.

- '''color''':

Lines, bars and charts should be colored in a way, that that no one color stands out more prominently than the others, thus supporting the equal importance of the three data sets.[Few,2004] In our image the red and blue pies of the charts violate this principle because they stand out more promonently than the others.

- '''lie factor''':

The lie lactor is a value to describe the relation between the size of effect shown in a graphic and the size of effect shown in the data.[Muster et al.,2005] The first problem is, it seems that we look at the image not from the front but a little from the side. That distorts the message since neither the angles nor the areas are in proportion to the data.[Seyfang et al., 2005] The second one is that the charts have different distances to each other. The distance of the chart 1977 to the chart 1978 is shorter than that from 1979 to 1980. It schould be the same.

- '''past experience''':

That means that past experience have an effect of how we see and interpret things.[Starl and Froschauer, 2005] You can say that our image somehow violates this principle. We are used to read from left to right, but the charts on the image are organized from right to left. This can be confusing.

- '''simplicity''':

You should keep your image as simple as possible, which also means that you have to reduce redundant information.[Few,2004] Our image violates this principle. The percentage of a lands contribution to the world production is shown on one hand via the angle and size of the pies and on the other hand it is written numerical above the pies.

== Updated Picture ==

[[Image:worldcarprod.jpg]]

== Changes ==

Our objective was to present the information as simple and transparent as possible. In order to achieve this, we use a two-dimensional diagram with grouped bars. It is much easier to compare the different values with one another than it was before. The different colours are clearly distinguishable on white background, the values are good readable and the temporally sequence goes from left to right. We intentionally abstaint from a three-dimensional look because it is not necessary and moreover confuses the viewer.
All in all the graphic looks much more orderly and simplified.

== Resources ==

:[1] [Few, 2004] Stephen Few, Elegance Through Simplicity, Intelligent Enterprise, Access Date: 26 October 2005, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

:[2] [Seyfang et al., 2005] Leonhard Seyfang, Heinrich Fritz, Stefan Schnabl, Gioia Baldass , Gruppe G8 - Aufgabe 1 - Chart Junk, InfoVis Wiki, Access Date: 26 October 2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G8_-_Aufgabe_1_-_Chart_Junk

:[3] [Muster et al.,2005] Anna Muster, Jürgen Puchta, Christian Rainer, Christoph Sölder, Gruppe G4 - Aufgabe 1 - Lie Factor, InfoVis Wiki, Access Date: 26 October 2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G4_-_Aufgabe_1_-_Lie_Factor

:[4] [Starl and Froschauer, 2005] Erwin Starl, Joseph Froschauer, Gruppe G7 - Aufgabe 1, InfoVis Wiki, Access Date: 26 October 2005, http://www.infovis-wiki.net/index.php/Teaching:TUW_-_UE_InfoVis_WS_2005/06_-_Gruppe_G7_-_Aufgabe_1_-_Gestalt_Laws

File:Relsize.gif

2005-11-02T23:27:54Z

UE-InfoVis0506 0204041: /* Source */

== Summary ==
this image shows the "relative size" perception.
== Copyright status ==

== Source ==
[Dürsteler, 2000] Juan C. Dürsteler, Gestalt and Visual Momentum. Created at 2000-11-27 http://www.infovis.net/printMag.php?num=19&lang=2

Teaching talk:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Relative Size

2005-11-02T23:04:35Z

UE-InfoVis0506 0204041:

wie könnten wir diese links als Referenzen angeben?

http://www.csusm.edu/iits/trc/training/lessons/graphicDesign/d2Perception/2_design_perception.htm

http://www.sapdesignguild.org/resources/optical_illusions/optical_illusions.pdf

http://www.uark.edu/misc/lampinen/PSYC2003_PERCEPTION.html

http://www.headscape.co.uk/view_article.asp?PageId=5&ArticleId=54

http://www.startphoto.com/learn/art/principles_of_design.htm

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Relative Size

2005-11-02T23:03:54Z

UE-InfoVis0506 0204041:

__TOC__
== Relative Size (Smaller components tend to be perceived as objects.) ==
the term "relative size" is used in the context of the [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Gestalt Laws| Gestalt Laws]] of grouping, and describes how we perceive figures of different sizes.

{{Definition|The smaller components of a figure or pattern tend to be perceived as objects while the biggest are perceived as background [Dürsteler, 2000]}}

==Examples==
[[Image:relsize.gif]]
The star on the left looks like it was placed on a circular background.

In some publications the same effect is called "smallness" [Chandler, 1997], because the visual focus lies on the smaller object.

=="relative size" in other contexts==

In visual design, the term "relative size" is also used in the following contexts:

''' next to '''

If two objects placed next to each other do not share the same size, the bigger object is perceived as being the one more important.

When these objects change size relative to each other, this gives the impression of changed importance.

[[Image:Infovis_relsize_next.png]]

Other trivial examples for static relative sizes are of course the headlines and titles in contrast to normal text on this page.

''' perspective '''

A smaller object with the same outline is seen as being farther away than the first one.

[[Image:Infovis_relsize_perspective.png]]

==Resources==

[Dürsteler, 2000] Juan C. Dürsteler, Gestalt and Visual Momentum. Created at 2000-11-27
http://www.infovis.net/printMag.php?num=19&lang=2

this article is based on

Colin Ware. Information Visualization: Perception for Design. Morgan Kaufmann series in interactive technologies, 1999

[Chandler, 1997] Daniel Chandler, Visual Perception 6, accessed Oct 25, 2005 http://www.aber.ac.uk/media/Modules/MC10220/visper06.html

'''Further readings'''

[Chandler, 1997] Daniel Chandler, Visual Perception 2, accessed Oct 25, 2005 http://www.aber.ac.uk/media/Modules/MC10220/visper02.html

[Chi,2000] Ed H. Chi, Representing Data using Static and moving patterns, Xerox Parc, 2000 http://www-users.cs.umn.edu/~echi/tutorial/perception2000/2000-05-EdChi-VisualPatterns-CHI2000-notes.pdf

[Boeree,2002] George Boeree, Perception and interaction, Shippensburg University, 2002 http://www.ship.edu/~cgboeree/genpsyperception.html

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Relative Size

2005-11-02T22:58:29Z

UE-InfoVis0506 0204041:

User:Liam21c

2005-10-26T10:32:35Z

UE-InfoVis0506 0204041:

#REDIRECT [[User:UE-InfoVis0506_0204041]]

User:Liam21c

2005-10-26T10:31:40Z

UE-InfoVis0506 0204041:

#REDIRECT [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - UE-InfoVis0506 0204041]]

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Relative Size

2005-10-25T22:45:06Z

UE-InfoVis0506 0204041:

__TOC__
== Relative Size (Smaller components tend to be perceived as objects.) ==
the term "relative size" is used in the context of the [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G7 - Aufgabe 1 - Gestalt Laws| Gestalt Laws]] of grouping, and describes how we perceive figures of different sizes.

{{Definition|The smaller components of a figure or pattern tend to be perceived as objects while the biggest are perceived as background [Dürsteler, 2000]}}

==Examples==
[[Image:relsize.gif]]
The star on the left looks like it was placed on a circular background.

In some publications the same effect is called "smallness" [Chandler, 1997], because the visual focus lies on the smaller object.

=="relative size" in other contexts==

In visual design, the term "relative size" is also used in the following contexts:

''' next to '''

If two objects placed next to each other do not share the same size, the bigger object is perceived as being the one more important.

When these objects change size relative to each other, this gives the impression of changed importance.

[[Image:Infovis_relsize_next.png]]

Other trivial examples for static relative sizes are of course the headlines and titles in contrast to normal text on this page.

''' perspective '''

A smaller object with the same outline is seen as being farther away than the first one.

[[Image:Infovis_relsize_perspective.png]]

==Reources==

[Dürsteler, 2000] Juan C. Dürsteler, Gestalt and Visual Momentum. Created at 2000-11-27
http://www.infovis.net/printMag.php?num=19&lang=2

this article is based on

Colin Ware. Information Visualization: Perception for Design. Morgan Kaufmann series in interactive technologies, 1999

[Chandler, 1997] Daniel Chandler, Visual Perception 6, accessed Oct 25, 2005 http://www.aber.ac.uk/media/Modules/MC10220/visper06.html

'''Further readings'''

[Chandler, 1997] Daniel Chandler, Visual Perception 2, accessed Oct 25, 2005 http://www.aber.ac.uk/media/Modules/MC10220/visper02.html

[Chi,2000] Ed H. Chi, Representing Data using Static and moving patterns, Xerox Parc, 2000 http://www-users.cs.umn.edu/~echi/tutorial/perception2000/2000-05-EdChi-VisualPatterns-CHI2000-notes.pdf

[Boeree,2002] George Boeree, Perception and interaction, Shippensburg University, 2002 http://www.ship.edu/~cgboeree/genpsyperception.html

http://www.csusm.edu/iits/trc/training/lessons/graphicDesign/d2Perception/2_design_perception.htm

http://www.sapdesignguild.org/resources/optical_illusions/optical_illusions.pdf

http://www.uark.edu/misc/lampinen/PSYC2003_PERCEPTION.html

http://www.headscape.co.uk/view_article.asp?PageId=5&ArticleId=54

http://www.startphoto.com/learn/art/principles_of_design.htm