Livros sobre Design de Interfaces Web

Frequentemente alguém me pede dicas de livros sobre Design de Interfaces e eu, que tenho/leio vários, nunca consigo listar de imediato, sempre me pegam de surpresa. Por isso, resolvi vascular com calma a minha "mini biblioteca pessoal" (bom, a maioria dos livros deste post estão lá) e indicar boas opções de livros sobre design de interface e usabilidade, desde o básico até o avançado.

Design para Quem Não é Designer
Robin Williams, 2005, Editora Callis


Review do Submarino:

O livro introduz ao design e a diagramação, através dos 4 princípios básicos do design: proximidade, alinhamento, repetição e contraste. Usando exemplos de "antes" e "depois", estimula o leitor a fazer suas próprias experiências. Traz também o básico sobre: tipologia, serifa, estilo, peso, tamanho.

Não Me Faça Pensar
Steve Krug, 2007 (2ª Edição), Editora Alta Books

Uma leitura muio agradável e divertida para quem deseja conhecer a usabilidade, contendo diversos exemplos práticos de como abordar a usabilidade em seus projetos. A segunda edição também aborda a questão da acessibilidade e algumas "receitas de bolo" para lidar com os caprichos do chefe que podem acabar prejudicando a usabilidade.

Design para a Internet: Projetando a Experiência Perfeita
Felipe Memória, 2005, Editora Campus/Elsevier

Um excelente livro do designer Felipe Memória que vai desde a arquitetura de informação até alguns princípios do design de interação, passando por padrões de interface e formatação de conteúdo. O livro contém estudos de casos da BBC, Ideo e, principalmente, da Globo.com, onde ele trabalhava na época.

Ergodesign e Arquitetura de Informação: Trabalhando com o Usuário
Luiz Agner, 2006, Editora Quartet

Este livro é uma coletânea de artigos acadêmicos do Luiz Agner sobre arquitetura de informação, design de interface e usabilidade. Apresenta um conteúdo excelente e leitura agradável que não fica redundante acerca de um único assunto, por tratar de várias questões referentes a arquitetura de informação, usabilidade e design em diferentes escopos, sendo uma leitura recomedada tanto para designers quando para gerentes de TI.

Usabilidade na Web: Projetando Websites com Qualidade
Jakob Nielsen; Hoa Loranger, 2007, Editora Campus

Livros do Jakob Nielsen são leitura obrigatória para quem deseja trabalhar com usabilidade e design de interfaces. Neste livro, Nielsen e Loranger abordam vários tópicos sobre a usabilidade de interfaces web, entre eles: experiência do usuário, arquitetura de informação, navegação, busca, tipografia, redação. Este conceitos podem ser utilizados como diretrizes tanto por designer quanto por analistas de usabilidade.

The Smashing Book
Smashing Magazine, 2009, Editora Smashing Media GmbH

O Smashing Book que eu possuo é a primeira edição (eles lançaram a segunda no início deste ano), mas há conteúdo excelente e, arrisco dizer, atemporal. Ele aborda vários conceitos acerca do design, desde CSS até marketing, passando por design de aplicações, tipografia, usabilidade, cores e SEO.

Designing Interfaces: Patterns for Effective Interaction Design
Jenifer Tidwell, 2005, Editora O'Reilly Media

O livro trata sobre o design de interface e de interação por meio de padrões (patterns) e possuir exemplos reais categorizados de interface patterns para aplicações desktop, website, mobile, entre outros. A segunda edição já foi lançada e conta com novos padrões e um novo site para apresentação de alguns destes padrões.

Tem alguma sugestão? Publique nos comentários, quem sabe não sai a parte 2 ;)

Não deixe de conferir também a resenha de outros livros sobre Web Design feitas aqui no blog:
Princípios do Web Design Maravilhoso
Use a Cabeça! Web Design

Leia mais sobre Livros sobre Design de Interfaces Web »

Resenha: Linguagens do Web Design

Livro: Linguagens do Web Design

Autor: Fátima Aparecida dos Santos

Ano: 2008

Editora: Blucher Acadêmico

As resenhas apresentadas neste blog até o momento são de livre e espontânea vontade e não foram patrocinadas nem possuem vínculo com a editora ou os autores da publicação. A intenção é apenas trazer uma descrição minuciosa de títulos da área que sejam de interesse da comunidade de web design.

O livro "Linguagens do Web Design" é resultado da dissertação de mestrado de Santos, defendida em 2002 pela Pontifícia Universidade Católica (PUC-SP). É um título diferenciado sobre web design pois resulta de uma produção científica e deve ser analisado como tal.

