Gamepedia Help Wiki
m (literówka)
mNie podano opisu zmian
 
(Nie pokazano 1 pośredniej wersji utworzonej przez tego samego użytkownika)
Linia 1: Linia 1:
'''FandomMobile''' jest nowym mobilnym doświadczeniem, które będziemy testować w wersji beta na angielskich wiki począwszy od 15 grudnia oraz na nieanglojęzycznych wiki od stycznia 2021 roku. Test jest opcjonalny, dotyczy tylko poszczególnego urządzenia i włączeni są w niego jedynie zalogowani użytkownicy. Możesz dołączyć do testów lub je wyłączyć w dowolnym momencie przechodząc na swój profil użytkownika, korzystając z urządzenia mobilnego i wyłączając nowy wygląd.
+
'''FandomMobile''' jest nowym mobilnym doświadczeniem, które wdrażamy na Gamepedii od 14 stycznia 2021 roku, czyniąc dalsze kroki po okresie dobrowolnych testów beta, które zaczeły się 15 grudnia 2020 roku.
   
Ten wczesny test jest naszym pierwszym krokiem w kierunku ogólnego zjednoczenia doświadczenia pomiędzy wiki na Fandomie i Gamepedii (wcześniej etap ten znany był jako „Faza 2” Unified Community Platform), wykorzystując najlepsze elementy z obu stron, które doceniają administratorzy, edytorzy oraz czytelnicy. Tak samo jak z całą platformą, wasze opinie formują nasz proces produkcyjny, dlatego prosimy, abyście się nimi z nami dzielili.
+
Jest to nasz pierwszy krok w kierunku ogólnego zjednoczenia doświadczenia pomiędzy wiki na Fandomie i Gamepedii (wcześniej etap ten znany był jako „Faza 2” Unified Community Platform), wykorzystując najlepsze elementy z obu stron, które doceniają administratorzy, edytorzy oraz czytelnicy. Tak samo jak z całą platformą, wasze opinie formują nasz proces produkcyjny, dlatego prosimy, abyście się nimi z nami dzielili.
   
 
Pragniemy zaznaczyć, że skórka FandomMobile może być dostosowana przy użyciu innego zestawu plików niż stara skórka mobilna. Skontaktuj się ze swoim Wiki Menadżerem, jeśli doświadczysz jakichś problemów z dostosowaniem skórki.
 
Pragniemy zaznaczyć, że skórka FandomMobile może być dostosowana przy użyciu innego zestawu plików niż stara skórka mobilna. Skontaktuj się ze swoim Wiki Menadżerem, jeśli doświadczysz jakichś problemów z dostosowaniem skórki.
   
  +
Jeżeli twoja wiki nie otrzymała jeszcze FandomMobile a chciałbyś ją przetestować, wejdź na swój profil uzytkownika z urządzenia mobilnego i użyj przełącznika na dole ekranu, aby uruchomić nową skórkę. Ten sam przełącznik może posłużyć do wycofania się z nowej skróki na wiki, które jeszcze jej nie otrzymały.
== Tło ==
 
  +
  +
== Powody zmian ==
 
Internetowa skórka mobilna to najprostszy punkt wejścia do nowego designu z dwóch ważnych powodów:
 
Internetowa skórka mobilna to najprostszy punkt wejścia do nowego designu z dwóch ważnych powodów:
 
* Na Gamepedii doświadczenie jest już oparte na skórce mobilnej MediaWiki, która dostarcza nam solidne podstawy techniczne, na których możemy budować.
 
* Na Gamepedii doświadczenie jest już oparte na skórce mobilnej MediaWiki, która dostarcza nam solidne podstawy techniczne, na których możemy budować.
Linia 25: Linia 27:
 
Tworząc FandomMobile, wróciliśmy do feedbacku dotyczącego doświadczenia mobilnego, jaki dostawaliśmy na przestrzeni lat zarówno od użytkowników Fandomu jak i Gamepedii. Następnie wewnątrz firmy omawialiśmy pomysły na zmianę wyglądu, co ostatecznie doprowadziło nas do momentu, w którym możemy oddać efekty naszej pracy do waszych testów. Powtarzającym się motywem w opiniach i rozmowach było kiepskie doświadczenie związane ze zmienianiem się niektórych elementów podczas przechodzenia z komputera na urządzenie mobilne, szczególnie dotyczyło to obrazów, przycinania obrazów w infoboksach, układów galerii, podpisów obrazów itp. Elementy te prezentowane były w sposób, który prowadził do negatywnego odbioru przez czytelników, którego nie mogli zmienić edytorzy. Oznacza to, że naprawienie tego stanu rzeczy było powinnością Fandomu.
 
