terça-feira, 15 de dezembro de 2009

Wireframes e layouts do site LAR DOCE LAR - o seu lar fora de casa!

As cores azul e verde foram escolhidas para dar a idéia da tranquilidade de um lar, e as cores mais escuras preto e verde musgo foram usadas para dar contraste.

O site foi construído com uma estrutura básica simples para facilitar a navegação e possibilitar fácil acesso a todas as outras partes do site, sem precisar utilizar a tecla voltar do navegador.

O usuário deve se cadastrar e fazer login se desejar votar ou comentar alguma oferta ou evento.

Foi utilizado o design da informação para padronizar as áreas de click, que são azuis, e para conferir simplicidade e coerência ao site, possibilitando fácil navegação.




home



cadastro

feedback do cadastro


ofertas 12 a 15

feedback do voto


oferta 12




busca
feedback negativo

quarta-feira, 25 de novembro de 2009

Arquitetura da informação


     Vizualização das telas.


Vuzualização da HOME

HOME com conteúdo e telas.

Tela de MORAR

sexta-feira, 13 de novembro de 2009

Palestra da Bolt


É importante entendermos hoje, como atuam e funcionam os mecanismos de busca na internet, uma vez que a maioria dos usuários recorrem aos sistemas como Google, Yahoo e Bing para procurar por algo de seu interesse.

Mas o que poderiamos falar de tais ferramentas de busca? como nós designers podemos tirar proveito da capacidade ou até das limitações desses buscadores?

