5 dicas para construir uma grande aplicação web

As aplicações web são projetos um pouco desafiadores para a construção de sites. Os designers tem por obrigação prever o comportamento dos usuários e também tornar a experiência o mais atraente e intuitiva possível. Alguns profissionais não muito bons criam o que é fácil de ser projetado, esta atitude na maioria das vezes não é muito boa para o usuário final. Nesta postagem vamos trazer algumas dicas para que os designers desempenham melhor o seu trabalho.

O que pode fazer o bom Tooltip

Não queremos que na apresentação de sua aplicação  web a um cliente em potencial seja um desastre. Os tooltips podem ajudar você de forma muito positiva neste processo pois oferecem ao usuário a oportunidade de aprender sobre um sistema, explorando os ícones de forma muito interativa sem prejudicar a experiência da navegação.

A utilização dos tooltips são ideais para as pessoas que estão aprendendo as funcionalidades dos botões de uma determinada interface. Por exemplo se aplicarmos um tooltip em um display de um dispositivo móvel e você pressione um botão para desligar , o primeiro toque e exibirá um tooltip com a funcionalidade deste botão.

Nunca confie na memória do usuário

As aplicações web não devem forçar os seus usuários a lembrar de seus datalhes, devem sim permitir que os usuários desempenhem as ações que eles necessitam, assim deve-se apresentar as informações mais relevantes para que a sua experiência seja otimizada e as atividades do usuário sejam cumpridas rapidamente.

Por exemplo se o usuário e obrigado a informar um numero de cum cartão promocional no inicio do processo ele não deve ser solicitado a ele a inserção desta informação novamente, evitando desta forma a sobrecarga cognitiva.

Ofereça vários métodos de execução

Todos os aplicativos voltados para web que você criar, obrigatoriamente necessitam se adaptar ao comportamento do usuário oferecendo vários caminhos para que se chegue ao objetivo final. Vamos imaginar um aplicativo voltado para o gerenciamento de tarefas. Uma determinada tarefa pode conter um numero de informações e de propriedades. O metedo padrão utilizado e adicionar a tarefa suas propriedades e informações associadas. Portanto você deve proporcionar ao usuário uma metodologia rápida para adicionar as informações de forma rápida e simples.

Oferecendo métodos diferentes de se chegar ao objetivo final do usuário seja concluída de uma forma dinâmica, para que eles possam fazer tudo a sua maneira.

Mantenha sempre o usuário no controle

“Oi olhem para mim!” isso é o que os popups modais gritam para o usuário, eles atualmente são compreendidos como um resposta mais moderna e enxuta do que o pop-up. Os modais devem ser utilizados para chamar a atenção do usuário, mas cuidado nos excessos pois os usuários podem ficar cançados e não utilizar determinada aplicação.

Para gerar a impressão de que o usuário está sempre no controle faça com que os seus popups modais sejam sempre descartáveis com botão de cancelamento, ou um ícone com um “X” no canto superior direito da tela. Muitas vezes um simples detalhe que e esquecido é permitir que o modal seja fechado quando o usuário clicar fora da janela.
Os usuários não gostam de ter muito trabalho, a utilização de popups modais mantém sempre o usuário no controle da situação.

Mantenha o usuário sempre informado

Mensagens do tipo "porfavor aguarde" ou "carregando". Este tipo de mensagem raramente adicionam algo de interessante a experiência do usuário com a aplicação, eles somente informam aos usuários que o programa está ocupado fazendo alguma coisa.

O problema está quando estes processos são muito pequenos, gerando alguns travamentos bem curtos na interface gráfica isto gera desagrado para o usuário, pois ele não sabe o que está acontecendo.

 

Fonte: Oficina da net

Leia mais no Oficina da Net: 5 dicas para construir uma grande aplicação web

WebDesign: Como manter o seu instinto Criativo

Dicas para manter o seu instinto Criativo, um artigo com dicas para web designers de como manter o foco e a concentração para desenvolver trabalhos com mais facilidade.

