<?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>Rafael Vieira &#187; Wireframes</title>
	<atom:link href="http://www.rafaelvieira.com.br/tag/wireframes/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rafaelvieira.com.br</link>
	<description>Thanks for all the fish</description>
	<lastBuildDate>Mon, 14 Nov 2011 15:29:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Arquitetura da Informação &#8211; Parte 2 &#8211; Definindo objetivos</title>
		<link>http://www.rafaelvieira.com.br/2010/02/01/arquitetura-da-informacao-parte-2-definindo-objetivos/</link>
		<comments>http://www.rafaelvieira.com.br/2010/02/01/arquitetura-da-informacao-parte-2-definindo-objetivos/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 16:31:10 +0000</pubDate>
		<dc:creator>rafael</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Todos]]></category>
		<category><![CDATA[Definição de Objetivos]]></category>
		<category><![CDATA[Gerenciamento de Projetos]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Planejamento]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.rafaelvieira.com.br/?p=261</guid>
		<description><![CDATA[Ok, você decidiu se aventurar pelo mundo da Arquitetura da informação. Nada mal! Mas e agora? Bom... agora você precisa se organizar!

O primeiro passo da AI é definir quais são os objetivos do seu site.  Definir objetivos na verdade deve ser o primeiro passo pra se fazer qualquer coisa na vida :P.]]></description>
			<content:encoded><![CDATA[<p>Ok, você decidiu se aventurar pelo mundo da Arquitetura da informação. Nada mal! Mas e agora? Bom&#8230; agora você precisa se organizar!</p>
<p>O primeiro passo da AI é definir quais são os objetivos do seu site.  Definir objetivos na verdade deve ser o primeiro passo pra se fazer qualquer coisa na vida <img src='http://www.rafaelvieira.com.br/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> .</p>
<p>Então, acalme seu vontade irrefreada de sair fazendo e pense: pra que diabos você quer fazer um site meu filho?</p>
<p>Existem muitos sites ruins por aí e você já deve ter se deparado com algum. Ou o <a title="Design horripilante" href="http://www.spaceistheplace.ca/" target="_blank">layout é péssimo</a> ou a <a title="Navegação Maluca" href="http://www.havenworks.com/" target="_blank">navegabilidade simplesmente te deixa maluco</a>.</p>
<p><span id="more-261"></span></p>
<p>É importante não se esquecer que as pessoas deixarão seu website se:</p>
<ul>
<li>Acharem ele muito lento</li>
<li>Não conseguirem navegar ou não encontrar o que desejam (atenção para os &#8220;<strong>Deal Breakers</strong>&#8220;)</li>
<li>Pensarem que você não tem o produto ou serviço de que elas precisam</li>
<li>Se sentirem frustradas ou confusas com o que observam</li>
</ul>
<p>Lógico que os exemplos são de casos extremos. Mas geralmente eles acontecem por falta de objetivos  e um planejamento bem feito.  Lembre-se que sites sem propósitos bem definidos acabam se tornando inúteis.</p>
<p>Para conseguir definir seus objetivos, o primeiro passo é reunir todos os interessados, pois como em qualquer projeto, na AI também é necessário que todos os <a title="Stakeholders" href="http://pt.wikipedia.org/wiki/Stakeholder" target="_blank">stakeholders</a> façam parte do processo de definição das metas. Ou seja, todos os participantes têm que estar de acordo sobre o motivo da construção do site.</p>
<p><a href="http://www.rafaelvieira.com.br/wp-content/uploads/2009/11/arrow.jpg"><img class="size-medium wp-image-72 alignright" title="Alvo" src="http://www.rafaelvieira.com.br/wp-content/uploads/2009/11/arrow-300x288.jpg" alt="" width="326" height="312" /></a>Definir os participantes é fácil. Tudo o que você tem que fazer é chamar todos que possam ser impactados por esse site. Tanto de forma positiva como de forma negativa. Se o site for para sua própria empresa não deve ser difícil reunir esse grupo. Se for para um cliente, talvez seja necessário entrevistá-lo para entender quem serão os impactados, e a quem você deve ouvir.</p>
<p>Nem sempre é necessário realizar uma reunião com todos os envolvidos para definir os objetivos. Eu particularmente acho mais interessante fazer entrevistas separadas, listar as metas de cada stakeholder e depois reunir tudo isso em um documento que pode ser compartilhado e revisado por todos. Aí sim faço uma reunião com os envolvidos pra discutir os pontos conflitantes e termos uma short-list com os objetivos do projeto.</p>
<p>As entrevistas podem se concentrar em algumas perguntas fundamentais (algumas retiradas <a title="Information Architecture" href="http://www.cmssupport.utoronto.ca/Page57.aspx" target="_blank">daqui</a>):</p>
<ul>
<li>Quais são as metas em médio e longo prazo do site?</li>
<li>Quem será a audiência do site?</li>
<li>Por que as pessoas irão para seu site?</li>
<li>Qual é o problema ou necessidade que esse site vai atender?</li>
</ul>
<p>Você também pode formular outras questões que se apliquem ao seu caso específico, o mais importante é fazê-las  a todos os envolvidos e depois compilar as respostas.</p>
<p>A necessidade de se identificar o problema ou necessidade do site vem da teoria do <a title="XY problem" href="http://dictionary.babylon.com/XY%20problem" target="_blank">problema XY</a> . <img src='http://www.rafaelvieira.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Basicamente, você quer resolver X e assume que para isso precisa fazer Y. Então, ao invés de perguntar sobre X, você pergunta sobre Y e é por isso que pode até aparecer um objetivo Y durante os questionamentos acima.</p>
<p>É bom ficar atento, pois muitas vezes existe uma solução simples para X sem que seja necessário resolver Y antes.</p>
<p>Por isso que é bom estar sempre atento as verdadeiras necessidades de um projeto, e analisar se os objetivos finais realmente contemplam as soluções para os problemas identificados.</p>
<p>Outro ponto importante: não tente abraçar o mundo.</p>
<p style="text-align: center;"><a href="http://www.rafaelvieira.com.br/wp-content/uploads/2010/02/tirinhas.jpg"><img class="size-full wp-image-425 aligncenter" title="tirinhas" src="http://www.rafaelvieira.com.br/wp-content/uploads/2010/02/tirinhas.jpg" alt="" width="469" height="301" /></a></p>
<p>Ter muitos objetivos significa não ter nenhum. Se ao final da compilação de respostas você tiver mais de 3 objetivos faça uma lista e os priorize de acordo com os critérios da empresa ou do cliente. Tente trabalhar com uma short-list de prioridades, isto é, aquelas que realmente precisam ser atendidas para que o projeto seja um sucesso.</p>
<p><strong>A arte de organizar, classificar e nomear informação</strong></p>
<ol>
<li><a title="Arquitetura da Informação - Parte 1" href="http://www.rafaelvieira.com.br/2009/11/26/arquitetura-da-informacao-parte-1" target="_self">Parte 1 &#8211; Arquitetura da Informação</a></li>
<li><a title="Definindo Objetivos" href="http://www.rafaelvieira.com.br/2010/02/01/arquitetura-da-informacao-parte-2-definindo-objetivos" target="_self">Parte 2 &#8211; Definindo objetivos</a></li>
<li>Parte 3 &#8211; Planejando o escopo do site &#8211; 08/02</li>
<li>Parte 4 &#8211; Definindo o conteúdo &#8211; 15/02</li>
<li>Parte 5 &#8211; Estruturando o site &#8211; 22/02</li>
<li>Parte 6 &#8211; Definindo o layout &#8211; 01/02</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.rafaelvieira.com.br/2010/02/01/arquitetura-da-informacao-parte-2-definindo-objetivos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arquitetura da Informação &#8211; Parte 1</title>
		<link>http://www.rafaelvieira.com.br/2009/11/26/arquitetura-da-informacao-parte-1/</link>
		<comments>http://www.rafaelvieira.com.br/2009/11/26/arquitetura-da-informacao-parte-1/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 15:45:15 +0000</pubDate>
		<dc:creator>rafael</dc:creator>
				<category><![CDATA[Arquitetura da Informação]]></category>
		<category><![CDATA[Todos]]></category>
		<category><![CDATA[Gerenciamento de Projetos]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Planejamento]]></category>
		<category><![CDATA[Séries]]></category>
		<category><![CDATA[Sites]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.haphael.com/?p=9</guid>
		<description><![CDATA[O que é Arquitetura da informação? Pra que serve? O que ela come? Essa série tenta desvendar seus principais mistérios e ajudar quem estiver começando a aprender sobre o assunto. ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Você precisa fazer um site. Seja qual for o motivo:</p>
<ul style="text-align: justify;">
<li>Vitrine para sua empresa;</li>
<li>Um portfólio de seus projetos;</li>
<li>Um <a title="Definição de Hotsite" href="http://pt.wikipedia.org/wiki/Hotsite" target="_blank">hotsite</a> para um produto;</li>
</ul>
<p style="text-align: justify;">Qualquer que seja a ideia, você precisa entender antes o que é Arquitetura da Informação.</p>
<p style="text-align: justify;">Desde que me entendo por profissional sempre estive envolvido no processo de criação e desenvolvimento de sites. E desde o princípio presenciei vários erros e decisões ruins (algumas minhas inclusive) em relação a isso.</p>
<p style="text-align: justify;"><span id="more-9"></span>Eu sei que existem X maneiras ou metodologias pra gerenciar projetos. Mas aqui estou me referindo ao gerencimento de um projeto WEB, mais especificamente um novo site.</p>
<p style="text-align: justify;">Por isso quis publicar essa série de posts (6 no total) sobre Arquitetura da Informação. O tema não é novo e está por aí há um bom tempo, mas quem sabe possa ser útil para alguém.</p>
<p style="text-align: justify;">Então afinal de contas,  wtf is Arquitetura da Informação (ou A.I. para os íntimos)?</p>
<p style="text-align: justify;">Há alguns dias atrás pedi a um amigo ( o <a title="Lúcio Prado de Assis" href="http://picasaweb.google.com/luciolucio" target="_blank">Lúcio</a>) para que ele me desse sua definição sobre Arquitetura da Informação. Sua resposta foi a seguinte:</p>
<p style="text-align: justify;"><span style="font-family: Lucida Console; color: #0000ff; font-size: 14px;">&#8220;Essa é uma pergunta muito vasta. Eu definiria como  arte de organizar, classificar e nomear informação. &#8221; By Tuk. </span></p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-244" title="ai2" src="http://www.rafaelvieira.com.br/wp-content/uploads/2009/11/ai2.jpg" alt="ai2" width="378" height="385" /></p>
<p style="text-align: justify;">Eu achei a definição excelente. Contempla de forma geral boa parte do que a AI para sites faz. Mas é lógico que na prática é muito mais que isso. Na wikipédia tem uma definição que até contempla a <a title="Arquitetura da Informação" href="http://pt.wikipedia.org/wiki/Arquitetura_de_informa%C3%A7%C3%A3o" target="_blank">resistência a entropia</a> (blé).</p>
<p style="text-align: justify;"><strong>Porque AI é tão importante?<br />
</strong></p>
<p style="text-align: justify;">Você construiria uma casa sem uma planta?</p>
<p style="text-align: justify;">Você abriria uma empresa sem um <a title="Business Plan" href="http://www.google.com.br/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fpt.wikipedia.org%2Fwiki%2FPlano_de_neg%25C3%25B3cios&amp;ei=uEOYSsj0IIaw8QaoubmsBQ&amp;usg=AFQjCNFhIPAhImHR9FFNnHCVKKwltHP5rA&amp;sig2=v9-aPYrS1vMLKYF9CITwtQ" target="_blank">Business Plan</a>?</p>
<p style="text-align: justify;">Espero que não!</p>
<p style="text-align: justify;">Usando a mesma idéia fica fácil ver a necessidade de um planejamento sério antes de construir qualquer coisa na internet. A AI vai permitir que você defina a forma, as principais funções, a navegação, a interface, as interações e o design visual de todo seu site.</p>
<p style="text-align: justify;">De forma resumida, basta dizer que o Business Plan está para uma start-up como o AI está para um site.</p>
<p style="text-align: justify;">Andei estudando bastante sobre a AI para web, e percebi que a maioria dos métodos usa 5 passos: definir os objetivos;  planejar o escopo do site, definir o conteúdo, estrutur o site e definir o layout.</p>
<p style="text-align: justify;">Então vamos começar por aí! Vou dividir essa série da mesma forma, com um post por semana toda segunda-feira (vamos ver se dá <img src='http://www.rafaelvieira.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ).</p>
<p style="text-align: justify;">Logo abaixo você encontra os temas e os links para os passos seguintes.</p>
<p style="text-align: justify;"><strong>A arte de organizar, classificar e nomear informação</strong></p>
<ol style="text-align: justify;">
<li><a title="Arquitetura da Informação - Parte 1" href="http://www.rafaelvieira.com.br/2009/11/26/arquitetura-da-informacao-parte-1" target="_self">Parte 1 &#8211; Arquitetura da Informação</a></li>
<li><a title="Definindo Objetivos" href="http://www.rafaelvieira.com.br/2010/02/01/arquitetura-da-informacao-parte-2-definindo-objetivos" target="_self">Parte 2 &#8211; Definindo objetivos </a></li>
<li>Parte 3 &#8211; Planejando o escopo do site</li>
<li>Parte 4 &#8211; Definindo o conteúdo</li>
<li>Parte 5 &#8211; Estruturando o site</li>
<li>Parte 6 &#8211; Definindo o layout</li>
</ol>
<p style="text-align: justify;">Conforme os posts forem publicados vou atualizando os links acima.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rafaelvieira.com.br/2009/11/26/arquitetura-da-informacao-parte-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

