Você já percebeu que sempre que estamos pensando em uma coisa nós não conseguimos fazer outra?
Por exemplo você está com muita sede e está lendo um livro, você não vai entender nada desse livro enquanto você saciar sua sede!

Você está em meio a uma multidão e está procurando uma pessoa, se você vê-lá você irá reconhece-lá de longe. Mas e se tiver uma placa nova no trajeto de sua casa ao seu trabalho ? Você irá notar logo nos primeiros dias? Eu acho que não .

Assim ocorre no mundo da web. Como o titulo diz “não me faça pensar”, quem não quer ter tudo na “mão” o mais rapido possível? Um site simples e limpo ajuda nisso.
Uma pessoa entra em um site de compras procurando por um dvd, exemplo no submarino, olhe como será a visão e a ordem que ele ira ver:

Entendeu? Nós focamos sempre em nosso objetivo de busca. Tente deixar seus trabalhos sempre o mais simples possível, bem organizados, leves!
Não encha seu site de animações ou imagens como http://www.radios.com.br/, esse site está completamente poluído visualmente.

Veja alguns sites horríveis para que você nunca faça igual:
http://jimjacobson.com/
http://www.dokimos.org/ajff/
http://www.angelfire.com/super/badwebs/main.htm
(é perigoso dar um ataque de loucura se ficar muito tempo olhando um desses sites por muito tempo).

Divida seu site em elementos assim formando um todo suave torne seu site um elemento só! Objetivo, foque seu site no assunto tratado, veja o modo de pensar e observar de seu público alvo.

” Veja os três princípios básicos da comunicação visual que podemos seguir em nossas criações web, de acordo com Aaron Marcus, autor do livro “Graphic Design for Usable User Interface”:

1. O princípio de organização: ofereça ao usuário algo simples, limpo e de estrutura consistente.

2. O princípio de economia: tente aumentar a eficiência utilizando poucos recursos ou elementos visuais.

3. O princípio da comunicação: Adapte sua apresentação a capacidade de compreensão do seu público-alvo. ”

Deixe seu site “suave”, harmonize-o não faça o usuário pensar, um site desorganizado, sem combinação de cores força o célebro.

Se o visitante de seu site não encontrar oque procura dentro de 30 segundos ele ira sair do site e provalvemente existirá uma provabilidade de 1 á 50 de que ele ira voltar em seu site.

Como eu digo, SIMPLICIDADE é a palavra chave.

Até a próxima!

(esse artigo eu o publiquei em 24/09/2007 no meu antigo blog baseado em textos do curso de  Bruno Ávila) e teve uma boa repercusão e resolvi postá-lo novamente)

Aproveitando o assunto, me ajude a ganhar esse livro “Não me faça Pensar” na promoção do Anderson Nascimento, basta acessar o link: http://www.andersonnascimento.com/blog/?p=1009
e fazer um comentário lá no final da página dizendo que está votando em mim @igor_diniz
Obrigado

O que é a web 2.0???
Já faz tempo que surgiu essa expressão “web2.0″ e foi como uma febre, mas agora esse febre foi controlada porém muitos sites foram “afetados”.
Muitos acham que essa “tal de web2.0″ é apenas usar ajax, usar o beta no logo do site, muitos efeitos, brilho, relevo, e o principal muitos acham pra ter um site web 2.0 precisa usar o TABLELESS, pensam que o site deve ser todo feito com divs, css…
Mas será que é mesmo isso?
Tableless é apenas o HTML correto, que muitos navegadores ainda não se adaptaram mesmo que o HTML existe a tempossss.

Veja o que se falava no começo de 2008
“Até hoje não se tem definido o que é a web 2.0.”

O termo Web 2.0 foi criado por Tim O’Reilly, e veja o que diz a wikipédia:
“Web 2.0 é a mudança para uma internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva.”

Mas veja bem, o ajax e o tableless, alguns navegadores ainda não aceitam os códigos corretamente, principalmente o tableless, você tem que trabalhar muito mais muito bem mesmo com o css, fazer adaptações, pra deixar o site funcionando quase perfeito em alguns navegadores, alguns navegadores ainda não conhecem algumas regras do css, assim podendo deixar o site desalinhado para alguns e alinhado para outros, e assim vai…

