SlideShare uma empresa Scribd logo
1 de 15
Mostre sua Casa - 1º scroll MEU OLHAR MEU OLHAR ZONA  QUENTE ZONA  FRIA Ah! É por aqui que eu posso mostrar a minha casa! A ação mais importante da página está na zona fria de visualização. RECOMENDAÇÃO: * Deslocar o botão “+ Inclua sua Casa” mais próximo da zona quente. * Padronizar o nome da seção (ou da ação): MOSTRE sua Casa ou INCLUA sua Casa.
Mostre sua Casa - 1º clique Quero voltar para a sub-home de Mostre sua Casa. Ok! Legal! Já posso interagir!
Mostre sua Casa - Quadro de ações (direito) Sub-home da seção: Clicando em  “Inclua sua Casa” Vendo a casa dos outros Ok, mas... Como faço para voltar na página que abriga isso tudo, a Você no Site? Afinal... É a SUA casa ou a MINHA?  Os quadros da direita são diferentes entre a sub-home da seção e suas páginas internas. RECOMENDAÇÃO: * Manter ao menos o botão de input de conteúdo no mesmo lugar em todas as páginas dessa seção. * Padronizar o nome da seção (ou da ação): “INCLUIR MINHA Casa” ou “INCLUA SUA Casa”. * Oferecer link para a seção guarda-chuva “Você no Site” em TODAS as páginas de conteúdo colaborativo (sub-homes e suas internas).
Bichos de Estimação - 1º scroll Ué... Onde eu posso incluir o meu bichinho? Ah... Só rolando a página... A seção “Bichos de Estimação” não sugere, pelo nome, que seja uma área interativa. Tampouco a sub-home esclarece, pois não há canal de interação no primeiro scroll. RECOMENDAÇÃO: * Incluir um verbo no nome da seção (ou da ação) como é usado noutro momento do site: “Mostre seu Xodó” * Trazer o botão de input de conteúdo para o primeiro scroll. (Isso também vale para a seção Bairro)
Bichos de Estimação - quadro de ações (direita) Sub-home da seção: O mesmo link para essa página onde eu já estou? Isso podia estar linkado à sub-home “Você no Site” Há links que só fazem reload da própria página. RECOMENDAÇÃO: * Manter o nome da seção linkado à sub-home somente nas suas internas * Linkar TODAS as páginas à VOCÊ NO SITE (seja no VEJA MAIS, seja em menu no topo)
Bichos de Estimação - quadro de ações (direita) Sub-home da seção: Formulário de envio: Vendo outros bichos: Aqui devia ter um botão “Inclua seu Bicho” Não existe canal de envio de conteúdo no 1º scroll da sub-home “Bichos” e os quadros da direita são diferentes entre as internas da mesma seção. RECOMENDAÇÃO: * Adicionar um botão para envio de conteúdo no primeiro scroll (talvez no quadro da direita, a exemplo de outras seções colaborativas do site).
Bichos de Estimação - quadro de ações (direita) Vendo outros bichos: Ops! O Bart está em todas!! Inclua seu bicho está sempre no segundo scroll... O menu da direita, de conteúdos relacionados, não reconhece a página corrente e repete o link. Não há canal de input no primeiro scroll. RECOMENDAÇÃO: * Deslocar o botão “+Inclua seu Bicho” no primeiro scroll * Ao abrir um dos conteúdos listados no menu “Veja outros bichos”, tirá-lo da lista de sua própria página.
Consulte o DECORADOR: 1º scroll Link para envio de conteúdo totalmente diferente das outras seções colaborativas. MEU OLHAR MEU OLHAR ZONA  QUENTE ZONA  FRIA Principal atividade dessa seção está em zona fria e botão para input do conteúdo foge do padrão de outras áreas colaborativas RECOMENDAÇÃO: * Replicar o link “Faça a sua pergunta” na forma de um botão próximo ao nome da seção. * Padronizar o desenho dos botões para o usuário identificar que, naquele grafismo, ele poderá interferir na página.
Cliquei aqui para mandar minha pergunta... ... e caí na MESMA PÁGINA? Mas afinal, onde eu mando a minha pergunta? OBS.: O mesmo acontece com “Consulte o Arquiteto”, o Chef, a Organizadora, a Consultora de F.S. e a Colorista. Simples reload de página. Ao tentar executar a ação de enviar conteúdo, o internauta não vê alteração alguma na página. RECOMENDAÇÃO: * Inserir uma âncora que desloque o internauta para baixo, na página, onde se encontra o formulário de input de conteúdo.
Essa página é muuuito comprida. Que tal um botão “TOPO” ao seu final?
Quando clico em “Veja a RESPOSTA”, o Decorador aparece assim: Já no Arquiteto, a caixa de ações da direita SOME e, para continuar navegando, só clicando no “back” do navegador ou indo para o menu principal, porque nem o título da seção tem link para sua sub-home.
Tentando mostrar o “meu bairro” Na sub-home “Você no Site” Num clique, vou para “ Bairros ” e “ Seu Lugar ”, menos para “ Seu Bairro ” Ou, no máximo, vou para “ A história de quem mora lá ” Noutro clique, vou para “ Repórter Morador ” Uma das maneiras de “educar” o internauta é manter uma identidade não apenas visual, mas informativa, pelas páginas do site. Essa seção não tem um  nome definido e isso pode gerar confusão durante a navegação. RECOMENDAÇÃO: * Padronizar o nome da seção em todas as áreas do site onde for chamada.
Roteiro de Compras Como revelar meus achados se não há link aqui? E nem no resto desse scroll. E por que “repórter” especificamente nessa seção? Divulgar lojas pode ser menos atividade de um repórter do que falar sobre um bairro ou fazer perguntas a um especialista.
Roteiro de Compras Se “Eu sou o Repórter”, onde posso interferir nessa página? Quando se visualiza as opções do Roteiro de Compras, não existe nenhum canal de interação. Recomenda-se que, além de estar linkado na inscrição “Você é o Repórter” e na caixa de ações da direita, haja um botão no pé da página, convidando o internauta a colaborar.
Quando ofereço ao internauta “Veja Todos” abaixo de uma lista, significa que eu vou apresentar AQUELA LISTA completa. O que o site traz, hoje, é um conteúdo da redação e não o material da área colaborativa, que compõe a lista esperada pelo internauta. “ + Incluir história ”??? Não é um Roteiro de Compras? Não era “ + Inclua sua loja ”? RECOMENDAÇÃO: * Alterar o nome do botão de input de conteúdo. Sugestão: “SUGIRA UMA LOJA” (pois o “Inclua SUA loja” induz que apenas lojistas podem participar do espaço) * Aproximar o link “Veja todos” do final da lista e apontá-lo para uma relação das outras colaborações (e não do conteúdo produzido pela redação. Para esse material sugere-se outro nome, como “Roteiro da Redação” ou “Seleção dos Editores”).

