Wii Shop Channel Redesign Proposal

Pós-Graduação em Ergodesign e Usabilidade Proposta de Projeto

Estudo de Interface de Compra e Download de Software através da TV: Wii Shop Channel

Aluno: Marcelo Amaral

Data: Dezembro 2007

Orientador: Eduardo Ariel

Definição do Tema Estudo ergonômico das estruturas de navegação e unidades de informação de aplicações de compra e download de produtos (no caso, de software) pela TV (t-commerce), considerando a qualidade da informação para o processo de decisão, os processos de localização de produtos, os processos de compra e download, além da avaliação da interação permitida segundo a ótica dos usuários. Assunto Geral Estudo das estruturas de navegação e unidades de informação de aplicações de compra e download de software pela TV. Assunto específico Estudo das estruturas de navegação e unidades de informação de aplicações de compra e download de software pela TV que estejam embarcadas em videogames, segundo a ótica dos usuários.

Objetivo Geral A pesquisa tem como objetivo minimizar os problemas que comprometem o processo de decisão de compra em uma interface de t-commerce presente em um videogame. Tais problemas são decorrentes do uso de termos conhecidos apenas por jogadores , da pouca informação sobre cada produto - que não explora recursos multimídia, da não utilização de facilitadores presentes em soluções de e-commerce , do impacto causado na interação pelas limitações físicas dos dispositivos de exibição (TV) e de controle (joystick). Objeto de Estudo Wii Shop Channel – canal de compra de jogos presente no videogame Wii, fabricado pela Nintendo.

Métodos, Técnicas e Procedimentos de Pesquisa

Na pesquisa, foram aplicados os seguintes métodos, técnicas e procedimentos:

Questionário junto a lojistas;

Teste de Usabilidade preliminar;

Questionário para seleção de participantes do Grupo de Foco;

Grupo de Foco;

Questionário para seleção de participantes do Teste de Usabilidade;

Recomendação de melhorias para a Interface;

Construção de Wireframe e Layout Preliminar;

Validação de Melhorias da Interface em um Segundo Grupo de Foco;

Revisão de Melhorias da Interface;

Produção de Layout Proposto.

Os resultados das pesquisas foram demonstrados em apresentações anteriores; nesta apresentação focaremos no projeto da nova interface proposta para o Wii Shop Channel.

Projeto de Nova Interface para o Wii Shop Channel

As pesquisas e metodologias utilizadas tiveram por meta a elaboração de uma lista de recomendações e de melhorias para o canal de compras do Wii. Podemos classificar esta lista em:

Melhorias de Usabilidade e Navegabilidade da Interface;

Sugestões de Novos Termos;

Inclusão de Textos de Apoio ao longo da Interface;

Inclusão de Novas Funcionalidades desejadas pelos usuários;

Incorporação de Práticas e Funcionalidades de E-commerce;

Sugestões de Iconografia;

Remoção de Características que frustram ou irritam os Usuários.

Escopo do Estudo da Interface

Devido a complexidade e ao número de telas da aplicação, buscou-se fazer um recorte da pesquisa que focasse apenas no processo de busca e download de jogos. Com isso, a avaliação da Interface do Wii Shop Channel contemplou as seguintes telas:

Tela Inicial;

Menu Principal;

Configurações;

Virtual Console (Catálogo de Jogos);

Busca de Jogos;

Resultados da Busca;

Dados e Dados Detalhados do Jogo;

Confirmação do Download;

Download e Término do Download.

As telas de Notícias , Ajuda , Compra de Wii Points , Teclado Virtual , Títulos Baixados e Dados da Conta serão apenas citadas ao longo da apresentação.

Novos Conceitos e Funcionalidades

As entrevistas com os usuários permitiram identificar uma série de novas funcionalidades das quais eles sentem falta. Destas, foram contempladas no novo conceito as mais pertinentes e/ou divertidas. São elas:

Carrinho de Compras;

Recomendações de Jogos baseadas no Histórico de Compras;

Configuração de Música (permite ligar/desligar músicas);

Configuração de Tema (troca de skin da interface);

Configuração de Controles (usuário informa que controles possui);