Incialmente, temos que os Mecanismos de Buscas como o Google, Yahoo Search, MSN Search, utilizam sistemas de cadastramento de sites complexos que por sua vez fazem uso de critérios na hora de indexar um site, dependendo dos dados colhidos ele estipula a posição que um site deve ficar na hora que uma pessoa busca por uma determinada palavra ou frase de acordo com a popularidade, conteúdo, título, meta tags entre outros fatores. Para a melhor compreensão do funcionamento de tais mecanismos, vamos citar algumas dicas de como otimizar seu sitem nos baseando no mecanismo go Google, no caso o robo de busca. Quando um robo de busca faz o seu trabalho (ler o código do site em busca de inofmações ou palavras-chaves que facilitem sua indexação), os principais elementos levados em conta são:
- escrita semântica do código html entregue a eles, conhecido como Web standard
- uso das metatags description e keywords, aplicando conteúdo significativo para as mesmas (obs.: o Google possui o serviço, https://adwords.google.com/select/KeywordToolExternal, que analisa o conteúdo da página e sugere keywords, e o http://www.google.com/trends, onde pode-se pesquisar o histórico de busca de qualquer palavra-chave ou termo, fazendo um comparativo)
- evitar ao máximo referências inexistentes, ou link quebrados
- atualização constante do conteúdo
- termos relevantes no conteúdo da página (usar no conteúdo termos que os buscadores associam como sendo relacionados ao tema principal da página)
Sendo assim, podemos entender que um site não precisa ser tão animado ou dinâmico como desenvolvido em Flash, na verdade para mecanismos como o do Google, ainda é mais viavél desenvolver um simples HTML, tentando sempre obter um código limpo com base nas dicas mencionadas anteriormente. Muitos devem estar se perguntando porque na hora de indexar uma página objetivando uma melhor vizualização nas páginas de busca ( as três primeiras, entre as cinco primeiras posições), a opção por um HTML se torna mais viavél do que um site em Flash. O motivo é justamente a forma como o google realiza sua busca no código da página. Os sites em flash muitas vezes contam com animações ou informações que acabam não sendo lidas pelo Google, ou muitas vezes entendidas não como uma palavra-chave, mas sim como uma imagem, ao contrário de um HTML que o mecanismo consegue interpretar o conteúdo da página com maior precisão. Mas não podemos descartar as capacidades de uma página em Flash, o seu uso ainda é muito recomendado para sites temporários, hot sites de eventos ou produtos, que tem por sua vez uma divulgação muito forte, permitindo que o usuário saiba o endereço, ao invés de procurar por palavras que o levem ao site.

A importância de se conseguir uma página de boa navegação, com interface agradavél e indexavél, não é uma tarefa fácil, mas a otimização de uma página pode leva-la ao topo da lista de sites, e consequentemente elevar sua vizualizão diante dos usuários.

Iremos citar algumas dicas, e conhecimentos técnicos que irão auxiliar o designer no processo de desenvolvimento de uma página virtual.

O Google

O mais famoso sistema de buscas de site, o Google, se utiliza além desses fatores previamente citados, do conceito de Page Rank para posicionar um determinado site nos resultados das suas buscas. O Page Rank é um cálculo complexo que o Google (definidora do conceito de Page rank) não expõe, mas que se sabe que é calculado a partir da quantidade de referências (links) existentes em outras páginas e dos seus respectivos Page Ranks. Ou seja, quanto mais referências em páginas com bons Page Ranks o site tiver, melhor será o seu Page Rank, como se fosse uma espécie de votação.

Google Adwords


É o serviço do Google onde palavras-chave são vendidas e, quando uma busca é efetuada se utilizando de uma dessas palavras-chave, um anúncio ( com conteúdo definido pelo cliente) é exibido na página de resultado. Usar a combinação do Google Trends (que analisa quais as palavras mais procuradas), Google Keyword Tool (que sugere palavras-chave) e o Google Analytics (serviço de análise do comportamento dos usuários que chegaram ao seu site) são importantes para definir o ponto de partida da campanha, ou seja, definir quais as palavras-chave que devem ser compradas e o formato do anúncio, bem como devem ser utilizadas no decorrer da campanha para efetuar qualquer alteração necessária.

SEO


SEO é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais nos sites de busca, segundo definição da Wikipedia.

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.

PHP (um acrónimo recursivo para "PHP: Hypertext Preprocessor") é uma linguagem de programação de computadores interpretada, livre e muito utilizada para gerar conteúdo dinâmico na World Wide Web, como por exemplo a Wikipédia.

HyTime é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.

SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.

Fonte: w3schools



quinta-feira, 12 de novembro de 2009

LAR DOCE LÁ ... o seu lar fora de casa!



A estratégia e o Escopo
Qual a abordagem levará o site ao sucesso?
O sistema utilizará a internet como meio de interação e comunicação entre jovens estudantes (jovens que em sua maioria vem de cidades do interior para estudar na capital mineira) que estejam em busca de repúblicas e eventuais dicas de decorações para a mesma na cidade de Belo Horizonte. A chave para o sucesso do site é na verdade a contribuição dos próprios usuários que por sua vez, irão gerar todo o conteúdo presente no mesmo. Quando um estudante estiver em busca de uma república, ou recomendações ele poderá ver comentários de outras pessoas que tiveram uma experiência similar a dele.



Definição do conceito do projeto:


“Lar, família”. O conceito é uma associação do sistema como um “lar” virtual, um espaço onde jovens que acabaram de chegar na cidade de Belo Horizonte, possam discutir abertamente com os demais membros da “comunidade” assuntos referentes a repúblicas, e eventualmente trocar materiais e ideias para se sentirem em casa.


Definição do conteúdo:


- Fórum para discussão e tópicos informativos.
- Uma seção de catálogos de repúblicas (fotos, preços, avaliações e recomendações)
- Uma seção com apartamentos para locação(fotos, preços, avaliações...)
- Uma seção de destaque com os melhores usuários, os que mais comentam ou contribuem para o site.
- Sistema de ranking, aonde os usuários mais votados, ganham a moderação do fórum da comunidade por um mês, e podem divulgar gratuitamente por este mesmo tempo, algo de seu interesse em uma área reservada no site.
- Boletim de informação, com o objetivo de manter os jovens estudantes informados a respeito de assuntos referentes as universidades da cidade, além de festas e eventos, com o objetivo de integrar mais os usuários.



Descrição das interatividades ofertadas:

-Fórum_ subdivido por temas diversos, o fórum será um espaço para se discutir assuntos criados pelos usuários.
-Jurado_ sistema por onde os usuários se avaliam, ou avaliam demais usuários, além de avaliar as repúblicas, universidades e eventos.



Definição de uso de áudio:

Música opcional, será escolhida semanalmente através de votação no fórum, em conjunto com a música, além disso haverá um som de ambiente na home quando como opção para os que não tiverem atração pela música selecionada. O usuário também terá poder de desligar o som se quiser.



Definição das possibilidades de integração com outras mídias Formas de divulgação do site, etc:

Divulgação em sites de relacionamento que já abordam, ou não, esse tópico em comunidades como orkut, facebook ou twitter. Integração com aparelhos portáteis, permitindo maior versatilidade no acesso, podendo ser acessado de celulares. Divulgação em rádio, fóruns universitários e eventos como calouradas. Além do boca-a-boca e da divulgação nas faculdades.

COMO LUCRAR?
O site terá áreas reservadas para publicidade, aonde universidades, empresas ou pessoas que queiram anunciar algum imóvel para locação, vaga em república, ou evento pagarão um valor mensal.

O que deve ser providenciado para que a estratégia seja implementada?

Agrupar e listar as principais repúblicas da cidade, conseguir contato com as universidades, divulgar o serviço nas comunidades do orkut e em fóruns universitários. Garantir sempre um material de base do próprio site para certificar de que sempre haverá conteúdo para se produzir os lares universitários.

Realizar enquetes para identificar o perfil do público, além de obter maiores referências sobre repúblicas, apartamentos e as universidades, mantendo assim o serviço do site próximo as necessidades do usuário.

Entrevistar jovens estudantes afim de saber sua preferência e opinião sobre repúblicas, suas preferências e sugestões.

Desenvolver uma interface agradavél e funcional, que crie uma experiência que aproxime os membros de um ambiente de lar, aonde pessoas da “família” discutem entre si.

Uso do plus como sistema para gerenciamento de conteudo na pagina.
contratar programador em PHP (R$ 2.000), hospedar em servidor apache com maquina virtual, sistema operacional Linux Fedora 2 otimizado (R$45,00 mensais),e dominio no google (R$ 20,00 anuidade) e compra de 3 palavras chaves. Contratação de designer para elaboração do layout (R$1.500,00)
Uso do twiiter, orkut, photobicket e youtube para armazenar fotos e vídeos.

Custo de produção previsto entre 3 e 4 mil Reais, e custo de manuntenção entre 60 e 150 reais mensais.


Vantagens :

-Servidor apache: (opens source, permite fácil alteração de dados, alta estabilidade e agilidade);
-Maquina virtual: ( máquina emulada dentro de outros pcs, garante maior segurança);
-Linux: maior versatilidade, velocidade, estabilidade, segurança, por sua licença gratuita e aberta, pode ser alterado e adaptado as necessidades dispensando custos de licenciamento e desburocratizando o processo;
-Registros no google: conjunto de ferramentas já otimizadas para facilitar no desenvolvimento e divulgação da página;
-Palavras chave: permitem localizar a página mais facilmente;
-Php: possui uma vasta biblioteca para estrutura de fóruns e gerenciamento de perfis;
-Plus: sistema aberto que permite adaptar uma interface para gerenciamento de conteúdo da pagina, garantindo praticidade e facilitando o processo, não precisando do servidor, programadores e etc. para realizar alterações de conteúdo;
-Uso do twiter, orkut e photobucket, assim como youtube: ( o armazenamento externo, reduz custus de manutenção no servidor, uma vez que não tem tanto conteúdo para atualizar, o que reduz também os custos mensais);

Site para o servidor: http://www.hostnet.com.br/

Estudos:

http://www.uai.com.br/UAI/html/sessao_4/2009/01/01/em_noticia_interna,id_sessao=4&id_noticia=93954/em_noticia_interna.shtml




- site: repúblicas do brasil

http://www.tudolink.com/republicas/resultados/resultado_busca.php?id_uf=11

não possui fotos
movimento no bate papo: 0
fórum pouco visitado para um site que recebe "50 visitas por hora"
novo: p chamar o publico: oferta de estágios
não oferece informações úteis sobre as cidades nem possibilita integração entre os usuários

- site easy quarto
http://www.easyquarto.com.br/misc/faq.aspx

muito geral, trabalha inclusive em outros países.
menos confiabilidade, sem avaliação
não possibilita bate papo ou fórum (apenas perguntas frequentes)
não é focado em estudantes

Perfil do usuário: jovens que vem de outras cidades para estudar na capital mineira.

Necessidades dos usuários:
encontrar lugar para morar, decorar (se necessário), obter informações úteis sobre a cidade e ainda construir uma rede de relações nesse novo local em que se encontra.

Objetivos dos clientes: conhecer cada vez melhor esse nicho de mercado (de estudantes que vem de fora) para melhor atendê-lo e assim aumentar o número de acessos ao site, aumentando o preço dos anúncios e consequentemente o lucro.


O que o nosso serviço é?
uma rede social focada em um nicho de mercado específico, criada para ajudar essas pessoas a se adaptarem melhor no seu novo lar.

O que o nosso serviço não é?
imobiliária, loja de decoração, bate papo de paquera.


Plano estratégico:
1) atender da melhor maneira possível os usuários, incentivando e divulgando o uso do site, para atrair um grande número de acessos.