Web 2.0 e a programação
Eu estava lendo no wikipédia quando li isso, e achei interessante
“Começaram-se a desenvolver softwares que são usados pela Internet e vendidos não em pacotes mas como serviços, pagos mensalmente como uma conta de água. Além disso, mudou-se a forma de fazer softwares. Para que tudo funcionasse bem na Internet, foi necessário a união de várias tecnologias (como AJAX) que tornassem a experiência do usuário mais rica, com interfaces rápidas e muito fáceis de usar.”

A Web 2.0 propõe uma experiência de uso semelhante à de aplicativos para desktop, ou seja tentando facilitar a vida do usuário, principalmente a dos “leigos” que ainda não tem uma experiência com a internet (o que hoje é raro, pois quase todos tem acesso a um computador ligado a internet), deixando os sites mais leves, limpos, sem aquelas firulas como de uma época que só se usava gifs animadas no site, o site se torna mais fácil de se entender, mais fácil de se localizar alguma coisa que você queira.
Alguns exemplos de web 2.0, podemos citar o Orkut, creio que a cada 10 pessoas que você perguntar se conhece ou já ouviu falar do Orkut, 9 irão responder que sim.

O Google também, é a mesma coisa do orkut.

Orkut e Google, se espalharam como um “vírus”, foram criadas musiquinhas que foram espalhadas pela internet, muitos blogs usam o google como referencia mas quase sempre o chamando de oráculo, isso chama-se MARKETING-VIRAL(boa idéia, em breve farei um artigo sobre marketing viral ).

Essa nova web, permitiu que o usuário tenha uma maior interatividade com o site, abriu novas formas de lucro para os desenvolvedores, mas também é muito criticado por desenvolvedores e especialistas.

Todo mundo pode ter um site com facilidade, um blog, etc…

Veja algumas definições para a web 2.0:

“Uma nova forma de se expressar, cada um faz o que quer, um eterno beta, sempre em mudança. Ou seja uma nova moda, quem sabe embreve web 3.0.”
Igor Diniz - www.igordiniz.com.br
eu mesmo

“Melhor aproveitamento da inteligência coletiva e do poder de processamento da máquina cliente. Poder às pessoas.”
Marco Gomes - co-criador do boo-box

“A Web 2.0 representa a transição para um novo paradigma onde a colaboração ganha força suficiente para concorrer com os meios tradicionais de geração de conteúdo.”
Renato Shirakashi - criador do Rec6

“Mudança ocorrida na vida dos usuários que com a banda larga passam mais tempo on-line e exercem massivamente o potencial interativo da Internet.”
Carlos Nepomuceno - autor do livro Conhecimento em Rede

“Web 2.0 é um buzz word que define conteúdo gerado pelo usuário e com foco no compartilhamento de informações. Tudo regado a AJAX.”
Nando Vieira - criador do spesa

“Web 2.0 é um novo paradigma na utilização e criação de web sites mais participativos e colaborativos.”
Fabio Seixas - criador do Camiseteria

“Web 2.0 é o momento em que o mercado, por força dos usuários, voltou a dar importância para web depois do estouro da bolha.”
Paulo Rodrigo Teixeira - criador do 0BR

“Web 2.0 é o termo usado para identificar uma nova forma de navegar pela internet e, conseqüentemente, de desenvolver aplicações orientadas à esta nova geração de internautas.”
Diego Polo - criador do linkk

“Web 2.0 é como chamamos, depois de uma profunda análise histórica da web, um conjunto de práticas que ao longo dos anos provaram dar resultado.”
Gilberto Jr - criador do Outrolado

“A Web 2.0 aponta para uma mídia popular, independente de grandes corporações, recriada pelos seus próprios usuários.”
Frederick van Amstel - é mestrando em Tecnologia pela UTFPR e edita o blog Usabilidoido

“O registro dos fluxos de conversação entre usuários e o registro destes fluxos ao redor de aplicações.”
Mauro Amaral - editor do CarreiraSolo.org

“Ajax, redes sociais, CGM: as definições mais comuns pra Web 2.0, ou um jeito para se voltar a falar de internet? Para mim nada mudou, tudo evoluiu.”
Michel Lent - sócio-diretor da 10 Minutos