Filtros Avançados para a Listagem dos Resultados de Busca;

Inclusão de Tooltips (dica textual quando o cursor passa sobre um botão);

Exibição de Vídeos e Screenshots de boa qualidade para cada Jogo;

Reprodução da Trilha Musical de Jogos mais populares;

Possibilidade de baixar um pacote de até 3 jogos de uma só vez;

Progresso do Download mais informativo e sem efeitos sonoros.

Projetando a Interface para a TV

Durante o processo de redesenho das telas foram levados em conta alguns aspectos do processo de design de aplicações para TV. De modo geral, o layout da interface do canal atual foi mantido. O layout proposto foi desenhado com base em fotos tiradas da aplicação em funcionamento.

Uso de fontes grandes para boa leitura a uma distância de até 3 metros da tela da TV (mínimo de 14 pt);

Foi usada a fonte Arial Rounded MT , a fonte mais próxima da que é usada no canal;

Uso de botões e ícones grandes , adequados para a interação com o controle do Wii – isto limitou a quantidade de itens em cada tela;

Foi considerada somente a proporção de tela de 4x3 (aspect ratio) nesta pesquisa.

Respeito às safe zones – que são as margens de segurança que delimitam a área do vídeo onde conteúdos importantes - como textos e botões - podem ser inseridos com a garantia de que não aparecerão cortados em algum monitor de TV.

Aplicação Atual – Tela Inicial A Tela Inicial do Wii Shop Channel confundiu alguns usuários, que não perceberam estar vendo títulos recomendados e acharam as telas muito pequenas . Estranharam o botão “Start Shopping” na primeira tela, pois temeram que aquele botão já implicasse em fazer uma compra quando queriam apenas olhar a interface. Além disso, o canal não serve apenas para fazer compras – também há conteúdo gratuito.

Modelo Proposto – Tela Inicial

Na nova proposta, apenas mudanças sutis:

O layout guarda maior semelhança com o restante do sistema.

Ficou mais claro que são apresentados títulos recomendados, e as imagens aumentaram.

O Título do jogo aparece apenas quando o cursor está sobre a imagem.

Botão foi mudado para “Start”, termo mais adequado por ser genérico.

Aplicação Atual – Menu Principal Termo “Virtual Console” não foi identificado como sendo o local onde estariam os jogos. Criticaram a adoção do controle clássico como ícone (não acharam intuitivo). Usuários não entendem o termo “Wii Ware”; não sabem dizer o que esperam encontrar ali. Acharam que “Shopping Guide” (Ajuda) seria o catálogo de jogos. Disseram que a Ajuda devia ser chamada somente pelo botão “?”

Aplicação Atual – Menu Principal Acharam a chamada para “Add Wii Points” discreta, mesmo estando no meio da tela. Reclamaram de só poderem comprar créditos a partir desta tela – não identificaram que o total de créditos é “clicável”. “ Wii Menu” não foi entendido como sendo o botão de saída do canal, o que levou vários usuários a saírem do sistema sem querer. Não há confirmação da saída.

Modelo Proposto – Menu Principal Criado um ícone que identifica o Sistema e que serve de retorno para esta tela no restante da interface. Tela foi batizada de “Main Menu”. Adotado o ícone “?” para chamar a “Ajuda” em todas as telas. Inserido ícone para “Carrinhos de Compras” que tem dois grafismos: cheio e vazio.

Modelo Proposto – Menu Principal

As ações principais ganharam pesos iguais, sendo dividias em:

Virtual Console (nome foi mantido devido ao forte trabalho de marca);

Wii Software (adotado o nome usado no Wii Shop Channel Europeu);

Add Wii Points e

My Account (Account Activity + Downloaded Titles).

Modelo Proposto – Menu Principal Os botões principais ganharam textos curtos explicativos para apoiar usuários que não estão familiarizados com ícones do mundo dos games. Virtual Console ganhou um ícone que remete a jogos antigos (Donkey Kong clássico). “ Settings” foi colocado em área de apoio. “ Exit Channel” não deixa mais dúvidas de ser a saída do sistema.

