Natalia Klausner's Portfolio

Nintendo Switch Eshop

Estudo de Caso UX/UI

Redesign

2024

Ver Protótipo

Visão Geral

Ano:

2024

Tipo:

Estudo de Caso

Indústria:

Games

Serviços:

UX/UI Design

Pesquisa

Prototipação

Sobre

A eShop é a vitrine digital e principal ponto de venda do Nintendo Switch, o terceiro console mais vendido de todos os tempos, com mais de 150 milhões de unidades comercializadas.

Como uma amante de jogos que sempre adorou passar horas rolando as lojas digitais, meu objetivo foi que a experiência na eShop capturasse a sensação de empolgação normalmente sentida ao comprar um jogo.

Desafios

Fazer o redesign da eShop sem perder sua identidade, garantindo que a transição seja natural para os usuários atuais.

Objetivos

Aumentar a retenção de usuários aprimorando a descoberta de jogos por meio de uma melhor estrutura, filtros mais eficazes e conteúdo personalizado.

Melhorar a satisfação dos usuários a partir de uma navegação mais intuitiva e visualmente atrativa.

Otimizar o fluxo de compra para reduzir a fricção no processo e aumentar as taxas de conversão.

Interface Atual

O que se espera ao entrar na loja digital de um dos maiores consoles da atualidade? E o que acontece quando a experiência acaba dificultando esse processo?

A primeira vista a eShop apresenta um design simples e fácil de navegar, porém, quanto mais os usuários interagem com a plataforma, mais evidentes se tornam suas limitações.

1

A página “Destaques” é o primeiro ponto de contato com o usuário, já que não existe uma página inicial, levando a falta de personalização e familiaridade.

2

Para selecionar um gênero específico é preciso rolar uma lista, o que é prejudicado por atrasos no carregamento, dificultando chegar na categoria desejada.

3

Ao utilizar os filtros, a seleção de dois ou mais gêneros aumenta a quantidade de jogos exibidos em vez de reduzi-la, dificultando a busca e exibindo páginas com milhares de jogos.

4

Nas páginas de jogo, o fundo muda de cor para combinar com a arte do título, o que pode dificultar a leitura dependendo do contraste.

5

Os jogos só podem ser adicionados à Lista de Desejos por meio das suas páginas individuais, fazendo com que o usuário perca seu progresso de navegação.

6

A Lista de Desejos não possui filtros nem opção de ordenação, obrigando o usuário a percorrer toda a lista manualmente.

7

O processo de checkout obriga o usuário a repetir os mesmos passos para cada compra, já que não existe carrinho, tornando a experiência cansativa e repetitiva.

Visão Geral

Sobre

Desafios

Fazer o redesign da eShop sem perder sua identidade, garantindo que a transição seja natural para os usuários atuais.

Ano:

2024

Tipo:

Estudo de Caso

Indústria:

Games

Serviços:

UX/UI Design

Pesquisa

Prototipação

Objetivos

Aumentar a retenção de usuários aprimorando a descoberta de jogos por meio de uma melhor estrutura, filtros mais eficazes e conteúdo personalizado.

Melhorar a satisfação dos usuários a partir de uma navegação mais intuitiva e visualmente atrativa.

Otimizar o fluxo de compra para reduzir a fricção no processo e aumentar as taxas de conversão.

Visão Geral

Sobre

Desafios

Fazer o redesign da eShop sem perder sua identidade, garantindo que a transição seja natural para os usuários atuais.

Ano:

2024

Tipo:

Estudo de Caso

Indústria:

Games

Serviços:

UX/UI Design

Pesquisa

Prototipação

Objetivos

Aumentar a retenção de usuários aprimorando a descoberta de jogos por meio de uma melhor estrutura, filtros mais eficazes e conteúdo personalizado.

Melhorar a satisfação dos usuários a partir de uma navegação mais intuitiva e visualmente atrativa.

Otimizar o fluxo de compra para reduzir a fricção no processo e aumentar as taxas de conversão.

Interface Atual

O que se espera ao entrar na loja digital de um dos maiores consoles da atualidade? E o que acontece quando a experiência acaba dificultando esse processo?

A primeira vista a eShop apresenta um design simples e fácil de navegar, porém, quanto mais os usuários interagem com a plataforma, mais evidentes se tornam suas limitações.

1

A página “Destaques” é o primeiro ponto de contato com o usuário, já que não existe uma página inicial, levando a falta de personalização e familiaridade.

2

