InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 4

2010-01-07T17:50:08Z

UE-InfoVis0910 0504433:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.
------------------------------

== Description of application area, data, target group and tasks ==

=== Application area and data ===

A family tree views the genealogy of a person. It is utilized by an individual for seeking information about relatives of various generations. According to the application area of the family tree different details of personal information might be of special interest. For lords the purity of the blood line is the reason to draw a family tree, for youth of today it is rather hobbies and interests of a person.

The given data set contains a group of people with detailed information about their lives. Every person is defined by its name, ancestors, descendants and further personal data such as birth date, education, etc. The data can be classified as follows:
<ul>
<li>Id: discrete</li>
<li>Name: nominal</li>
<li>Dates: ordinal</li>
<li>Gender: binary</li>
<li>Additional information: nominal</li>
</ul>

Visualizing the data properly results in a family tree, which is an ordinate graph showing a hierarchical structure. Each family member is represented by a node in the tree linking with their ancestors and descendants. This characteristic implies that the data set has an explicit hierarchy.

=== Target group ===

Family Trees are usually drawn for people who are interested in their roots. One of the first found fields of application in history was Jesus’ family tree in the changed manner of listing the members of his genealogy. Christians where able to allocate Jesus to well known families. [genWiki] Nowadays this remains not the only purpose. A lot of families split, move and form new families. According to the interests of a target group a visualization method should view different levels of details and kinds of information.

The typical user of the following concept is an adolescent asking herself where she comes from and if her interests might correlate with any of her ancestors‘. Did someone in her family study the same profession or work in a similar field? Was someone also arrested or did somebody win a special award? Since genealogy has been of interest for centuries, there are dozens of kinds of visualizations for family trees existent. Some of their symbols are in common use, other vary according to their field. Lines in shape of ‘u‘ or a ‘=‘ often symbolize a marriage, while circles and triangles represent genders.[Stre87] In the described target group a certain level of detail is of interest, thus another aspect of the data has to be viewable.

=== Aim ===

This visualization is designed not only to seek family members, but to give detailed Information about ancestors. The user should be able to compare different family members as well as sections of the tree. Additionally personal data can be retrieved and also put into comparison. User friendly navigation on the timeline supports the lookup of ancestors. A general overview of the entire family tree gives a general idea of the family structure, while the zoomed in mode allows to receiving a certain level of detail.
Where do I come from? Does my family have a criminal history? Are there certain trends of profession? Who was happy in my family? What did they do in their lives? Where are the location based roots of my family?

== Concept ==

<ul>
<li>Types of Visualization <br\>
Three different Views are visualized. The timeline view is a bar chart that shows the live durance for each person ordered by birth date. As induced by the name the tree view is visualized by a directed graph. Furthermore there is a frame to show the portrait for the chosen person.
</li>
<li>Visual Mapping<br\>
Timeline: <ul>
<li>Age -> Length of a person’s bar (size) in relation to the other bars;</li>
<li>Contentment -> Color of the bar, the happier the person the lighter the green;</li>
<li>Relatives by blood -> Relatives by blood are marked with a bolder stroke</li>
<li>Years -> Years are mapped to intervals on the timeline</li>
</ul>
Tree: <ul>
<li>Gender -> A circle identifies a man, while a triangle identifies a woman</li>
<li>Marriage -> A ‘]’ indicates that two persons are married</li>
<li>Children -> If there is only one Child a simple line is used to link with the parents, in case of two or more children this symbol ‘[‘ is used</li>
<li>Relatives by blood -> Relatives by blood are induced by the stroke weight of the gender symbolization </li>
</ul>
</li>
<li>Interaction<br\>
<ul>
<li>Zooming on the Timeline -> With the little square on the top right corner of the view frame (light green) the user may adjust the timeline to the frame of interest. By zooming in, the level of detail of the visualized years can be augmented (bars get larger). </li>
<li>Selection: Click on a person’s bar (timeline) or symbol (tree view) -> By clicking on a bar the portrait of this person will appear in the Frame next to the Graph. </li>
<li>Double click on bar or symbol -> Per double click the main windows changes its views from timeline to tree view or vice versa. For the clicked person one generation of descendant and according to the zoom factor as much ancestors as the window provides space for. </li>
<li>Filtering -> Entering a word in the search field will filter the family tree. Only thus containing the given criteria will remain in the view. Clicking on the filter symbol more than one criterion can be selected</li>
</ul>
</li>
<li>Mockups<br\>
Timeline view showing comparison with different zoom factors<br\>
[[Image:Timeline G10.jpg]]<br\> 
Tree view comparing the family trees of Bart and Lisa <br\>
[[Image:TreeView G10.jpg]]<br\><br\>
</li>
<li>Usability and Characteristics<br\>
Filtering is as simple as entering a word. The system will filter all data by the criterion. Furthermore the tree view will be rendered from the ego perspective chosen and show a four generation of the tree. The zooming panel eases the navigation trough the data, which is especially useful in big data sets. Not everybody might feel familiar with the handling of two different views to choose from. Since the portrait frame is not the biggest a scroll bar will appear once the data exceeds the frame size.
</li>
<li>Enhancement<br\>
Integration of Geneological Data Communication (GEDCOM) file format [Chur99]; A function to invite family member via e-mail;
</li>
</ul>

== Bibliography ==
[genWiki] http://wiki-de.genealogy.net/Stammbaum#_note-2, last viewed Jan 7. 2010 <br\>
[Stre87] Bernhard Streck et al, Wörterbuch der Ethnologie, DuMont, Köln 1987, Page 238<br\>
[Aign09] Aigner Wolfgang, Hierachische Techniken, 30.11.2009 
[Aign09] Aigner Wolfgang, Visual Analytics and Interactions, 10.12.1009<br\>
[Chur99] The Church of Jesus Christ of Latter-day Saints, The Gedcom Standard, Draft Release 55.1, Oct. 2 1999<br\>
------------------------------

== Links ==
* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10]]

