<?xml version='1.0' encoding='utf-8' ?>

<rss version='2.0' xmlns:lj='http://www.livejournal.org/rss/lj/1.0/'>
<channel>
  <title>gui</title>
  <lastBuildDate>Wed, 20 Oct 2010 22:13:36 GMT</lastBuildDate>
  <generator>LiveJournal / SAPO Campus Blogs</generator>
<item>
  <guid isPermaLink='true'>http://tim.blogs.ua.sapo.pt/2186.html</guid>
  <pubDate>Wed, 20 Oct 2010 22:13:36 GMT</pubDate>
  <title>reading notes: Information Visualization and Interface Culture</title>
  <author>tim</author>  <link>http://tim.blogs.ua.sapo.pt/2186.html</link>
  <description>&lt;p&gt;These are my notes taken while reading Greg J. Smith&apos;s article &lt;i&gt;Information Visualization and Interface Culture&lt;/i&gt;, which is accessible &lt;a href=&quot;http://serialconsign.com/images/portfolio/creative-informatics/smith-infovis-interface-culture.pdf&quot;&gt;online&lt;/a&gt; (pdf). This isn&apos;t related to my master thesis; I read it for a class in qualitative data analysis where we&apos;re going to study the impact of infographics and infovisualizations on social networking sites. &lt;/p&gt;  &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;Introduction&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Artists, theorists 	and designers are rushing into a realm of practice simultaneously 	described as data art, information architecture, infographics and 	information visualization.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;According to Edward 	Tufte (2001), information visualization is concerned with &amp;ldquo;instruments 	for reasoning about quantitative information&amp;rdquo;, with utmost 	importance placed on clarity and precision.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;&amp;ldquo;Information has 	become an aestheticized commodity, one driven by an increasing 	visual literacy&amp;rdquo; (Smith)&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;We interact with 	information visualizations daily in normal, not work-related 	contexts.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;&amp;ldquo;this discussion 	will consider information visualization as the distillation of a 	body of data into a meaningful graphic representation.&amp;quot; (Smith)&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;Defining the Interface&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;We can consider an 	information visualization as an interface between the &amp;ldquo;reader&amp;rdquo; 	and the abstract dataset at the heart of the visualization.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Panofsky (1972) 	describes the transition of a painting surface from a simple 	material underlay into a &amp;ldquo;window through which we look out into a 	section of the visible world&amp;rdquo; through the discovery of perspective 	drawing. Panofsky states that perspective projection can be 	considered the &amp;ldquo;symbolic form&amp;rdquo; of contemporary culture.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Lev Manovich (2001) 	updates this thought, stating that the database has replaced 	perspective projection as the symbolic form of contemporary culture. (more on Manovich later)&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Isn&apos;t the means 	through which we interact with data more important than the 	organization of the data? Shouldn&apos;t the GUI be considered the 	&amp;ldquo;symbolic form&amp;rdquo; of contemporary culture?&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;Significant Related Technologies&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The origin of 	information visualization is usually traced from statistics, 	demographics and cartography as starting points, with  special 	interest in the works of William Playfair (1759-1823) and Charles 	Minard (1781-1870).&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;This analysis looks 	at the origins of our current &amp;ldquo;interface culture&amp;ldquo; as a starting 	point for information visualization, with special interest in 	Vannevar Bush&apos;s Memex, the Head-Up Display in military aviation and 	the birth of the GUI.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;The Battle of the Beams&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Britain&apos;s air 	dominance over its own skies in WW2 was largely due to superior 	radar technology, or, put another way, due to its superior 	&amp;ldquo;visualization&amp;rdquo; of enemy activity.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;A Desktop for the Ages: Vannevar Bush and the Memex&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;In 1945, Vannevar 	Bush published a paper entitled &amp;ldquo;As We May Think&amp;rdquo;, in which he 	presented his idea of the Memex. This paper anticipated hypertext, 	the notion of personal desktop computing, and foreshadowed the 	development of the GUI.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The Memex would allow 	users to create personal information connections, annotating them, 	and navigate &amp;ldquo;writing space&amp;rdquo; in a non-linear way. This would be 	possible through an easy-to-use multimedia management user 	interface.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;A Giant Setp for Military Imaging: The Birth of HUD&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The aerospace 	industry has been a major force of innovation in graphic interfaces 	due to the complexity of aerial navigation. A paper published in 	1968 introduced the concept of the HUD, or Heads-Up Display.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Introducing critical 	visual information directly into the pilot&apos;s field of view, instead 	of displaying them on secondary panels, would allow the pilot to 	focus more on the actual situation.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;h2&gt; &lt;/h2&gt; &lt;h2&gt;The GUI and Pervasive Interface Culture&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;It is easy to 	overlook the GUI because it is all the time in front of our faces.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The research 	underpinning the GUI was lead by Douglas Engelbart at the 	Augmentation Research Center at Stanford Research Institute. In the 	1960&apos;s his team developed the oN-Line System (NLS) which featured 	hyperlinked text.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The NLS was the basis 	for the Xerox Alto computer developed at Xerox&apos;s Palo Alto Research 	Center (PARC) in 1973. This system introduced Windows, Buttons, 	Icons, Widgets and the Computer Mouse, also a development of 	Engelbart.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The Xerox Alto (1973) 	and the Star (1981) where the first computers with the desktop 	metaphor to ease the tasks of office workers. Complex system 	internals were hidden and replaced by the picture plane as the site 	of interaction.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;The Apple Lisa and 	Macintosh systems were also based on the desktop metaphor, 	introducing other concepts like drag and drop, the trash can, scroll 	bars and a graphical representation of the file system. The 	Macintosh was the first major commercial success of these systems.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;Douglas Engelbart, 	whom we can consider a key architect of the personal computing 	revolution, started his professional dedication to imaging and 	visual work at the military, serving in the US Navy from 1944-46 	with the explicit purpose to study the radar and other emerging 	tele-imaging technologies. The military had a major contribution to 	our modern &amp;ldquo;screen culture&amp;rdquo;.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;Lev Manovich&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;Lev Manovich 	identifies infovis as deriving from the new priorities of networked 	culture: making sense of the world and producing knowledge from 	information. (Manovich 2005)&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;Manovich points 	out that modern film-making techniques are &amp;ldquo;database logic 	incarnate&amp;rdquo;. A film isn&apos;t created as one continuous piece of work. 	Instead, the production logistics dictate the creation process. 	Multiple takes, a shooting schedule which doesn&apos;t necessarily 	follows the story arc, and the material left on the cutting room 	floor yield a database for many possible films. Modern media follows 	a different approach than traditional arts, in that they synthesize 	from large amounts of raw material (Manovich 2002). The same happens 	with infovis.&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;While a 	romantic painter would set out to capture the incomprehensible 	majesty of light, a modern visualization would consolidate an 	incredible amount of data and dispassionately communicate it in a 	single frame.&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;Manovich 	characterizes the modern image as being a composition of live 	footage, animation, typography, motion graphics and information 	overlays, or, as he puts it, &amp;ldquo;meta-media&amp;rdquo; (Manovich 2007). This meta-media is possible through the computer, and we interact with it and coprehend it through the GUI.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;&lt;span lang=&quot;en-US&quot;&gt;John Maeda, Ben Fry and the Era of Post-Visual Arts&lt;/span&gt;&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;John Maeda 	states that we li&lt;/span&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;ve in an era of post-visual arts. The information 	revolution already happened, now it is up to the creative class to 	make sense of it all.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;Ben Fry worked 	towards a model of adaptive infovisualizations. He stated that 	representations of static sets of data has been researched 	extensively, but that the same wasn&apos;t true for dynamic data sources. 	He set out to i&lt;/span&gt;&lt;/span&gt;&lt;span lang=&quot;en-US&quot;&gt;ntroduce behaviour of living organisms (reproduction, 	metabolism, homeostasis, adaptation, etc.) into the behaviour of 	visualizations. This lead to his Valence and Anemone visualizations 	projects, which respond to changes in the dataset like living 	organisms respond to their environment. (Fry 2000)&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;Alan Liu and the Laws of Cool&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;According to Alan Liu 	(2004), when the web arrived we were already living in an era 	defined by a &amp;ldquo;single, great canvas&amp;rdquo;, one that had consolidated 	all of the posters, typographic experiments, and, most importantly, 	the ethos of modernist design.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt;This single canvas of 	screen, browser and application is a generalized information 	interface. Our aesthetics of reading it were imported from modernist 	design ideology. According to Liu, there is a direct correlation 	between best practices in interface and software design and the 	&amp;ldquo;whitewashed universality&amp;rdquo; of the International Style.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt; &lt;p lang=&quot;en-US&quot; style=&quot;margin-bottom: 0cm;&quot;&gt; &lt;/p&gt; &lt;h2&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Recent Developments and Contemporary Work&lt;/span&gt;&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;The work at New 	York Times, which is rebranding itself as a 21&lt;/span&gt;&lt;sup&gt;&lt;span lang=&quot;en-US&quot;&gt;st&lt;/span&gt;&lt;/sup&gt;&lt;span lang=&quot;en-US&quot;&gt; 	century newspaper. This is one example of a trend of infovis moving 	from a tool for specialists to a general audience. (non-official 	collection: &lt;a href=&quot;http://www.smallmeans.com/new-york-times-infographics/&quot;&gt;http://www.smallmeans.com/new-york-times-i&lt;wbr /&gt;nfographics/&lt;/a&gt;) 	&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;White House 2.0 	Research Graphic. The winner to the White House Redux Architectural 	Competition 2008 condenses a good part of American history into a 	unified visual artifact. (&lt;a href=&quot;http://lab-rad.com/whiteHouse2.pdf&quot;&gt;http://lab-rad.com/whiteHouse2.pdf&lt;/a&gt; 	pdf, 3mb)&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;margin-bottom: 0cm;&quot;&gt;&lt;span lang=&quot;en-US&quot;&gt;MyPocket, by 	Buran Arikan. Record &lt;span style=&quot;font-family: Arial;&quot;&gt;of personal e&lt;/span&gt;xpenditure and predi&lt;span style=&quot;font-size: small;&quot;&gt;ction &lt;/span&gt;engine. 	Banal, everyday objects transformed into visualizations that engage 	us playfully and make us ponder our own expenditures.  	(&lt;a href=&quot;http://turbulence.org/Works/mypocket/&quot;&gt;http://turbulence.org/Works/mypocket/&lt;/a&gt;)&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;span style=&quot;font-family: Arial;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;&lt;h2&gt;&lt;span style=&quot;font-size: large;&quot;&gt; References&lt;/span&gt;&lt;/h2&gt;&lt;ul&gt;&lt;li&gt;Fry, B. (2000). Organic Information Design. Master Thesis @ MIT Program in Media Arts and Sciences Advised by John Maeda.&lt;/li&gt;&lt;li&gt;Liu, A. (2004). The Laws of Cool: Knowledge Work and the Culture of Information. Chicago: Chicago University Press.&lt;/li&gt;&lt;li&gt;Manovich, L. (n.d.). After Effects, or Invisible Revolution. Presented at Danube Telelectures #4, Remixing Cinema. November 8th, 2007.&lt;/li&gt;&lt;li&gt;Manovich, L. (2002). Data Visualization as new Abstraction and Anti-Sublime. &lt;a href=&quot;http://www.manovich.net/DOCS/data_art_2.doc&quot;&gt;http://www.manovich.net/DOCS/data_art_2.d&lt;wbr /&gt;oc&lt;/a&gt; (doc)&lt;/li&gt;&lt;li&gt;Manovich, L. (2005). The Shape of Information. &lt;a href=&quot;http://manovich.net/DOCS/IA_Domus_3.doc&quot;&gt;http://manovich.net/DOCS/IA_Domus_3.doc&lt;/a&gt;  (doc)&lt;/li&gt;&lt;li&gt;Manovich, L. (2001). The Language of New Media. Cambridge: MIT Press.&lt;/li&gt;&lt;li&gt;Panofsky, E. (1972). Renaissance an Renascences.&lt;/li&gt;&lt;li&gt;Tufte, E. (2001). The Visual Display of Quantitative Information. Cheshire: Graphics Press.&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</description>
