arquitetura de informação - boa diversão

Projeto de reestruturação de arquitetura da informaçãoProfessores: Luiz Agner e Cinthia Ruiz

BOA DIVERSÃO(www.boadiversao.com.br)

Astrid Tremper, Isabela Sampaio, Natália Brazil, Nathalia Meireles e Patrícia Angélica

contexto usuários conteúdo

Arquitetura de Informação - Website Boa Diversão

Histórico

• Cliente: Grupo GBD Entretenimento;

• Portal voltado para o entretenimento no estado do Rio de Janeiro;

• Lançado em 2012;

• Faz parte da estratégia do grupo em criar portais de conteúdo para exploração de publicidade e alavan-car vendas de e-commerce;

• Conteúdos abrangentes, divididos nos canais: Noite, Shows, Bares, Gastronomia, Cinema, Arte e Teatro, Esporte e Saúde, Motéis, e Reveillon;

• 270 mil usuários cadastrados, 1 milhão de page vie-ws, 135 mil visitantes individuais e 200 mil visitas por mês;

• O canal Noite, em especial, recebe também a assi-natura do RioFesta, atraindo um público mais adulto;

Home, Boa Diversão


Público alvo

Homens e Mulheres, de 18 a 29 anos, universitários, moradores da Zona Norte e Zona Sul do Rio de Janeiro.

*Estatísticas retiradas do Media Kit do portal: 52% homem, 48% mulher - 44% 24 a 29 anos, 42% 18 a 23 anos - 14% 30 a 35 anos - 30% zona norte, 35% zona sul, 18% centro, 10 % zona oeste - 40% superior incompleto, 23% segundo grau completo, 21% superior completo, 7% 1° completo, 9% pós graduação.

Situação atual

Inova em diversos quesitos, é o site de entretenimento cultural com maior recall entre os jovens do Rio de Janeiro, mas:

• Problemas de usabilidade (sistema de busca e categorização dos eventos e estabelecimentos);• Navegação pouco fluída;• Categorias como Arte e Teatro e Esporte e Lazer se mostraram pouco claras;• Organização de submenus dificulta a procura de informações;• Conteúdos de notícias e promoções não são facilmente encontrados pelo usuário;• Problemas na busca e diversos bugs nos filtros;


Problemas na busca e diversos bugs nos filtrosAlgumas categorias se mostraram pouco claras

??


Objetivos

Este estudo tem o objetivo de realizar uma proposta de reformulação do website Boa Diversão, tendo como base as teorias da Arquitetura da Informação e resultados da aplicação da técnica de Card Sorting. A ideia é reapresentar o conteúdo do portal, trazendo mudanças tanto visuais quanto na taxonomia, de forma a facilitar a interação com o usuário.


BENCHMARKING


Para o processo de benchmarking, foi priorizado a busca de:

Em sites concorrentes de entretenimento (Rio de Janeiro e São Paulo):

• Organização de conteúdo (menus, submenus, categorias);• Criação, veiculação e padronização de conteúdo;• Apresentação de conteúdo informativo e editorial;• Integração de redes sociais ao site;• Ideia ou conteúdo diferenciado/inovador;

Em sites de e-commerce e redes sociais;

• Organização de conteúdo (menus, submenus, categorias);• Soluções para filtragem e otimização de busca;• Conteúdo sugerido de acordo com preferências do usuário (publicidade interna);• Geolocalização e conteúdo sugerido de acordo com tal localização;


CARD SORTING


Metodologia

• Card Sorting Aberto com o objetivo de investigar os principais modelos mentais dos usuários em relação à classificação dos produtos. O processo foi realizado da seguinte maneira:

1 - Foram selecionadas amostras variadas de 60 produtos das categorias já existentes no site atual;

OBS: Considerou-se um produto cada um dos conteúdos individuais: um restaurante, um show, um parque, um filme, uma peça de teatro, um estabelecimento de teatro, uma corrida, uma festa etc.

2 - Foram desenvolvidos cartões padronizados, com título ou nome do produto e um breve descritivo de até 20 palavras, tentando não incluir nomes que poderiam tendenciar a categorização;


