Čtení/Web/Vylepšení plochy/Funkce/Nástroje stránek

Přehled

Funkce

Úložiště

FAQ

« Předchozí

Další »

Řešeno přes Phabricator
Úkol T302073

Jedním z hlavních cílů projektu vylepšení desktopů je usnadnit uživatelům intuitivní používání všech odkazů a nástrojů v rámci našich rozhraní.

V současné době naše rozhraní nerozlišuje mezi odkazy a nástroji, které jsou relevantní pro web, a odkazy a nástroji, které jsou relevantní pro samotnou stránku. Hlavní stránka, náhodná stránka, poslední změny, jsou v první skupině. Jaké odkazy zde, související změny, citujte tuto stránku, patří do té druhé. Tento mix je pro nové čtenáře matoucí. Také noví editoři nejsou obeznámeni s tím, co jednotlivé odkazy dělají. Míchání těchto skupin výrazně snižuje pravděpodobnost, že lidé budou tyto nástroje přirozeně prozkoumávat.

Pozadí a cíle

Rádi bychom přehodnotili způsob, jakým zobrazujeme naše nástroje na stránce, abychom:

• Usnadnili si rozlišení, které nástroje jsou pro jednotlivé stránky a které pro celý web
• Usnadnili si intuitivní pochopení účelu každého odkazu, aniž byste s ním museli interagovat
• Pokračovali v poskytování trvalého přístupu k těmto nástrojům

Naše třetí testování prototypu s obsahem zdůraznilo důležitost našich nástrojů a význam trvalých nabídek. Při navrhování této funkce jsme se zaměřili na zajištění snadného přístupu pro ty, kteří to potřebují. Bylo také důležité, aby to nebránilo čtenářskému zážitku nebo ho nerušilo.

Případy použití

• Jako čtenář nebo editor chci rychle rozlišovat mezi nástroji stránky a globálními nástroji, abych lépe porozuměl struktuře stránky
• Jako čtenář nebo editor chci rychlý přístup ke stránkovým nástrojům a globálním nástrojům, abych nestrávil spoustu času hledáním nástroje, který potřebuji
• Jako čtenář nebo editor chci mít možnost vybrat si, které nástroje chci neustále vidět, aby moje zkušenosti vyhovovaly mým potřebám

Popis funkce a požadavky

1. Vytvoří se nové menu, které obsahuje pouze nástroje stránky
2. Nová nabídka je umístěna na místě, které je pro nástroje stránky intuitivnější a vytváří vizuální propojení mezi umístěním odkazů a jejich účelem
3. Lidé mají možnost, aby globální nástroje nebo nástroje stránky byly trvalé, aby vyhovovaly jejich potřebám čtení nebo úprav
4. Globální nástroje a nabídky nástrojů stránky jsou pro přihlášené uživatele ve výchozím nastavení trvale dostupné
5. Globální nástroje a nástroje stránek nejsou ve výchozím nastavení trvale dostupné pro anonymní uživatele

Výzkum a vývoj

Vztah k obsahu

Jednou ze změn, ze kterých jsme nejvíce nadšeni, je přesunutí obsahu na stranu stránky a jeho přilepení, aby byl dostupný i při posouvání stránky dolů. Průzkumem a testováním jsme zjistili, že tato změna bude přínosem pro lidi, protože jim umožní získat přehled o stránce, jakmile se na ni dostanou, a pomůže jim se na stránce snadněji orientovat během čtení.

Většina ohlasů byla pozitivní. Většině členů komunity se líbí nové umístění a funkce obsahu a celkově tuto změnu podporují. Stejně jako u většiny změn v rozhraní je i přesouvání obsahu spojeno s určitými problémy. Hlavní výzvou členů komunity bylo: Kam bychom měli umístit nabídku postranního panelu, která byla původně umístěna v prostoru, kam jsme obsah přesouvali? Níže vysvětlujeme náš návrh řešení této výzvy, který byl také předmětem našeho dalšího kola testování prototypu.

Naše krátkodobé řešení