Para selecionar um gênero específico é preciso rolar uma lista, o que é prejudicado por atrasos no carregamento, dificultando chegar na categoria desejada.

3

Ao utilizar os filtros, a seleção de dois ou mais gêneros aumenta a quantidade de jogos exibidos em vez de reduzi-la, dificultando a busca e exibindo páginas com milhares de jogos.

4

Nas páginas de jogo, o fundo muda de cor para combinar com a arte do título, o que pode dificultar a leitura dependendo do contraste.

5

Os jogos só podem ser adicionados à Lista de Desejos por meio das suas páginas individuais, fazendo com que o usuário perca seu progresso de navegação.

6

A Lista de Desejos não possui filtros nem opção de ordenação, obrigando o usuário a percorrer toda a lista manualmente.

7

O processo de checkout obriga o usuário a repetir os mesmos passos para cada compra, já que não existe carrinho, tornando a experiência cansativa e repetitiva.

Interface Atual

O que se espera ao entrar na loja digital de um dos maiores consoles da atualidade? E o que acontece quando a experiência acaba dificultando esse processo?

A primeira vista a eShop apresenta um design simples e fácil de navegar, porém, quanto mais os usuários interagem com a plataforma, mais evidentes se tornam suas limitações.

1

A página “Destaques” é o primeiro ponto de contato com o usuário, já que não existe uma página inicial, levando a falta de personalização e familiaridade.

2

Para selecionar um gênero específico é preciso rolar uma lista, o que é prejudicado por atrasos no carregamento, dificultando chegar na categoria desejada.

3

Ao utilizar os filtros, a seleção de dois ou mais gêneros aumenta a quantidade de jogos exibidos em vez de reduzi-la, dificultando a busca e exibindo páginas com milhares de jogos.

4

Nas páginas de jogo, o fundo muda de cor para combinar com a arte do título, o que pode dificultar a leitura dependendo do contraste.

5

Os jogos só podem ser adicionados à Lista de Desejos por meio das suas páginas individuais, fazendo com que o usuário perca seu progresso de navegação.

6

A Lista de Desejos não possui filtros nem opção de ordenação, obrigando o usuário a percorrer toda a lista manualmente.

7

O processo de checkout obriga o usuário a repetir os mesmos passos para cada compra, já que não existe carrinho, tornando a experiência cansativa e repetitiva.

Pular para a Solução

Pesquisa

Pesquisa Secundária

Eu comecei a pesquisa explorando artigos online e análises no YouTube para entender como a comunidade enxerga a eShop. Não demorou para que ficasse claro que frustrações relacionadas à navegação e à descoberta de jogos estavam entre as mais frequentes.

“O fato de não haver carrinho de compras ou algo equivalente é absurdo. Se eu quiser comprar dois ou mais jogos, simplesmente não posso finalizar a compra de uma vez.” -
Techradar

“Na seção ‘Aventura’, você encontra Hades (mitologia grega) ao lado de Minecraft. Cuphead aparece como ‘Shooter’, mas não como ‘Plataforma’. Títulos se repetem em vários gêneros, sugerindo que as tags foram feitas de forma tão aberta que se tornaram irrelevantes. Qual o sentido de um filtro se um jogo aparece em cada um deles?” - Lifewire

Em uma das análises do YouTube, encontrei uma pesquisa realizada em 2022 por um criador de conteúdo de games, na qual 67 dos 81 participantes (82%) avaliaram a eShop do Nintendo Switch com nota entre 2 e 3 de 5.

As queixas mais recorrentes estavam relacionadas a lentidão no carregamento e à dificuldade em descobrir novos jogos. Outros comentários incluíam a ausência de música de fundo, comum em lojas anteriores da Nintendo, falta de carrinho de compras, ausência de recomendações e avaliações de usuários e mal funcionamento da Lista de Desejos.

Análise Competitiva

Para entender melhor o posicionamento da Nintendo no mercado, também analisei seus principais concorrentes e a experiência de compra digital em outras plataformas.

Relatórios do site GamesIndustry.biz mostram que pelo menos metade dos usuários do Switch também possui um PS4 ou Xbox One, o que torna inevitável a comparação entre plataformas.

Além disso, apesar de 83% dos jogos terem sido comprados digitalmente em 2023, a eShop ainda não oferece funcionalidades já consolidadas no setor, como carrinho de compras e sistema de recomendações, evidenciando uma lacuna significativa em relação à concorrência.

Pesquisa Quantitativa