“Web 2.0 é buzzword, é fato que a internet está sofrendo transformações, mas precisamos rotulá-la para que essas mudanças tenham validade? Pra maioria da população mundial, que ainda está offline, essa é a Web 1.0.”
Edney Souza - editor do blog Interney

“Sinaliza uma fase na web onde se pratica a liberdade de falar e ser
ouvido. É uma consequência natural do desenvolvimento da internet.”
Vicente Tardin - editor do Webinsider

“Web 2.0 usa a web como plataforma de socialização e interação entre usuários graças ao compartilhamento e criação conjunta de conteúdo.”
Guilherme Felitti - repórter do IDG Now! e mestrando em Web 2.0

“Na web 2.0 não somos mais nômades caçadores-coletores: temos nome, plantamos conteúdo, colhemos conhecimento e criamos novos mundos.”
Rene de Paula Jr - projetos especiais, Yahoo! Brasil e editor do blog Roda e Avisa

“Alguém ouviu falar em TV 2.0 quando as transmissões passaram a ser coloridas ou via satélite?”
Marcelo Sant’Iago - presidente do Conselho Consultivo do IAB Brasil e mantém o blog Poucas e Boas.

E você, qual a sua definição para a web 2.0 ??

Até a próxima!!!

Dessa vez o blogcamp, vai ser no Rio de Janeiro.