3 - A técnica foi aplicada em um grupo de 3 pessoas e individualmente com 12 participantes, onde:

• Participantes receberam os cartões embaralhados, sem nenhum agrupamento pré-estabelecido;

• Foi solicitado que reunissem os produtos em grupos que considerassem mais apropriados, nomeando os rótulos com o auxílio de cartões coloridos;

• Foi pedido que eles não se importassem com a quantidade de produtos em cada categoria, lembran-do que um cartão podería estar presente em mais de uma categoria, se desejassem;

• Foi dito aos participantes que podería colocar “à parte” conteúdos que não conseguissem encaixar em nenhuma categoria;

• Protocolo do “think aloud”;

4 - Ao final, foram feitas ainda as seguintes perguntas:

• Qual critério de organização você(s) escolheu(ram)?• Qual categoria foi mais fácil de estabelecer? Por quê?• Qual foi a mais difícil? Por quê?• Qual você(s) considera(m) a mais importante para um site de entretenimento? Por quê?

OBS: Para fins de registro, após embaralhados, os cartões receberam números discretos no verso, e o resultado foi anotado e fotografado, juntamente com os principais insights dos participantes. O Card Sorting aplicado em grupo, espe-cialmente, foi filmado.


RESULTADOS


Card Sorting em grupo

• O Grupo começou a dividir os cartões de acordo com a fun-ção principal dos produtos (comida, evento etc.);

• Tentaram subdividir a categoria Gastronomia (cervejarias, casas de shows, bares), mas como os demais participantes, tiveram dificuldades com alguns produtos de caráter múltiplo;

• Decidiram ao final, dividir em Gastronomia, Cafés, Cerveja-ria e Casas Noturnas;

• Não se sentiram confortáveis com as categorias Notícias e Atividades Físicas;

• Sentiram a necessidade de criar subníveis em categorias como Cinema (Filmes e Salas), Teatro (Peças e Locais) e Shows (Eventos e Casas de shows);

Categorias Criadas:

Eventos, Hotéis, Pontos turísticos, Notícias, Cinema, Moda, Atividades físicas, Exposição, Teatro, Casas Noturnas, Café, Gastronomia,

Shows, Cervejarias


Participante 1 (fem): Dicas culturais, Dicas para esportistas, Dicas para final de semana, Hotéis e mo-téis, Restaurantes;

Participante 2 (masc): Arte, Bares e restauran-tes, Cinemas películas, Espaço de eventos, Eventos, Locais de cinema, Locais de lazer, Motel, Notícias e anúncios, Shows, Espetáculos e Músicas, Teatro/Pe-ças;

Participante 3 (fem): Carnaval no Rio, Casas de Show, Casas Noturnas/Noite Carioca, Cinema e Ví-deo/Filmes, Cinema e Vídeo/Cinemas Locais, Cursos, Esporte e Fitness, Eventos em destaque, Exposições/Cultura, Feira, Fim de ano, Gastronomia/Café, Gas-tronomia/Restaurantes, Gastronomia/Restaurantes ou Cervejarias, Moteis/Erótica, Passeios;

Card Sorting individual

7512


Categoria mais difícil de fazer: Casas de Show e Eventos Culturais.

Por que? Porque as casas de show constantes nos cartões não são do mesmo tipo (estilo musical, públi-co alvo, etc), então ficou meio incerto acomodar tudo junto. Seria melhor filtrar por estilo musical; Isso também ocorreu com os eventos culturais. Eles são díspares. Todos são eventos, mas cada um fala sobre uma coisa e é pra um público específico.

Categoria mais difícil de fazer: Show/Boate e Restaurante.

Por que? Porque os estabelecimentos dentro dessas categorias podem ser mistos. Um Show/Boate pode ser de diversos tipos/estilos musicais, e isso os distanciaria numa categorização. A mesma coisa com restauran-tes, que podem ser um ambiente somente para se alimentar ou podem também promover eventos e atividades.

Debriefing

Nos debriefings foi possível observar um consenso geral: a característica mista de muitos dos estabeleci-mentos que listamos fez com o processo de estabelecê-los em uma única categoria fosse complicado e/ou não ideal.