Após a etapa de pesquisa inicial, apliquei uma pesquisa com usuários brasileiros da eShop. O objetivo foi entender a relevância da plataforma no processo de compra desses usuários e verificar se as dores identificadas também eram significativas para o público local.

Entre os 12 participantes:

100%

afirmaram usar a eShop para comprar jogos, confirmando que é o principal meio de compra de jogos para o Switch.

50%

avaliaram a experiência na eShop com nota 2 ou 3, enquanto os outros 50% deram nota 4 ou 5, um resultado mais positivo em comparação aos usuários internacionais.

58%

relataram maior dificuldade ao usar os filtros e navegar as categorias, reforçando a necessidade de melhorias nessa área.

33%

disseram que gostariam que a loja tivesse uma página inicial com recomendações personalizadas, tornando essa a funcionalidade mais solicitada.

Pesquisa Quantitativa

Entre os 12 participantes:

50%

rated the eShop experience 2 or 3, while the other 50% rated 4 or 5, a more forgiving result compared to the international users.

58%

reported the most difficulty when using filters and navigating categories, reinforcing the need for its improvement.

100%

of participants reported using the eShop to purchase games, confirming it as the main buying platform for the Switch.

33%

of participants said they wished the store had a homepage with personalized recommendations, making it the most most frequently requested feature.

Entrevistas

Com base nos resultados da pesquisa, entrei em contato com os participantes e consegui entrevistar três deles. Meu objetivo era entender de forma mais profunda, a experiência na eShop, seus sentimentos, frustrações e hábitos de navegação. Com base nas informações eu separei as frustrações de mior impacto.

A eShop é usada para compra, não para descoberta. Os participantes disseram que só abrem a eShop quando já sabem o que querem comprar, e que usam plataformas como TikTok, YouTube ou Instagram para descobrir novos jogos.

Funcionalidades importantes estão escondidas ou são desconhecidas. Nenhum dos participantes sabia que era possível receber notificações de jogos com desconto salvos na Lista de Desejos, já que essa funcionalidade só está disponível no site da Nintendo, reduzindo sua utilidade.

A interface é poluída e difícil de navegar. Os usuários descreveram o layout como confuso e mal estruturado, dificultando a navegação. A grande quantidade de jogos exibidos também aumenta o tempo de carregamento, aumentando a frustração.

O fluxo de compra é repetitivo e desanimador. A falta de um carrinho de compras obriga os usuários a finalizarem uma compra por vez, o que desanima os usuários de repetir o processo sucessivamente. Um dos participantes comentou que não conseguia entender por que o fluxo possui tantas etapas

O design não reflete a identidade da marca. A interface gerou uma sensação de desconexão com aquilo que os participantes esperam da Nintendo. Os participantes expressaram um sentimento de nostalgia em relação às experiências oferecidas pelas lojas anteriores da Nintendo.

Pesquisa Quantitativa

Entre os 12 participantes:

50%

avaliaram a experiência na eShop com nota 2 ou 3, enquanto os outros 50% deram nota 4 ou 5, um resultado mais positivo em comparação aos usuários internacionais.

58%

relataram maior dificuldade ao usar os filtros e navegar as categorias, reforçando a necessidade de melhorias nessa área.

100%

afirmaram usar a eShop para comprar jogos, confirmando que é o principal meio de compra de jogos para o Switch.

33%

disseram que gostariam que a loja tivesse uma página inicial com recomendações personalizadas, tornando essa a funcionalidade mais solicitada.

Entrevistas

Definição

Personas

After analyzing the research I aimed to identify the most recurring pain points and uncover opportunities. To guide the next steps in the design process, I created two personas that represent the main user profiles identified.

Entrevistas

MVP

Com base nos pontos de dor mais críticos e nas necessidades dos usuários, defini um MVP para focar nas áreas que trariam maior impacto na experiência. Estabeleci três objetivos principais:

Melhorar a descoberta de jogos, criando uma página inicial, uma seção de recomendações e filtros mais eficazes.
Simplificar o processo de compra, adicionando um carrinho e reduzindo as etapas do checkout.
Aumentar a usabilidade, por meio de um layout mais organizado e funcionalidades mais acessíveis.

Em seguida, desdobrei as possíveis soluções para cada ponto que desejei aprimorar nesta versão.

Dificuldade em descobrir novos jogos

Criar uma página inicial com recomendações personalizadas e categorias de jogos, e criar filtros de subcategorias para refinar a busca.