Aplicação Atual – Tela de Configurações Usuários não gostaram da tela de “Configurações”, pois esperavam encontrar mais opções. Queriam ligar e desligar a música, trocar a skin da interface etc. Assustaram-se com o fato da única configuração possível ser a de remoção da conta do usuário (em caso de revenda do console Wii), considerada uma ação muito perigosa para estar tão acessível na interface.

Modelo Proposto – Tela de Configurações

A tela de Configurações ganhou muitas funcionalidades:

Music Settings;

Theme Settings;

My Controllers e

Remove Account (mantida a função original).

Modelo Proposto – Tela de Configurações (Música) Em “Music Settings” é possível ligar e desligar a música que toca de fundo no canal; que muitos usuários afirmaram detestar após 5 minutos usando o sistema. Também é possível ligar e desligar a opção de ouvir a trilha de um jogo, que é uma funcionalidade nova desejada pelos usuários. A configuração é salva e mantida mesmo desligando o console.

Modelo Proposto – Tela de Configurações (Tema) Em “Theme Settings” é possível trocar o skin da interface do canal; funcionalidade desejada pelos usuários. O tema “Classic Consoles”, por exemplo, mostraria a interface com visual dos sistemas antigos. O tema é aplicado e será carregado sempre que o usuário voltar ao canal, até ser trocado novamente.

Modelo Proposto – Tela de Configurações (Meus Controles) Em “My Controllers” o usuário pode informar ao sistema que controles opcionais ele já possui. Se ele informar que possui qualquer dos controles, ele não irá mais ver a tela de alerta sobre controles ao ter de confirmar o Download. A configuração é salva e mantida mesmo desligando o console.

Aplicação Atual – Tela “Virtual Console” (Catálogo de Jogos) Usuários não tiveram dificuldades com esta tela. No entanto, foi observado uma preferência pela busca por categorias quando o usuário não tem um jogo específico em mente – ou seja, quando ele quer “passear pela loja”. Quando ele já sabe o que quer comprar ele prefere digitar o Título do jogo (palavra-chave).

Aplicação Atual – Tela de “Busca por Categoria” Ao buscarem por categorias, os usuários preferiram buscar por jogos aleatórios primeiro por Gênero , em seguida por Sistema e raramente por Desenvolvedora .

Modelo Proposto – Tela “Virtual Console” (Catálogo / Busca por Categoria)

A nova versão da tela apresenta todas as opções de ordenação e busca em uma só tela.

Ações de ordenação e de busca foram separadas.

As Buscas foram organizadas por ordem de preferência dos usuários:

Título do Jogo;

Gênero;

Sistema;

Desenvolvedora.

Aplicação Atual – Tela de “Busca por Sistema” Os usuários não tiveram dificuldades para compreender esta tela.

Modelo Proposto – Tela de “Busca por Sistema” Não foram feitas alterações específicas nesta tela.

Aplicação Atual – Tela de “Busca por Desenvolvedora” Os usuários não tiveram dificuldades para compreender esta tela.

Modelo Proposto – Tela de “Busca por Desenvolvedora” Não foram feitas alterações específicas nesta tela.

Aplicação Atual – Tela de “Busca por Gênero” Os usuários não tiveram dificuldades para compreender esta tela. No entanto, alguns afirmaram achar a tela “sem graça” ou “feia”. Também não entenderam porque os gêneros não eram apresentados em ordem alfabética.

Modelo Proposto – Tela de “Busca por Gênero” Como a identificação por gênero foi considerada de grande importância pelos usuários, foi recomendado o uso de ícones que ajudassem a identificar rapidamente os diferentes gêneros. Com isso, a tela ficou mais simpática e funcional. Os Gêneros agora estão ordenados alfabeticamente.

Aplicação Atual – Tela de “Resultados por Gênero - Aventura” A tela que exibe os resultados da consulta apresenta até 10 resultados por página, mas apenas 2 jogos aparecem na tela sem a necessidade do scroll. Dependendo do tipo de busca, podemos ter um grande número de páginas para navegar. Encontrar um jogo pode virar uma tarefa árdua. E com uma biblioteca crescente de jogos, a tendência é o caos.