2) Sondar esses usuários, inclusive na hora do cadastro, através de enquetes (e pesquisas
opcionais mais profundas) para obter dados que possibilitem entender e atender esse nicho de uma forma positiva. Por ser um nicho ainda pouco explorado existem poucos dados concretos sobre essa tribo. O serviço se propõe a conhecer melhor esse usuário, e eventualmente vender essas informações.

3)Cobrar caro pelo anúncio assim que o site estiver "bombando" e ficar milionário ao vendê-lo.





quinta-feira, 22 de outubro de 2009

o complexo compreensível...

post original do massa cultural! blog muito bom, massa mesmo! acompanho todos os dias! e vale a pena!
Massa Cultural

EyeCandy - Bestiario

Bestiario é uma pequena empresa sediada em Barcelona/Lisboa, fundada há dois anos atrás. Ela trabalha com representações dinâmicas e criações de espaços digitais para criação coletiva de conhecimento. Tanto que o slogan deles é: “fazendo o complexo compreensível”. Eles combinam artes e ciências para projetar e criar espaços interativos. Além de desenvolverem poderosos “framework” baseados em teoria gráfica, algorítimos, modelos psíquicos, geometria e representações geograficas.
Vale a passada em cada projeto existente no site deles e digo mais, não espere “sites” obvios, a Bestiario caminha através dos limites e possibilidades do uso do espaço virtual em nome do conhecimento.
Das inúmeras pesquisas que eles tem, eu fiquei fascinada pelo EYECANDY. Você controla através de parametros ou cliques no mouse um mundo de cores e formas. Lembra muito a psicodelia!

01
02
03
04
05

segunda-feira, 28 de setembro de 2009

Nesta quarta-feira passada,dia 23, tivemos a descontraída e dinâmica conversa com Natália Ribeiro. Além de excelente designer e competente pesquisadora ela é muito gente boa. Ela contou como o seu projeto de graduação começou com um simples pedido de "site" de um cliente.... e acaba de ser o início de um novo portal de comunicação para uma tribo alternativa e natureba, que gosta de programas ao ar livre, pedaladas, montanhismo, mas principalmente cicloturismo!
O site oferece principalmente os roteiros! Além de tudo você pode ir preparado para dar uma paradinha em uma pousada que te recebe e pode dar até um certificado de qualificação! Tudo planejado e organizado de uma forma maestral para que tudo dê certo para esse bem servido turista de aventura! (o amado usuário!)
Natália parabens por proporcionar experiencias mais profundas para eles, os usuarios! vc foi otima! É afinal... para isso que serve o design, certo?!

http://www.bemvindocicloturista.com.br/home

No site dela tem outros trabalhos mto bons!
www.nataliaribeiro.com
site de busca de roteiros cicloturísticos. uma rede social que oferece ferramentas especificas para este público.
2008. projeto de graduação.

Esteróides


  Muitos associam esteróides com anabolizantes, ou químicos capazes de potencializarem  ou fortalecerem o usuário. De fato essa associação é válida, porém dando continuidade ao estudo do Livro "O Mundo é Plano", o termo esteróides é adotado com outra finalidade, na verdade é uma analogia que representa um outro tipo de potencialização. Para Thomas L. Friedman , esteróides são  tecnologias que amplificam e potencializam todos os demais niveladores (terceirização, offshoring, código aberto, cadeia de fornecimento, intenalização e in-formação), possibilitando sua relação de modo:

-digital: conteúdos estão sendo digitalizados o que permite que sejam moldados, manipulados e transmitidos (pela Internet, via satélite ou por cabos de fibra óptica)

-virtual: significa que todos esses processos poderão acontecer rápida e facilmente (graças a protocolos e padrões digitais já instalados).

-móvel: tudo isso pode ser feito de qualquer lugar, com qualquer um, por meio de qualquer dispositivo e ainda, pode ser levado pra qualquer lugar.

-pessoal: pode ser feito por cada um, pra si e de seu próprio aparelho.

Como exemplo podemoscitar o Skype e em seguida do VOIP(VoIP - voice over Internet protocol, serviço de transmissão de voz por protocolo de Internet), ambos instrumentos que fazem uso da nternet para estabelecer comunicação por voz. Um novo modelo de comunicação, algo como um telefone virtual, gratuito, que permite pessoas conversarem simultaneamente, e que foca na prestação de serviços para gerar lucro. Esse modelo por exemplo tem sido alvo de críticas no que se refere a segurança, como vimos em reportagem já postada nesse Blog, porém para as telefonicas esse novo modelo de telefone por internet, pode afetar seriamente seus negócios. Essas ferramentas assim como as video conferências, acabam afetando as outras forças, como por exemplo a tercerização ou o offshoring, de modo que executivos podem se comunicar por video e voz em tempo real, em uma sala, ou de maneira que possam ter controle de sua empresa mesmo quando estão de férias em outro continente.

  Assim como temos os esteróides, existem os super esteróides, como aparelhos com tecnologia Wireless, sem fio. Os portáteis tem avançado muito, e estão possibilitando a integração de mais usuários ao universo das redes, de maneira que agora as pessoas podem ter seus computadores na palma de suas mãoes, nao precisando sentar em cadeiras para acessarem seus PC's e consequentemente a internet. Como citado no, em uma visita ao Japão Friedman se surpreende com a facilitade e acessibilidade da rede sem fio, de forma que o lap top de seu amigo se conectava em qualquer área, recebendo notícias do mundo inteiro em tempo real.

 A potencialização dessas ferramentas se reflete nos celulares, que agora podem ser um cartão de crédito e ao mesmo tempo um voip, câmera ou computador. Essas facilitações acabam por favorecer o processo de inclusão digital.

 Os esteróides também serão parte de um futuro próximo, aonde casas, compras, eletrônicos são todos comandados por chips, implantados em celulares ou até pessoas.

 Por fim, podemos entender os esteróides como uma otimização da tecnológia que fortifica o processo de "achatamento" do mundo, são mecanismos que fortalecem a globalização 3.0.

VÍDEO VOIP

NOVOS CARTÕES DE CRÉDITO