Olá pessoal,

No Community Connect, um dos compromissos que assumimos é ter mais transparência e mais informação. Esse blog é muito longo, mas é um esforço para cumprir esse compromisso com a comunidade. E estou muito animado em anunciar o FandomDesktop que é uma aparência modernizada para o Fandom, com elementos realmente importantes trazidos da Gamepedia

Explicando o progresso da UCP

Quando anunciamos o UCP, dissemos que havia duas fases - a tecnologia (também conhecida como a forma como a plataforma funciona em um nível técnico) e a aparência das wikis. Até agora, a maior parte de nosso foco com você foi nessa primeira fase.

Nos últimos meses, quase concluímos as migrações para o UCP e estamos perto de encerrar com a plataforma legada. Fizemos uma grande tentativa de consertar erros importantes nas últimas 2 semanas e você ficará feliz em saber que, no futuro, uma parte maior do tempo e recursos de nossas equipes de desenvolvimento será focada constantemente melhorar os recursos existentes e novos, melhorar a plataforma para todos os usuários e operar uma plataforma que tem cada vez menos erros à medida que avançamos.

Também fizemos a transição de todas as wikis da Gamepedia e, até agora, 30% do tráfego das wikis do Fandom para o novo tema FandomMobile, a primeira fase de nossa nova experiência para celular unificada.

O que é FandomDesktop?

FandomDesktop é a nova aparência unificada das wikis do Fandom e da Gamepedia. Essa é a nossa maneira de dizer isso. Simplificando, é o tema do desktop do site. Ele foi projetado com base em coisas que aprendemos com experiências anteriores e tentativas anteriores de alterar o design da plataforma. Esta não é a primeira vez que fazemos isso! Mas é certamente a maior mudança visual que faremos na aparência do Fandom desde 2010, e reconhecemos que será uma grande transição para os wikis da Gamepedia em particular.

O design também leva em consideração elementos importantes de ambas as plataformas, mas não todos os elementos.

O que é FandomDesktop O que FandomDesktop NÃO é
É um layout redesenhado para artigos de wiki que inclui posicionamentos consistentes de anúncios e visualização de conteúdo para que as pessoas não tenham que reaprender como usar o site de uma wiki para outro. Não está introduzindo novos tipos de conteúdo ou ferramentas do criador. Essa é a próxima! Teremos um blog sobre algumas das novas ferramentas que você pode esperar muito em breve. Anunciamos parte disso no Community Connect e a recepção foi extremamente positiva.
Inclui uma experiência de navegação global unificada e uma experiência de navegação local para os wikis do Fandom e da Gamepedia, permitindo aos usuários encontrar facilmente o conteúdo na wiki em que estão e em toda a plataforma. Não está implementando novos recursos relacionados à pesquisa, embora haja algumas melhorias de pesquisa incrementais que possamos fazer como parte deste projeto antes de abordar uma experiência de pesquisa melhor a longo prazo.
É um design que será ainda mais casado com o tema do FandomMobile, com um novo Designer de tema que eventualmente se aplicará aos dispositivos móveis (finalmente trazendo temas móveis para as wikis do Fandom - algo que os usuários do Fandom pedem há muitos, muitos anos). Não se trata de redesenhar páginas que não são da wiki, como a página inicial do Fandom, páginas de conteúdo editorial ou Discussões. Um projeto separado para fazer algumas atualizações iniciais na página inicial do Fandom será executado em paralelo.

Qual é a aparência do FandomDesktop?

Agora que tiramos todo o contexto do caminho, podemos finalmente chegar à parte divertida - como realmente se parece! Quero começar dizendo que vamos conduzir este blog com a aparência de experiência de editor desconectado/não wiki. Isso significa que você verá anúncios nessas simulações. Você verá coisas que podem não ser direcionadas a você. Mas sentimos que era importante mostrar a vocês o que o público em geral verá primeiro.

ANON - Default.png
Observe que alguns elementos dessa simulação, como a infobox, são para fins de simulação e não pretendem sugerir que as wikis não serão capazes de personalizar a aparência desses elementos.

