Quais são alguns erros comuns que um designer pode cometer ao projetar para a Web e como eles podem ser evitados?


9

Quais são alguns erros comuns a serem evitados ao projetar? Sei que cor, texto e imagens desempenham um papel importante no design, mas há tantas outras coisas que precisamos cuidar! Eu não sei essas outras coisas, mas sei que existem tantas ...

Muitas vezes obtemos o resultado final com erros (menor-maior-visível-oculto) ...

Então, minha pergunta é:

  • Quais são alguns dos erros comuns que cometemos? (você também está incluído, querida) (não é como se ninguém cometa erros, todo mundo comete)
  • Como posso evitar esses erros?

Respostas:


24

Sim, essa pergunta é incrivelmente ampla. Talvez esteja tudo bem como um artigo wiki.

Para iniciantes, você precisa definir 'nós'. Há muitas, muitas pessoas e funções envolvidas na criação de sites e todas elas tendem a ter diferentes erros comuns.

Aqui estão alguns problemas que eu tenho visto que parecem surgir repetidamente:

  • Falha ao definir adequadamente os objetivos da empresa para o site.

  • Falha na definição adequada dos principais indicadores de desempenho e subseqüente falha na implementação de sistemas para medir o sucesso do site com base neles.

  • Projetando para as necessidades do cliente, e não para as necessidades dos clientes.

  • Não envolver as pessoas necessárias, ou pelo menos considerar a tarefa pelo aspecto de todas as funções necessárias.

    Aspectos técnicos de gestão de produtos, análise de negócios, marketing, direitos autorais, administração de banco de dados, desenvolvimento de back-end, design gráfico, design de interface, design de experiência do usuário, usabilidade, métricas, SEO, e mais, devem todos ser considerados.

  • Deixar de planejar ou pelo menos esboçar o design.

  • Esquecendo-se dos princípios de design web adaptável e responsivo.

  • Esquecendo-se de projetar para dispositivos com telas de tamanhos e resoluções variados.

  • Deixar de considerar todos os fatores que afetam as velocidades de carregamento da página durante o estágio de planejamento e não testar a velocidade durante o desenvolvimento.

    Erros comuns incluem carregar gráficos altamente detalhados em condições abaixo do ideal (por exemplo, como imagem de fundo) e, em geral, simplesmente fazer o download de muitos ativos grandes sem otimizar as condições de carregamento.

  • Usando wireframes como documentação, em vez dos esboços para os quais eles devem ser usados.

  • Não usar métodos ágeis durante o desenvolvimento.

  • Projeto excessivo, um efeito colateral muito comum de não usar métodos Agile.

  • Escolhendo tecnologias em vez de soluções.

    Por exemplo, escolhendo um produto corporativo por todos os motivos que o tornam bom; mesmo aqueles que não se aplicam a você; em vez de questionar se é capaz de resolver os problemas específicos que você deseja, também.

  • Esquecendo sobre direitos autorais / conteúdo. Isso precisa vir no início do processo - não mais tarde.

  • Criando um arquivo do PhotoShop em vez de uma página da Web real.

    Quando focado apenas no Photoshop, não se considera fatores como variações de fonte, outros dispositivos, tamanhos de tela, conteúdo refletido, design de interação e muitos outros.

  • Projetar um arquivo flash ou idéias estranhas que só podem ser alcançadas com um arquivo flash, em vez de um site amigável para SEO, cheio de conteúdo legível.

  • Construir o design do site em funcionamento, com foco em um navegador específico, em vez de testar continuamente o maior número possível de navegadores.

  • Deixar de aplicar os princípios de acessibilidade ao planejar, projetar e implementar o site.

  • Esperar demais para envolver os usuários e, muitas vezes, encontrar algo precisa ser mudado que você poderia saber antes.


4
Se classificássemos as perguntas pela qualidade das respostas que elas produzem, esta estaria no topo da lista. Resposta fantástica.
Alan Gilbertson

11
Aceito eu muitos deste :( desejo que eu posso até votar isso duas vezes ...
Jack

11
o que significa "Projetar um arquivo do photoshop em vez de um site" significa? muitos efeitos? você pode expandir um pouco essa bala?
Lauren-Clear-Monica-Ipsum

2
@lauren Refiro-me principalmente a gastar todo o tempo visualmente projetando o site no Photoshop, em vez de HTML, CSS e JS. Quando focado apenas no Photoshop, uma vez que não considera coisas como variações de fonte, outros dispositivos, tamanhos de tela, conteúdo
refletindo

11
@user vai em frente!
DA01

3

Eu acho que um erro muito comum em web design é evidente na web móvel.

Se você navegar na Web em um pequeno dispositivo móvel, como iPhone ou BlackBerry, notará que às vezes os botões são muito pequenos.

Agora, esse nem sempre é o botão propriamente dito, mas um erro cometido é que muitas vezes não há espaço suficiente ao redor do botão.

Vamos supor que estamos fazendo uma pesquisa e há um botão voltar e um próximo botão ao lado do outro, eles precisam de espaço para respirar, para que o usuário possa pressionar o botão e não tocar no errado por acidente.

Isso é algo comum e uma consideração importante no design de email para o usuário móvel.


Acho que isso é verdade nos sites móveis do SE. Eu toco constantemente no link "fazer pergunta" quando pretendo obter o menu suspenso da conta de usuário.
Farray

2

Acho que a resposta do DA01 já é uma excelente lista de coisas a considerar. Estou adicionando minha resposta tanto porque é importante quanto para responder à pergunta, pois eu realmente gostaria de ver mais respostas para isso.

Outra consideração muito importante na criação de um site é a velocidade. Estar ciente de todos os fatores que afetam a velocidade de carregamento da página antes de começar a projetar deve ajudar a garantir que você não gaste muito tempo criando gráficos e arquitetura que você precisará mudar completamente depois, pois o site leva 30 segundos (exemplo extremo) para carga.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.