Central da Comunidade
Advertisement
Central da Comunidade

Olá pessoal,

Conforme prometido na introdução ao FandomDesktop em março, estamos continuando nossa abordagem para prever as mudanças que ocorrerão no Fandom e na Gamepedia para usuários de desktop no final desta primavera e no verão. Mais transparência, mais pensamento de design e análises mais aprofundadas sobre o que está mudando antes do lançamento.

Hoje, estamos observando como o Designer de temas está subindo de nível com o FandomDesktop com novos recursos, soluções de melhor desempenho e mais opções de personalização para dar vida à identidade da sua comunidade.

Novo visual, novos recursos

Como parte do projeto UCX, reconstruímos o Designer de temas do zero como um recurso mais forte para aprimorar a nova experiência. Em outras áreas do UCX, estamos mais focados em otimizar os recursos existentes para a nova experiência, mas com o Theme Designer, ouvimos a necessidade do usuário de você e vimos a oportunidade de subir de nível.

Para a esquerda para a esquerda

Desde que o Designer de temas atual foi lançado, os usuários de desktop tenderam a telas mais largas, visto que a tecnologia gráfica melhorou drasticamente e a tecnologia de exibição manteve-se atualizada. Para esse fim, renovamos o Designer de temas para uma experiência montada à esquerda, em vez de montada no topo. Isso permite que mais de sua página seja mostrado rapidamente ao realizar tarefas de design, tornando essas tarefas de design mais fáceis de concluir.

Theme Designer Light.png

Mudanças reais em páginas reais

A nova experiência de pré-visualização do Designer de temas é ao vivo. Você pode selecionar uma página ativa da wiki para servir como exemplo de visualização. Seu conteúdo, não o conteúdo de espaço reservado, obtém os ajustes ao vivo conforme você brinca com o tema.

Theme Designer - Page URL.png

Isso permitirá que você veja como páginas particulares e sua formatação específica reagem às mudanças que você está testando em uma configuração de pré-visualização, em vez de ter que aplicar as mudanças, saia do Designer de temas, verifique a página em questão e volte não é como você queria. Se quiser ver outra página, você pode alterar o destino da página na barra de URL do painel de visualização e ela será atualizada.

Lembra do custo de interação da pré-visualização da navegação, a soma do esforço mental e físico necessário para alcançar o resultado desejado? Isso reduz SIGNIFICATIVAMENTE o custo de interação para o trabalho do Designer de temas, dando a você mais informações sobre quais mudanças afetam os elementos diretamente.

Ah... e suas alterações de favicon agora podem ser visualizadas ao vivo na barra de URL da janela de visualização!

Claro e escuro

Como você sem dúvida notou nas prévias anteriores do FandomDesktop, estaremos apoiando os temas claro e escuro nativamente com a nova experiência, incluindo suporte para ambos os temas no Designer de temas!

Você poderá alternar facilmente entre os dois temas na interface do Designer de temas para trabalhar em cada um e ver como eles se comparam, todos na mesma janela de pré-visualização. Você também terá a opção de definir qual tema é o padrão da comunidade, apresentando aos leitores a experiência que vocês, como administradores da wiki, consideram a melhor opção para a sua wiki.

Uma nota rápida sobre como os temas Claro e Escuro funcionarão em termos de escolha do usuário:

  • No lançamento antecipado, os temas Claro e Escuro serão limitados a usuários conectados apenas por meio de uma preferência do usuário
    • Se a preferência do usuário não tiver sido feita, o tema selecionado pelo administrador aparecerá como a experiência padrão em uma determinada wiki.
  • O botão de alternância na wiki mostrado em muitos dos mockups de design está programado para ser lançado antes que o primeiro lote de wikis seja convertido para o FandomDesktop para sua experiência geral.
  • A alternância estará disponível para usuários conectados e usuários desconectados (anons)
    • Para usuários conectados, o botão de alternância salvará sua escolha como uma alteração em sua preferência global para o tema Claro vs Escuro
    • Para usuários anônimos, o botão de alternância salvará sua preferência para a sessão. Ao entrar em uma nova sessão, os usuários anteriores serão considerados como não tendo preferência e serão mostrados o tema padrão selecionado pelo administrador em qualquer wiki.