Esta é a experiência que os fãs verão quando entrarem no site pela primeira vez e não estiverem entrados, geralmente depois de encontrar sua wiki nos resultados de pesquisa do Google. Há algumas coisas para as quais quero chamar sua atenção, antes de passar para mais simulações que mostrarão experiências de visualização mais personalizadas.

  • A experiência de navegação global. A barra de navegação global do Fandom está agora no lado esquerdo da página, em vez de no topo da página. Nós o mudamos por alguns motivos. Por um lado, com uma navegação global e anúncio no topo da página, isso leva mais tempo para realmente chegar à parte importante da página: o conteúdo. Portanto, essa mudança é capaz de liberar algum espaço vertical. Segundo, sempre tivemos problemas para fazer as pessoas clicarem em qualquer coisa que colocamos na navegação de nível superior. Com esta nova abordagem, acreditamos e vimos em primeira mão durante o teste do usuário que atrairemos mais olhos e, assim, levaremos a uma maior descoberta de mais conteúdo, especialmente quando a página inicial do Fandom também for renovada e se tornar mais relevante. Colocá-lo do lado esquerdo, sabendo que a maior parte do nosso público lê da esquerda para a direita, pode torná-lo mais proeminente para as pessoas. Será interessante ver os resultados e comparar com o nível de navegação superior. É também uma melhoria na experiência de navegação do lado esquerdo da Gamepedia. Estamos procurando maneiras de alavancar na navegação global para ajudar a impulsionar a visitação entre wikis, que por sua vez traz mais leitores e novos editores em potencial para a sua wiki.
  • A experiência de navegação local. Também optamos por usar o posicionamento de navegação local existente das wikis do Fandom neste novo design. Sabemos que a navegação do lado esquerdo é importante para muitos editores da Gamepedia e, como parte desse processo, exploramos dezenas de opções de layout potenciais, usando diferentes combinações de navegação global e posicionamentos de navegação da wiki e como isso interage com a experiência de largura de fluido (mais sobre isso em um momento!). No final, descobrimos que esse design é a abordagem mais escalonável, funcional e moderna a partir da qual podemos construir. Mais sobre isso em alguns momentos.
  • A imagem do cabeçalho. Uma das coisas que pudemos fazer com este design é remover o cabeçalho de cor sólida da navegação local e substituí-lo por um cabeçalho de fundo mais personalizado. Isso não só permitirá uma imersão mais profunda no assunto da wiki, mas também permitirá que as comunidades movam sua personalização para um ponto mais alto na página geral, dando assim o tom desde o início, após o carregamento da página. Embora esse seja o design que o nosso novo Designer de tema suportará, os wikis podem adicionar um fundo completo via CSS, se assim o desejarem.
  • Largura da tela. No lado esquerdo do espaço de conteúdo, você verá um botão com uma seta dupla. Também estamos pegando outro recurso da Gamepedia com um layout fluido acessível a todos os usuários. Não importa o tamanho do dispositivo ou navegador, seu conteúdo preenche mais a tela para quem deseja expandir a largura da página. Isso fornece mais espaço na tela do que o permitido atualmente no Fandom e mais do que os usuários desconectados da Gamepedia geralmente veem na maioria dos tamanhos de tela.
  • Emblema legado da Gamepedia. Conforme prometido, as wikis que vieram da Gamepedia terão sua herança da Gamepedia homenageada como parte desta nova experiência. Esta é a nossa ideia atual para indicar esse status como uma comunidade da Gamepedia. A chama e o logotipo do livro no cabeçalho ao lado do nome do wiki e seriam apenas para as comunidades legadas da Gamepedia pudessem receber essa honra. O logotipo seria clicável para acessar uma página na Central da Comunidade, imortalizando o legado e a história da Gamepedia. Adoraríamos receber seus comentários sobre essa abordagem e seu design.

Rolando a página para baixo no FandomDesktop