Rozhodli jsme se, že jako krátkodobé řešení zůstane celý postranní panel dostupný na svém současném místě. Zůstal by sbalitelný a stav (tj. otevřený vs. sbalený) postranního panelu by nadále přetrvával mezi stránkami. (Pokud jej tedy otevřete, zůstane otevřený i při procházení webu.) Co se mělo změnit: Když to mělo být otevřené, posunulo by to obsah dolů na stránku. Zde je záznam obrazovky, jak by to fungovalo:

Nepovažovali jsme to za optimální řešení. Bylo to spíše jako rychlá oprava, která nám umožní uvolnit obsah a jít dál. A chápeme, že to někomu mohlo připadat jako krok zpět, protože po změně byl obsah na stránce níže než předtím.

Naše dlouhodobé řešení

Několik věcí, které jsme se naučili ze zpětné vazby komunity a ze sběru dat, je základem našeho návrhu:

1. Většině editorů se líbí nové umístění obsahu
2. Pro některé editory je důležité mít k dispozici nástroje stránky (např. jaké odkazy zde, Související změny, položka Wikidata atd.), jakmile se dostanou na stránku
3. Většina položek globální navigace v hlavní nabídce (např. Aktuální události, Obsah atd.) se nepoužívá často.
4. Někteří editoři mají velké obrazovky a chtěli by, aby rozhraní lépe využívalo prostor na druhé straně stránky

Navíc něco, čeho jsme se během tohoto projektu snažili dosáhnout, je přesouvání věcí na logická místa. Myslíme si, že dává smysl, aby všechny nástroje stránky byly v jedné oblasti, spíše než v současné situaci, kdy některé z nich jsou na postranním panelu a jiné na panelu nástrojů nad obsahem stránky.

Náš návrh má dvě hlavní části:

1. Rozdělení postranního panelu na dvě nabídky: Hlavní nabídku s globálními odkazy a nabídku nástrojů stránky s odkazy pro konkrétní stránku
2. Přesunutí nástrojů stránky na vzdálenou stranu stránky tak, aby byly blízko ostatních nástrojů stránky (Historie, Upravit, Přesunout atd.)

Zde je vizualizace těchto dvou částí:

Krok 1: Rozdělení do dvou nabídek

Krok 2: Nástroje pro přesun stránky

Aktualizované rozhraní by vypadalo asi takto:

Zde je záznam obrazovky ukazující některé možné konfigurace aktualizovaného rozhraní:

Poznámky

Výše uvedený návrh obsahuje dvě další změny:

1. Přesunutí záhlaví stránky nad panel nástrojů.
   • Obecně vidíme, že záhlaví je užitečné pro všechny uživatele, zatímco panel nástrojů je relevantnější pro zkušené uživatele a přispěvatele. Proto si myslíme, že má smysl mít titulní lištu na prvním místě a lištu nástrojů níže
     • Konkrétní příklad: Záhlaví nyní obsahuje přepínač jazyků a myslíme si, že přepínání jazyků je pro většinu návštěvníků webu cennější než položky na panelu nástrojů
     • Možný budoucí příklad: V budoucnu doufáme, že do rozhraní přidáme další nástroje pro čtení (jako je sdílení, nastavení písma atd.) a plánujeme je umístit do záhlaví vedle přepínače jazyků
   • Z hlediska informační architektury souvisejí odkazy a nástroje na panelu nástrojů se stránkou, na které se nacházíte, takže má smysl mít nadpis výše a související odkazy a nástroje níže.
   • Z hlediska čitelnosti je hezké, že název stránky je první věcí, kterou uvidíte
   • Náš mobilní vzhled, Minerva, zobrazuje záhlaví nad panelem nástrojů a obecně se doporučuje být konzistentní, pokud je to možné. Možné podpůrné důkazy:
     • Timeless a Winter oba umístí titulek nad panel nástrojů
     • Dokumenty Google umístí název stránky nad panel nástrojů
2. Změna stylu karet a dalších prvků na stránce
   • Toto je pokračující proces. Styly obsažené ve výše uvedeném modelu nejsou konečné, spíše jsou to pouze oříznuté verze, které slouží jako zástupné symboly, zatímco budeme pokračovat v práci na věcech vizuálního designu.

Kvalitativní testování

Testování prototypů s editory

V prosinci 2021 jsme provedli prototypové testování našeho obsahu na 30 wikinách. Výsledky testování tohoto prototypu byly klíčové pro vývoj nabídky nástrojů stránky. Podrobnosti naleznete ve výsledcích testování našeho prototypu ToC a našich nápadech na další kroky.