Aplicação Atual – Tela de “Resultados por Gênero - Aventura” Outro ponto problemático desta e de todas as telas da interface é o ícone de carregamento, que cobre o título da página atual. Como as páginas demoram um tempo para serem carregadas (dependendo da conexão, vários segundos), o usuário pode ficar confuso durante a operação do sistema e se perder.

Modelo Proposto – Tela de “Resultados por Gênero – Action” A Tela de Resultados foi a que mais recebeu recomendações. O total de jogos encontrados aparece ao lado do título da busca. Agora, 3 jogos são apresentados em uma tela, mantendo 10 por página.

Modelo Proposto – Tela de “Resultados por Gênero – Action” Mas a maior mudança nesta tela foi a inclusão de Filtros que refinam a lista de resultados. Tais filtros mudam de acordo com o contexto da busca. Ao lado, mostramos os filtros disponíveis para quando o usuário busca jogos por Gênero . Ele poderá filtrar ainda por “Sistema” e por “Letra”.

Modelo Proposto – Tela de “Resultados por Sistema – Super NES” Ao lado, mostramos os filtros disponíveis para quando o usuário busca jogos por Sistema . Ele poderá filtrar ainda por “Gênero” e por “Letra”. A combinação de Filtros acima também é adotada para busca por Título , Desenvolvedora , Mais Populares e Mais Recentes . Isto se deve ao fato de Gênero ter sido apontado como o filtro mais importante pelos usuários.

Modelo Proposto – Popup de “Filtro por Gênero” Ao lado, mostramos o funcionamento do Filtro por Gênero. Uma tela cobre toda a interface, simulando um pop-up. O título da janela deixa claro que os resultados estarão sendo filtrados por Gênero. Aqui os ícones criados ajudam a identificar rapidamente o que o usuário está procurando.

Modelo Proposto – Popup de “Filtro por Gênero” (Marcando Gêneros) Os Gêneros desejados devem ser marcados ao pressionar o botão A do controle. Um ícone indica a marcação. Estarão habilitados para marcação somente os gêneros que tiverem jogos compatíveis na lista de resultados atual. Depois de marcar todos os gêneros desejados, o usuário deverá selecionar OK.

Modelo Proposto – Tela de “Resultados por Sistema – Filtrados por Gênero” Após um novo carregamento dos resultados, o filtro é ativado, sendo alterado o status do botão (ON) A lista de resultados foi filtrada e como conseqüência disso, foi reduzido o número de títulos encontrados (a indicação no topo acusa que o filtro está ativo) e o número de páginas.

Modelo Proposto – Popup de “Filtro por Gênero” (Desligando o Filtro) Para desligar o efeito do Filtro, o usuário deve voltar para esta tela e selecionar “Turn Filter Off”. Desmarcar todos os Gêneros e selecionar OK terá o mesmo efeito.

Modelo Proposto – Popup de “Filtro por Letra” Ao lado, mostramos o funcionamento do Filtro por Letra. Uma tela cobre toda a interface, simulando um pop-up. O título da janela deixa claro que os resultados estarão sendo filtrados por Letra.

Modelo Proposto – Popup de “Filtro por Letra” (Marcando Letras) As Letras Iniciais desejadas devem ser marcadas ao pressionar o botão A do controle. Estarão ativas para marcação somente as letras que tiverem jogos compatíveis na lista de resultados atual. As demais estarão desabilitadas. Depois de marcar todas as letras desejadas, o usuário deverá selecionar OK.

Modelo Proposto – “Resultados por Sistema – Filtrados por Gênero e Letra” Ao lado mostramos os dois filtros atuando sobre a lista de resultados simultaneamente, até chegar a um total de apenas 4 títulos que atendem ao desejo do usuário. Os filtros serão automaticamente desligados se o usuário deixar esta tela.

Aplicação Atual – Ícone de Carregamento O novo ícone de carregamento aparece sobre o ícone do Wii Shop Channel, sem comprometer o entendimento da interface mesmo que a nova página demore para carregar.

