Rafael Yukio Kanaoka

Análise Home UX Magazine

(uxmag.com)

09/09/2014

Trabalho Individual

Padrões de Interação AIT9

Padrões de Interação encontrados na Home da página uxmag.com:

Menu de navegação principal 1

Slideshow 2

Caixa de notícias 4

Lista compilada 3

Mapa do site em rodapé 5

Redes sociais 6

1

2

4

3

5

6

Problema Usuário precisa navegar pelo site e encontrar o que está buscando.

Solução Posicionar sempre um menu visível e em uma posição fixa na página, suportando este menu principal com ferramentas adicionais de navegação.

Quando Todos os sites precisam oferecer alguma forma de navegação principal ao usuário.

Como Menu horizontal com submenus (drop down) ao passar o mouse, que se baseia em uma barra horizontal com uma série de itens clicáveis localizado no topo da página. A navegação se mantém consistente durante toda a busca pelo site e o menu fica presente em todas as páginas.

Por que Tornar a informação do site acessível para os usuários.

Menu de navegação principal 1

Problema Usuário deseja ver uma série de histórias sem rolar a página ou qualquer outro movimento desnecessário do mouse.

Solução Apresentar em slides uma história por vez, com imagens e texto, por um intervalo especifico de tempo.

Quando Utilizado tipicamente para destacar histórias com o apelo visual de uma imagem

Como Colocar de 4 a 7 histórias com imagens em destaques e um pequeno texto, apresentando-os automaticamente de forma sequencial. Manter um controle manual de avançar e voltar, no lado inferior esquerdo, com bolinhas representando a sequencia das histórias.

Por que Faz a informação ser direcionada e chegar mais fácil ao usuário, sem muito esforço, comparando-se com a funcionalidade de uma TV.

Slideshow 2

Problema Os usuários precisam de artigos pré-selecionados de uma extensa lista.

Solução Disponibilizar uma seleção com os artigos mais populares do site.

Quando Existe uma extensa lista de artigos disponíveis e o usuário não tem nenhuma preferência em particular. Tipicamente o site é utilizado por vários usuários com gostos parecidos, o que torna a popularidade uma propriedade interessante do artigo.

Como Apresentar uma pequena lista de 5 a 10 itens com os itens mais populares do site, ordenando do maior ao topo aos menores abaixo. Colocar um botão ao final da lista para visualizar mais artigos ordenados por popularidade.

Por que Possibilita que o usuário veja quais são os artigos mais populares do site, sem nenhum esforço, desde que o número de itens apresentado seja pequeno e compreensível.

Lista compilada 3

Problema Os usuários querem saber sobre novidades no conteúdo do site

Solução Adicionar uma seção que contenha o cabeçalho das notícias ordenadas por data de publicações mais recentes

Quando Utilizar em sites que são regularmente atualizados, como por exemplo, em blogs e sites de notícias

Como Alocar uma área separada para notícias recentes, apresentando-as em pequenas descrições com título e imagem. Possui um número limitado de itens por página, mas pode-se adicionar uma navegação paginada para a continuação da listagem

Por que Quando as notícias são apresentadas na página home, e o usuário apenas precisa ir para uma notícia específica.

Caixa de notícias 4

Problema Os usuários precisam encontrar uma determinada página

Solução Disponibilizar uma seleção de links categorizados no rodapé de todas as páginas

Quando Em qualquer site com pelo menos 2 níveis de navegação. Em particular quando sites de médio porte e que hajam páginas que usuários frequentemente buscam

Como Adiciona uma versão reduzida do mapa do site na barra do rodapé, não precisa ser necessariamente o mapa do site, pode ser uma organização diferente na estrutura principal.

Por que O rodapé do site não é uma área do site muito utilizada, adicionando links úteis nele, as pessoas que desceram a página até o final podem rapidamente se mover para onde ela precisa ir.

Mapa do site em rodapé 3

Problema Os usuários desejam encontrar meios de se comunicar com a marca

Solução Disponibilizar os links das redes sociais e mídias digitais que utilizam para interagir com o usuário

Quando Em qualquer site que utiliza redes sociais e outras mídias digitais para se comunicar com o usuário

Como Disponibilizar em uma linha, os ícones representando cada rede social ou mídia digital utilizada, cada ícone é um link externo redirecionando para a respectiva mídia.

Por que Facilitar o atendimento ao usuário

Redes sociais 6

Rafael Yukio Kanaoka Estudante de Arquitetura de Informação e UX na Faculdade

de Impacta e Tecnologia; formado em Analise e Desenvolvimento de Sistemas na IFSP, Analista de Sistemas

na Amdocs, Fundador do projeto SamuraiUX (samuraiux.com.br)