Design Blog - Blog de design gráfico, web design e universo freelancer.

Criativosfera - A comunidade restrita apenas aos melhores profissionais criativos

5 dicas de design que se aprende com a Apple

Por | 26 de fevereiro de 2010 | Tags: , , , , | 17 Comentários

Publicidade

Eu gosto do Windows, especialmente o XP (embora agora eu seja 100% Mac). Durante anos usei ele e não tenho nada contra produtos Microsoft. Mas convenhamos que, em termos de design, a Apple está muito mais a frente da gigante MS. Eis 5 coisas que podemos aprender com a Apple em relação a design de interfaces.

Mantenha-o simples

Veja o site da Apple. Não pense no que você vê, mas no que não vê. Vou dar uma dica: você não vê tudo que você vê neste site do Microsoft Office. A resposta é poluição visual. A página inicial deve nos dizer tudo sobre nossa empresa, falar de todos os nossos produtos nos mínimos detalhes, listar todas as vantagens do produto e deixar o logo no maior tamanho possível. Certo? De acordo com a Apple, não.

Apple versus Microsoft

A diferença entre o site da Apple e do MS Office 2010 - diferença gritante

A Apple sacrifica um pouco da usabilidade, fazendo com que o usuário tenha que clicar mais de uma vez para poder visualizar determinada informação apenas para não saturar a tela dele – que no final das contas, seria tão trabalhoso para o usuário filtrar todas as informações em uma página só do que separar de forma que fique fácil de achar.

Use fotos fantásticas

Um dos motivos que levou a Apple a diminuir o uso de gráficos supérfluos, foi para mostrar o que realmente é importante: seus produtos. Olhe as fotos que eles usam; é quase impossível não fixar seus olhos naqueles aparelhos durante vários segundos.

Foto de iMac

Em uma mistura de fotografia profissional, renderização 3D e, claro, Photoshop, as imagens realmente chamam a atenção. Outro detalhe são os tamanhos das imagens; ocupam boa parte da tela. De nada adianta passar horas editando uma foto para que fique super legal apenas para diminuí-la a um tamanho de thumbnail e colocar no site.

É possível aprender que não basta tirar uma foto e jogar no site (ou folder, revista, etc) de qualquer maneira. Gaste um pouco mais de tempo (ou dinheiro, contratando alguém que saiba fazer algo incrível) e faça algo fantástico.

O contraste é a chave

Outra coisa que faz com que as fotos de produtos da Apple sejam tão incríveis é o ambiente no qual estão contidas. O cérebro humano ama contraste. É o motivo da gente ficar impressionado com o pico de uma montanha no horizonte, acima de um oceano. É o que faz a gente ficar com água na boca ao ver aquele iPhone preto brilhante em um fundo branco. É aconselhado que você sempre procure utilizar o contraste seletivo em tudo que você criar. Que seja contraste de cor, tamanho, peso de fonte, etc.

itunes

Dê atenção aos detalhes

A Apple parece focar bastante nos detalhes. Todos os pixels de seu site e afins são planejados. Nunca caia na armadilha de dizer “ninguém vai notar” ou “tá bom o suficiente”. Muitas vezes é o tempo gasto com os mínimos detalhes que separam os bons designers dos ótimos designers.

Não acredita em detalhes? Veja a região dos logos de redes sociais do site do Microsoft Office e me diga que não te deu um frio na espinha.

microsoft-argh

Ai ai...

Crie propagandas instrutivas

Para reforçar a mensagem que o mouse possui uma superfície multi-toque, a Apple criou a imagem abaixo. Mesmo sem o título, quase todo mundo consegue compreender o que está acontecendo na figura e conseqüentemente entendem como usar essa nova tecnologia com a qual não estão acostumados.

Propaganda de mouse

No entanto, a Apple vai muito além de ilustrações. Praticamente qualquer pedaço de hardware e software no site deles possui um vídeo explicativo. Isto ajuda horrores na hora de reduzir o suporte técnico a questões freqüentes. Toda vez que algum convertido ao mundo da maçã me faz uma pergunta (como sou usuário de Mac, muitos me vêem como um suporte gratuito ao sistema), aconselho visualizar os vídeos pois eles fornecem uma melhor explicação e entendimento do que um e-mail ou conversa via telefone poderia. Dê uma olhada na biblioteca de vídeos institucionais da Apple para ver como funciona.

Em resumo

A Apple Inc. é basicamente sinônimo de “design classudo”. Existe muito que podemos observar destas obras de arte que vão além de imitar o efeito de reflexo que eles colocam em tudo. Essas dicas foram dadas para serem aplicadas no seu próprio trabalho de maneira única. Use elas como inspiração.