File:Timeline G10.jpg

2010-01-07T17:48:51Z

UE-InfoVis0910 0504433: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 4

2010-01-07T17:42:50Z

UE-InfoVis0910 0504433:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.
------------------------------

== Description of application area, data, target group and tasks ==

=== Application area and data ===

A family tree views the genealogy of a person. It is utilized by an individual for seeking information about relatives of various generations. According to the application area of the family tree different details of personal information might be of special interest. For lords the purity of the blood line is the reason to draw a family tree, for youth of today it is rather hobbies and interests of a person.

The given data set contains a group of people with detailed information about their lives. Every person is defined by its name, ancestors, descendants and further personal data such as birth date, education, etc. The data can be classified as follows:
<ul>
<li>Id: discrete</li>
<li>Name: nominal</li>
<li>Dates: ordinal</li>
<li>Gender: binary</li>
<li>Additional information: nominal</li>
</ul>

Visualizing the data properly results in a family tree, which is an ordinate graph showing a hierarchical structure. Each family member is represented by a node in the tree linking with their ancestors and descendants. This characteristic implies that the data set has an explicit hierarchy.

=== Target group ===

Family Trees are usually drawn for people who are interested in their roots. One of the first found fields of application in history was Jesus’ family tree in the changed manner of listing the members of his genealogy. Christians where able to allocate Jesus to well known families. [genWiki] Nowadays this remains not the only purpose. A lot of families split, move and form new families. According to the interests of a target group a visualization method should view different levels of details and kinds of information.

The typical user of the following concept is an adolescent asking herself where she comes from and if her interests might correlate with any of her ancestors‘. Did someone in her family study the same profession or work in a similar field? Was someone also arrested or did somebody win a special award? Since genealogy has been of interest for centuries, there are dozens of kinds of visualizations for family trees existent. Some of their symbols are in common use, other vary according to their field. Lines in shape of ‘u‘ or a ‘=‘ often symbolize a marriage, while circles and triangles represent genders.[Stre87] In the described target group a certain level of detail is of interest, thus another aspect of the data has to be viewable.

=== Aim ===

This visualization is designed not only to seek family members, but to give detailed Information about ancestors. The user should be able to compare different family members as well as sections of the tree. Additionally personal data can be retrieved and also put into comparison. User friendly navigation on the timeline supports the lookup of ancestors. A general overview of the entire family tree gives a general idea of the family structure, while the zoomed in mode allows to receiving a certain level of detail.
Where do I come from? Does my family have a criminal history? Are there certain trends of profession? Who was happy in my family? What did they do in their lives? Where are the location based roots of my family?

== Concept ==

