1º de março: Após um teste de SEO bem-sucedido, o FandomMobile agora está ativo em 20% do tráfego das wiki no Fandom.

FandomMobile é a nova experiência da para celular que estamos lançando para wikis selecionadas do Fandom em 2 de fevereiro de 2021, após um teste beta bem-sucedido e lançamentos limitados na Gamepedia em dezembro e janeiro.

Este é o primeiro passo para uma experiência geral unificada entre Fandom e wikis da Gamepedia (anteriormente conhecida como “Fase 2” da plataforma unificada da comunidade), aproveitando elementos de sucesso de ambas as experiências do site para administradores, editores e leitores. Assim como acontece com a plataforma em geral, seu feedback influencia nosso processo de desenvolvimento, portanto, certifique-se de compartilhá-lo.


Plano de fundo

A nova aparência para celular é o ponto de entrada mais direto para o novo processo de design por dois grandes motivos:

  • A experiência da Gamepedia já é baseada no tema para celular do MediaWiki, que nos fornece a base técnica mais sólida para construir.
  • O impacto deste trabalho atingirá a maioria dos nossos usuários, já que uma média de 56-64% do nosso tráfego total vem de dispositivos móveis a cada mês.

Embora esses projetos apresentem algumas melhorias interessantes para os colaboradores móveis também (um grupo que está crescendo bastante com a nova disponibilidade de edição móvel no UCP para wikis do Fandom), os principais benefícios virão em formas de legibilidade, acessibilidade e desempenho para todos os usuários móveis. Os designs de desktop levarão mais tempo e você terá a oportunidade de fornecer feedback antecipado sobre eles também no futuro.

O FandomMobile usa a base para celular da Gamepedia, com base no próprio tema para celular da MediaWiki e na extensão MobileFrontend. Ao adotar essa abordagem, ganhamos benefícios como...

  • Grande quantidade de código compartilhado com experiência de desktop
  • Atualizações da Fundação Wikimedia
  • Melhor desempenho do que o tema da web móvel do Fandom
  • Suporte para todos os espaços nominais do MediaWiki, incluindo páginas especiais para celular!

No topo dessa base, podemos trazer melhorias para celular projetadas pelo Fandom, como…

  • Infoboxes portáteis
  • Novas galerias otimizadas para celular
  • Otimizado para celular

Ao construir o FandomMobile, analisamos o feedback que ouvimos ao longo dos anos de usuários do Fandom e da Gamepedia sobre as experiências para celular e, em seguida, compartilharemos as ideias de design com os nossos engenheiros. Um tema recorrente em comentários e conversas foi a experiência ruim com a forma como alguns elementos se transformam quando você muda do desktop para o celular, especialmente em torno de imagens, recorte de imagens de infobox, layouts de galeria, legendas de imagens etc. Esses elementos foram apresentados de uma maneira que levou a uma experiência ruim para os leitores que não pôde ser corrigida pelos contribuidores, o que significa que está no Fandom para ajudar a consertar isso.

Vamos mergulhar em alguns modelos de design. Observe que eles não são representativos da implementação final, foram criados em um software de design com conteúdo de espaço reservado hilariantemente incompatível da Gamepedia e foram capturados antes do teste beta em dezembro ir ao ar. Seguiremos as capturas de tela da produção do Fandom.

Modo claro e escuro no celular

Light and dark.png

Entendemos. Você deseja opções de modo claro e modo escuro. Nós concordamos. É uma questão de legibilidade. Estamos trabalhando para tornar isso uma realidade para você, fique ligado no Fandom :)

Navegação global

Global nav.png

Para a navegação global, queríamos invocar a barra de pesquisa para ser mais do que apenas pesquisar, mas também invocar opções de descoberta para o que é relevante na wiki específica e na plataforma como um todo. Os casos de uso que resolvemos foram pesquisar conteúdo da wiki, descobrir conteúdo da wiki e acessar links globais. Duas opções foram apresentadas, a que você vê acima, que exibe links globais acima da barra de pesquisa e opções de descoberta abaixo dela, e uma segunda que exibia um painel de links globais abaixo das opções de pesquisa antes de descoberta. A opção que escolhemos foi a mais elegante das duas e mais respeitada a intenção do usuário, que era pesquisar na wiki. Você pode notar a alternância Essa Wiki ou Todas as Wikis do Fandom. Nossos testes de pesquisa concluíram que oferecer essa alternância era uma boa experiência do usuário, mas ainda estamos coletando dados e feedback sobre como deveria ser sua funcionalidade exata. Por enquanto, o padrão é Essa Wiki para todos.

Navegação local

Wiki nava.png

Com a navegação local, queríamos que os usuários tivessem acesso ao que os administradores colocaram na navegação principal de uma forma discreta, permitindo que eles tirassem o máximo proveito do conteúdo que estão consumindo. A mudança aqui é uma nova unidade exibida abaixo da navegação global que apresenta o nome da comunidade e um ponto de entrada para abrir a Navegação local. Quando o usuário começa a rolar para baixo na página, Navegação Local e Navegação Global se fundem em uma unidade combinada que permite acesso ininterrupto à página principal da wiki, navegação local e pesquisa (que invoca a navegação global), mesmo quando o usuário rola para baixo o página.

Índice

Toc.png

O Índice (ToC) de um artigo é, como você sabe, uma peça crítica da interface para comunicar a visão geral do conteúdo, mostrando como o conteúdo está organizado e navegando nesse conteúdo. No celular, a função de navegação do ToC torna-se mais necessária, mas sua função de visão geral pode se tornar incômoda se o usuário tiver que rolar para chegar ao conteúdo. Para resolver isso, examinamos três opções diferentes:


  1. Um ToC como parte da própria página do artigo, abaixo da infobox e da introdução
  2. Uma barra ToC flutuante que rola com o usuário
  3. Um ícone ToC flutuante que rola com o usuário e pode chamar a barra quando pressionado

As equipes de crescimento e design analisaram essas opções e acabaram selecionando a opção 3, pois ela aumenta a utilidade do ToC para fins de navegação e, ao mesmo tempo, torna-o mais acessível aos usuários durante a leitura. O Fandom costumava ter ToC no celular e estamos trazendo-o de volta porque é uma grande melhoria de usabilidade.

Galerias

Gallery 1.png

Com as Galerias, ouvimos em alto e bom som que havia dois problemas principais em como as galerias do Fandom se transformavam em celuares: a falta de legendas para fornecer o contexto necessário e o layout do mosaico distorcendo a prioridade das imagens. Novamente, vimos 3 opções de design:

Uma lista de imagens com rolagem vertical com largura fixa e altura variável, exibindo legendas abaixo da imagem. Um mosaico verticalmente rolhável de duas colunas de imagem com altura variável e largura fixa, exibindo legendas abaixo de cada imagem Um mosaico verticalmente rolhável de duas colunas de imagem com largura e altura fixas, exibindo legendas abaixo de cada imagem

O grupo de trabalho decidiu pela opção 2, que você vê acima com a engraçada incompatibilidade de imagens de Dota 2 e legendas de Game of Thrones. A opção 2 forneceu a melhor mistura de qualidade e quantidade de imagem, não forçando um corte para se adequar à altura fixa, mas também mostrando as imagens lado a lado. Você notará que a exibição de legendas era uma grande prioridade para nós, com base no feedback do usuário.

Lightbox

Lightbox mockup.png

Com a lightbox, queríamos ter certeza de que os usuários pudessem se envolver com a imagem maior, ler a legenda, navegar para outras imagens e obter informações úteis sobre o licenciamento (se for o caso), uma experiência que não ocorre de forma alguma na Gamepedia hoje e apenas parcialmente no Fandom. Em vez de enviar o usuário a uma segunda página para obter os detalhes da licença, como exploramos originalmente, optamos por fazer dessa experiência uma caixa pop-under que pode ser chamada com aquele botão de informações para reduzir o número de visitas à página necessárias para encontrar essas informações. Combinado com as melhorias da galeria, achamos que é uma grande melhoria, especialmente para comunidades com muitas fotos, capturas de tela e arte.

Personalização

Expressar a identidade da sua wiki é um grande negócio para as comunidades, com uma lacuna marcante entre como isso é feito no Fandom e como é feito na Gamepedia. Unificar a experiência temática entre o Fandom e a Gamepedia é uma conversa contínua que estamos tendo internamente, então estamos limitando o escopo da personalização por enquanto.

Coleta de feedback

Para enviar feedback sobre a nova experiência, entre em contato com a sua pessoa de contato (se aplicável), preencha uma solicitação de suporte, ou contacte-nos no nosso servidor oficial no Discord. Agradecemos seus pensamentos e críticas construtivas sobre o futuro das wikis para celular!

O conteúdo da comunidade está disponível sob CC-BY-SA salvo indicação em contrário.