A criatividade  com certeza não é algo que pode ser aprendido, nós nascemos com ela dentro de nós. Criatividade acompanha novas idéias ??e alguns riscos também. Tentar fazer algo original e estar preparado para enfrentar os desafios é algo que pode ser muito mais fácil do que imaginamos, ou não. Criatividade nunca pode ser alcançada por imitações e nem limitações.

Os criativos tem algo dentro deles, uma chave para libertar o gênio, as vezes nunca explorado. A quem descubra sua criatividade desde criança, e alguns custam a descobri-la. Mesmo porque essa criatividade pode ser focada em uma especialidade pouco explorada.

Na minha área por exemplo, ser um Web Designer é uma obra de 99% de criatividade e inspiração. Uma cadeira confortável, uma boa musica, ambiente agradavel e muitas fontes para inspiração (revistas, livros e outros) podem e ajudam muito para a criação. Não dá para treinar a criatividade, você tem que ter esse “dom” para assim seguir, mas até os criativos ativos, como assim dizer, podem sofrer com bloqueios ou dificuldade de concentração.

Pensando nisso montamos este post com algumas dicas para manter o controle do seu instinto criativo:

Encontrando a Inspiração

O mundo da Internet é inundado com um monte de coisas que podem nos inspirar, tais como:

• Galerias;
• Design de interiores;
• Fotografia;
• Capas de livros;
• Anúncios;

São elementos que fazem parte da rotina diária que tendem a ser as principais fontes de inspiração, dê atenção a todas elas.

Use Papel e Lápis

Você pode questionar o uso de lápis e papel, sendo um Web Designer e estar tão familiarizado com o Photoshop. O fato é que o o papel da uma liberdade incrível, e cada rabisco pode ser a inspiração que procura. Para chegar a uma ideia criativa você precisa de uma base, não apenas imaginar e sair criando no Photoshop. Com um papel e um lápis você pode criar e analisar suas ideias em um todo, ou por etapas, e essa é sim é a maneira mais fácil de lidar com isso.

Não Usar velhas Ideias

Inove sempre e utilize suas criações anteriores apenas como fonte de inspiração, e não como passos para uma criação. Para boas ideias precisamos sempre manter o instinto de curiosidade e de ideias inovadoras. Em todo projeto existe a possibilidade de melhoria e você pode se inspirar com um projeto anterior e melhorar suas habilidades, mas nunca usar idéias velhas como um passo para isso. Se deu certo de uma vez não quer dizer que dará na próxima.

Esquema de Cores

As cores tem uma grande importância na criação de um projeto web. O uso correto delas trazem bons e fantásticos resultados. Por exemplo, esquema de cores vibrantes vermelho, amarelo e laranja é usado para uma série de articulações de comer, por exemplo McDonald, Burger King, Pizza Hut, pois estas cores estimulam fome.

Usar um esquemas de cores vai certamente dar um toque diferente e bonito ao seu site.

Você pode tentar experimentar um novo mundo de cores, e assim pode se inspirar com:

• Loja de livros
• Grafite
• Edifícios
• Pinturas
• Lojas de flores
• Histórias em quadrinhos

Tipografia

No passado a tipografia era usada apenas para as mídias impressas, hoje é importante na web também. A Tipografia tem um lugar especial para todos os designers, e são inúmeras as fontes que podemos experimentar. Lógico que a escolha dela deve ser bem estudada para não fundir com o tema e cores do site. Casando a Tipografia com o tema, cores e fundo trazem o resultado perfeito.

E por último, lembre-se sempre que ser um Web Designer não pode se dar ao luxo de fechar as portas do mundo exterior e focar apenas no computador. Precisamos ter contato com outros tipos de artes e misturas para assim mantermos mais criativos.

Leia mais no Oficina da Net: WebDesign: Como manter o seu instinto Criativo

 

Fonte: Oficina da net

Como fazer um bom site?

Como você ja sabe estamos fase da  "web2.0", ou seja cada um faz o que "quer", a weblivre, mais não é tudo tão  fácil assim, primeiramente para você ter ou fazer um bom site, você tem que pensar nos elementos básicos:

[LIST] Elementos de Navegação
Ajuda o usuário a se mover dentro do site e acessar áreas específicas.