Duas das respostas obtidas


ANÁLISE DOS DADOS


Planilha Donna Spencer: Aba CatsRaw


Planilha Donna Spencer: Aba Summary


Planilha Donna Spencer: Aba Correlation


Taxonomia adotada

• Foco em auxiliar o usuário a encontrar os produtos;

• Categorias macros + listagem de tags para os produtos (inicialmente feita pelos editores e posterior-mente, colaborativa), que auxiliará na filtragem de busca;

Exemplo: um Pub-cervejaria que, após determinado horário, abra um espaço para uma pista de dança com um DJ. A página do estabelecimento poderá ser encontrada nas categorias Gastronomia e Noite e por meio de tags como #bar, #bareboate, #música, #noite, #pub, #cervejaria etc.;

Categorias macros e exemplos de #tags:

• Gastronomia (#bares, #restaurante, #gourmet, #músicaaovivo, #bareboate, #cervejaria)• Noite (#festa, #boate, #bareboate, #buteco, #casadeshow, #show)• Eventos (#shows, #festa, #infantil, #família, #crianças)• Esporte (#academia, #corrida, #curso)• Lazer (#parques, #arlivre, #gratuito)• Arte (#exposição, #museu, #evento, #galeria, #arterio)• Cinema (#cinema, #filme, #emcartaz)• Teatro (#teatro, #peça, #emcartaz)• Motéis (#hotelemotel, #motel)


Além das categorias, o site contempla ainda as áreas:

• Promoções: no caso, podem ser promoções de produtos relacionados a qualquer categoria;

• Dica boa: área editorial com conteúdo de notícias, incluindo dicas de roteiros e top 10, como: 10 me-lhores bares para paquerar, 10 programas para fazer com as crianças, roteiro para turistas etc.;

• Galeria: subdividida em fotos e vídeos, as páginas dos eventos aparecem nessa área quando rece-bem esse conteúdo;

• Nova integração com as redes sociais: páginas dos produtos mostrarão suas fan pages no Face-book e Instagram, botões no site para o usuário confirmar sua presença nessas redes, curtir a página do produto e postar em um mural de um amigo como um convite para o evento;

• Destaque para o feed do portal nessas duas redes na página home, e nas páginas dos produtos lis-tamos o feed dos estabelecimentos, se houver;


WIREFRAMES


Sketches

Após a análise dos dados e desen-volvimento da taxonomia, o processo en-volveu a elaboração de sketches, a fim de unir o estudo do bechmarking às novas propostas de arquitetura e funcionalida-des. Posteriormente, estes foram traduzi-dos em wireframes.

home (estudo 5)

home (estudo 2)


Wireframes

home perfil


categoria produto


galeria

busca vazia


busca busca refinada


Boa Diversão

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Produto

Dica Boa

Noite Esportes Cinema Teatro Perfil BuscaEventos Lazer Arte Motéis PromoçõesDica boaGastronomia Especial Galeria


CONCLUSÃO


• Durante o card sorting, alguns participantes ficaram inseguros de criar uma categoria que sentiam ser necessária devido a pouca quantidade de cartões com aquele conteúdo. Portanto, é necessário haver atenção na limitação de cards oferecidos e/ou cuidado em deixar claro que a quantidade de cartões pode não condizer com a quantidade de conteúdo do site;

• No processo de análise dos dados, foi fundamental analisar a planilha fazendo um paralelo com as observações feitas durante a aplicação do card sorting e com as respostas do debriefing. As dificulda-des apresentadas pelos participantes ajudaram a estabelecer uma solução para as categorias mistas: as tags, e no levantamento de categorias macros e dessas mesmas possíveis tags;

• Também nos surpreendeu positivamente a capacidade de se encontrar nos insights que os participan-tes ofereceram no processo think aloud e no debriefing do card sorting, preferências que pudemos utilizar na validação/exclusão dos benchmarkings previamente selecionados para a formulação da taxonomia e montagem dos wireframes;


OBRIGADO!

arquitetura de informação - boa diversão

Design