<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>21projects - Consultoría tecnológica y desarrollo Web y Móvil &#187; pensamiento visual osec thinking visually</title>
	<atom:link href="http://www.21projects.com/blog/tag/pensamiento-visual-osec-thinking-visually/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.21projects.com</link>
	<description>Projects from the 21st century</description>
	<lastBuildDate>Wed, 07 Oct 2009 13:07:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>¿Cómo pensar visualmente?</title>
		<link>http://www.21projects.com/blog/como-pensar-visualmente/</link>
		<comments>http://www.21projects.com/blog/como-pensar-visualmente/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 07:19:20 +0000</pubDate>
		<dc:creator>fesja</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[pensamiento visual osec thinking visually]]></category>

		<guid isPermaLink="false">http://www.21projects.com/?p=114</guid>
		<description><![CDATA[Comunicar una idea o proyecto en una presentación, diseñar el envoltorio de un producto, construir el escaparate de una tienda o realizar una página web o aplicación para el iPhone. Todos tienen algo en común. Queremos comunicar una idea o una sensación a nuestros clientes, y queremos hacerlo de la mejor manera posible. Nosotros cuando [...]]]></description>
			<content:encoded><![CDATA[<p>Comunicar una idea o proyecto en una presentación, diseñar el envoltorio de un producto, construir el escaparate de una tienda o realizar una página web o aplicación para el iPhone. Todos tienen algo en común. Queremos comunicar una idea o una sensación a nuestros clientes, y queremos hacerlo de la mejor manera posible. Nosotros cuando pensamos sobre nuestros proyectos o cuando escuchamos propuestas de clientes, siempre hacemos lo mismo. Entender lo que queremos, analizar todas las opciones, mezclar conceptos de diversos sectores o campos para expandir las posibilidades, dibujar lo que queremos hacer, coger la esencia y simplificar lo más posible para que sea obvio qué es lo que queremos mostrar en la web o qué permite la aplicación móvil. Es un proceso de experiencia, cuantas más veces lo hagas mejor te saldrá; pero también es de intuición, de creatividad.</p>
<p>Descubrí el otro día la <a href="http://www.slideshare.net/darmano/thinking-visually-presentation">presentación Thinking Visually</a> de David Armano, y me produjo una buena sensación asi que busqué el <a href="http://www.veoh.com/browse/videos/category/technology_and_gaming/watch/v17838142erMfBrmH">vídeo de su charla en Chicago</a>. Lo acabo de ver confirmando las buenas vibraciones y recibiendo los buenos consejos que da cuando quieres comunicar algo visualmente. Para empezar una frase que hace pensar:</p>
<blockquote><p>Los ojos no son responsables cuando es la mente la que ve</p></blockquote>
<p>Podéis ver en la presentación los 6 pasos que utiliza él, nosotros variamos y especializamos un poco su uso para nuestros proyectos. Lo voy a denominar la <strong>técnica OSEC</strong>, <strong>cuatro pasos para desarrollar una buena interfaz</strong> o envoltorio:</p>
<ol>
<li><strong>Observa</strong>. Ve el mundo con los ojos de un niño. Tienes que observar todo sobre el proyecto, preguntar todo lo que se te ocurra, ver qué hacen los competidores, qué esperan los clientes o cuáles son las tendencias.</li>
<li><strong>Sintetiza</strong>. Analiza todo y con todo lo que has sacado, pregúntate cuál es la esencia; qué es lo que se quiere transmitir, qué es lo que se quiere hacer. Separa lo esencial de lo que no es necesario.</li>
<li><strong>Esboza</strong>. Coge un papel y dibuja los esquemas, las interfaces de las pantallas principales expresando la esencia; constrúyete los casos de uso dibujándolos y comprueba que es eso lo que se quiere conseguir. Dibuja en papel tanto como quieras. Espera un día, y vuelve a pensar desde cero. Si ves que algo no cuadra, vuelve al punto 2 y pregúntate de nuevo qué es lo importante.</li>
<li><strong>Construye</strong>. Ya sabes lo que quieres conseguir así que es hora de ponerse manos a la obra. Sé fiel a tus dibujos, pero no intentes hacerlo simétrico. A veces cuando dibujamos y pensamos no nos damos cuenta de ciertas dificultades. Rodea esos problemas para que se siga manteniendo esa sencillez.</li>
</ol>
<p>Con estos 4 pasos conseguimos mejorar la idea inicial, potenciando lo diferencial y haciéndolo tremendamente intuitivo. Cada uno tiene su método así que estamos encantados de escuchar el vuestro y saber qué puntos añadiríais.</p>
<p>Como recomendación del autor me estoy leyendo ahora mismo el libro <a href="http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107">Don&#8217;t make me think!</a> que es una referencia en el campo de la usabilidad web. No hay más que ver la media que tiene en Amazon (4,5/5 sobre más de 500 críticas). Ya comentaré más adelante sobre las conclusiones que estoy sacando.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.21projects.com/blog/como-pensar-visualmente/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