Mais conteúdo relacionado

Mais de Ana Brambilla

Social Media Metrics
Social Media MetricsSocial Media Metrics
Social Media MetricsAna Brambilla
 
Social Media Strategy
Social Media StrategySocial Media Strategy
Social Media StrategyAna Brambilla
 
Gift economy, moral economy
Gift economy, moral economyGift economy, moral economy
Gift economy, moral economyAna Brambilla
 
Facebook e Social Traffic
Facebook e Social TrafficFacebook e Social Traffic
Facebook e Social TrafficAna Brambilla
 
Consumo de Mídias Digitais
Consumo de Mídias DigitaisConsumo de Mídias Digitais
Consumo de Mídias DigitaisAna Brambilla
 
Digital Media Business
Digital Media BusinessDigital Media Business
Digital Media BusinessAna Brambilla
 
Data driven products
Data driven productsData driven products
Data driven productsAna Brambilla
 
Business intelligence and big data
Business intelligence and big dataBusiness intelligence and big data
Business intelligence and big dataAna Brambilla
 
Branding and Social Media
Branding and Social MediaBranding and Social Media
Branding and Social MediaAna Brambilla
 
Ethics & Social Awareness
Ethics & Social AwarenessEthics & Social Awareness
Ethics & Social AwarenessAna Brambilla
 
New Lifestyles in the Digital Media
New Lifestyles in the Digital MediaNew Lifestyles in the Digital Media
New Lifestyles in the Digital MediaAna Brambilla
 
McLuhan and the Technology
McLuhan and the TechnologyMcLuhan and the Technology
McLuhan and the TechnologyAna Brambilla
 
Self-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraSelf-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraAna Brambilla
 
Psychology and digital culture
Psychology and digital culturePsychology and digital culture
Psychology and digital cultureAna Brambilla
 
Paradigm of complexity
Paradigm of complexityParadigm of complexity
Paradigm of complexityAna Brambilla
 
Smart cities (Dubai)
Smart cities (Dubai)Smart cities (Dubai)
Smart cities (Dubai)Ana Brambilla
 
Theory of hypermedia
Theory of hypermediaTheory of hypermedia
Theory of hypermediaAna Brambilla
 

Mais de Ana Brambilla (20)