No livro, a autora traduz o web design de outra forma, quase como um acerto de contas com a literatura apoiada sob uma reflexão acerca do que constitui o web design. Esta reflexão é conduzida por meio de uma investigação científica, cuja metodologia visa conectar o design em sua concepção original com a web e os aspectos de linguagem e comunicação.
O resultado desta investigação científica situa, em princípio, a internet com elemento midiático que converge características de vários meios de comunicação e que, portanto, possui uma linguagem própria para se comunicar. Esta linguagem não é arbitrária, mas sim uma miscelânea e códigos e signos que deve ser compreendida para que a mensagem seja corretamente transmitida.
O livro instiga o leitor a desvendar melhor este outro ponto de vista sobre o web design, enquanto sendo uma metodologia para projetar um artefato de comunicação, traçando o web design como meio de transmissão de mensagens e abordando o usuário como receptor desta mensagem que deve falar a linguagem de seus intérpretes para destrinchar s web sob uma perspectiva semiótica. Esta perspectiva semiótica é importante para que este conhecimento se faça entender, demonstrando que o design deve tratar o uso correto dos códigos de diferentes linguagens de comunicação para trazer significado à mensagem.
A autora distingue que o conjunto de códigos e processos de transmissão de mensagem e recursos multimídia são diferentes de outros meios e pode ter perda de contexto.
Alguns pontos em que a autora peca é justamente sobre a linguagem. Possivelmente ela não domina aspectos relacionados à programação e comete alguns enganos, especialmente no Capítulo 1, mas que podem ser facilmente ignorados. Aparecem gafes como "linguagem de programação ou sistema de orientação a objetos" (o correto é programação orientada a objetos e o termo não é análogo à linguagem de programação), "programar significa prever o que o usuário fará, quais serão as regiões que o atrairão" (isto tem muito mais a ver com design e usabilidade do que com programação), "essa programação articula-se com a condição 'if' (se)" (quando na verdade a programação possui também outras estruturas de controle).
Porém, isto não abala o conceito geral sobre o livro, que é inteligível a designers, profissionais de comunicação, redatores e demais profissionais, sejam de web ou não, que desejam entender o papel do design no projeto de comunicação e como ele tem mais a oferecer do que apenas aspectos visuais e interativos. Mas prepare-se: 90% do livro é apenas texto, contando com ilustrações pontuais que aparecem a partir do final do Capítulo 2.
A autora conclui o livro com a exemplificação do design de diversos sites, descompondo os diversos códigos presentes em cada um e qual a sua semântica cognitivas e contextualização semiótica, evidenciando e descrevendo o enlace destas linguagens.

Leia mais sobre Resenha: Linguagens do Web Design »

[pt-br] Resenha: "Princípios do Web Design Maravilhoso"

Livro: Princípios do Web Design Maravilhoso (Principles of Beautiful Web Design)

Autor: Jason Beaird

Ano: 2008

Editora: Alta Books / Site Point

Como fazer um design agradável? Quais cores escolher e como combiná-las? A tipografia pode fazer uma grande diferença para transmitir a ideia do site?

Estas e outras indagações pode ser respondidas através de "Princípios do Web Design Maravilhoso", mais um título da Site Point, que vem se consolidando com suas publicações sobre design e desenvolvimento web. É um obra essencialmente sobre design (composição, cor, textura, tipografia e imagens) e justamente bem focado nestes tópicos.

O livro mostra que um bom design é aquele que atende bem os usuários em termos de funcionalidade e também apresente um visual atrativo, equacionando o lado estético e funcional como uma unidade. Em grande parte do livro, o autor traz abordagens do design gráfico de modo aplicado ao design pra web através de uma visão mais objetiva.

O primeiro capítulo apresenta conceitos de composição do layout. São descritos os elementos mais comuns que compõem uma página web e qual sua função, como trabalhar com grids e aspectos de teoria de design (especialmente relacionados com a gestalt) como unidade, proporção e equilíbrio. Mas também são abordados conceitos mais específicos do design para a web, como resolução de telas, layouts líquidos e fixos. Os capítulos seguintes tratam de tópicos mais específicos: cor, textura, tipografia e imagem, passeando pela teoria e prática de uma forma bem fluida.

A linguagem utilizada é de fácil compreensão e propicia uma leitura agradável. Os gráficos são bons, com ilustrações mais abstratas nos primeiros capítulos para demonstração dos conceitos de teoria do design, mas também há ilustrações mais objetivas exemplificadas em screenshots de websites. O livro é recheado de referências a artigos e possui dicas de vários sites e ferramentas online que estendem o conteúdo apresentado.