Precisamos de um pouco mais de tempo para desenvolver a lógica de preferência e alternância e, no espírito de mais transparência, queríamos que todos soubessem com antecedência sobre essa ligeira mudança em relação ao que foi mostrado.

Opções de fonte personalizadas

Theme Designer - Font.png

Integrada à experiência do Designer de temas, estará a opção de escolher fontes personalizadas para o texto do cabeçalho. Começaremos com 5 fontes adicionais avaliadas pela equipe de design de produto para usabilidade e acessibilidade. Essas fontes são Rubik, Work Sans, Lora, Roboto Slab, BioRhyme e Inknut Antiqua, que são mostradas na captura de tela acima. Outras fontes personalizadas ainda podem ser usadas via CSS, desde que mantenham os padrões de acessibilidade.

Melhorias significativas

Além de mudar a forma como o recurso funciona de uma perspectiva fundamental, também aproveitamos a oportunidade para fazer algumas melhorias com base no feedback do usuário e nas experiências aprendidas com as migrações da Plataforma unificada da comunidade.

Melhores soluções de armazenamento

O designer de tema legado armazena certos arquivos, como o logotipo da wiki, em um local fora do MediaWiki. Isso causou problemas durante as migrações UCP porque essas imagens às vezes não migravam corretamente e eram difíceis de recuperar depois.

No futuro, TODO o armazenamento de arquivos relacionado ao Theme Designer dependerá do gerenciamento de arquivos do MediaWiki, dando aos administradores do wiki a opção de controlar suas imagens e revisões por meio de ferramentas MediaWiki, em vez de apenas o gerenciamento proprietário limitado da experiência anterior do Designer de temas. Isso será uma prova futura contra problemas decorrentes de quaisquer alterações de gerenciamento de arquivo que possamos precisar fazer, uma vez que o Designer de tema será tratado da mesma forma que o resto da wiki, em vez de ter outro sistema para migrar.

Mais cores e melhores maneiras de escolhê-las!

No Designer de temas legado, você tem duas maneiras de escolher cores: amostras ou códigos hexadecimais. É ótimo para administradores experientes em design que sabem os códigos hexadecimais ou escolhem uma das cores em nossas seleções de amostra. Não é ótimo para criatividade além disso.

Legacy Swatch Picker.png

No novo Designer de temas, estamos começando com um seletor de cores que oferece MUITA escolha em toda a faixa visível de luz ou você ainda pode digitar um código hexadecimal, se desejar.

Better Color Picker.png

Já estamos olhando para o futuro com esse recurso com o desejo de ir ainda mais além dessas opções, incluindo mais suporte para acessibilidade. Mais por vir da equipe CATS sobre isso após o lançamento inicial do FandomDesktop!

Theme Designer - Color.png

Maior é melhor

Como mencionei anteriormente, a resolução da tela tem aumentado com os avanços da tecnologia gráfica, lado a lado com a tecnologia de exibição. Estamos caminhando para monitores 8K no uso comum, então precisamos evoluir com suas escolhas de tecnologia.

Graças a essa tendência e a solicitações específicas da comunidade de criadores, o limite de tamanho do arquivo de fundo aumentará de 300 kb para 1 MB.

Logotipos

Uma das grandes diferenças entre a Gamepedia e o Fandom em termos de design é como a identidade da comunidade é apresentada na forma de um logotipo na wiki. As wikis da Gamepedia usam um logotipo quadrado, enquanto as wikis do Fandom usam um logotipo retangular.

Theme Designer - Logo.png