Tworząc FandomMobile, wróciliśmy do feedbacku dotyczącego doświadczenia mobilnego, jaki dostawaliśmy na przestrzeni lat zarówno od użytkowników Fandomu jak i Gamepedii. Następnie wewnątrz firmy omawialiśmy pomysły na zmianę wyglądu, co ostatecznie doprowadziło nas do momentu, w którym możemy oddać efekty naszej pracy do waszych testów. Powtarzającym się motywem w opiniach i rozmowach było kiepskie doświadczenie związane ze zmienianiem się niektórych elementów podczas przechodzenia z komputera na urządzenie mobilne, szczególnie dotyczyło to obrazów, przycinania obrazów w infoboksach, układów galerii, podpisów obrazów itp. Elementy te prezentowane były w sposób, który prowadził do negatywnego odbioru przez czytelników, którego nie mogli zmienić edytorzy. Oznacza to, że naprawienie tego stanu rzeczy było powinnością Fandomu.
   
Przejdźmy do niektórych ze szkiców designu. Zwróćcie proszę uwagę, że obrazy poniżej nie są reprezentacją finalnej implementacji. Zostały przygotowane w oprogramowaniu do projektowania z treścią zastępczą, oraz wykonano je przed wejściem bety w życie.
+
Przejdźmy do niektórych ze szkiców designu. Zwróćcie proszę uwagę, że obrazy poniżej nie są reprezentacją finalnej implementacji. Zostały przygotowane w oprogramowaniu do projektowania z treścią zastępczą, oraz wykonano je przed wejściem bety w życie w grudniu ubiegłego roku.
   
 
== Tryby jasny i ciemny ==
 
== Tryby jasny i ciemny ==

Aktualna wersja na dzień 09:23, 2 lut 2021

FandomMobile jest nowym mobilnym doświadczeniem, które wdrażamy na Gamepedii od 14 stycznia 2021 roku, czyniąc dalsze kroki po okresie dobrowolnych testów beta, które zaczeły się 15 grudnia 2020 roku.

Jest to nasz pierwszy krok w kierunku ogólnego zjednoczenia doświadczenia pomiędzy wiki na Fandomie i Gamepedii (wcześniej etap ten znany był jako „Faza 2” Unified Community Platform), wykorzystując najlepsze elementy z obu stron, które doceniają administratorzy, edytorzy oraz czytelnicy. Tak samo jak z całą platformą, wasze opinie formują nasz proces produkcyjny, dlatego prosimy, abyście się nimi z nami dzielili.

Pragniemy zaznaczyć, że skórka FandomMobile może być dostosowana przy użyciu innego zestawu plików niż stara skórka mobilna. Skontaktuj się ze swoim Wiki Menadżerem, jeśli doświadczysz jakichś problemów z dostosowaniem skórki.

Jeżeli twoja wiki nie otrzymała jeszcze FandomMobile a chciałbyś ją przetestować, wejdź na swój profil uzytkownika z urządzenia mobilnego i użyj przełącznika na dole ekranu, aby uruchomić nową skórkę. Ten sam przełącznik może posłużyć do wycofania się z nowej skróki na wiki, które jeszcze jej nie otrzymały.

Powody zmian

Internetowa skórka mobilna to najprostszy punkt wejścia do nowego designu z dwóch ważnych powodów:

  • Na Gamepedii doświadczenie jest już oparte na skórce mobilnej MediaWiki, która dostarcza nam solidne podstawy techniczne, na których możemy budować.
  • Prace te będą mieć wpływ na większość naszych użytkowników, biorąc pod uwagę, że średnio 56-64% naszego całościowego ruchu każdego miesiąca pochodzi z urządzeń mobilnych.

Choć zmiany w designie przyniosą ze sobą pewne usprawnienia dla edytorów korzystających ze skórki mobilnej (których liczba wzrasta od czasu wydania mobilnego edytora dla wiki na UCP na Fandomie), w szczególności poprawie ulegną aspekty takie jak czytelność, dostępność oraz wydajność dla wszystkich użytkowników mobilnych. Zmiany wyglądu skórki desktopowej zabiorą więcej czasu i również dostaniecie możliwość podzielenia się wczesnymi opiniami na ich temat w dalszych etapach procesu.

FandomMobile korzysta z podstaw doświadczenia mobilnego Gamepedii, opartego na autorskiej skórce mobilnej MediaWiki o rozszerzeniu MobileFrontend. Obierając takie podejście, zyskujemy…

  • Znaczną liczbę kodu współdzielonego ze skórką desktopową.
  • Aktualizacje wydawane przez Fundację Wikimedia.
  • Lepszą wydajność od skórki mobilnej Fandomu.
  • Wsparcie dla wszystkich przestrzeni nazw w MediaWiki.

Korzystając z tych fundamentów możemy udostępnić także usprawnienia zaprojektowane przez Fandom, takie jak…

  • Przenośne infoboksy.
  • Galerie przyjazne urządzeniom mobilnym.
  • Tabele z danymi, czytelne na skórce mobilnej.