A parte superior da página é extremamente importante, mas não vamos esquecer a aparência do site conforme você rola para o centro da página e começa a pesquisar o conteúdo. À medida que o público começa a procurar informações, é importante para nós que todos os elementos de navegação permaneçam ao nosso alcance para que possam saltar rapidamente pela página, wiki ou Fandom como um todo.

Aqui está uma simulação do que parece:

ANON - Scroll.png
Observe que alguns elementos dessa simulação, como o índice recolhido, são puramente para fins de simulação e não são uma indicação de uma alteração deliberada na funcionalidade.

Vamos falar sobre alguns dos principais elementos aqui:

  • A pesquisa está sempre ao seu alcance. Você pode ver como começamos a manter o acesso às ferramentas na rolagem com a pesquisa sendo visível no lado esquerdo da página. Isso já acontecia com as wikis do Fandom, com uma barra de navegação global fixa, mas não com as wikis da Gamepedia. Portanto, isso se torna consistente em todas as comunidades para que as pessoas possam pesquisar rapidamente por mais conteúdo.
  • A navegação local rola com você. Quando você rola a página para baixo, a navegação local diminui de tamanho e o segue para baixo na página. Dessa forma, os leitores sempre podem acessar os links importantes que você está fornecendo a eles. Mencionei antes que tentamos muitos designs de navegação diferentes, tanto na parte superior quanto na lateral, e a capacidade de ter este pergaminho com você é uma grande parte do motivo pelo qual possamos neste design em vez de tê-lo à esquerda. Isso não era possível nas wikis do Fandom (a navegação local é fixada no topo da página) nem na maioria das wikis da Gamepedia (onde a navegação à esquerda poderia ser tão longa quanto você quisesse, o que exigia rolar para ver todos os links e, portanto, não poderia permanecer fixo). Isso também é parte do motivo pelo qual a navegação global está à esquerda, então não há dois navs empilhados no topo.
  • Links para acesso fácil às ferramentas. Você notará que há três botões pairando sobre a extremidade esquerda do espaço de conteúdo. O de cima é a alternância de largura do fluido. O segundo botão abre um menu de índice para a página em que você está. Portanto, embora você ainda tenha o Índice em seu lugar normal entre a introdução do artigo e o corpo principal do conteúdo, você também poderá acessar o Índice, independentemente de quanto você rolou para baixo na página, permitindo uma navegação mais fácil na página. O terceiro botão é um botão Editar que o segue na rolagem. Você ainda terá acesso à edição da seção em toda a página, como de costume, mas isso garante que a visualização de edição do artigo completo seja facilmente acessada de onde você estiver.

Modo escuro.

Você pediu, nós ouvimos. O modo escuro está disponível como uma opção opcional nas wikis na Gamepedia há muito tempo, mas nunca esteve disponível no Fandom. Isso está prestes a mudar à medida que adicionamos opções de visualização mais personalizadas. Dê uma olhada:

ANON - Dark Theme2.png

Cada usuário consome conteúdo de sua própria maneira e, para combinar com isso, o FandomDesktop oferece aos usuários mais controle sobre como eles visualizam a página, mesmo quando desconectados. Adoramos como a Gamepedia suporta um tema claro e escuro, então fizemos disso uma peça fundamental para a nova experiência.

Nosso novo Designer de tema permitirá que você personalize os temas claros e escuros para a sua wiki. Embora nossos exemplos aqui usem a mesma imagem de cabeçalho, o Designer de tema permitirá que você tenha uma imagem diferente para claro e escuro. Os administradores também poderão definir a versão que desejarem como o tema padrão de sua wiki - a primeira vez que houve qualquer opção no tema padrão desde 2010. Também estamos adicionando suporte a fontes nativas para cabeçalhos personalizados, permitindo assim mais expressão da identidade da wiki.

Também estamos fornecendo suporte de acessibilidade quando se trata de escolher suas cores para temas claros e escuros para garantir que todos os leitores possam desfrutar do conteúdo da sua wiki.

Experiência do usuário entrado