Elementos de Orientação
Diz ao usuário onde ele está dentro do site.

Elementos de Interação
Processa informações e dados incluídos pelo usuário. Exemplo: uma busca, formulários, enquetes, etc.

Elementos de Conteúdo
Toda a informação em forma de texto, imagens, sons, vídeos ou animações.

Elementos de Emoção
Apelam para o sentimento do usuário, provocando curiosidade ou convidando a continuar a visitação, destacando alguma seção do site, produto ou serviço. Esses elementos podem ser imagens, animações, sons ou composições textuais.[/LIST]
(elementos, direitos reservados a Bruno Ávila.)


Pensando nesses elementos vamos agora nos inspirar para fazer o site, por exemplo você quer fazer um site sobre notícias,
você terá que se inspirar não em um repórter mais sim em um leitor acíduo, (faixa etária de 25-50) pense em tudo que esse leitor gostaria de encontrar no site, uma navegação com rapidez e eficiência.

Veja esse site um exemplo perfeito de todos os elementos citados acima:
http://www.monsanto.com.br/
Observe bem o elemento de emoção, o garoto em um balanço, e uma imagem de árvores, tudo em perfeito equilíbrio combinando com o estilo do site, mostrando a natureza, saúde...

Se um cliente le pede para fazer um site GLS é claro que você não terá que virar um gay para se inspirar e fazer o site, nem mesmo conviver como um gay ^^
Simplesmente faça pesquisas, ou seja pergunte o que eles gostariam de ver em um site, cores, assunto ...

O segredo é o site ser SIMPLES e ATUALIZADO!

Você não vai fazer um site de uma loja de informática, daí vai lá no topo do site e coloca o primeiro pc que existiu, se não me engano tinha 11 toneladas:
Coloque coisas atualizadas!

Porém, resumindo, um bom site precisa de todos os elementos citados acima (com fácil acesso), a simplicidade faz o sucesso (veja Google, o logo bem simples e deisgn também, o youtube, ...), mantenha o site atualizado!

Fonte: Oficina da net

Leia mais no Oficina da Net: Como fazer um bom site?

Motorola anuncia smartphone ultrafino com Android

A Motorola Mobility anunciou nesta terça-feira o smartphone Droid RAZR. O aparelho é o primeiro smartphone com Android da fabricante a retomar a marca e o design ultrafino do clássico telefone RAZR.

   O aparelho tem apenas 7,1 mm de espessura e, nas configurações iniciais, é um smartphone com processador dual-core de 1,2 GHz (como o Samsung Galaxy S II), 1 GB de RAM, tela Super AMOLED de 4,3 polegadas e acabamento frontal em Gorilla Glass e traseiro com fibra de kevlar, além de proteção contra respingos d'água.


Fonte: Terra

Bonsai Electree recarrega aparelhos móveis com energia solar

Bonsai de plástico Electree tem painéis fotovoltaicos em lugar de folhas, e acumula a energia captada em uma bateria que ocupa o lugar das raízes.

Fonte: Oficina da Net

O que fazer para patentear um software?

As pessoas que querem patentear um software, precisam inicialmente recorrer ao INPI (Instituto Nacional de Propriedade Industrial). Mas afinal, o que uma patente? De acordo com o próprio INPI, “Patente é um título de propriedade temporária sobre uma invenção ou modelo de utilidade, outorgados pelo Estado aos inventores ou autores ou outras pessoas físicas ou jurídicas detentoras de direitos sobre a criação. Em contrapartida, o inventor se obriga a revelar detalhadamente todo o conteúdo técnico da matéria protegida pela patente.”

O INPI é uma organização relacionada ao Governo Federal, no entanto, mesmo vinculada, a instituição possui uma certa autonomia na efetuação de decisão. Por se tratar de uma “propriedade industrial”, o software pode ser patenteado pelo INPI. O decreto que autoriza o registro pelo INPI é o de número 2.556/98 e, também é regido pela Lei de número 9.609/98, também conhecida pela Lei do Software e a Lei número 9.610/98, a Lei dos Direitos Autorais.

Assim, para quem quiser entrar com um pedido de patente de um software deverá efetuar a solicitação junto ao INPI, entregando documentação técnica e outra formal, como também uma petição de pedido de registro de programa de computador. Na documentação formal deverá constar: Formulário de Pedido de Registro de Programa de Computador, a procuração (caso necessário), guia com pagamento realizado, documentação informando vínculo empregatício (pode ser de prestação de serviço ou estatuário).

Também é necessária a documentação técnica, que consiste em: Lista integral ou mesmo parcial do programa fonte, suas especificações e dados de originalidade do programa. Lembre-se que deverá conter todos os itens, correndo o risco de não conseguir o registro do produto.

Para obter mais informações é necessário acessar o site www.inpi.gov.br. No site há todas informações necessária sobre como patentear um software. Quem não conseguir entregar a documentação pessoalmente poderá ser encaminhada por procuração ou mesmo pelo correio.

Quem pode requisitar um registro de software:

• O próprio autor do software;
• O empregador ou a pessoa que contratou o serviço, caso o software tenha sido desenvolvido durante o tempo de serviço;
• O próprio empregado ou mesmo o prestador de serviços, quando o software tenha sido criado fora do ambiente de trabalho e claro, sem os possíveis recursos que o empregador poderia fornecer;
• Quem realizou alguma modificação tecnológica em algum programa já existente, claro que, com a devida autorização do criador original;

Fonte: Oficina da Net

Leia mais no Oficina da Net: O que fazer para patentear um software?

Usabilidade: Desenvolvimento de Menus Com Foco No Usuário

Já pensou em como os menus desenvolvidos por você ou sua equipe estão afetando os usuários do seu site? Os menus são uma forma popular e prática para permitir que os usuários naveguem em um website. Mas , quando a abertura destes menus não possui um foco, eles podem causar uma serie de sérios problemas de usabilidade que a maioria dos designers não está consciente.

O Mito

Muitos designers acreditam que quando seus menus estão abertos, eles são mais rápidos e fáceis para os usuários utilizarem. No início isto pode parecer a forma correta de construir os menus, mas quando vamos estudar profundamente vemos que é o oposto.

Os menus do tipo hover são verdadeiramente mais lentos e bem mais fáceis dos usuários utilizarem. Existem menus que não poupam cliques dos usuários, o site necessita identificar a necessidade de um menu e implementa-lo para o usuário. Este menu deve mostrar ao usuário o que está acontecendo quando ele navega. Isso é importante para que o usuário passa montar uma estrutura mental de trabalho. Uma grande complicação para o usuário são os menus que não possuem foco ou seja geram indicações que ele nunca clicou.

Em um site os usuários tendem a passar o mouse sobre muitas coisas para identificar o que pode ser clicado. Quando o ícone selecionado pelo usuário indica a possibilidade de clique imediatamente o usuário deduz que algum conteúdo irá encontrar mas muito cuidado para não sobrecarregar as pessoas que visitam seu site com muita informação isso pode ser motivo para aborrecimentos.

Os usuários estão sempre a procura de um menu para abrir, abri-lo sem uma direcionalidade pode até torna-lo mais rápido porém mais difícil de utilizar. Alguns menus são notoriamente difíceis de serem utilizados por algumas razões, clicar em um item não é tão fácil quanto parece.

Menus que forçam os usuários a passarem por túneis

Uma das piores coisas na construção de menus é a ideia de utilização de túneis pois muitas pessoas não possuem grande habilidade com o mouse. Os túneis são passagens que forçam os usuários a clicarem em um item do menu. Usuários sem muita habilidade possuem problemas em navegar por estes túneis, muitas vezes causando muita irritabilidade pois necessitam mover o ponteiro do mouse muitas vezes para chegar em um determinado ponto.

Mas isso não torna diretamente o menu difícil de ser utilizado , mas torna-o menos eficiente para os usuários completarem a sua navegação de forma pratica. Isto por que quando o menu abre os usuários não podem mover o mouse diretamente no item desejado, caso o façam acidentalmente o menu poderá ser fechado. Desta forma o mouse deve ser movimentado de uma forma muito cuidadosa dentro do túnel caso queiram clicar em algum item dentro do menu. Não existe nem uma razão concreta para que os usuários tenham todo esse trabalho árduo para navegar em uma pagina da web.