Como tantos outros títulos, o livro também é orientado a projeto e a cada capítulo o layout utilizado como exemplo ganha forma e possibilita fixar a teoria vista no capítulo. O livro mostra também de uma forma sutil como se atentar a detalhes e como o refinamento do processo de design está atrelado a estes detalhes que fazem toda a diferença.

Recomendo para web designers que desejam se aprofundar em aspectos teóricos do design ou desenvolvedores front-end e programadores que desejem compreender melhor o design além do CSS e Photoshop.

Um dos únicos problemas do livro talvez seja a tradução do título, que promete mais do que o livro realmente oferece, mas não chega a ser algo crítico, apenas pode decepcionar o que forem ler o livro com grandes expectativas.

No final, pode-se ver que "Princípios do Web Design Maravilhoso" não trata o design somente como um aspecto para melhorar a estética de um website, mas como um artefato para aprimorar a comunicação do site com o público-alvo e transmitir melhor a ideia do site.

Leia mais sobre [pt-br] Resenha: "Princípios do Web Design Maravilhoso" »

[pt-br] Resenha: "Use a cabeça! Web Design"

Livro: Use a Cabeça! Web Design (Head First Web Design)
Autores: Ethan Watrall e Jeff Siarto
Ano: 2009
Editora: Alta Books / O'Reilly

O livro "Use a Cabeça! Web Design" cobre de modo inteligente e divertido vários aspectos do design de um website, desde o levantamento de informações até a acessibilidade.

Ao longo dos capítulos, são simuladas situações utilizando personagens que representam clientes e profissionais com um determinado problema de design, onde você deve encontrar uma solução. E este é um dos pontos fortes do livro: as atividades práticas, onde você deve tomar notas e pensar em soluções para problemas que, em sua maioria, são pertinentes à rotina de web designers. Algumas destas atividades também permite que você faça uma reflexão de questões apresentadas. Praticamente todas as atividades têm solução, mas o interessante é fazê-las e botar a cabeça pra funcionar.

Com uma linguagem simples e prática, Watrall e Siarto explanam e exemplificam o processo de criação de um website, começando pelo levantamento de informações e arquitetura de informação e depois passando pela prototipação de layout, conceitos básicos de web writing, acessibilidade, navegação e usabilidade. Estes conceitos não são abordados com um nível de profundidade que teria em um livro específico sobre cada assunto, mas a cobertura dada aos tópicos juntamente com as atividades práticas conferem uma boa noção sobre cada aspecto.

Apesar da linguagem simples, o livro tem diversos erros de tradução, como "um livro Web Design" ("um livro de Web Design"), "classificação de fichas" ("cardsorting" já é um termo consolidado, a tradução não facilita a identificação) e certas expressões traduzidas de forma literal que não fazem sentido.

Além disso, no início do livro, perdem-se muitas páginas explicando o que é o método "Head First" da série homônima e como o livro deve ser utilizado pelo leitor que o tem em mãos. Não sei como este capítulo é disposto nos demais títulos da série, mas acredito que não sejam necessárias tantas explicações sobre metacognição, como treinar seu cérebro e como utilizar o livro. Estas informações podem ser importantes como um complemento e, portanto, poderiam ser resumidas durante a introdução e serem apresentadas de modo mais intuitivo ao longo das atividades do livro.

Grande parte das ilustrações se encontram em preto e branco, o que acaba deixando algumas passagens um pouco desinteressantes, mas há uma seção de imagens coloridas ao final do livro. Felizmente, o capítulo sobre cores é totalmente colorido, mas fica inconsistente com o restante da obra, todos os capítulos poderiam ser assim.

Tirando estes pequenos percalços, o livro trata de questões bem atuais e esclarecem muitas dúvidas que permeiam a cabeça dos web designers iniciantes, como frameworks CSS e jQuery. Em todos os capítulos há a seção "Não existem perguntas idiotas", justamente com as dúvidas mais comuns.

É preciso ressaltar que "Use a Cabeça! Web Design" não é para aqueles que não possuem conhecimento em XHTML e CSS (aliás, é um pré-requisito explicitado no livro), mas sim para quem deseja aprender o processo de design de websites. Também não é um livro para ler de um dia para outro, em virtude dos exercícios práticos, mas indico como primeira leitura àqueles que estão começando na área e querem aprender web design de modo prático e com uma linguagem acessível.

Um ponto bem interessante aos novatos no final do livro: definição dos diferentes tipos de profissionais web (Designer Front-End, Arquiteto de Informação, Designer de Experiência do Usuário, Designer Gráfico, Redator e Programador). Logo após, há um pequeno teste, ainda que superficial, que pode lhe ajudar a descobrir qual função com a qual você mais se identifica.

Leia mais sobre [pt-br] Resenha: "Use a cabeça! Web Design" »