Experiência ineficiente na lista de desejos

Mover a lista de desejos para a barra lateral para facilitar o acesso e adicionar filtros de ordenação para melhorar a navegação.

Ausência de um carrinho de compras

Implementar um carrinho de compras e redesenhar o fluxo para permitir
compras simultâneas.

Tempo de carregamento lento

Otimizar a arquitetura da informação para reduzir mudanças de página desnecessárias.

Hierarquia visual fraca

Redesenhar o layout para torná-lo mais organizado e alinhado com a identidade visual da Nintendo.

Falta de controle de notificações no console

Permitir o gerenciamento de alertas de promoção para jogos na Lista de Desejos.

Definição

Personas

Depois de reunir as informações, comecei a analisar e sintetizar os dados coletados. O objetivo era identificar as dores mais recorrentes e descobrir oportunidades. Para guiar os próximos passos do processo, criei duas personas que representam os principais perfis de usuários identificados durante a pesquisa.

Define

MVP

Com base nos pontos de dor mais críticos e nas necessidades dos usuários, defini um MVP para focar nas áreas que trariam maior impacto na experiência. Estabeleci três objetivos principais:

Melhorar a descoberta de jogos, criando uma página inicial, uma seção de recomendações e filtros mais eficazes.
Simplificar o processo de compra, adicionando um carrinho e reduzindo as etapas do checkout.
Aumentar a usabilidade, por meio de um layout mais organizado e funcionalidades mais acessíveis.

Em seguida, desdobrei as possíveis soluções para cada ponto que desejei aprimorar nesta versão.

Dificuldade em descobrir novos jogos

Criar uma página inicial com recomendações personalizadas e categorias de jogos, e criar filtros de subcategorias para refinar a busca.

Ausência de um carrinho de compras

Implementar um carrinho de compras e redesenhar o fluxo para permitir
compras simultâneas.

Hierarquia visual fraca

Redesenhar o layout para torná-lo mais organizado e alinhado com a identidade visual da Nintendo.

Falta de controle de notificações no console

Permitir o gerenciamento de alertas de promoção para jogos na Lista de Desejos.

Tempo de carregamento lento

Otimizar a arquitetura da informação para reduzir mudanças de página desnecessárias.

Experiência ineficiente na Lista de Desejos

Mover a Lista de Desejos para a barra lateral para facilitar o acesso e adicionar filtros de ordenação para melhorar a navegação.

MVP

Com base nos pontos de dor mais críticos e nas necessidades dos usuários, defini um MVP para focar nas áreas que trariam maior impacto na experiência. Estabeleci três objetivos principais:

Melhorar a descoberta de jogos, criando uma página inicial, uma seção de recomendações e filtros mais eficazes.
Simplificar o processo de compra, adicionando um carrinho e reduzindo as etapas do checkout.
Aumentar a usabilidade, por meio de um layout mais organizado e funcionalidades mais acessíveis.

Em seguida, desdobrei as possíveis soluções para cada ponto que desejei aprimorar nesta versão.

Dificuldade em descobrir novos jogos

Criar uma página inicial com recomendações personalizadas e categorias de jogos, e criar filtros de subcategorias para refinar a busca.

Experiência ineficiente na lista de desejos

Mover a lista de desejos para a barra lateral para facilitar o acesso e adicionar filtros de ordenação para melhorar a navegação.

Tempo de carregamento lento

Otimizar a arquitetura da informação para reduzir mudanças de página desnecessárias.

Ausência de um carrinho de compras

Implementar um carrinho de compras e redesenhar o fluxo para permitir
compras simultâneas.

Hierarquia visual fraca

Redesenhar o layout para torná-lo mais organizado e alinhado com a identidade visual da Nintendo.

Falta de controle de notificações no console

Permitir o gerenciamento de alertas de promoção para jogos na Lista de Desejos.

Ideação

Rascunhos &
Wireframes

Rascunhos & Wireframes

Após definir o MVP, comecei a explorar ideias para o redesign. As telas foram sendo ajustadas e aprimoradas ao longo do tempo, passando por várias rodadas de iteração até chegar ao resultado final. O principal desafio foi manter a familiaridade da eShop ao implementar as alterações e adições na interface.

Ideação

Arquitetura de Informação

Eu também criei um esquema revisado da arquitetura de informação para melhor estruturar as alterações feitas. Ele inclui as 4 principais áreas contabilizadas no redesign - página principal, descoberta, lista de desejos e carrinho de compras - e suas funcionalidades.