Aplicação Atual – Tela do Jogo Usuários demoraram a perceber a existência do botão de “Maiores Detalhes” do Jogo. Apenas com a informação desta tela não sentiam-se motivados a efetuar a compra. Chegando a esta tela sem terem créditos suficientes, os usuários são levados de volta ao Menu Principal após comprarem créditos e precisam localizar o jogo novamente.

Aplicação Atual – Tela de “Mais Detalhes” do Jogo A tela de “Maiores Detalhes” do Jogo gerou grande frustração aos usuários. Consideraram a qualidade da informação ruim e as imagens muito pequenas. Afirmaram que não comprariam os jogos com base naquelas informações: queriam imagens grandes e vídeos demonstrando a jogabilidade.

Modelo Proposto – Tela do Jogo A tela de “Detalhes do Jogo” nasceu da união das 2 telas anteriores, pegando o que cada uma tinha de melhor. Foram inseridos botões de Vídeo e Screenshots.

Modelo Proposto – Popup de “Video do Jogo” Ao lado, mostramos o funcionamento do Vídeo. Uma tela cobre toda a interface, simulando um pop-up. Caso a música do canal esteja sendo tocada, ela será interrompida momentaneamente. O vídeo é carregado e então começa a ser exibido, mostrando o tempo atual e o total . O usuário pode Parar , Pausar e Ligar/Desligar o Áudio.

Modelo Proposto – Popup de “Telas do Jogo” Ao lado, mostramos o funcionamento dos Screenshots. Uma tela cobre toda a interface, simulando um pop-up. Até 5 thumbnails são exibidos na parte inferior e a primeira imagem é exibida em alta qualidade na tela. Ao selecionar um thumbnail a imagem superior é trocada.

Modelo Proposto – Tela do Jogo (Adicionando ao Carrinho de Compras) Não há mais um botão para Download, mas sim o conceito de Adicionar ao Carrinho de Compras . Assim o usuário pode deixar o jogo guardado e voltar para comprar créditos ou escolher mais jogos para comprar de uma só vez.

Modelo Proposto – Carrinho de Compras (2 Títulos e Créditos Insuficientes) O Carrinho de Compras pode ser acessado a qualquer momento da interface, desde que tenha ao menos 1 jogo. Os itens não comprados deverão ficar guardados para visitas futuras ao canal. Até 3 jogos podem ser incluídos no carrinho. Neste caso, serão baixados simultaneamente.

Modelo Proposto – Carrinho de Compras (2 Títulos e Créditos Insuficientes) Ao lado mostramos um exemplo do carrinho com apenas 2 itens. Os itens podem ser removidos através do ícone da lixeira . Se todos os itens forem removidos, o usuário será levado ao Menu Principal. Aqui o usuário é alertado por não possuir créditos suficientes . Por isso, não há opção de Download habilitada . Ele pode apenas adicionar créditos ou buscar mais jogos.

Modelo Proposto – Carrinho de Compras (3 Títulos e Créditos Suficientes) Após ter adquirido créditos suficientes para comprar todos os jogos no carrinho, o usuário verá o botão “Download”.

Aplicação Atual – Tela de “Confirmação de Download - Controles” Esta tela aparece na interface atual sempre que o usuário quer baixar um jogo. É a primeira confirmação de Download e alguns usuários disseram que quase compraram jogos incompatíves com seus controles por preguiça de ler. Usuários não entendem porque a mensagem aparece mesmo em jogos que suportam o Wiimote.

Modelo Proposto – Tela de “Informação Importante - Controles” (Opcional) Foi rebatizada de “Important Info” para ser diferenciada da tela seguinte. A mensagem não mais aparece para jogos suportados pelo Wiimote. Quando não for o caso, ela aparece, mas o usuário é lembrado a informar os controles opcionais que possui (em Settings) para não ver mais esta tela.

Aplicação Atual – Tela de “Confirmação de Download – Pontos e Blocos” Usuários não tiveram dificuldades com esta tela e a consideraram importante. Alguns questionaram se o uso do termo Blocks seria familiar para usuários leigos, porém este é um termo usado pelo console Wii para definir memória disponível, logo não é um ponto passível de correção na interface do Wii Shop Channel.