Mas o que é o blogcamp ?
“O BlogCamp Brasil é uma comunidade em torno de um evento, baseado na metodologia do Espaço AbertoOpen Space Technology), onde os participantes organizam a própria pauta, formando pequenos grupos de discussão sobre determinado tema. Num BlogCamp, os temas atendem as demandas da blogosfera, gerando debates que se propõem a discutir formato, posicionamento, atividades, ativismo, comportamento, conteúdo, ética, licença e tudo o que for relevante para os participantes presentes, dentro do macro-tema BLOG.”
(http://blogcamp.com.br/sobre)

É um grande bate-papo, mas corra!!! São apenas 250 vagas!!! Corra, pois o ano passado em São Paulo as vagas acabaram em 12 horas!!!

Faça já sua incrição, clique aqui.

Obs.: É GRÁTIS!!!

Chegou o mais novo navegador da web, e dessa vez foi a GOOGLE quem fez, veja o que ele promete:

“O Google Chrome é um navegador feito para tornar a web mais rápida, fácil e segura com um design minimalista que não atrapalha você.”

Eu testei ele, minhas conclusões:
Primeiramente, você baixa um arquivo .exe de 475kb, mas quando você executa ele abre uma janela que se conecta a um servidor e baixa o navegador para seu pc.

Na primeira vez que abri o navegador perguntou se eu queria importar os dados do ie, ou melhor obrigou rsrs.

Eu gostei bastante do navegador, pela simplicidade, leveza, cara de web2.0(até os navegadores o.O), mas eu por enquanto não trocaria o firefox por ele, pois não dá pra eu ler meus feeds(rss) pelo o navegador como no firefox 3 que adiciona uma barrinha que é só eu clicar que aparece a lista com novos posts dos blogs que eu assino o rss, meus emails…

Mas se você não usa nenhum desses recursos que citei acima, o Chrome é uma boa pedida, leve, rápido, clean.

Quem sabe se na próxima atualização o chrome adicione os recursos do firefox que citei acima aí sim eu uso ele como meu navegador padrão

Lembre-se ele ainda é Beta ( o orkut a um bom tempo é beta ^^)

Até a próxima

Olha aí, meu mais novo trabalho, de inicio fiz somente essa pequena página de “anuncio”, para anunciar a existencia desse novo host, como o cliente pediu que deixasse esse aviso até eu terminar o site, que será enorrrme, design e programação com administração. Esse logo também é de minha autoria e que será usado no site.

Quando o site ficar pronto eu indico os serviços da HostMg, pois o pessoal da equipe do site é muito competente, eu já estou hospedado em um servidor deles e é ótimo, e agora eles me contrataram para fazer o site deles.

Site: http://www.hostmg.com.br

“A inclusão digital já foi uma preocupação generalizada. Quem não se lembra de que, quando os computadores por aqui chegaram, algumas pessoas tinham medo deles? Hoje, ninguém duvida de que a internet é parte essencial do dia-a-dia nas empresas. E, quando se fala em inclusão digital, refere-se às classes mais baixas da população, que tem pouco ou nenhum acesso à internet. De acordo com dados do IBGE (Instituto Brasileiro de Geografia e Estatística), a população brasileira é recordista mundial em tempo gasto na rede, com 14 horas diárias, informou o site InfoMoney.

Mas há uma contradição nessa história. Segundo pesquisa do NIC.br, Núcleo de Informação e Coordenação do Ponto Br, 95% das organizações com dez ou mais funcionários possuem computadores e 92% têm acesso à web. Se a internet já é uma realidade no mundo dos negócios, por que menos da metade das empresas tem um site?

“A percepção da importância dos websites é, muitas vezes, subestimada, quando, na verdade, a oferta de recursos é ilimitada e a lista de benefícios não pára de crescer, com o advento de novas tecnologias e o aumento do número de empresas e consumidores com acesso à rede”, explica o diretor-geral da Kyu Design Gráfico, empresa especializada em soluções visuais e criação de sites, André Shibata.

Internet deve ser usada para gerar negóciosO uso da internet visando à geração de negócios ainda é muito baixo no Brasil. Entre as empresas que possuem página na internet, 48% disponibilizam preços e catálogo de produtos e serviços para os consumidores, 34% oferecem suporte pós-venda, 23% aceitam pedidos e reservas de produtos e serviços e 10% possuem recursos para transações completas e meios de pagamento via web.

A discrepância do ponto de vista dos negócios é que os números mostram um ávido exército de consumidores circulando nas páginas da internet e, ainda assim, mais da metade das empresas não possui um espaço na internet. Entre as que possuem, 37% não apresentam nenhum dos recursos pesquisados.

E há o agravante de o amadorismo predominar na rede. “O proprietário do site deve respeitar algumas regras para que a ferramenta seja utilizada de forma positiva. É preciso apresentar uma imagem séria e profissional, que espelhe credibilidade, manter canais de comunicação com o consumidor e conhecer o comportamento do potencial cliente virtual, para saber criar oportunidades, e corresponder às expectativas”, afirma o diretor da Kyu Design Gráfico.

Priorize a interaçãoA maioria das empresas que busca uma empresa especializada em construção de sites tem em mente um produto institucional, que acaba limitando o potencial de interatividade com o consumidor. “Garantir o feedback das dúvidas, sugestões e reclamações em tempo hábil é importante para garantir a fidelização dos clientes . O sucesso de um site pode ser resumido pelo tripé: navegabilidade, objetividade e visibilidade”, acrescenta ele.

No Brasil, 45% das empresas que possuem site, ou seja, menos de um quarto do total, fazem vendas pela internet. Mas possibilitar uma transação de venda completa na internet é um dos recursos que o empresário deve buscar, garantindo a compensação do investimento.

De acordo com o NIC.br, com a venda pela internet, 74% das empresas obtiveram redução dos custos dos negócios, 71% agregaram mais qualidade para o consumidor, 69% tiveram o tempo de transação comercial reduzido, 58% registraram vantagem na equiparação à concorrência e 49% conseguiram aumento do número de vendas e de consumidores. ”

Fonte: http://empresas.globo.com/Empresasenegocios/0,19125,ERA1686670-2884,00.html

Um pouco sobre Hotsites

Olá pessoal, vamos falar um pouco sobre os hotsites.

O objetivo de um hotsite é divulgar e “explicar” sobre um produto qualquer, ou uma linha de produtos, como: uma nova marca de carro, roupas, alimentos, promoções, divulgar um novo filme, etc.

Um HotSite tem que ser algo chamativo, simples, sem firulas. Algo objetivo em que a pessoa bata o olho e ja entenda parcialmente ou completamente do que se trata.
Veja o que é um hotsite ”
Hotsite, Micro-site ou Mini-site é um pequeno site planejado para apresentar e destacar uma ação de comunicação e marketing pontual.

Tecnicamente não há nenhuma diferença entre um “website” e um chamado “hotsite”; sua diferenciação está apenas na estratégia de comunicação utilizada para concebê-lo. Usualmente os hotsites possuem tempo de vida útil determinado e são ligados a uma ação de marketing ou comunicação específica, com duração ligada a esta ação mercadológica, como lançamento de produtos, eventos, novas edições de produtos ou serviços, ações de CRM (Customer Relationship Management), entre outras.

Geralmente os hotsites possuem um apelo visual maior e são mais focados em um público específico, traduzindo a espectativa deste target.

O processo para criação e produção de um hotsite segue exatamente os mesmos direcionais de um website corporativo ou portal, considerando um conceito-criativo, arquitetura de informação, layouts, redação e programação.
”
Fonte: http://pt.wikipedia.org/wiki/Hotsites

O mais interessante em alguns hotsites é a interatividade entre “usuário e o site”, como em um hotsite de lojas de tintas que fiz uma vez nele você podia pintar uma pequena casa para ver como iria ficar a sua, não usei flash pois eu paricularmente odeio flash (dependendo do tamanho do arquivo) pois o camarada muitas vezes não terá paciencia de ficar esperando aquele enorme load.
Mas também existe soluções para você que quer fazer um hotsite em flash e que ira ficar pesado, coloque um joguinho simples enquanto ocorre o load, tipo aquele pacman mais simples, ou algo que distraia a atenção do visitante.
Veja um exemplo de um hotsite legal, porém demorado no carregamento, a solução deles foram um “quiz” em que desvia totalmente sua atenção para aquilo enquanto o site carrega.
http://www.fiatpunto.mobi/

Então resumindo tudo, um bom hotsite é:
- Pequeno(algo rápido, sem muitos enfeites)
- Eficiente, interativo
- Objetivo
- Rápido
- Acessível

Até a próxima!!!

Olá pessoal tenho recebido vários pedidos, mas hoje vou responder a um.
Um formulário de contato anti-span(não 100%)

Vamos lá é bem simples, em seu formulário de contato coloque:

<?php
$ver=rand(100,999); //cria um número de 100 a 999
?>

Crie um input hidden com o nome de “cod” em seu formulário e no value do mesmo coloque <? echo $ver;?>

E em seu formulário coloque aonde você quer que apareça o código pro cara ver e re-digitar coloque <? echo $ver;?>

E coloque um campo chamado cod2 (esse é aonde o cara vai colocar o código de verificação)

Até aqui certo, vamos supor que o nome do arquivo que recebe o formulário de contato é teste.php, em teste.php coloque no começo do código

<?php
if($_POST[cod]!=$_POST[cod2]){
echo “o código de verificação esta errado”;
} else {?>
aqui coloca o código normal de enviar seu formulário
<? }?>

Até a próxima! Qualquer dúvida comente que estarei disposto a lhe ouvir!

E aí, hoje vou explicar sobre os famos Feeds ou Rss, vai aí uma explicação retirada do WikiPédia

“O termo Feed vem do verbo em inglês “alimentar”. Na internet, este sistema também é conhecido como “RSS Feeds” (RDF Site Summary ou Really Simple Syndication).

Na prática, Feeds são usados para que um usuário de internet possa acompanhar os novos artigos e demais conteúdo de um site ou blog sem que precise visitar o site em si. Sempre que um novo conteúdo for publicado em determinado site, o “assinante” do feed poderá ler imediatamente.

Como usar

Com um programa chamado agregador de Feeds, você recebe as atualizações dos sites escolhidos sem ter que visitá-los.

Já existem web sites que funcionam como agregadores de Feeds, mostram as atualizações no próprio navegador e assim dispensam a instalação de softwares específicos. Dentre eles podemos citar o Google Reader, o BlogLines, o BlogTok, o Origo, o Netvibes e o Feedys, há também o leitor de email com Feeds agregado, da organização Mozilla o Thunderbird, todos gratuitos. Pode-se utilizar o código do RSS ou Atom para divulgar informação de vários web sites numa só página web. O Firefox 2 e 3 e o Internet Explorer 7 também leêm Feeds.”

Então assine já nossos feeds!!! É a maneira mais rápida e prática de você sempre estar sabendo do que acontece aqui no blog

CLIQUE AQUI PARA ASSINAR NOSSO FEED

Olá caro leitor, esta semana eu fiquei ausente do blog e quando voltei percebi que “alguém” tinha deletado todo meu banco de dados. Assim tive que reinstalar todo o blog e começar do zero!

Vamos lá, me deem força, assine os feeds, comentem, ok

Até o próximo post!!!