Tworząc FandomMobile, wróciliśmy do feedbacku dotyczącego doświadczenia mobilnego, jaki dostawaliśmy na przestrzeni lat zarówno od użytkowników Fandomu jak i Gamepedii. Następnie wewnątrz firmy omawialiśmy pomysły na zmianę wyglądu, co ostatecznie doprowadziło nas do momentu, w którym możemy oddać efekty naszej pracy do waszych testów. Powtarzającym się motywem w opiniach i rozmowach było kiepskie doświadczenie związane ze zmienianiem się niektórych elementów podczas przechodzenia z komputera na urządzenie mobilne, szczególnie dotyczyło to obrazów, przycinania obrazów w infoboksach, układów galerii, podpisów obrazów itp. Elementy te prezentowane były w sposób, który prowadził do negatywnego odbioru przez czytelników, którego nie mogli zmienić edytorzy. Oznacza to, że naprawienie tego stanu rzeczy było powinnością Fandomu.

Przejdźmy do niektórych ze szkiców designu. Zwróćcie proszę uwagę, że obrazy poniżej nie są reprezentacją finalnej implementacji. Zostały przygotowane w oprogramowaniu do projektowania z treścią zastępczą, oraz wykonano je przed wejściem bety w życie w grudniu ubiegłego roku.

Tryby jasny i ciemny

FM Light and Dark

Rozumiemy, chcecie opcji przełączania pomiędzy jasnym i ciemnym motywem. Zgadzamy się, to ma wpływ na czytelność. Pracujemy nad tym, aby uczynić to dla was rzeczywistością. Na Gamepedii wiki korzystające ze skórki HydraDark na komputerach otrzymają także ciemny motyw na FandomMobile.

Prócz tego filialna implementacja wciąż nie jest pewna, tak więc bardzo byśmy docenili wasz feedback na ten temat: chcielibyście przełącznik w preferencjach, który zmieniałby motyw na poszczególnych wiki? Dajcie nam znać!

Globalna nawigacja

FM Global Nav

W kwestii globalnej nawigacji – nie chcieliśmy, aby pasek wyszukiwania służył tylko wyszukiwaniu, ale również dostarczał opcje odkrywania treści, która dotyczy poszczególnej wiki oraz platformy jako takiej. Przypadki użycia, jakie przewidywaliśmy zakładały wyszukiwanie treści wiki, odkrywanie treści wiki oraz dostęp do linków globalnych. Zaprezentowano dwie opcje, jedną z nich możecie zobaczyć powyżej – linki globalna są tam wyświetlane nad polem wyszukiwania, a opcje odkrywania treści znajdują sie pod nim. Drugą opcją było wyświetlanie linków globalnych pod paskiem wyszukiwania oraz nad oknem odkrywania treści. Wybrana przez nas opcja była tą bardziej elegancką i szanującą intencje użytkownika, który chce szukać treści na wiki. Jak możecie zauważyć, obecny jest tam przełącznik zakresu wyszukiwania pomiędzy tą wiki a wszystkimi wiki. Nasz test wykazał, że dodanie takiego przełącznika zapewnia dobre doświadczenie użytkownikom, ale dalej zbieramy dane i opinie na ten temat, aby lepiej zrozumieć, czym powinna stać się ta funkcja. Na tę chwilę domyślną wartością dla każdego jest „Ta wiki”.

Lokalna nawigacja

FM Local Nav

Tworząc lokalną nawigację chwieliśmy, aby użytkownicy mieli dyskretny dostęp do tego, co administratorzy umieścili w głównej nawigacji, pozwalając im na maksymalne wykorzystanie konsumowanych treści. Nowością jest tutaj nowa opcja wyświetlana pod globalną nawigacją, która prezentuje nazwę wiki oraz możliwość przeglądania nawigacji. Gdy użytkownik rozpoczyna przewijanie strony w dół, lokalna oraz globalna nawigacja łączą się ze sobą, co pozwala na niczym niezmącony dostęp do strony głównej wiki, lokalnej nawigacji oraz wyszukiwania (które przywołuje globalną nawigację).

Spis treści

FM Table of Contents

Spis treści w artykule (po angielsku często nazywany ToC – Table of Contents) to, jak zapewne wiecie, kluczowy element interfejsu, który przedstawia przegląd zawartości oraz to, w jaki sposób zawartość jest zorganizowana na stronie. Pozwala także na łatwą nawigację pomiędzy fragmentami artykułu. Na skórce mobilnej nawigacyjna rola spisu treści staje się jeszcze istotniejsza, lecz rola przeglądu treści może stać się irytująca, gdy użytkownik będzie musiał długo przewijać, zanim dotrze do treści. Aby rozwiązać ten problem, rozważyliśmy trzy różne opcje:

  1. Spis treści jako część samego artykułu, znajdująca się pod infoboksem i wprowadzeniem.
  2. Pływający pasek spisu treści przemieszczający się wraz z użytkownikiem przewijającym treść.
  3. Pływająca ikona spisu treści, przemieszczająca się wraz z użytkownikiem, która może pokazać panel spisu treści po stuknięciu.