</item>
<item>
  <guid isPermaLink='true'>http://napraia.blogs.ua.sapo.pt/4713.html</guid>
  <pubDate>Fri, 14 May 2010 09:05:16 GMT</pubDate>
  <title>Leituras 002: Natural User Interfaces are not Natural por Don Norman</title>
  <author>carlossantos</author>  <link>http://napraia.blogs.ua.sapo.pt/4713.html</link>
  <description>&lt;p&gt;&lt;i&gt;&amp;quot;Are natural user interfaces natural? No. But they will be useful.&amp;quot;&lt;/i&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt;Uma reflexão interessante e importante para quem anda a investigar na área do &lt;i&gt;multitouch&lt;/i&gt;. &lt;a href=&quot;http://interactions.acm.org/content/?p=1355&quot;&gt;Leitura recomendada&lt;/a&gt; disponível na &amp;quot;interactions magazine&amp;quot; da ACM. &lt;/p&gt;&lt;br /&gt;&lt;p&gt;Esta referência chegou-me através deste &lt;a href=&quot;http://twitter.com/adfig/status/13938529127&quot;&gt;tweet&lt;/a&gt; do &lt;a href=&quot;https://twitter.com/adfig&quot;&gt;António Figueiredo&lt;/a&gt;, que me chamou a atenção depois de ver o vídeo que se segue, da autoria do grupo &amp;quot;&lt;a href=&quot;http://decatouch.blogs.ua.sapo.pt/&quot;&gt;DeCATouch&lt;/a&gt;&amp;quot; da disciplina de projecto de NTC/UA.&lt;/p&gt;&lt;br /&gt;
&lt;object width=&quot;400&quot; height=&quot;322&quot;&gt;
    &lt;param name=&quot;movie&quot; value=&quot;http://rd.videos.ua.sapo.pt/play?file=http://rd.videos.ua.sapo.pt/mukqHgICsQfZFHKO4ldO/mov/1&quot;&gt;&lt;/param&gt;
    &lt;embed src=&quot;http://rd.videos.ua.sapo.pt/play?file=http://rd.videos.ua.sapo.pt/mukqHgICsQfZFHKO4ldO/mov/1&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;400&quot; height=&quot;322&quot; wmode=&quot;transparent&quot;  allowScriptAccess=&quot;never&quot;&gt;&lt;/embed&gt;
&lt;/object&gt;
    </description>
</item>
</channel>
</rss>