Prototipação

Guia de Estilo

Para o aspecto visual eu busquei refletir a familiaridade da marca, trazendo uma mistura entre o vermelho e o azul característicos da Nintendo e elementos que criassem uma interface que não sobrecarregasse o usuário, independente da quantidade de informações exibidas.

Prototipação

Solução

Com o objetivo de proporcionar uma experiência mais fluida e agradável, o redesign abrangeu diferentes aspectos do sistema. A ideia foi repensar a eShop para que ela não apenas fosse mais personalizada, mas planejada em cada detalhe, aumentando a retenção e a satisfação dos usuários, ao mesmo tempo em que solucionava suas frustrações atuais.

Página Inicial personalizada

Criação de uma página inicial com categorias e recomendações de jogos personalizadas, facilitando a descoberta de títulos que combinam com os interesses do usuário.

Ações de busca mais eficientes

Adição dos botões “Adicionar à Lista de Desejos” e “Adicionar ao Carrinho” diretamente nos cards dos jogos, permitindo os usuários a agirem sem precisar abrir a página individual de cada título.

Hierarquia visual aprimorada

Reorganização da hierarquia para tornar a interface mais bem estruturada. O design também foi ajustada para alinhar com a linguagem visual da Nintendo, preservando a consistência da marca.

Gestão da Lista de Desejos

Adição de filtro de ordenação para facilitar a organização da lista e implementação de um sistema de notificações dentro do app, permitindo o usuário a gerenciar o recebimento de notificação de jogos com desconto.

Fluxo do Carrinho de Compras

Implementação de um carrinho de compras que permite adquirir vários jogos de uma vez, com um fluxo de checkout simplificado, mantendo as etapas de segurança.

Filtros de Subgênero

Redesign do sistema de filtros, permitindo que a seleção de múltiplos gêneros diminua os resultados em vez de expandi-los, aumentando a precisão da busca e reduzindo o tempo de carregamento da página.

Ver Protótipo

Solução

Com o objetivo de proporcionar uma experiência mais fluida e agradável, o redesign abrangeu diferentes aspectos do sistema. A ideia foi repensar a eShop, não para que ela apenas fosse mais personalizada, mas planejada em cada detalhe, aumentando a retenção e a satisfação dos usuários, ao mesmo tempo em que solucionava suas frustrações atuais.

Página Inicial personalizada

Criação de uma página inicial com categorias e recomendações de jogos personalizadas, facilitando a descoberta de títulos que combinam com os interesses do usuário.

Filtros de subgênero

Ações de busca mais eficientes

Fluxo do Carrinho de Compras

Implementação de um carrinho de compras que permite adquirir vários jogos de uma vez, com um fluxo de checkout simplificado, mantendo as etapas de segurança.

Hierarquia visual aprimorada

Reorganização da hierarquia para tornar a interface mais bem estruturada. O design também foi ajustada para alinhar com a linguagem visual da Nintendo, preservando a consistência da marca.

Gestão da Lista de Desejos

Impacto &
Próximos Passos

Impacto & Próximos Passos

Apesar do redesign não ter sido testado em um cenário real, com as soluções pensadas para responder às principais frustrações dos usuários e alcançar os objetivos definidos, listei os principais impactos esperados:

Maior engajamento e retenção devido a introdução de uma tela inicial personalizada e de filtros por subgênero pensados para tornar a descoberta de jogos mais fácil e envolvente.
Redução na fricção na experiência resultado do novo layout e de ações de navegação, como adicionar itens ao carrinho ou à lista de desejos diretamente nos cards dos jogos, simplificando a jornada do usuário.
Aumento na taxa de conversão frente a adição de um carrinho de compras e o redesign do fluxo de checkout, além do aumento na facilidade na descoberta de jogos.

Além disso, considerando passos futuros, a primeira ação seria realizar testes de usabilidade para validar os novos fluxos e funcionalidades.

Em seguida, após um lançamento hipotético, o sucesso seria medido através do monitoramento de taxas de conversão, duração total das sessões e índices de satisfação do usuário, o que tornaria possível confirmar o impacto do redesign e identificar áreas de melhoria para o futuro.

Interessado em criar juntos?

Vamos conversar

nataliaklausner@gmail.com

Behance

Interessado em criar juntos?

Vamos conversar

nataliaklausner@gmail.com

Behance

Interessado em criar juntos?

Vamos conversar

nataliaklausner@gmail.com

Behance