V dubnu 2022 jsme testovali prototyp, kde byly nástroje stránky odděleny od hlavní nabídky a přesunuty na opačnou stranu stránky. Prototyp také umístil nadpis stránky nad panel nástrojů stránky.

Shrnutí zpětné vazby:

• Obdrželi jsme zpětnou vazbu od 244 redaktorů ve více než 15 různých jazycích.
• ✅ Většina lidí podporuje oddělení nástrojů stránky od hlavní nabídky a jejich přesunutí na opačnou stranu stránky
• ✅ Většina lidí podporuje přesunutí názvu stránky nad panel nástrojů stránky
• ⚖️ Zpětná vazba byla rozdělena celkem rovnoměrně mezi dvě nabídky, které jsou ve výchozím nastavení otevřené a zavřené
• 😀 Mnoho lidí zmínilo, jak moc se jim líbí mít obsah na straně stránky a dostupný, když stránku posouvají dolů
• Nejpodrobnější zpětná vazba se týkala chování při skrývání a zobrazování hlavní nabídky, obsahu a nabídky nástrojů. Hlavní body byly:
  • Když skryjete nabídku, měla by se úplně skrýt (aniž byste museli klikat podruhé)
  • Když skryjete nabídku, mělo by být jasnější, kam zmizela
  • Ikona nabídky hamburgeru by měla zmizet, když se hlavní nabídka přesune na postranní panel
  • Popisky pro skrytí/přesouvání nabídek by měly být lepší (nebo místo toho použijte ikony)
  • Nabídka nástrojů, pokud byla přesunuta na postranní panel, by měla zůstat viditelná při posouvání stránky dolů
  • Nabídka nástrojů, obsah a hlavní nabídka by se měly automaticky skrýt, když se obrazovka zúží
  • Měli byste být schopni sbalit obsah ručně, při jakékoli velikosti obrazovky

V tomto aktualizovaném prototypu jsme se pokusili vyřešit všechny výše uvedené body. Mějte na paměti, že prototyp není dokonalý. Snad postačí sdělit hlavní myšlenky: Deutsch · English · Nederlands · Tiếng Việt · Español · Français · Italiano · Polski · Svenska · Pусский · Yкраїнська · فارسی · 中文 · 日本語

Viz také aktualizovaný prototyp.

Kompatibilita gadgetů

Informace o kompatibilitě gadgetů jsou k dispozici v tomto titulu Phabricatoru. Následující gadgety byly testovány a měly by bez problémů fungovat s nabídkou nástrojů stránky:

• Twinkle (nabídka TW by se měla vložit za nabídku nástrojů stránky)
• MoreMenu (Nabídka "Stránka" je vložena před nabídku Nástroje stránky. Nabídka "Uživatel", viditelná pouze na uživatelských stránkách, je také vložena před nabídku Nástroje stránky.)
• ProseSize
• RTRC
• Přidání odkazu na panel nástrojů pro opětovné načtení aktuální stránky s odhalenými názvy systémových zpráv

Podařilo se nám zachovat kompatibilitu z několika důvodů:

1. Nabídka Nástroje stránky se vykresluje na straně serveru, což udržuje očekávané pořadí provádění JS (tj. očekávaná nabídka HTML existuje při spuštění JS gadgetu).
2. Udržujeme stejná ID, která byla dříve používána k cílení této nabídky pomocí gadgetů.
3. Když přesuneme nabídku, zachováme chování a události JS, které již byly svázány s prvky HTML pomocí miniaplikací.

Testovali jsme také funkci persistence nástrojů stránky s miniaplikacemi a nezaznamenali jsme žádnou ztrátu funkčnosti. Jediný znatelný rozdíl je v tom, že když je nabídka ve výchozím nastavení připnutá, můžete někdy vidět přidání nových odkazů po načtení stránky. To by mohlo potenciálně způsobit změnu rozvržení, ale to by byl problém pouze v případě, že by Nástroje stránky byly ve výchozím nastavení připnuty pro anonymní uživatele a gadget, který přidává odkaz, byl také povolen pro anonymní uživatele (nepravděpodobné).