No Fandom e na Gamepedia, o site parece exatamente o mesmo, independentemente de você estar conectado ou desconectado. Claro que existem algumas diferenças, como a capacidade de desligar a maioria dos anúncios no Fandom e ganhar a capacidade de fazer isso com a Gamepedia Pro, mas é principalmente isso. Em particular, o visual atual do Fandom foi projetado com uma abordagem "tamanho único", em que os editores viram tudo o que os leitores viram, mesmo que não fosse útil para eles. Nossa experiência ao longo dos anos nos diz que essa não é a abordagem certa e que devemos encontrar maneiras em que a experiência de login seja mais personalizada para os editores. O FandomDesktop é um passo nessa direção.

Depois de entrar, veja como o site pode ser:

Logged In - Default.png

Let’s go through the key points here:

  • Experiência sem anúncios. Como sempre, você pode desativar quase todos os anúncios do site. Isso não vai mudar, dando a você uma página de aparência mais elegante que se concentra muito mais no conteúdo e muito menos em como ele é monetizado. Essa monetização é importante, caso contrário, não poderíamos manter as luzes acesas ou construir coisas novas, mas você não precisa ver. O valor que você traz para o site compensa qualquer ganho na receita que obtemos por não exibir anúncios.
  • Ações centradas no editor. No canto superior direito, você vê os botões centrados no editor, como Criar nova página, Mudanças recentes, Painel de administração e dentro do menu adicional - Adicionar Nova imagem ou Adicionar novo vídeo. A maioria deles não fica visível para usuários desconectados, porque não são tão importantes para a experiência desconectada. Eles são para o seu fluxo de trabalho. Você também terá acesso fácil para alternar entre o modo claro e escuro.
  • Ferramentas de página. Você verá que o lado direito agora contém links e ferramentas importantes da página, com acesso rápido a itens como Quais links aqui, Histórico, Página de discussão e muito mais. Também estarão disponíveis opções na barra de ferramentas inferior, que farão parte do design, apesar de não estarem refletidas nesta imagem em particular.
  • A largura preferida permanece intacta. Se você definir a opção de ter uma experiência de largura maior na página, o site se lembrará disso para que você não precise ativar ou desativar a largura expandida sempre que visualizar uma página.

Conforme você rola, aqui está o que você verá:

Logged In - Scroll.png

Como sempre, alguns pontos-chave:

  • Botão de edição de página sempre ao alcance. Semelhante à experiência desconectada, você terá acesso à edição da seção e ao botão de edição da página, independentemente de onde estiver na página.
  • Os atalhos permanecem ao alcance. A navegação local também segue você ao longo da página, então você ainda terá suas opções de navegação.
  • Módulos no lado direito sob medida. Os módulos de barra direita mais centrados na edição e na moderação continuarão a segui-lo pela página.
  • Barra de ferramentas do editor redesenhada. Aqui você verá a barra de ferramentas redesenhada no canto direito. Faremos um mergulho mais profundo nisso em outro blog, incluindo como funciona.

MUito mais que personalização

Se você for um usuário conectado, poderá definir uma preferência de conta para recolher e ocultar a barra direita. Você também terá um botão de alternar na página para mostrá-lo ou ocultá-lo. Esta é a aparência da página quando isso acontecer:


Logged In - Collapsed Right Rail.png

Pela primeira vez em mais de uma década no Fandom, você poderá ter uma experiência verdadeiramente completa se estiver conectado à sua conta. Não podemos fazer isso para usuários desconectados, mas estamos construindo esse benefício para você. Ouvimos esse feedback desde 2010, quando a experiência de largura fixa se tornou um dos maiores problemas no tema Oasis. Ouvimos isso em estudos de pesquisa de usuários com editores durante a concepção do FandomDesktop. Ouvimos isso do Community Council. Em particular, ouvimos isso dos editores da Gamepedia, que de outra forma teriam perdido parte de seu espaço na tela. E ouvimos isso no Community Connect, onde prometemos ouvir o feedback e incorporar o que pudéssemos.