Toda vez que alguém menciona a Apple é normal ter fiéis e odiadores, prontos para mostrarem seu amor ou ódio ao método de design da Apple. Você é qual deles? E por quê? Deixe um comentário abaixo!

Confira mais 10 dicas no Design Shack (ING)


Gostou? Por favor, compartilhe!


Canha

Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área a 11 anos.

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • http://www.criaideias.com.br/ Gustavo Guichard

    Eaí Canha, adoro seu blog, tenho prazer de sair do RSS e entrar no Blog mesmo só pelo exemplo de organização que é o teu design.
    Mas to comentando na real pra dizer que no teu resumo do enunciado tu fala em 15 coisas que podemos aprender quando na verdade o são 5 e o título está correto ;)

  • http://gimplab.wordpress.com/ Robson

    [...]frente da gigante MS. Eis 15 coisas que podemos[...]
    na verdade são 5 coisas!!!

    Ótimo artigo!!

  • http://www.joaobem.biz/site design gráfico aveiro

    A apple é uma óptima fonte de inspiração.
    Quando nos esquecermos de algum exemplo básico basta olhar a imagem da Apple e parece que estamos a ver uma manual de bom gosto. :)

  • http://www.criaideias.com.br/ Gustavo Guichard

    Agora que li o artigo:
    Parabéns! Ótimo artigo, inspirou-me.
    Geralmente o pessoal se atém ao efeito de reflexo mesmo ou a um efeito de jQuery slider, mas tem algo no site da Apple que inspira… é ele todo, a experiência do usuário. Até não concordo que eles sacrificaram a usabilidade do site, pois eu acho que ela aumenta quando se tem mais clareza e não nos sentimos confusos.
    Um feature que admiro muito no site deles é a busca inteligente que nos faz sentir no próprio Finder.

  • http://design.blog.br Canha

    Gustavo, valeu pela dica. Corrigido ;)

  • bruno silva torelli

    concorda com tudo que vc disse.
    a idéia do simples atuando no meio da confusão, o jeito de se destacar através do básico é uma arte para poucos, mas não é todo o site que é uma maravilha não…
    http://www.apple.com/mac/

  • Cristiano

    Realmente a apple é um caso de amor e ódio.
    Eu amo a aparência e odeio a usabilidade!

  • http://www.estudioartros.xpg.com.br tiago

    Canha gostei muito da materia e ja há bastante tempo acompanho o blog e me mudei pro mundo Mac a mais ou menos uns 2 meses e o que eu me impressionou bastante e que sempre gostei foi a simplicidade de fazer as coisas nele. E com o site não é diferente, podemos dizer que o site é a extensão do computador, e pra quem não tem um mac, o próprio site dá um gostinho de como é simples um mac…e normalmente simplicidade bem aplicada fica um luxo só!

  • Toni Rodrigues

    primeiro quero dizer que gostei do blog;
    sou umreem convertido ao mundo da maçã,e não é só no design que
    éla se destaca mas em tudo no que se diz respeito a esperiencia do
    usuário,aconselho a todos que ainda não leram darem uma lida no livro;a cabeça de Stve Jobs,e no comercial da Apple “pense diferente” no youtube http://www.youtube.com/watch?v=PlnaNWEJBaM

  • http://www.falesaga.com.br André Marques

    muito legal… não aguento mais sites que mais parecem dicionarios…

  • Felipe Rodrigues

    Ótimo post Canha…
    verdade seja dita, a simplicidade é talvez o melhor dos detalhes da grande maioria dos trabalhos…
    a apple é prova disso… Steve Jobs é a prova em pele, osso, jeans e uma camisa preta. simples assim!

  • http://www.bahiadez.com Renato

    É uma fonte de inspiração só em trabalhar olhando a tela do MAC!

  • Pingback: 5 dicas de design que se aprende com a Apple - Cento e Vinte

  • Pingback: Design Blog Podcast – Episódio 02 | Aria Web Design

  • http://realgraph.blogspot.com @realeverson

    Essa história Assemelha-se a do Windows seven c/ o linux. O windows Seven passou a imitar a interface do linux. Assim como o internet Explorer a Mozilla. cada um tem seu estilo, nesses dias a Microsoft segue a apple

  • Pingback: Studio Eureka

  • Jordana Lima

    O Design da Aplle é fascinante msm. Lendo esse post me lembrei de uma coisa que li no livro do Facebook que dizia que ele(o Facebook) era clean/simples mas com um conceito brilhante.
    Admiro muito designs assim. É comum ver por aí muita gente que faz trabalhor cheios de técnica, como se quisessem mostrar tudo o que sabem num só projeto e esquecem do conceito ou da harmonia das coisas.