Itens periféricos mais lentos e difíceis de clicar.

O menu do tipo hover irá se fechar quando o mouse for movido para direita dentro do menu, isso faz com que os itens periféricos do menu fiquem mais difíceis de serem acessados pois estão na borda do menu. Eles terão que ser retardados a medida em que se aproximem do menu periférico, considerando que os itens do menu são links de texto com letras pequenas, dificultando o alvo e aumentando a lentidão.

Caso os usuários não retardarem o movimento do mouse e passar de forma lenta nos itens periféricos do menu, caso não o faça o mesmo se fecha e o usuário terá que começar tudo novamente.

Alguns adicionam estofamento extra ao redor do menu mostrando que ainda permanecerá aberto, no entanto mesmo adicionando este estofamento não basta pois o menu ainda poderá se fechar caso o usuário mova o mouse longe demais. Os usuários não devem ser induzidos ao erro por conta da forma que movem seu mouse.

Páginas de índice mais difícil de encontrar.

Muitos sites usam menus que muitas vezes fazem uso de páginas de índice, estas páginas fornecem ao usuário maiores informações sobre determinados itens existentes no menu, para que assim possa ser feita a melhor escolha. As paginas de índice não iram cumprir sua função de auxiliar o usuário caso não sejam encontradas, muitas vezes estão escondidas dentro do item geral e os usuário não tem como acessar.

Uma boa parcela dos usuários não sabem clicar nos itens gerais de uma pagina de índice pois a mesma já mostra destacado o que foi selecionado. Se você tem uma pagina de índice deve deixar bem claro onde ela se encontra para que os usuários caso necessitem possam sempre utilizar.

Menus que se abrem no clique.

Menus que se abrem ao clicar resolvem grande parte dos problema, com menus deste estilo os usuários estarão livres dos túneis irritantes e também dos desafiadores links periféricos.

Existem três abordagens diferentes para usar este tipo de menu, a primeira é a simples: Quando o usuário clica no item geral o menu é aberto, e ele fecha apenas quando o usuário clica em qualquer lugar fora do menu. Esta abordagem permite aos usuários mover seu mouse da forma que eles queiram e onde queiram sem afetar diretamente o menu.

O menu do botão também força o usuário a colocar o link e a pagina de índice de uma vez sem esconde-lo do item geral, caso os usuários cliquem no item geral o menu será fechado, ligando a página de índice para o item geral que não se faz mais de forma opcional, tonando-se um item do menu. Isto facilitará as coisas para o usuário.

Um outro tipo de botão de menu que irá tornar as suas páginas mais claras e intuitivas para que os usuários possam chegar a uma página de índice clicando no item geral, no entanto os usuários querem chegar ao menu de divulgação e poder clicar na seta. Essa abordagem separa as páginas de índice dentro do menu de modo que os usuários possam chegar ao índice das páginas muito facilmente, acomodando tanto usuários experientes quanto menos experientes .

A ultima abordagem é um menu desmontável, a vantagem deste estilo é que ele não cobre o conteúdo que estiver abaixo do menu. Em vez disso ele empurra o resto da pagina para abrir espaço. Este estilo é indicado para menus de grande porte que ocupam muito espaço. Um menu deste tipo permite quem vc abra o seu conteúdo sem muitos problemas de formatação, e a seta também irá apontar para cima e para baixo para que os usuários saibam o que aconteceu

Estas três abordagens de menus apresentadas, são muito mais fáceis e mais rápidas de utilizar, fazendo mais sentido para os usuários e possibilitando uma melhor leitura cognitiva da situação. Os benefícios da utilização de menus de cliques são claras, pois eles permitem aos usuários navegar rapidamente e facilmente, melhor que um menu que não permite aos usuário navegarem com facilidade.

 

Fonte: Oficina da net

Leia mais no Oficina da Net: Usabilidade: Desenvolvimento de Menus Com Foco No Usuário