Zespoły rozwoju i designu przeanalizowały te opcje i zdecydowały wybrać trzecią, ponieważ zwiększa ona przydatność spisu treści jako funkcji nawigacyjnej i czyni go bardziej dostępnym dla użytkowników w trakcie czytania. Otrzymaliśmy sporo opinii na temat jego implementacji od menadżerów wiki oraz członków zespołu treści – zarówno pod względem ikonografii jak i umiejscowienia, ale chętnie usłyszymy również wasz feedback!

Galerie

FM Gallery

Przy galeriach głośno i wyraźnie usłyszeliśmy o dwóch głównych problemach z transformacją galerii Fandomu na skórce mobilnej: braku podpisów dostarczających niezbędny kontekst obrazów oraz mozaikowym układzie, który przestawiał priorytet obrazów. Ponownie, przestudiowaliśmy 3 warianty designu:

  1. Przewijana pionowo lista obrazów o zmiennej wysokości i stałej szerokości z podpisami wyświetlanymi pod obrazem.
  2. Przewijana pionowo mozaika dwóch kolumn obrazów ze zmienną wysokością i stałą szerokością z podpisami wyświetlanymi pod każdym z obrazów.
  3. Przewijana pionowo mozaika dwóch kolumn obrazów ze stałą szerokością i wysokością z podpisami wyświetlanymi pod każdym z obrazów.

Grupa robocza zdecydowała się postawić na opcję drugą, którą możecie zobaczyć wyżej z wymieszanymi grafikami z Doty 2 okraszonymi podpisami z Gry o Tron. Opcja druga zapewniła najlepszy balans jakości i ilości obrazów w galerii poprzez nie wymuszanie przycinania pasującego do stałej wysokości, jednocześnie pokazując obrazy obok siebie. Zauważycie z pewnością, że wyświetlanie podpisów było dla nas dużym priorytetem, który oparliśmy na waszych sugestiach.

Podgląd obrazów

FM Lightbox

Chcieliśmy upewnić się, że wchodząc w podgląd obrazu użytkownicy otrzymają możliwość cieszenia się większym obrazem, przeczytania podpisu, nawigacji pomiędzy innymi obrazami, a także okazję do poznania licencji danego pliku (co powinni mieć znaczenie), doświadczenie, które nie istnieje na Gamepedii i jest dostępne tylko częściowo na Fandomie. Zamiast odsyłać użytkownika do osobnej strony ze szczegółami licencyjnymi, jak początkowo planowaliśmy, postanowiliśmy udostępnić tę możliwość w formie wyskakującego okienka, które można wywołać stukając w przycisk informacji. Redukuje to liczbę stron, jaką trzeba odwiedzić, aby znaleźć tę informację. Łącząc to z odnową galerii wydaje nam się, że jest to znaczne ulepszenie – w szczególności dla wiki z dużą ilością screenshotów, ikon i artworków.

Dostosowywanie

Wyrażanie tożsamości wiki to poważne sprawa dla naszych społeczności, przy czym rysuje się wyraźna przepaść między tym, jak wykonane jest to na Fandomie a jak na Gamepedii. Na Gamepedii opcje dostosowywania skórki mobilnej są raczej ograniczone w porównaniu ze skórką desktopową, ale chcemy zapewnić balans pomiędzy swobodą ekspresji a dobrym doświadczeniem użytkowników. Z tego powodu pliki JS i CSS kontrolujące wygląd i zachowanie skórki FandomMobile na Gamepedii będą zablokowane z dostępem od Menadżerów Wiki wzwyż, przynajmniej na razie. Ignorowane będą także Gadżety. Jeśli napotkasz problemy z dostosowywaniem wyglądu, skontaktuj się ze swoim menadżerem wiki.

Unifikacja wyglądu pomiędzy Fandomem i Gamepedią to coś, nad czym wciąż toczymy wewnętrzne dyskusje, dlatego zakres modyfikacji jest na razie ograniczony.

Zbieranie feedbacku

Aby podzielić się z nami opinią o becie możesz skontaktować się ze swoim wiki menadżerem, wysłać wiadomość przez formularz zgłoszeniowy, lub skontaktować się z nami na naszym oficjalnym Discordzie. Z chęcią przyjmiemy wasze przemyślenia i konstruktywną krytykę na temat przyszłości wyglądu wiki na urządzeniach mobilnych!