On demand media
On demand mediaOn demand media
On demand media
 
Social Media Metrics
Social Media MetricsSocial Media Metrics
Social Media Metrics
 
Social Media Strategy
Social Media StrategySocial Media Strategy
Social Media Strategy
 
Gift economy, moral economy
Gift economy, moral economyGift economy, moral economy
Gift economy, moral economy
 
Facebook e Social Traffic
Facebook e Social TrafficFacebook e Social Traffic
Facebook e Social Traffic
 
Consumo de Mídias Digitais
Consumo de Mídias DigitaisConsumo de Mídias Digitais
Consumo de Mídias Digitais
 
Digital Media Business
Digital Media BusinessDigital Media Business
Digital Media Business
 
Data driven products
Data driven productsData driven products
Data driven products
 
Business intelligence and big data
Business intelligence and big dataBusiness intelligence and big data
Business intelligence and big data
 
Branding and Social Media
Branding and Social MediaBranding and Social Media
Branding and Social Media
 
Ethics & Social Awareness
Ethics & Social AwarenessEthics & Social Awareness
Ethics & Social Awareness
 
New Lifestyles in the Digital Media
New Lifestyles in the Digital MediaNew Lifestyles in the Digital Media
New Lifestyles in the Digital Media
 
McLuhan and the Technology
McLuhan and the TechnologyMcLuhan and the Technology
McLuhan and the Technology
 
Netnography
NetnographyNetnography
Netnography
 
Self-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital EraSelf-Communication & Privacy in the Digital Era
Self-Communication & Privacy in the Digital Era
 
Psychology and digital culture
Psychology and digital culturePsychology and digital culture
Psychology and digital culture
 
Paradigm of complexity
Paradigm of complexityParadigm of complexity
Paradigm of complexity
 
Smart cities (Dubai)
Smart cities (Dubai)Smart cities (Dubai)
Smart cities (Dubai)
 
Theory of hypermedia
Theory of hypermediaTheory of hypermedia
Theory of hypermedia
 
Web Celebrity
Web CelebrityWeb Celebrity
Web Celebrity
 

