Design funcional significa adequar as necessidades do cliente aos desejos do usuário, para que as tarefas sejam realizadas de uma maneira fácil, intuitiva e gratificante. Não é pouca coisa.
A maior frustração dos designers que migraram para a web na época da bolha era enfrentar as limitações do HTML. Era impossível ter o mesmo controle que tinham no meio impresso ao produzir seus sites. A regra da época era reinventar roda. Jogue fora os velhos tags HTML. Substitua–os pelos conceitos e pelas técnicas que se seguem, pregava David Siegel no seu bestseller “Creating Killer Web Sites”. Entre as técnicas que seguiam, podíamos encontrar coisas como o uso indiscriminado de imagens no lugar de texto, o uso de tabelas para o layout e o famoso GIF transparente, entre outros.
Na contramão dessa corrente, Jakob Nielsen, defendia o enfoque “engenheiro” de se fazer design. Existem duas abordagens fundamentais ao design: o ideal artístico de expressar–se e o ideal da engenharia de resolver um problema do cliente, dizia em seu livro “Designing Web Usability”. Para Nielsen, apenas o modo engenheiro poderia produzir resultados positivos.
Essa polêmica colocou a usabilidade e o design em lados opostos, criando um paradigma um tanto quanto estranho no mercado de design digital. No final, o resultado da soma da usabilidade mais o design sempre tendia a zero.
Nessa época, era muito comum no início de cada projeto definir qual dos lados seria priorizado. Sites totalmente textuais e até sites exclusivamente baseados em imagens foram produzidos e colocados no ar para testar os limites dessa equação.
Mas os anos passaram, a bolha estourou, e os profissionais dos dois lados dessa “Jihad” tecnológica precisaram cair na real. Experimentalismo e radicalismo deixaram de suprir a necessidade dos clientes, cada vez mais bem informados e focados no resultado. Hoje, o design baseado em apenas uma dessas correntes está fadado ao fracasso. Qualquer website, de qualquer área, precisa ter um design funcional.
Design funcional nada mais é do que colocar todo o conhecimento disponível a serviço do desenvolvimento da interface, e não contra. É um design ponderado e bem estudado, levando em conta todo o conhecimento das seguintes áreas:
Usabilidade Garante a facilidade de uso, tornando a interação uma tarefa simples, objetiva e agradável.
Arquitetura da informação Organiza a informação de maneira clara e objetiva, de acordo com público alvo, facilitando o acesso à informação.
Acessibilidade Uso de técnicas adequadas para garantir que qualquer usuário, independente de necessidades especiais, acesse o conteúdo.
Marketing Adequação da interface às estratégias e objetivos de marketing e comunicação do cliente, criando uma interface extremamente eficiente.
Design gráfico Maximiza a experiência do usuário, auxiliando a realização das tarefas e a exposição da marca do cliente.
Tecnologia Escolha correta de tecnologia garante a compatibilidade com os mais diversos meios de acesso e a versatilidade da interface.
O segredo do design funcional é adequar as necessidades do cliente aos desejos do usuário, possibilitando a realização de tarefas de uma maneira fácil, intuitiva e gratificante. É como um canivete suíço: do tamanho do seu bolso, com as ferramentas adequadas às suas tarefas, fácil de usar e ainda por cima é extremamente bonito.
Esqueça os modismos, os nomes bonitos e os discursos quase religiosos. Você não precisa ser um especialista para aproveitar a essência da teoria de cada área e aplicar no seu trabalho, no seu dia–a–dia. Seja você um designer, arquiteto, analista ou programador, use todo esse vasto conhecimento para melhorar cada vez mais a qualidade do seu trabalho. Seu usuário agradece.
———————————————————————————————-
Este artigo foi publicado em 2005 no Webinsider. Ele tem um conceito bastante interessante. E como continua bem atual, resolvi publicar por aqui.
Depois de alguns meses utilizando em tema pronto pescado lá no wordpress.org, o Blog da Karla (que está fazendo um grande sucesso na área de sustentabilidade), ganhou um novo tema, com layout exclusivo feito por mim.
Um dos desafios mais interessantes desse tema foi conseguir mesclar o blog e a área “institucional” do site, fazendo as duas áreas conviverem em paz. Além do Blog foram produzidos cartões de visitas e folders seguindo a mesma linha, tendo a imagem do fundo como elemento principal.
É muito divertido ver a globalização na prática, principalmente quando você está incluído na história. Imagine só um restaurante sueco, que pretende abrir novos restaurantes na Europa e Estados Unidos, contratar um designer brasileiro para desenhar sua nova marca. Foi isso que aconteceu comigo este mês, e o resultado você pode ver logo abaixo:
O conceito deles é muito interessante. Você vai até o restaurante, normalmente em grupo, e vai poder preparar o seu próprio jantar, com auxilio de Chefs com exeriência internacional. Por isso a idéia principal do logo era não posiciona-los como um simples restaurante, e sim mostrar que se trata de uma experiência bem mais completa.
Veja o vídeo a seguir para entender melhor como funciona (no vídeo o restaurante ainda tem a marca antiga):
Nesse final de semana dediquei algumas horas para refazer o tema do Euquero!.
Desde que comecei o blog, em outubro do ano passado, ele tinha um tema feito de qualquer jeito, meio sem planejamento, sem estudo…
Dessa vez gastei um tempinho planejando as coisas, estudando cores, imagens, fontes e distribuição das informações. O tempo foi curto, mas o resultado ficou bem legal.
E aproveitando a mudança, resolvi fazer uma pequena promoção no Blog, sorteando um brinde entre os leitores. Espero você por lá, para conhecer o novo tema e participar da promoção:
Já falei aqui em outro post que não consigo mais assistir os jogos de futebol sem meu notebook para acompanhar toda a movimentação do twitter. Hoje por exemplo, horas antes de Corinthians e Santos, já dá pra perceber que os corintianos não estão muito empolgados, o que me faz prever um jogo difícil para eles.
E esse habito já virou rotina, e ultimamente tenho descoberto serviços muito legais que complementam as monótonas transmissões esportivas da TV.
No mundial de atletismo, realizado mês passado, pude acompanhar diretamente do site do evento o andamento de cada prova vendo os tempos das volta, os tempos de reação dos atletas as largadas e as façanhas de Usain Bolt, que só mesmo vendo por escrito para acreditar.
No US Open, que está acontecendo hoje e vai até dia 13 de setembro, você pode acompanhar no site do evento o andamento da partida ponto a ponto, e as estatísticas detalhadas atualizadas em tempo real.
Tela de acompanhamento de um jogo do US Open
Já nas corridas da Formula 1 pouca gente sabe, mas você pode ter acesso ao monitor de tempo, com os mesmos dados usados pelas equipes ou pelos narradores da Globo. Basta acessar o site da Formula 1, durante a realização dos treinos e corridas, e procurar pelo link “live timing”.
Monitor de tempo da F1, durante a corrida da Bélgica
E você, usa algum serviço desse tipo escondido em algum site? Deixe sua dica aí nos comentários.
Surgiu a primeira pista sobre o desaparecimento do cantor Belchior.
Segundo fontes não muito seguras ele estaria trabalhando nos escritórios da Microsoft na Polonia, como prova esta foto:
Brincadeiras a parte, conheça a trapalhada racista feita pela Microsoft da Polônia no Blog do Érico e no Dieblinkenlights.
As redes sociais tornaram simples e fácil criar pseudo movimentos e engajamentos superficiais. Hoje, basta criar uma hashtag no twitter pra chamar de “movimento”.
É triste ver temas sérios e polêmicos tratados de forma tão rasa e servindo de trampolim para pessoas conquistarem espaço na mídia. Não deveria ser ao contrário?
Gosto de lembrar um evento acontecido em 1990, quando a internet ainda dava seus primeiros passos, ainda limitada ao mundo acadêmico, e a ecologia era vista apenas como coisa de pessoas doidas e desocupadas. Nessa época uma das minhas bandas preferidas, a australiana Midnight Oil, fazia shows pelo mundo cantando músicas com muitas críticas políticas, socias e ecológicas.
Foi nessa época que aconteceu um dos maiores acidentes ecólogicos que se tem notícia. O Petroleiro Exxon Valdez, da compania americana ExxonMobil, derramou uma quantia absurda de óleo no mar, matando, segundo estimativas, mais de 250.000 pássaros marinhos, 2.800 lontras marinhas, 250 águias, 22 orcas, e bilhões de ovos de salmão.
Ao invés de criar uma hashtag ou dizer para os amigos que estavam muito bravos, Peter Garret, Rob Hirst e compania pegaram seus instrumentos e foram para Nova Yorque, onde fizeram um show de protesto em frente ao Exxon Building, como você pode ver no vídeo a seguir:
Uma verdadeira aula de como criar um protesto ou movimento. Fica aí uma lição pra muita gente que tem usado a internet como fim e não como meio. Use seu talento, sua habilidade e sua fama como alavanca, seja você mesmo sua hashtag. A internet é so mais uma ferramenta.
Neste final de semana perdi um tempo para atualizar o tema aplicado nos livros de receitas do Guia do Cozinheiro. Acho que finalmente acertei o caminho. O tema ficou bem leve, bonito e rola até em resoluções menores (800×600), afinal preciso acessá-lo do meu N800 diretamente da cozinha.
Pra quem ainda não conhece, o Guia do Cozinheiro utiliza o WordPress para gerenciar livros de receitas como este daqui: http://www.guiadocozinheiro.com.br/andre.
Ainda tá em versão beta, mas já tá funcionando direitinho. Se alguem gosta de cozinhar e está a fim de um livro de receitas é só entrar em contato que crio uma conta. Mas é pra usar, e de preferência mandar sugestões de melhorias.
Nessa semana, depois de muito tempo consegui finalizar o logotipo para o evento que vamos realizar no final do ano, o Plone Symposium South América. O evento é um esforço da Simples Consultoria e da Menttes para a realização de um evento de Plone de porte na América do Sul.
O logo faz uma pequena referência ao logo do Plone e ao mapa da América do Sul, utilizando o azul padrão do Plone e uma cor complementar para ajudar no destaque.
Além do logo, finalizamos na sequência o tema do site (obviamente feito em Plone), utilizando uma aplicação bem interessante do logo:
Aplicação do logo no tema do site do Plone Symposium South America
Aos interessados em patrocinar ou participar do evento, visite o site e acompanhe as novidades, que deverão ser grandes nos próximos dias:
Além do logo, finalizamos na sequência o tema do site (obviamente feito em Plone), utilizando uma aplicação bem interessante do logo:
