FandomMobile é a nova experiência para celular que estamos lançando para a Gamepedia a partir de 14 de janeiro de 2021, após um período beta opcional que começou em 15 de dezembro de 2020. A partir de 26 de janeiro de 2021, o FandomMobile é agora a experiência padrão para 20% do tráfego na Gamepedia. Os usuários que não participam de uma das wikis de distribuição (veja abaixo) podem cancelar a experiência por enquanto usando as instruções abaixo.
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.
É importante observar que o FandomMobile é personalizado com um conjunto de arquivos diferente do tema para celular legado. Entre em contato com o seu gerente da wiki para obter ajuda com quaisquer problemas de personalização que você possa encontrar.
Se a sua wiki ainda não recebeu a experiência FandomMobile e você gostaria de testá-la, você pode visitar o seu perfil de usuário em um dispositivo móvel e usar o botão de alternância na parte inferior para optar. O mesmo botão de alternância pode ser usado para desativar wikis que não foram inscritos na nova experiência.
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
No topo dessa base, podemos trazer melhorias móveis 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 e foram capturados antes do teste beta em dezembro ir ao ar.
Modo claro e escuro no celular
Nós 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ê. Na Gamepedia, as wikis que usam HydraDark no desktop verão o modo escuro da Gamepedia para sua experiência móvel.
A implementação exata além disso ainda está no ar, então adoraríamos seu feedback sobre este: Você quer uma alternância para cada wiki ou uma preferência global em todas as wikis para determinar o modo claro ou escuro? Nos informe!
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.
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
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:
- Um ToC como parte da própria página do artigo, abaixo da infobox e da introdução
- Uma barra ToC flutuante que rola com o usuário
- 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. Recebemos ótimos comentários dos Gerentes Wiki e dos Membros da Equipe de Conteúdo sobre como isso é implementado em termos de iconografia e posição, então adoraríamos ouvir seus comentários sobre isso também!
Além disso, estamos explorando a ideia de alterar o nome de “Índice” para “Conteúdo da página”, para ficar mais alinhado com a Wikipédia e outros sites.
Galerias
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
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. Para as wikis da Gamepedia, as opções de personalização são bastante limitadas, em comparação com o desktop, mas queremos ter certeza de que podemos equilibrar a expressão com uma boa experiência do usuário. Para tanto, os arquivos JS e CSS que controlam a aparência e comportamento das wikis da Gamepedia para celular no FandomMobile serão bloqueados para gerentes Wiki e superiores, pelo menos por enquanto, e os gadgets estão sendo suprimidos. Entre em contato com eles se você encontrar quaisquer problemas de personalização.
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 experiência beta, entre em contato com o seu gerente wiki, 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.
Wikis com tema implantado
As seguintes wikis têm o FandomMobile como sua experiência para celular padrão e não estão sujeitos a uma opção para voltar ao tema antigo:
- gamicus.gamepedia.com
- ancestors.gamepedia.com
- watchdogs.gamepedia.com
- escapefromtarkov.gamepedia.com
- hades.gamepedia.com
- darkestdungeon.gamepedia.com
- civ6.gamepedia.com
- nomanssky.gamepedia.com
- chronos.gamepedia.com
- sinoalice.gamepedia.com
- fortheking.gamepedia.com
- frostpunk.gamepedia.com
- portalknights.gamepedia.com
- scum.gamepedia.com
- titanfall.gamepedia.com
- dota2.gamepedia.com
- hillclimbracing2.gamepedia.com