Modelo Proposto – Tela de “Confirmação de Download – Pontos e Blocos” Não foram feitas alterações específicas nesta tela, apenas foi dado maior destaque à pergunta final.

Aplicação Atual – Tela de “Download do Software” O progresso de Download atual causa irritação na maioria dos usuários pois não fica claro quanto tempo vai demorar, nem o percentual. Os efeitos sonoros de moedas e pulos contribuem para a irritação do usuário, que até apela para o botão MUTE da TV.

Aplicação Atual – Tela de “Conclusão do Download” Ao término do download é exibida uma mensagem de confirmação e um botão que leva de volta ao Menu Principal.

Modelo Proposto – Tela de “Download do Software” Até 3 títulos podem ser baixados simultaneamente. A nova barra de progresso não é tão animada, mas é mais funcional, pois dá a idéia exata do percentual do download e com isso o usuário pode estimar melhor o tempo restante do download. Não há qualquer efeito sonoro, salvo o que informa a conclusão do download.

Modelo Proposto – Tela de “Conclusão do Download” Ao término do download é exibida uma mensagem de confirmação e um botão que leva para a tela de Recomendações.

Modelo Proposto – Tela de “Recomendação de Títulos” Concluída a compra, apresentamos ao usuário uma série de recomendações de jogos que possam interessar a ele, com base no que ele já comprou ou acabou de comprar. Usuário pode ver mais recomendações (atualiza a lista com novos jogos) ou retornar ao Menu Principal.

Melhorando a Performance

Como recomendação adicional ao Wii Shop Channel , citamos a necessidade de melhoria da performance da aplicação no que tange ao tempo de carregamento de cada página e ao excesso de vezes em que estas precisam ser carregadas.

Recomenda-se também a adoção de sistema de “cacheamento” inteligente , ou seja:

Páginas já visitadas deverão ser guardadas em memória temporária; assim o usuário pode voltar para uma página anterior sem ter de aguardar um novo carregamento do conteúdo;

Enquanto os Resultados de uma Busca são exibidos, os dados das páginas seguintes deverão ser carregados sem que o usuário perceba. Isto deixará a navegação mais ágil.

Conclusão – Referência para Futuras Aplicações de T-Commerce O projeto de interface proposto nesta pesquisa pode ser considerado como ponto de referência para futuras aplicações de T-Commerce na TV Digital, que dará seus primeiros passos no Brasil a partir de Dezembro de 2007. Recomenda-se o estudo futuro de Interfaces de aplicações de t-commerce construídas com compatibilidade com o controle remoto e com suporte ao canal de retorno (banda larga ou rede telefônica).

Conclusão – Qual o Feedback dos Donos de Wii? É fácil constatar que o Wii é um videogame MUITO popular. As recomendações presentes neste documento também mostram que há espaço para o canal de compras melhorar, principalmente quando comparado com outras interfaces de canais presentes no mesmo console, que são bem mais funcionais e intuitivas. Espera-se que as pessoas que possuem um Wii e usam o canal apreciem os resultados deste estudo, e contribuam com suas opiniões e sugestões sobre o trabalho. Saber se estes usuários concordam ou não com minhas opiniões será de grande valia.

Conclusão 2 (PORQUE AINDA NÃO ACABOU!!!)

Ao término do projeto, chego a conclusão que este ainda não acabou por completo. A seguir, apresento as etapas restantes:

Disponibilizar esta apresentação na Internet de maneira bem didática;

Elaborar questionário para obter feedback de usuários e compilar estes resultados;

Finalizar a Monografia.

Vejam mais em: www.wiiuse.blogspot.com

Para entrar em contato com Marcelo Amaral, autor da pesquisa : [email_address]

Mario, Wii, Nintendo, Wii Shop Channel, Wii Ware, Virtual console, são marcas registradas da Nintendo of America. As imagens de jogos utilizadas neste estudos têm caráter meramente ilustrativo e são de propriedade de terceiros. Esta pesquisa tem fins meramente acadêmicos. E foi feita por um fã que AMA a Nintendo e seus jogos.