<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Felipe Soto</title>
	<atom:link href="http://felipesoto.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://felipesoto.com</link>
	<description>planificación, diseño e implementación de sitios web y páginas web</description>
	<pubDate>Wed, 05 Nov 2008 05:36:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.3</generator>
	<language>en</language>
			<item>
		<title>Organiza tu iPhone</title>
		<link>http://felipesoto.com/2008/11/05/organiza-tu-iphone/</link>
		<comments>http://felipesoto.com/2008/11/05/organiza-tu-iphone/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 05:29:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Mac]]></category>

		<category><![CDATA[Software]]></category>

		<category><![CDATA[apple]]></category>

		<category><![CDATA[iphone]]></category>

		<category><![CDATA[ipod]]></category>

		<category><![CDATA[itunes]]></category>

		<guid isPermaLink="false">http://felipesoto.com/?p=14</guid>
		<description><![CDATA[Organizar nuestro iPhone o iPod Touch una vez instaladas tantas aplicaciones es vital para sacarle el máximo partido. Os propongo mi forma de tener todo controlado, así como las aplicaciones que uso a diario.
Lo primero que debemos hacer es un filtrado de todas las aplicaciones que tengamos instaladas. En más de una ocasión las aplicaciones [...]]]></description>
			<content:encoded><![CDATA[<p>Organizar nuestro iPhone o iPod Touch una vez instaladas tantas aplicaciones es vital para sacarle el máximo partido. Os propongo mi forma de tener todo controlado, así como las aplicaciones que uso a diario.<span id="more-14"></span></p>
<p>Lo primero que debemos hacer es un <strong>filtrado de todas las aplicaciones que tengamos instaladas</strong>. En más de una ocasión las aplicaciones instaladas dejan de utilizarse, no haciendo otra cosa que estorbar. Valora el uso que le dais y necesidades reales de cada aplicación. Intenta reducir a las imprescindibles.</p>
<p>Lo segundo es <strong>categorizar las pantallas</strong>. Aquí influye el uso que le demos a nuestro dispositivo. Pero en general podría ser: Productividad, Internet, Ocio y Juegos.</p>
<p>Tercero, es algo ya personal pero <strong>aconsejo dejar sólo tres líneas de cuatro aplicaciones cada una</strong>. De esta forma es más sencillo localizar la aplicación que busquemos así como evitamos tapar algunas al pasar el dedo sobre la pantalla para pasar de página. Tener toda una pantalla llena de iconos, a menos que tengas muy claro donde está cada una, se convierte en la típica imagen de “Buscando a Wally”.</p>
<p>Ahora veamos mi organización. Mi primera pantalla es para la categoría <strong>Productividad</strong>, en la que tengo acceso a las principales herramientas que me ayudan a gestionarme:</p>
<p>Calendario, Contactos, Notas y Reloj; aplicaciones incluidas de serie. He añadido <span>EasyWriter</span>, un sencillo editor de textos gratuito. <span>Evernote</span>, aplicación de la que ya nos habló <strong>Samuel</strong> y realmente recomiendo. Y <span>Things</span>, un gestor de tareas sencillamente genial.</p>
<p>La segunda pantalla la dedico a <strong>Internet</strong>. En ella tengo acceso directo a <span>Twiiterrific</span>, cliente de Twiiter. Acceso directo a Applesfera. <span>VNC Mocha</span>, un cliente VNC muy útil y que me ayuda a controlar mi equipo de casa o el del trabajo. <strong>SleepOver</strong> para despertarlo si entra en reposo. <span>Cycorder</span>, aplicación que permite la grabación de vídeo. <strong>Modem</strong>, para compartir el acceso a internet de nuestro iPhone ya que de momento nos han quitado <span>NetShare</span>.</p>
<p>La tercera es para el <strong>Ocio</strong>. No soy un gran jugador pero de vez en cuando me gusta y para eso voy intercambiando entre los juegos que ofrece la AppStore. El último es <span>Asterope</span>, un divertido juego en el que debemos conducir nuestra nave a traves de unos laberínticos escenarios, a un precio de 0,79 euros.</p>
<p>Como veis es un esquema que seguro ya muchos usáis de una forma u otra. Y por el momento la mejor forma de estar todo mas o menos controlado. Aclarar que aplicaciones como Cycorder o Modem sólo están disponibles desde Cydia por lo que debéis tener vuestro iPhone o iPod Touch con el Jailbreak realizado.</p>
<p>Otras aplicaciones interesantes son: <span>Air Sharing</span> (lamentablemente ahora de pago), algún administrador de archivos como <strong>MobileStudio</strong>, <strong>Files Lite,&#8230;</strong></p>
<p><strong>¿Alguno se organiza de otra forma mejor?</strong> Compartirla.<br />
Descarga aplicaciones | <span><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewGenre?id=36&amp;mt=8">AppStore</a> <br />
Fuente: <a href="http://www.applesfera.com" target="_blank">Applesfera </a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://felipesoto.com/2008/11/05/organiza-tu-iphone/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Gestalt principles of form perception</title>
		<link>http://felipesoto.com/2008/11/05/gestalt-principles-of-form-perception/</link>
		<comments>http://felipesoto.com/2008/11/05/gestalt-principles-of-form-perception/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 05:21:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Diseño Grafico]]></category>

		<category><![CDATA[Gestalt]]></category>

		<category><![CDATA[perception]]></category>

		<category><![CDATA[principles]]></category>

		<guid isPermaLink="false">http://felipesoto.com/?p=11</guid>
		<description><![CDATA[Gestalt psychology attempts to understand psychological phenomena by viewing them as organised and structured wholes rather than the sum of their constituent parts. Thus, Gestalt psychology dissociates itself from the more &#8216;elementistic&#8217;/reductionistic/decompositional approaches to psychology like structuralism (with its tendency to analyse mental processes into elementary sensations) and it accentuates concepts like emergent properties, holism, [...]]]></description>
			<content:encoded><![CDATA[<p>Gestalt psychology attempts to understand psychological phenomena by viewing them as organised and structured wholes rather than the sum of their constituent parts. Thus, Gestalt psychology dissociates itself from the more &#8216;elementistic&#8217;/reductionistic/decompositional approaches to psychology like structuralism (with its tendency to analyse mental processes into elementary sensations) and it accentuates concepts like emergent properties, holism, and context.<span id="more-11"></span></p>
<p>In the 30s and 40s Gestalt psychology was applied to visual perception, most notably by Max Wertheimer, Wolfgang Köhler, and Kurt Koffka who founded the so-called gestalt approaches to form perception. Their aim was to investigate the global and holistic processes involved in perceiving structure in the environment (e.g. Sternberg 1996). More specifically, they tried to explain human perception of groups of objects and how we perceive <em>parts</em> of objects and form <em>whole</em> objects on the basis of these. The investigations in this subject crystallised into &#8220;the gestalt laws of perceptual organization.&#8221; Some of these laws, which are often cited in the HCI or interaction design community, are as follows.</p>
<h2>Law of proximity</h2>
<blockquote class="illustration"><p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_symmetry_and_of_proximity.gif" alt="" width="323" height="240" /></p>
<p class="caption">Figure 1.A: A real-world example of the law of proximity from MTV Music Awards 2002</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_proximity_4.gif" alt="" width="209" height="191" /></p>
<p class="caption">Figure 1.B.: An example of the use of the law of proximity in interface design - Kazaa Media Desktop</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_proximity_3.gif" alt="" width="120" height="80" /></p>
<p class="caption">Figure 1.C.: A typical &#8220;text-book way&#8221; of exemplifying the law of proximity</p>
</blockquote>
<p>The law of proximity posits that when we perceive a collection of objects, we will see objects close to each other as forming a group. In figure 1.A., we perceive the MTV logo and the logo for the Europe Music Awards as forming a group in the top left corner and the logos of the sponsors as forming a group in the bottom right corner. The white space separating the two groups of logos is used to indicate &#8216;grouping&#8217;, and the proximity of the logos of each groups is thus used to this end. Thus, a semantic separation of &#8216;organisers&#8217; from &#8217;sponsors&#8217; is achieved via structuring the graphical layout in accordance with this simple principle of perceptual organisation.</p>
<p>Figure 1.B is taken from Kazaa Media Desktop, where the law of proximity is used in designing the user interface of the popular peer-to-peer (P2P) software. As shown by the screen dump, the user can choose between P2P and web search. The group of radio buttons underneath are only associated with the P2P search and not the web search. To signal this association to the user, the vertical row of radio buttons are placed comparatively closer to the P2P-search radio button.</p>
<p>Figure 1.C is a typical textbook example, exemplifying how the law of proximity groups the items into 3 groups as opposed to 8 individual items.</p>
<h2>Law of similarity</h2>
<blockquote class="illustration"><p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_similarity.gif" alt="" width="233" height="283" /></p>
<p class="caption">Figure 2.A.: The &#8220;preferences window&#8221; of the Opera browser</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_similarity_2.gif" alt="" width="151" height="120" /></p>
<p class="caption">Figure 2.B.: A typical textbook example of the law of similarity</p>
</blockquote>
<p>The law of similarity captures the idea that elements will be grouped perceptually if they are similar to each other. In the &#8220;preferences window&#8221; of the Opera browser (figure 2.A), colour is used to make the user group the menu items on the basis of their background colour. The grey background of the first four menu items thus &#8220;tie them together&#8221;. Figure 2.B. is a typical textbook example of the principle of similarity, whereby we see the circles and triangles as forming four horizontal rows (or at least some configuration where triangles and circles are grouped depending on their shape). Objects similar to each other thus tend to be seen as a unit.</p>
<h2>Law of Prägnanz (figure-ground)</h2>
<blockquote class="illustration"><p><img src="http://www.interaction-design.org/images/figures/gestalt_figure_ground_2.gif" alt="" width="200" height="200" /></p>
<p class="caption">Figure 3.A: The logo of visitnorway.com</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_figure_ground.gif" alt="" width="184" height="205" /></p>
<p class="caption">Figure 3.B: The logo of the Gnome Desktop Environment</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_figure_ground_3.gif" alt="" width="100" height="125" /></p>
<p class="caption">Figure 3.C: The logo of the Macintosh</p>
</blockquote>
<p>Edgar Rubin, a Danish psychologist, was the first to systematically investigate the figure-ground phenomenon. The phenomenon captures the idea that in perceiving a visual field, some objects take a prominent role (the figures) while others recede into the background (the ground). The visual field is thus divided into these two basic parts. This effect is often used by smart logo makers, as figure 3.A, B, and C suggest: The logo of visitnorway.com can be viewed as both three separate elements of blue, green and navy colour. It may, however, also be viewed as a person stretching his/her arms into the air. Similarly, the logo of the Gnome Desktop Environment (figure 3.B.) can be viewed as both a &#8220;G&#8221; and a footprint. Lastly, the Macintosh logo can be viewed as a regular happy face and a happy face in profile (looking at a computer screen).</p>
<p>Common to these logos is that you can focus on only one &#8220;interpretation&#8221; at a time; you cannot observe both the figure and ground at the same time, as ground will <em>become</em> figure when shifting the focus.</p>
<p>It should be noted that the figure-ground is most often exemplified using the<a href="http://images.google.com/images?hl=en&amp;lr=&amp;ie=ISO-8859-1&amp;safe=off&amp;q=figure-ground+vase&amp;btnG=Google+Search">Rubin Face/Vase Illusion</a>, named after Edgar Rubin.</p>
<h2>Law of symmetry</h2>
<blockquote class="illustration"><p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_symmetry.gif" alt="" width="111" height="78" /></p>
<p class="caption">Figure 4.A.: CSC Finland&#8217;s logo.</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_symmetry_2.gif" alt="" width="182" height="48" /></p>
<p class="caption">Figure 4.B.: A typical textbook example of the law of symmetry</p>
</blockquote>
<p>The law of symmetry captures the idea that when we perceive objects we tend to perceive them as <em>symmetrical shapes that form around their centre</em>. Most objects can be divided in two more or less symmetrical halves and when for example we see two unconnected elements that are symmetrical, we unconsciously integrate them into one coherent object (or <em>percept</em>). The more alike objects are, they more they tend to be grouped.</p>
<p>In the above (figure 4.A), CSC Finland&#8217;s logo is perceived as an integral whole although the two constituent geometrical shapes seem to be pointing in different directions and have differing colours.</p>
<p>A typical textbook example of the law of symmetry (figure 4.B.), consists of a configuration of a number of brackets. When perceiving the configuration, we see three pairs of symmetrical brackets as opposed to 6 individual brackets, or two pairs and two singles. This happens despite what is suggested by some of the brackets immediate proximity to each other.</p>
<h2>Law of closure</h2>
<blockquote class="illustration"><p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_closure_ibm.gif" alt="" width="154" height="69" /></p>
<p class="caption">Figure 5.A.: IBM&#8217;s logo.</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_closure.jpg" alt="" width="348" height="240" /></p>
<p class="caption">Figure 5.B.: Half of the book cover of Paul Thagard&#8217;s book, &#8220;Coherence in Thought and Action&#8221;</p>
<p> </p>
<p><img src="http://www.interaction-design.org/images/figures/gestalt_law_of_closure_3.gif" alt="" width="80" height="77" /></p>
<p class="caption">Figure 5.C: A typical textbook example of the law of closure</p>
</blockquote>
<p>The law of closure posits that we perceptually close up, or complete, objects that are not, in fact, complete. In the above, we perceive the letters &#8216;I&#8217;, &#8216;B&#8217;, and &#8216;M&#8217; although the shapes we see, in fact, are only lines of white space of differing length hovering above each other. Similarly, we see the figure on Paul Thagard&#8217;s book (figure 5.B.) as forming a three-dimensional box although all we see, in fact, is 24 dissimilar red shapes (count for yourself!) on a dark red background. Figure 5.C. is the typical textbook example of the law of closure; we perceive a circle and not 8 individual circles.</p>
<p>The Gestalt approach can be said to be a &#8220;bottom-up&#8221; theory as it starts from the bottom (the aspects of the stimuli that influence perception) and work its way up to higher-order cognitive processes. An example of another bottom-up theory (of perception) that is well-known in the HCI community is James Gibson&#8217;s theory of &#8220;direct perception&#8221; (see affordances and perception).</p>
<p>fuente: <a href="http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html" target="_blank">interaction-design.org</a></p>
]]></content:encoded>
			<wfw:commentRss>http://felipesoto.com/2008/11/05/gestalt-principles-of-form-perception/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