Com a nova experiência FandomDesktop, ofereceremos suporte a ambos os estilos em um novo formato unificado chamado Logo. A resolução de carregamento será de até 500x500 pixels, permitindo que ambos os formatos se ajustem e aproveitem os benefícios de telas de resolução mais alta. No desktop, os logotipos no estilo avatar serão exibidos em 100x100 (80x80 no tablet). Os logotipos no estilo Wordmark continuarão sendo exibidos em 250x65.

Theme-Designer-Avatar-Scroll.png

Estamos incentivando os wikis a optar por um logotipo no estilo quadrado. O logotipo em estilo quadrado é mais fácil de usar para promover a identidade da wiki em mais lugares do que o logotipo em estilo retangular. Quando você rola para baixo a página de um artigo, o logotipo quadrado pode rolar para a navegação local fixada, mantendo a identidade da wiki bem no topo da tela. Um logotipo retangular afetaria demais o seu espaço de navegação utilizável. O logotipo na navegação fixada na rolagem é opcional. Também temos alguns outros recursos futuros em desenvolvimento que farão uso desse elemento mais portátil da identidade na sua wiki. Mais sobre eles quando estiverem prontos para os olhos do público.

Os temas devem fluir

Você provavelmente já leu tudo isso e está se perguntando: “Ok, mas como isso funcionará na transição?” A equipe CATS lançou uma série de idéias sobre essa preocupação específica. Como fazemos a transição para um novo design e um novo Designer de tema o mais tranquila possível? O que eles criaram é muito bom, com fluxos separados para colocar wikis do Fandom e da Gamepedia no mesmo lugar, funcionalmente.

Para Wikis no Fandom, a escolha é sua

Quando você entrar no FandomDesktop como administrador, entrar no Theme Designer apresentará uma escolha. Você pode importar seu tema existente ou pode começar do zero. Se você escolher começar do zero, nós lhe daremos uma lousa limpa e permitiremos que você explore a nova experiência do Designer de temas sem que nenhuma decisão de tema anterior faça parte do design inicial do FandomDesktop

Theme Designer Choice.png

Note: Você NÃO perderá seu tema existente se fizer isso. A qualquer momento durante o período antecipado, você pode decidir se realmente deseja importar o tema existente, pode recuperá-lo na seção de histórico do tema e o Designer de temas irá traduzir seu tema Oasis legado em um novo tema FandomDesktop. Para wikis sem administradores ativos durante o período de aceitação, a lógica de importação automática converterá os temas legados do Oasis em temas do FandomDesktop quando a wiki for totalmente transferido para a nova experiência.

Para uma importação de tema existente, o Designer de temas irá empregar alguma lógica de cor para olhar para o seu tema Oasis durante o processo de importação e determinar se o tema é Claro ou Escuro e salvá-lo de acordo. Ao mesmo tempo, fará o possível para torná-lo um tema oposto apropriado para a outra opção. Por exemplo, se Wookieepedia importar seu tema, Theme Designer irá atribuí-lo como claro e então atribuir um tema padrão para o modo escuro.

O fluxo de importação da Gamepedia

A Gamepedia nunca teve um Designer de temas, já que todos os layouts de wiki na Gamepedia foram feitos por Representantes Wiki ou administradores através de CSS como parte do processo de criação de wiki com curadoria. Quando uma wiki da Gamepedia historicamente está no FandomDesktop, o tema inicial será o favicon, logotipo e um tema padrão claro ou escuro determinado se o tema legado está usando Hydra ou HydraDark. Todo o resto estará fresco. Dada a abordagem da folha em branco, as equipes de Experiência da Comunidade e Desenvolvimento da Comunidade fornecerão suporte especial para os temas de wikis históricos da Gamepedia. Teremos mais novidades à medida que nos aproximamos do lançamento.

Temos mais novidades sobre personalização, com informações detalhadas para vocês, pessoas que entendem de CSS, sobre como arquivos, valores, seletores, variáveis e outros estão mudando com o FandomDesktop. Espere por aquele lançamento mais próximo do período antecipado, para o qual anuncio uma data em breve!

E agora, como sempre, vou responder suas perguntas da melhor maneira possível!


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.