<ul>
<li>Types of Visualization <br\>
Three different Views are visualized. The timeline view is a bar chart that shows the live durance for each person ordered by birth date. As induced by the name the tree view is visualized by a directed graph. Furthermore there is a frame to show the portrait for the chosen person.
</li>
<li>Visual Mapping<br\>
Timeline: <ul>
<li>Age -> Length of a person’s bar (size) in relation to the other bars;</li>
<li>Contentment -> Color of the bar, the happier the person the lighter the green;</li>
<li>Relatives by blood -> Relatives by blood are marked with a bolder stroke</li>
<li>Years -> Years are mapped to intervals on the timeline</li>
</ul>
Tree: <ul>
<li>Gender -> A circle identifies a man, while a triangle identifies a woman</li>
<li>Marriage -> A ‘]’ indicates that two persons are married</li>
<li>Children -> If there is only one Child a simple line is used to link with the parents, in case of two or more children this symbol ‘[‘ is used</li>
<li>Relatives by blood -> Relatives by blood are induced by the stroke weight of the gender symbolization </li>
</ul>
</li>
<li>Interaction<br\>
<ul>
<li>Zooming on the Timeline -> With the little square on the top right corner of the view frame (light green) the user may adjust the timeline to the frame of interest. By zooming in, the level of detail of the visualized years can be augmented (bars get larger). </li>
<li>Selection: Click on a person’s bar (timeline) or symbol (tree view) -> By clicking on a bar the portrait of this person will appear in the Frame next to the Graph. </li>
<li>Double click on bar or symbol -> Per double click the main windows changes its views from timeline to tree view or vice versa. For the clicked person one generation of descendant and according to the zoom factor as much ancestors as the window provides space for. </li>
<li>Filtering -> Entering a word in the search field will filter the family tree. Only thus containing the given criteria will remain in the view. Clicking on the filter symbol more than one criterion can be selected</li>
</ul>
</li>
<li>Mockups<br\>
Timeline view showing comparison with different zoom factors<br\>
[[Image:Timeline G10.jpg]]<br\>
Tree view comparing the family trees of Bart and Lisa <br\>
[[Image:TreeView G10.jpg]]<br\><br\>
</li>
<li>Usability and Characteristics<br\>
Filtering is as simple as entering a word. The system will filter all data by the criterion. Furthermore the tree view will be rendered from the ego perspective chosen and show a four generation of the tree. The zooming panel eases the navigation trough the data, which is especially useful in big data sets. Not everybody might feel familiar with the handling of two different views to choose from. Since the portrait frame is not the biggest a scroll bar will appear once the data exceeds the frame size.
</li>
<li>Enhancement<br\>
Integration of Geneological Data Communication (GEDCOM) file format [Chur99]; A function to invite family member via e-mail;
</li>
</ul>

== Bibliography ==
[genWiki] http://wiki-de.genealogy.net/Stammbaum#_note-2, last viewed Jan 7. 2010 <br\>
[Stre87] Bernhard Streck et al, Wörterbuch der Ethnologie, DuMont, Köln 1987, Page 238<br\>
[Aign09] Aigner Wolfgang, Hierachische Techniken, 30.11.2009 
[Aign09] Aigner Wolfgang, Visual Analytics and Interactions, 10.12.1009<br\>
[Chur99] The Church of Jesus Christ of Latter-day Saints, The Gedcom Standard, Draft Release 55.1, Oct. 2 1999<br\>
------------------------------

== Links ==
* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 4

2010-01-07T16:31:44Z

UE-InfoVis0910 0504433:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.
------------------------------

== Description of application area, data, target group and tasks ==

=== Application area and data ===

A family tree views the genealogy of a person. It is utilized by an individual for seeking information about relatives of various generations. According to the application area of the family tree different details of personal information might be of special interest. For lords the purity of the blood line is the reason to draw a family tree, for youth of today it is rather hobbies and interests of a person.

The given data set contains a group of people with detailed information about their lives. Every person is defined by its name, ancestors, descendants and further personal data such as birth date, education, etc. The data can be classified as follows:
<ul>
<li>Id: discrete</li>
<li>Name: nominal</li>
<li>Dates: ordinal</li>
<li>Gender: binary</li>
<li>Additional information: nominal</li>
</ul>

Visualizing the data properly results in a family tree, which is an ordinate graph showing a hierarchical structure. Each family member is represented by a node in the tree linking with their ancestors and descendants. This characteristic implies that the data set has an explicit hierarchy.

=== Target group ===

Family Trees are usually drawn for people who are interested in their roots. One of the first found fields of application in history was Jesus’ family tree in the changed manner of listing the members of his genealogy. Christians where able to allocate Jesus to well known families. [genWiki] Nowadays this remains not the only purpose. A lot of families split, move and form new families. According to the interests of a target group a visualization method should view different levels of details and kinds of information.

The typical user of the following concept is an adolescent asking herself where she comes from and if her interests might correlate with any of her ancestors‘. Did someone in her family study the same profession or work in a similar field? Was someone also arrested or did somebody win a special award? Since genealogy has been of interest for centuries, there are dozens of kinds of visualizations for family trees existent. Some of their symbols are in common use, other vary according to their field. Lines in shape of ‘u‘ or a ‘=‘ often symbolize a marriage, while circles and triangles represent genders.[Stre87] In the described target group a certain level of detail is of interest, thus another aspect of the data has to be viewable.

=== Aim ===

This visualization is designed not only to seek family members, but to give detailed Information about ancestors. The user should be able to compare different family members as well as sections of the tree. Additionally personal data can be retrieved and also put into comparison. User friendly navigation on the timeline supports the lookup of ancestors. A general overview of the entire family tree gives a general idea of the family structure, while the zoomed in mode allows to receiving a certain level of detail.
Where do I come from? Does my family have a criminal history? Are there certain trends of profession? Who was happy in my family? What did they do in their lives? Where are the location based roots of my family?

== Concept ==

<ul>
<li>Types of Visualization <br\>
Three different Views are visualized. The timeline view is a bar chart that shows the live durance for each person ordered by birth date. As induced by the name the tree view is visualized by a directed graph. Furthermore there is a frame to show the portrait for the chosen person.
</li>
<li>Visual Mapping<br\>
Timeline: <ul>
<li>Age -> Length of a person’s bar (size) in relation to the other bars;</li>
<li>Contentment -> Color of the bar, the happier the person the lighter the green;</li>
<li>Relatives by blood -> Relatives by blood are marked with a bolder stroke</li>
<li>Years -> Years are mapped to intervals on the timeline</li>
</ul>
Tree: <ul>
<li>Gender -> A circle identifies a man, while a triangle identifies a woman</li>
<li>Marriage -> A ‘]’ indicates that two persons are married</li>
<li>Children -> If there is only one Child a simple line is used to link with the parents, in case of two or more children this symbol ‘[‘ is used</li>
<li>Relatives by blood -> Relatives by blood are induced by the stroke weight of the gender symbolization </li>
</ul>
</li>
<li>Interaction<br\>
<ul>
<li>Zooming on the Timeline -> With the little square on the top right corner of the view frame (light green) the user may adjust the timeline to the frame of interest. By zooming in, the level of detail of the visualized years can be augmented (bars get larger). </li>
<li>Selection: Click on a person’s bar (timeline) or symbol (tree view) -> By clicking on a bar the portrait of this person will appear in the Frame next to the Graph. </li>
<li>Double click on bar or symbol -> Per double click the main windows changes its views from timeline to tree view or vice versa. For the clicked person one generation of descendant and according to the zoom factor as much ancestors as the window provides space for. </li>
<li>Filtering -> Entering a word in the search field will filter the family tree. Only thus containing the given criteria will remain in the view. Clicking on the filter symbol more than one criterion can be selected</li>
</ul>
</li>
<li>Mockups<br\>
Timeline view showing comparison with different zoom factors<br\>
[]<br\>
Tree view comparing the family trees of Bart and Lisa <br\>
[]
</li>
<li>Usability and Characteristics<br\>
Filtering is as simple as entering a word. The system will filter all data by the criterion. Furthermore the tree view will be rendered from the ego perspective chosen and show a four generation of the tree. The zooming panel eases the navigation trough the data, which is especially useful in big data sets. Not everybody might feel familiar with the handling of two different views to choose from. Since the portrait frame is not the biggest a scroll bar will appear once the data exceeds the frame size.
</li>
<li>Enhancement<br\>
Integration of Geneological Data Communication (GEDCOM) file format [Chur99]; A function to invite family member via e-mail;
</li>
</ul>

== Bibliography ==
[genWiki] http://wiki-de.genealogy.net/Stammbaum#_note-2, last viewed Jan 7. 2010 <br\>
[Stre87] Bernhard Streck et al, Wörterbuch der Ethnologie, DuMont, Köln 1987, Page 238<br\>
[Aign09] Aigner Wolfgang, Hierachische Techniken, 30.11.2009 
[Aign09] Aigner Wolfgang, Visual Analytics and Interactions, 10.12.1009<br\>
[Chur99] The Church of Jesus Christ of Latter-day Saints, The Gedcom Standard, Draft Release 55.1, Oct. 2 1999<br\>
------------------------------

== Links ==
* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 4

2010-01-07T15:33:39Z

UE-InfoVis0910 0504433:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.
------------------------------

== Description of application area, data, target group and tasks ==

=== Application area and data ===
------------------------------
A family tree views the genealogy of a person. It is utilized by an individual for seeking information about relatives of various generations. According to the application area of the family tree different details of personal information might be of special interest. For lords the purity of the blood line is the reason to draw a family tree, for youth of today it is rather hobbies and interests of a person.

The given data set contains a group of people with detailed information about their lives. Every person is defined by its name, ancestors, descendants and further personal data such as birth date, education, etc. The data can be classified as follows:
<ul>
<li>Id: discrete</li>
<li>Name: nominal</li>
<li>Dates: ordinal</li>
<li>Gender: binary</li>
<li>Additional information: nominal</li>
</ul>

Visualizing the data properly results in a family tree, which is an ordinate graph showing a hierarchical structure. Each family member is represented by a node in the tree linking with their ancestors and descendants. This characteristic implies that the data set has an explicit hierarchy.
------------------------------

=== Target group ===
------------------------------
Family Trees are usually drawn for people who are interested in their roots. One of the first found fields of application in history was Jesus’ family tree in the changed manner of listing the members of his genealogy. Christians where able to allocate Jesus to well known families. [genWiki] Nowadays this remains not the only purpose. A lot of families split, move and form new families. According to the interests of a target group a visualization method should view different levels of details and kinds of information.

The typical user of the following concept is an adolescent asking herself where she comes from and if her interests might correlate with any of her ancestors‘. Did someone in her family study the same profession or work in a similar field? Was someone also arrested or did somebody win a special award? Since genealogy has been of interest for centuries, there are dozens of kinds of visualizations for family trees existent. Some of their symbols are in common use, other vary according to their field. Lines in shape of ‘u‘ or a ‘=‘ often symbolize a marriage, while circles and triangles represent genders.[Stre87] In the described target group a certain level of detail is of interest, thus another aspect of the data has to be viewable.
------------------------------

=== Aim ===
------------------------------
This visualization is designed not only to seek family members, but to give detailed Information about ancestors. The user should be able to compare different family members as well as sections of the tree. Additionally personal data can be retrieved and also put into comparison. User friendly navigation on the timeline supports the lookup of ancestors. A general overview of the entire family tree gives a general idea of the family structure, while the zoomed in mode allows to receiving a certain level of detail.
Where do I come from? Does my family have a criminal history? Are there certain trends of profession? Who was happy in my family? What did they do in their lives? Where are the location based roots of my family?
------------------------------

== Concept ==
------------------------------
<ul>
<li>Types of Visualization <br\>
Three different Views are visualized. The timeline view is a bar chart that shows the live durance for each person ordered by birth date. As induced by the name the tree view is visualized by a directed graph. Furthermore there is a frame to show the portrait for the chosen person.
</li>
<li>Visual Mapping<br\>
Timeline: <ul>
<li>Age -> Length of a person’s bar (size) in relation to the other bars;</li>
<li>Contentment -> Color of the bar, the happier the person the lighter the green;</li>
<li>Relatives by blood -> Relatives by blood are marked with a bolder stroke</li>
<li>Years -> Years are mapped to intervals on the timeline</li>
</ul>
Tree: <ul>
<li>Gender -> A circle identifies a man, while a triangle identifies a woman</li>
<li>Marriage -> A ‘]’ indicates that two persons are married</li>
<li>Children -> If there is only one Child a simple line is used to link with the parents, in case of two or more children this symbol ‘[‘ is used</li>
<li>Relatives by blood -> Relatives by blood are induced by the stroke weight of the gender symbolization </li>
</ul>
</li>
------------------------------

== Bibliography ==
[genWiki] http://wiki-de.genealogy.net/Stammbaum#_note-2, last viewed Jan 7. 2010 <br\>
[Stre87] Bernhard Streck et al, Wörterbuch der Ethnologie, DuMont, Köln 1987, Page 238
------------------------------

== Links ==
* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 4

2010-01-07T15:32:52Z

UE-InfoVis0910 0504433: Removing all content from page

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-06T10:41:35Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

The special behaviour and visualizing method of cone trees make them a perfect fit to display i.e. a UNIX file-system, a user interface supporting fulltext retrieval like LyberWorld and other interactive Search and Retrieval Interfaces like Cat-a-Cone.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [Ying-Huey Fua] Visual clutters appear when showing more than 1000 nodes. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [Ying-Huey Fua] Visualizing Hierarchies Via Exotic Trees, Worchester Polytechnic Institute, November 3, 2009. http://davis.wpi.edu/~matt/courses/trees/

* [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T15:19:59Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Examples ==
The special behaviour and visualizing method of cone trees make them a perfect fit to display i.e. a UNIX file-system, a user interface supporting fulltext retrieval like LyberWorld and other interactive Search and Retrieval Interfaces like Cat-a-Cone.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [Ying-Huey Fua] Visual clutters appear when showing more than 1000 nodes. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [Ying-Huey Fua] Visualizing Hierarchies Via Exotic Trees, Worchester Polytechnic Institute, November 3, 2009. http://davis.wpi.edu/~matt/courses/trees/

* [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T15:16:35Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Examples ==
The special behaviour and visualizing method of cone trees make them a perfect fit to display i.e. a UNIX file-system, a user interface supporting fulltext retrieval like LyberWorld and other interactive Search and Retrieval Interfaces like Cat-a-Cone.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [Ying-Huey Fua] Visual clutters appear when showing more than 1000 nodes. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [1] [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [2] [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [3] [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [4] [Ying-Huey Fua] Visualizing Hierarchies Via Exotic Trees, Worchester Polytechnic Institute, November 3, 2009. http://davis.wpi.edu/~matt/courses/trees/

* [5] [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [6] [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T15:04:40Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Examples ==
The special behaviour and visualizing method of cone trees make them a perfect fit to display i.e. a UNIX file-system,a user interface supporting fulltext retrieval like LyberWorld and other interactive Search and Retrieval Interfaces like Cat-a-Cone.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [Ying-Huey Fua] Visual clutters appear when showing more than 1000 nodes. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [1] [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [2] [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [3] [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [4] [Ying-Huey Fua] Visualizing Hierarchies Via Exotic Trees, Worchester Polytechnic Institute, November 3, 2009. http://davis.wpi.edu/~matt/courses/trees/

* [5] [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [6] [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:48:33Z

UE-InfoVis0910 0504433:

Inhalt 
Allgemein ist es ein gut recherchierter und sprachlich kompetenter Artikel. Die gegebenen Informationen sind ausreichend für eine kurze Beschreibung. Da eine explizite Definition nicht vorhanden war, haben wir diese hinzugefügt, welche den restlichen Text komplementiert. Auch kleine Layoutierfehler (einheitliche Abstände) wurden beseitigt. Zusätzliche Detailinformationen und kleine Änderungen sind auch Teil der inhaltlichen Bearbeitung.

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:45:42Z

UE-InfoVis0910 0504433:

Inhalt 
Allgemein ist es ein gut recherchierter und sprachlich kompetenter Artikel. Die gegebenen Informationen sind ausreichend für eine kurze Beschreibung. Da eine explizite Definition nicht vorhanden war, haben wir diese hinzugefügt, welche den restlichen Text komplementiert. Auch kleine Layoutierfehler (einheitliche Abstände) wurde beseitigt. Zusätzlich

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:38:40Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [1] [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [2] [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [3] [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [4] [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [5] [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:38:00Z

UE-InfoVis0910 0504433:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."[Robertson et al., 1991]

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

Instead of a 2D tree Cone Trees use three dimensional space. Therefore a parent node and its children are placed in that kind, so parent and children form a cone, with the parent at the apex and the children along the circular base of the cone.

== Definition ==
Cone Trees represent hierachical data in a three dimensional way and allow fast navigation through these. Big amounts of data can be seen at once, thus the entire structure of a hierarchy is shown all at once. To view demanded data from this visualization method the cones spin around.

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. Hence a child node may span further cones. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.

A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node.

{{Quotation| When a node is selected with the mouse, the Cone Tree rotates so that the selected node and each node in the path from the selected node up to the top are brought to the front and highlighted.|[Robertson et al., 1991]}}

These rotations are shown the user with animations.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [1][Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [2][VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:35:25Z

UE-InfoVis0910 0504433:

Inhalt 
Allgemein ist es ein gut recherchierter und sprachlich kompetenter Artikel. Die gegebenen Informationen sind ausreichend für eine kurze Beschreibung. Da eine explizite Definition nicht vorhanden war, haben wir diese hinzugefügt, welche den restlichen Text komplementiert. Auch kleine Layoutierfehler (einheitliche Abstände) wurde beseitigt.

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:35:07Z

UE-InfoVis0910 0504433:

Inhalt 
Allgemein ist es ein gut recherchierter und sprachlich kompetenter Artikel. Die gegebenen Informationen sind ausreichend für eine kurze Beschreibung. Da eine explizite Definition nicht vorhanden war, haben wir diese hinzugefügt, welche den restlichen Text komplementiert. Auch kleine Layoutierfehler (einheitliche Abstände) wurde beseitigt.

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:34:56Z

UE-InfoVis0910 0504433:

Inhalt 
Allgemein ist es ein gut recherchierter und sprachlich kompetenter Artikel. Die gegebenen Informationen sind ausreichend für eine kurze Beschreibung. Da eine explizite Definition nicht vorhanden war, haben wir diese hinzugefügt, welche den restlichen Text komplementiert. Auch kleine Layoutierfehler (einheitliche Abstände) wurde beseitigt.

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:15:12Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen und Zitate 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück. Zitate sind ebenfalls korrekt Formatiert und mit Quellen verzeichnet.

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:14:29Z

UE-InfoVis0910 0504433:

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:13:41Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe sowie Beschreibung auf

Quellen 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:13:23Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe und Beschreibung auf

Quellen 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:12:51Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
<ul>
<li>verwendete Bilder weisen eine korrekte Quellenangabe und Beschreibung auf</li>
</ul>

Quellen 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:08:12Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
<ul>
<li>verwendete Bilder weisen eine korrekte Quellenangabe auf</li>
<li>es wurde eine ausführlichere Bildbeschreibung zum bessern Verständnis hinzugefügt</li></ul>

Quellen 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:07:07Z

UE-InfoVis0910 0504433:

Inhalt

Bilder 
verwendete Bilder weisen eine korrekte Quellenangabe auf
es wurde eine ausführlichere Bildbeschreibung zum bessern Verständnis hinzugefügt

Quellen 
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2009-11-03T11:06:29Z

UE-InfoVis0910 0504433: New page: Inhalt Bilder verwendete Bilder weisen eine korrekte Quellenangabe auf es wurde eine ausführlichere Bildbeschreibung zum bessern Verständnis hinzugefügt Quellen Auffallend ist dass i...

Inhalt

Bilder
verwendete Bilder weisen eine korrekte Quellenangabe auf
es wurde eine ausführlichere Bildbeschreibung zum bessern Verständnis hinzugefügt

Quellen
Auffallend ist dass immer auf Robertson verwiesen und nach ihm zitiert wird. Dazu ist zu erwähnen, dass Robertson, Meckinlay und Card die Erfinder sind und daher jegliche Papers wiederum auf diesen Verweisen. Selbst Quellen wie Carrière und Kazman greifen auf diese zurück

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 01 - Aufgabe 1 - Aesthetic-Usability Effect

2009-11-03T10:19:40Z

UE-InfoVis0910 0504433:

== Definitions ==

* The Aesthetic-Usability Effect is a condition whereby users perceive more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs. [Boulton, 2005]

* The aesthetic usability effect describes a phenomenon in which people perceive more-aesthetic designs as easier to use than less-aesthetic designs—whether they are or not. The effect has been observed in several experiments, and has significant implications regarding the acceptance, use and performance of a design. [Design, 2005]

== Introduction ==

So if you have two identical products and one has a more attractive ‘skin’ than the other, you will find that users will prefer the more attractive design and will perceive it as being easier to use.

This has quite important implications with respect to the success of a design. Because aesthetic designs look easier to use they will have a higher probability of being used and accepted. Conversely, a product with a more usable design may in fact still fail to be accepted if the aesthetic is poor. A very similar phenomenon exists between human beings where first impressions of an attractive person is quite different than someone who is less attractive. Such observations are well documented. [Capp, 2004]

== Example ==

Audi or Skoda?

Cars have been around for ages - since Ford’s little black number. They all pretty much do the same thing and look similar. Four wheels, seats, they go from point A to B. Why do people buy one over the other? One word. Design.

Aesthetics and Car Design have been fused for many years. It’s what defines a car, it’s what gives a car it’s personality and importantly for the manufacturers, it’s what gives the car it’s competitive edge in the market place.

[[Image:audi_skoda.jpg|thumb|400px|center|Mark Boulton: Audi Skoda comparison]]

What car would you rather have - a Skoda Octavia Estate, or an Audi A4 Avant? I’d rather have the Audi actually even though it’s much more expensive. Don’t get me wrong, the Skoda is a nice looking car but the company has never really shifted the stigma attached to the brand, which was brought about by bad, cheap design. Why did I pick those two cars? Well, they’re both the same really. Same chassis and parts, they both have four wheels, good fuel economy and safety, it’s only the design and brand which sets them apart.

The Aesthetics of the Audi make it a more desirable product and i’m sure if you did a survey you would find people thought they could use it better than the Skoda. [Boulton, 2005]

== Bibliography ==

[1] [Boulton, 2005] Mark Boulton. Aesthetic-Usability Effect. Created at: March 6, 2005. Retrieved at: November 3, 2009. http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

[2] [Capp, 2004] Stephan Capp , Universal Principles of Design, 2004,
http://www.cappcreative.com/content/universal.php

[3] [Design, 2008] Aesthetic Usability Effect. Retrieved on: January 16, 2008.
http://courses.washington.edu/art479/media/universal_principles1.pdf

[4] [Van Zijl, 2005] Karen van Zijl, Usability and the aesthetic-usability effect, June 8, 2005,
http://famstudents.uct.ac.za/blogs/kvanzijl/archives/000596.html

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 01 - Aufgabe 1 - Aesthetic-Usability Effect

2009-11-03T10:15:43Z

UE-InfoVis0910 0504433:

== Definitions ==

* The Aesthetic-Usability Effect is a condition whereby users perceive more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs. [Boulton, 2005]

* The aesthetic usability effect describes a phenomenon in which people perceive more-aesthetic designs as easier to use than less-aesthetic designs—whether they are or not. The effect has been observed in several experiments, and has significant implications regarding the acceptance, use and performance of a design. [Design, 2005]

== Introduction ==

So if you have two identical products and one has a more attractive ‘skin’ than the other, you will find that users will prefer the more attractive design and will perceive it as being easier to use.

This has quite important implications with respect to the success of a design. Because aesthetic designs look easier to use they will have a higher probability of being used and accepted. Conversely, a product with a more usable design may in fact still fail to be accepted if the aesthetic is poor. A very similar phenomenon exists between human beings where first impressions of an attractive person is quite different than someone who is less attractive. Such observations are well documented. [Capp, 2004]

== Example ==

Audi or Skoda?

Cars have been around for ages - since Ford’s little black number. They all pretty much do the same thing and look similar. Four wheels, seats, they go from point A to B. Why do people buy one over the other? One word. Design.

Aesthetics and Car Design have been fused for many years. It’s what defines a car, it’s what gives a car it’s personality and importantly for the manufacturers, it’s what gives the car it’s competitive edge in the market place.

[[Image:audi_skoda.jpg|thumb|400px|center|Mark Boulton: Audi Skoda comparison]]

What car would you rather have - a Skoda Octavia Estate, or an Audi A4 Avant? I’d rather have the Audi actually even though it’s much more expensive. Don’t get me wrong, the Skoda is a nice looking car but the company has never really shifted the stigma attached to the brand, which was brought about by bad, cheap design. Why did I pick those two cars? Well, they’re both the same really. Same chassis and parts, they both have four wheels, good fuel economy and safety, it’s only the design and brand which sets them apart.

The Aesthetics of the Audi make it a more desirable product and i’m sure if you did a survey you would find people thought they could use it better than the Skoda. [Boulton, 2005]

== Bibliography ==

[Boulton, 2005] Mark Boulton. Aesthetic-Usability Effect. Created at: March 6, 2005. Retrieved at: November 3, 2009. http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

[2] [Capp, 2004] Stephan Capp , Universal Principles of Design, 2004,
http://www.cappcreative.com/content/universal.php

[3] [Design, 2008] Aesthetic Usability Effect. Retrieved on: January 16, 2008.
http://courses.washington.edu/art479/media/universal_principles1.pdf

[4] [Van Zijl, 2005] Karen van Zijl, Usability and the aesthetic-usability effect, June 8, 2005,
http://famstudents.uct.ac.za/blogs/kvanzijl/archives/000596.html

User:UE-InfoVis0910 0504433

2009-11-02T10:33:09Z

UE-InfoVis0910 0504433:

Wittmann Ruth 
 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramsauer, Wittmann)]]
[[Image:Ruth.jpg|thumb|]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10 - Aufgabe 0

2009-10-28T20:41:06Z

UE-InfoVis0910 0504433: New page: =Aufgabe 0: Wiki Basics= '''Punkte:''' 5 '''Abgabe:''' spätestens bis zum 28.10.2009 über das InfoVis:Wiki ==Ziele== * Erlernen von Grundkenntnissen von Wiki Systemen * Vertrautm...

=Aufgabe 0: Wiki Basics=
'''Punkte:''' 5 
'''Abgabe:''' spätestens bis zum 28.10.2009 über das InfoVis:Wiki

==Ziele==

* Erlernen von Grundkenntnissen von Wiki Systemen
* Vertrautmachen mit dem InfoVis:Wiki
* Bildung von 3er-Gruppen und Schaffung der Basis für die weiteren Übungsaufgaben

Teaching:TUW - UE InfoVis WS 2009/10

2009-10-28T20:34:25Z

UE-InfoVis0910 0504433:

[[Image:Aigner03infovis ue.gif]] <big>WS 2009/10</big>

'''LVA Nr:''' 188.308 ([http://tuwis.tuwien.ac.at/lva/tuwien/188308 TUWIS++ Seite])

'''LVA Homepage:''' http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/index.html

'''Leitung:''' [[Gschwandtner, Theresia|Theresia Gschwandtner]] [gschwandtner (at) ifs.tuwien.ac.at] 
'''Tutorin:''' [[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] [e0425160 (at) student.tuwien.ac.at]

== Gruppen ==


[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 01|Gruppe 01 (Sakai, Sverak, <frei>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 02|Gruppe 02 (Feichtinger, Rezaei, Schindelka)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 03|Gruppe 03 (Lang, Hackl, Hasslacher)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 04|Gruppe 04 (Kaiser, <NACHNAME>, Ehsani)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 05|Gruppe 05 (Paizoni, Wuttej, Hudl)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 06|Gruppe 06 (Fried, Fritz, Hiller)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 07|Gruppe 07 (Schwengerer, <???>, <???>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 09|Gruppe 09 (Hubmann-Haidvogel, Kloibhofer, Riederer)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramsauer, Wittmann)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 11|Gruppe 11 (Gastecker, Hahn, Leeb)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 12|Gruppe 12 (Bauer, Eigner, <???>)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 13|Gruppe 13 (Sadauskas, Scheikl, Burger)]]

[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15 (Martin, Stix, Lenzhofer)]]

== News / Bemerkungen ==

Liebe TeilnehmerInnen, 
aus Datenschutz-Gründen bitte ich euch eure Martrikelnummer
nicht auf eurer InfoVis:Wiki Userseite anzugeben. 
Vielen Dank! 
-- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 09:40, 27 October 2009 (CEST)

Liebe TeilnehmerInnen! 
Um diese Seite einheitlich zu gestalten (auch bezüglich der Vorjahre), schlage ich vor die Nachnamen
der Gruppenmitglieder in Klammer neben der Gruppe anzugeben, 
z.B.: Gruppe XX (Maier, Müller, Mustermann). 
-- [[Gschwandtner, Theresia|Theresia Gschwandtner]] 10:05, 01 October 2009 (CEST)

User:UE-InfoVis0910 0504433

2009-10-28T20:30:50Z

UE-InfoVis0910 0504433:

Wittmann Ruth 
 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramsauer, Wittmann)]]
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:46:39Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramser, Wittmann)]]
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:46:14Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramser, Wittmann)]]
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:43:10Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (Kickinger, Ramser, Wittmann)]]
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:43:01Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 10|Gruppe 10 (<Kickinger, Ramser, Wittmann)]]
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:31:05Z

UE-InfoVis0910 0504433:

Ruth Wittmann 

[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:30:53Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:30:40Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:30:26Z

UE-InfoVis0910 0504433:

Ruth Wittmann 
[[Image:Ruth.jpg|thumb|Description]]

User:UE-InfoVis0910 0504433

2009-10-28T08:29:37Z

UE-InfoVis0910 0504433:

Ruth Wittmann

[[Image:Ruth.jpg|thumb|Description]]

File:Ruth.jpg

2009-10-28T08:28:27Z

UE-InfoVis0910 0504433: Ruth

== Summary ==
Ruth
== Copyright status ==

== Source ==

User:UE-InfoVis0910 0504433

2009-10-28T08:24:12Z

UE-InfoVis0910 0504433:

Ruth Wittmann

Image:5529 104625386858 609321858 2153057 4071480 n-1.jpg

User:UE-InfoVis0910 0504433

2009-10-28T08:23:36Z

UE-InfoVis0910 0504433:

Ruth Wittmann

* Main Page
* News
* Glossary
* VizPatterns
* Events
* Web Resources
* Publications
* Research & Education
* People
* Companies
* Jobs
* Techniques
* Software
* Coffee Room
* Help
* Sitemap

* What links here
* Related changes
* Upload file
* Special pages
* Printable version

Image:5529 104625386858 609321858 2153057 4071480 n-1.jpg

File:5529 104625386858 609321858 2153057 4071480 n-1.jpg

2009-10-28T08:21:16Z

UE-InfoVis0910 0504433: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

User:UE-InfoVis0910 0504433

2009-10-28T08:18:04Z

UE-InfoVis0910 0504433: New page: Ruth Wittmann

Ruth Wittmann