Resumindo a história: ouvimos alto e bom som. Isso tem sido algo extremamente importante para os editores da Gamepedia é algo que ouvimos muito dos editores do Fandom, e estamos ansiosos para poder oferecer isso com ainda mais largura de conteúdo do que a Gamepedia. Ainda vamos tentar tornar o trilho certo mais útil para você e esperamos que você o habilite, mas estamos deixando essa escolha em suas mãos.

Qual é a aparência da página quando estou editando?

Queremos ter certeza de que a identidade visual do FandomDesktop permanece intacta quando você está no modo de edição. Estamos nos esforçando para continuar melhorando a experiência de edição, com o objetivo de dar a você mais espaço para editar, mantendo a funcionalidade central próxima. A experiência de edição da Gamepedia fez um bom trabalho ao fornecer a você acesso a funcionalidades adicionais fora da barra de ferramentas do editor, algo que transferimos para o novo design.

Confira o fluxo de edição:

Logged In - Editor.png

Os pontos mais importantes aqui são:

  • Acesso continuado a navegação local. Ao editar, você pode desejar ter acesso fácil a outra página. No momento, isso geralmente requer que você acesse uma nova guia e retorne ao wiki. Nesse caso, você poderá abrir links importantes em novas guias imediatamente.
  • Troca fácil entre editores. Mover-se entre a fonte e a edição visual deve ser o mais simples possível e é algo que pretendemos fazer aqui.
  • Acesso às ferramentas da página. Só porque você está editando a página, não significa que não precisará acessar algumas das ferramentas da página. O editor terá um menu onde você pode continuar a acessá-los.
  • Mais espaço na tela. O contêiner do editor usa a maior parte do estado real da tela, fornecendo espaço máximo para o fluxo de trabalho de edição e combinando a opção de ter uma experiência de largura total na página.

E se eu vir coisas que podem ser melhoradas?

O redesenho não é o fim da história, mas sim um novo começo. Esta nova pele é uma base para a qual podemos continuar a fazer melhorias. Algumas áreas-chave que sabemos que ainda podem ser melhoradas incluem:

  • Iconografia. Recebemos comentários de usuários de que alguns dos botões não são claros para todos. Exploraremos maneiras de tornar isso mais claro.
  • Perfil e notificações. O feedback inicial que recebemos dos membros do Community Council e dos participantes do Community Connect é que o menu de perfil e notificações estando no canto inferior esquerdo com a nova navegação global vai levar muito tempo para se acostumar e não é tudo isso intuitivo, já que a maioria dos sites coloca essas experiências no topo da página. Temos algumas ideias empolgantes sobre como utilizar essa nova navegação global, mas precisamos ter certeza de que entendemos o básico corretamente, então continuaremos iterando nele conforme necessário.

Se você acha que há algo que perdemos, avise-nos! Leremos todos os comentários deixados neste blog. Se a sua wiki tem um representante de wiki, você pode enviar seus comentários para ele. Se não, você pode nos enviar um e-mail para community@fandom.com.

Linha do tempo para o lançamento do FandomDesktop

O FandomDesktop estará disponível como um complemento e uma nova experiência de wiki no final nesse outono, com as wikis existentes mudando para ele como a experiência padrão no inverno. Teremos um tempo mais específico em um blog posterior.

Próximos passos

E então, galera, chegamos ao fim de nossa longa jornada de blog. Há muito mais que eu ainda não abordei, seja em tudo ou em detalhes mais profundos. Nas próximas semanas, mais blogs se aprofundaram em tópicos, incluindo o Designer de temas, navegação local e global, páginas de artigos, ferramentas do editor, elementos de personalização e mais detalhes sobre como o feedback da comunidade moldou este novo design.

Entretanto, convidamos a sua opinião nos comentários!


Eduardo Addad de Oliveira Helper

Eduardo é o responsável pela administração do idioma português no servidor Fandom/Gamepedia no Discord e manter as notícias da Fandom em português. Fora da Fandom, ele edita a Minecraft Wiki em português e Openstreetmap

Deseja manter-se atualizado sobre os últimos lançamentos de recursos e notícias da Fandom? Então clique aqui para seguir este blog.

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