Otimizando interatividade e usabilidade em seções colaborativas

  • 1. Mostre sua Casa - 1º scroll MEU OLHAR MEU OLHAR ZONA QUENTE ZONA FRIA Ah! É por aqui que eu posso mostrar a minha casa! A ação mais importante da página está na zona fria de visualização. RECOMENDAÇÃO: * Deslocar o botão “+ Inclua sua Casa” mais próximo da zona quente. * Padronizar o nome da seção (ou da ação): MOSTRE sua Casa ou INCLUA sua Casa.
  • 2. Mostre sua Casa - 1º clique Quero voltar para a sub-home de Mostre sua Casa. Ok! Legal! Já posso interagir!
  • 3. Mostre sua Casa - Quadro de ações (direito) Sub-home da seção: Clicando em “Inclua sua Casa” Vendo a casa dos outros Ok, mas... Como faço para voltar na página que abriga isso tudo, a Você no Site? Afinal... É a SUA casa ou a MINHA? Os quadros da direita são diferentes entre a sub-home da seção e suas páginas internas. RECOMENDAÇÃO: * Manter ao menos o botão de input de conteúdo no mesmo lugar em todas as páginas dessa seção. * Padronizar o nome da seção (ou da ação): “INCLUIR MINHA Casa” ou “INCLUA SUA Casa”. * Oferecer link para a seção guarda-chuva “Você no Site” em TODAS as páginas de conteúdo colaborativo (sub-homes e suas internas).
  • 4. Bichos de Estimação - 1º scroll Ué... Onde eu posso incluir o meu bichinho? Ah... Só rolando a página... A seção “Bichos de Estimação” não sugere, pelo nome, que seja uma área interativa. Tampouco a sub-home esclarece, pois não há canal de interação no primeiro scroll. RECOMENDAÇÃO: * Incluir um verbo no nome da seção (ou da ação) como é usado noutro momento do site: “Mostre seu Xodó” * Trazer o botão de input de conteúdo para o primeiro scroll. (Isso também vale para a seção Bairro)
  • 5. Bichos de Estimação - quadro de ações (direita) Sub-home da seção: O mesmo link para essa página onde eu já estou? Isso podia estar linkado à sub-home “Você no Site” Há links que só fazem reload da própria página. RECOMENDAÇÃO: * Manter o nome da seção linkado à sub-home somente nas suas internas * Linkar TODAS as páginas à VOCÊ NO SITE (seja no VEJA MAIS, seja em menu no topo)
  • 6. Bichos de Estimação - quadro de ações (direita) Sub-home da seção: Formulário de envio: Vendo outros bichos: Aqui devia ter um botão “Inclua seu Bicho” Não existe canal de envio de conteúdo no 1º scroll da sub-home “Bichos” e os quadros da direita são diferentes entre as internas da mesma seção. RECOMENDAÇÃO: * Adicionar um botão para envio de conteúdo no primeiro scroll (talvez no quadro da direita, a exemplo de outras seções colaborativas do site).
  • 7. Bichos de Estimação - quadro de ações (direita) Vendo outros bichos: Ops! O Bart está em todas!! Inclua seu bicho está sempre no segundo scroll... O menu da direita, de conteúdos relacionados, não reconhece a página corrente e repete o link. Não há canal de input no primeiro scroll. RECOMENDAÇÃO: * Deslocar o botão “+Inclua seu Bicho” no primeiro scroll * Ao abrir um dos conteúdos listados no menu “Veja outros bichos”, tirá-lo da lista de sua própria página.
  • 8. Consulte o DECORADOR: 1º scroll Link para envio de conteúdo totalmente diferente das outras seções colaborativas. MEU OLHAR MEU OLHAR ZONA QUENTE ZONA FRIA Principal atividade dessa seção está em zona fria e botão para input do conteúdo foge do padrão de outras áreas colaborativas RECOMENDAÇÃO: * Replicar o link “Faça a sua pergunta” na forma de um botão próximo ao nome da seção. * Padronizar o desenho dos botões para o usuário identificar que, naquele grafismo, ele poderá interferir na página.
  • 9. Cliquei aqui para mandar minha pergunta... ... e caí na MESMA PÁGINA? Mas afinal, onde eu mando a minha pergunta? OBS.: O mesmo acontece com “Consulte o Arquiteto”, o Chef, a Organizadora, a Consultora de F.S. e a Colorista. Simples reload de página. Ao tentar executar a ação de enviar conteúdo, o internauta não vê alteração alguma na página. RECOMENDAÇÃO: * Inserir uma âncora que desloque o internauta para baixo, na página, onde se encontra o formulário de input de conteúdo.
  • 10. Essa página é muuuito comprida. Que tal um botão “TOPO” ao seu final?
  • 11. Quando clico em “Veja a RESPOSTA”, o Decorador aparece assim: Já no Arquiteto, a caixa de ações da direita SOME e, para continuar navegando, só clicando no “back” do navegador ou indo para o menu principal, porque nem o título da seção tem link para sua sub-home.
  • 12. Tentando mostrar o “meu bairro” Na sub-home “Você no Site” Num clique, vou para “ Bairros ” e “ Seu Lugar ”, menos para “ Seu Bairro ” Ou, no máximo, vou para “ A história de quem mora lá ” Noutro clique, vou para “ Repórter Morador ” Uma das maneiras de “educar” o internauta é manter uma identidade não apenas visual, mas informativa, pelas páginas do site. Essa seção não tem um nome definido e isso pode gerar confusão durante a navegação. RECOMENDAÇÃO: * Padronizar o nome da seção em todas as áreas do site onde for chamada.
  • 13. Roteiro de Compras Como revelar meus achados se não há link aqui? E nem no resto desse scroll. E por que “repórter” especificamente nessa seção? Divulgar lojas pode ser menos atividade de um repórter do que falar sobre um bairro ou fazer perguntas a um especialista.
  • 14. Roteiro de Compras Se “Eu sou o Repórter”, onde posso interferir nessa página? Quando se visualiza as opções do Roteiro de Compras, não existe nenhum canal de interação. Recomenda-se que, além de estar linkado na inscrição “Você é o Repórter” e na caixa de ações da direita, haja um botão no pé da página, convidando o internauta a colaborar.
  • 15. Quando ofereço ao internauta “Veja Todos” abaixo de uma lista, significa que eu vou apresentar AQUELA LISTA completa. O que o site traz, hoje, é um conteúdo da redação e não o material da área colaborativa, que compõe a lista esperada pelo internauta. “ + Incluir história ”??? Não é um Roteiro de Compras? Não era “ + Inclua sua loja ”? RECOMENDAÇÃO: * Alterar o nome do botão de input de conteúdo. Sugestão: “SUGIRA UMA LOJA” (pois o “Inclua SUA loja” induz que apenas lojistas podem participar do espaço) * Aproximar o link “Veja todos” do final da lista e apontá-lo para uma relação das outras colaborações (e não do conteúdo produzido pela redação. Para esse material sugere-se outro nome, como “Roteiro da Redação” ou “Seleção dos Editores”).