Tarlis Portela Web Design DESIGN DE SITE

Transcrição

1 Tarlis Portela Web Design DESIGN DE SITE

2 Web Design HOMEPAGE 01

3 01 É o patrimônio mais valioso da humanidade; Investimentos de milhões de dólares em um espaço com menos de um metro quadrado; A homepage é a face de qualquer empresa para o mundo.

4 01 Antes de fechar qualquer negócio com a empresa, os clientes possivelmente visitarão a Internet para certificar-se que a empresa tem uma presença na Web; A homepage é a página mais importante de qualquer Website, sendo mais visualizada que qualquer outra página.

5 01 Mesmo que os usuários não entrem no site diretamente pela homepage, uma de suas primeiras ações ao chegar no site é ir para homepage; Jamais animar elementos críticos da página, tais como logotipos, slogans ou títulos. Os usuários terão dificuldades em vê-los.

6 01 Não utilize componentes de interface como parte da tela, a menos que eles sejam clicáveis; Ex: Uso de marcadores gráficos ao lado de texto; Não utilizar telas splash, e evitar janelas pop-up. Irritam o usuário e muitas vezes eles passam direto por elas ou abandonam o site.

7 Web Design NAVEGAÇÃO 02

8 02 Alocar a área de navegação principal em um local bastante destacado, de preferência imediatamente ao lado esquerdo do corpo principal da página (em países ocidentais); Não disponibilizar diversas áreas de navegação para o mesmo tipo de link; Não incluir um link ativo para homepage na própria homepage.

9 02 Se existir um recurso de carrinho de compras em seu site, incluir este recurso na homepage. Deste modo os usuários poderão ter sempre disponível este recurso sem precisar de muito esforço de navegação; Mantenha uniformidade das facilidades de navegação; Mapa do site deve ser utilizado desde que seja útil ao usuário, possível dinâmico, onde o usuário possa saber onde está.

10 02 Forneça informações sobre o contexto em que se encontra o usuário. Utilize barras de navegação no site: Onde estou? Onde estive? Onde posso ir?

11 02 Mantenha um número de opções de 7 +/- 2 duas opções, isto reduzirá a carga cognitiva do usuário; Mantenha, sempre que possível um número de cliques reduzidos para o usuário chegar as informações que busca.

12 02 Recomendações (número de cliques): 3 Informações importantes ou frequentemente consultadas. 4 ou 5 Para 80% das informações do documento. 7 Para atingir qualquer parte do documento.

13 Web Design CAPACIDADE DE BUSCA 03

14 03 Disponibilizar uma caixa de entrada para pesquisa na homepage, ao invés de oferecer um link para uma página de pesquisa; Utilizar caixas onde os usuários possam ver e editar suas consultas no site (pelo menos 25 caracteres).

15 03 Não rotular a área de pesquisa com um título, use um botão com o rótulo (Buscar/Pesquisar) a direita da caixa; A menos que pesquisas avançadas sejam regra geral no site, forneça pesquisa simples, se necessário forneça um link para acessar a pesquisa avançada ou dicas de pesquisa se existirem.

16 03 A pesquisa na homepage deve pesquisar no site inteiro. Não se deve limitar a capacidade de busca, pois os usuários pressupõem, quase sempre, que a busca é completa; NÃO oferecer o recurso de pesquisar na WEB, no site, caso os usuários necessitem disso eles usarão os seus favoritos, além de tornar a pesquisa mais complexa.

17 Web Design URLS 04

18 04 É fundamental manter a URL da homepage o mais simples e memorizável o possível, evite :., - ; Em sites comerciais a URL deve ser preferencialmente: evitar a utilização de complementos; Verificar se o site responde a: e, empresa.com.br.

19 04 Se possível registrar os nomes de domínio com grafias alternativas, isto evitará erros comuns por parte dos usuários; Ex: Se existirem várias grafias redirecionar sempre para a versão autorizada a partir das demais possíveis.

20 Web Design PUBLICIDADE 05

21 05 Os usuários estão mais espertos e aprendendo a ignorar os anúncios publicitários em sites; Nunca posicionar um anúncio ao lado de itens de alta prioridade, eles farão que estes itens sejam ignorados; Manter anúncios externos (de outras empresas) pequenos e discretos quando comparados ao conteúdo central da homepage.

22 05 Evitar o posicionamento de itens importantes acima de banners, pois normalmente os usuários ignoram tudo o que está acima deles; NÃO dê boas vindas aos usuários (prefira um bom slogan), isto são indícios nostálgicos da época em que existiam poucos sites e o feito merecia uma saudação.

23 Web Design INFORMAÇÕES TÉCNICAS 06

24 06 Créditos, Problemas no site e Tecnologia utilizada Não desperdiçar espaço com créditos relacionados ao mecanismo de pesquisa, empresa do navegador favorito ou com a tecnologia utilizada por trás dos bastidores; Os usuários não estão interessados nos créditos. Se estes créditos forem links para outros sites o usuário poderá clicar acidentalmente e não retornar mais ao site em questão.

25 06 Quanto menos o site puder demonstrar a tecnologia utilizada mais seguro ele estará; Se o site ou parte dele vier a ficar paralisado informar isso claramente na homepage e se possível dar uma estimativa de tempo para resolver o problema; Ter sempre um plano para lidar com o conteúdo crítico do site em caso de emergência, informando o estado de emergência e os principais recursos do site.

26 Web Design PERSONALIZAÇÃO 07

27 07 A personalização pode funcionar bem, desde que não exija nenhum esforço de configuração por parte dos usuários; Não disponibilizar recursos para personalizar a aparência básica da interface, é melhor concentrar-se em recursos que sejam mais eficientes para a maioria dos usuários.

28 07 Se for possível fazer recomendações inteligentes e relevantes, com base no comportamento anterior do usuário, eles ficarão gratos: Livros preferidos: Informações climáticas da região do usuário: my.yahoo.com.

29 Web Design DADOS DO USUÁRIO 08

30 08 Os usuários não gostam de fornecer seus dados na Internet; Se for necessário registrar o usuário, devese explicar as vantagens que ele terá com esse registro; Explique a política de privacidade do site; Não obrigar o usuário a cadastrar endereço de para que recebam boletins não especificados. Se o usuário desejar ele mesmo decidirá por isso.

31 Web Design METÁFORAS 09

32 09 Metáfora é o uso de uma palavra em sentido diferente do próprio por analogia ou semelhança; Em navegação é usada para que o usuário se oriente através de algo familiar, conhecido. Ou seja, em alguns casos, ao invés de usar palavras no menu, utiliza-se imagens que represente o conceito ou ideia!

33 09

34 09 Um exemplo é o site do Cartoon Network, usa apenas ilustrações dos desenhos.

35 Tarlis Portela Web Design DESIGN DE SITE