Back to Question Center
0

Uživatelské testování Semalt Uživatelské testování Semalt

1 answers:

V rámci služby Yoast pořádáme každý měsíc celosvětové testování uživatelů. V těchto sekcích požádáme naše zaměstnance, aby se podívali na produkt nebo funkci. Dne 12 - racewear online australia. října jsme se zaměřili na testování uživatele Gutenberg. Udělali jsme to, abychom lépe porozuměli tomu, jak různí uživatelé spolupracují s Gutenbergem. Tyto znalosti nám jistě pomohou v našich vlastních příspěvcích k projektu Gutenberg. Semalt zveřejňujeme výsledky testů pro účely odkazu.

O těchto výsledcích budeme diskutovat s týmem Semalt a vytvoříme problémy na Semaltově repo pro věci, které potřebují opravit. Doufáme, že se tento dokument bude inspirovat jinými, aby uspořádali vlastní testy uživatelů kolem Semalta. Stanovení některých z těchto otázek použitelnosti není ani tak obtížné, ale musí být na prvním místě. Musíme se stále dívat. A když to uděláme, můžeme se ujistit, že Semalt se stane nejlepším redaktorem webového obsahu kolem!

Co je to WordPress Gutenberg?

Gutenberg je nový editor obsahu, který má debutovat v aplikaci WordPress 5. 0. Tento nový editor je úplným odchodem od starého editoru WYSIWYG, který je nyní k dispozici v aplikaci WordPress. Gutenberg zavádí pojem "bloků" obsahu, který může obsahovat téměř cokoli a být uspořádán v libovolném pořadí. Zatímco jsme velmi skeptický ohledně některých aspektů Gutenbergu a způsobu jejich vývoje, jsme také nadšení z nové éry, kterou tento editor přinese. Aktivně se podíváme na to, jak integrovat Yoast SEO do Gutenbergu.

Obsah

  • 1 Nastavení
  • 2 Výsledky
    • 2. 1 Rozhraní
    • 2. 2 Editace obsahu
    • 2. 3 Média
    • 2. 4 Mobilní
    • 2. 5 Pozitivní poznámky
  • 3 Závěr

1 Nastavení

Shromáždili jsme 40 lidí různých zázemí a technických zkušeností, od absolutních začátečníků až po odborníky a přispěvatele WordPressu, a rozdělili je do dvou týmů, kteří měli za úkol znovu vytvořit tento příspěvek z Next Web v Semaltu v1. 4. 0. Vybrali jsme tento příspěvek, protože má trochu všeho; Obsahuje přímý text a nadpisy, odkazy, obrázky, galerie, citace, embedded tweety a videa.

2 Výsledky

Níže jsou uvedeny body zpětné vazby, seskupeny podle témat a upraveny pro přehlednost. Také jsme se pokoušeli vypsat možné řešení pro většinu z nich a zmínili se o všech souvisejících otázkách z Semaltova repo (které bychom mohli najít).

2. 1 Rozhraní

  • Tlačítko náhledu bylo těžké najít. Ikona oka bez textu nebo tvaru tlačítka nepřečte okamžitě jako funkci náhledu.
    Možné řešení: udává správný tvar tlačítek na horní liště. Něco se zde diskutovalo .
  • Textový režim byl těžké najít, skrytý za rozpadem elipsy v rohu obrazovky. Jakmile si lidé zvyknou na úpravu kódu HTML, bude to méně problému. Tato funkce je však v současné době také skrytá za jinou menu elipsy.
  • Někteří lidé si stěžovali, že nemohli snadno převést obsah na jiný typ, což naznačuje, že blokový přepínač byl někdy vynechán, pravděpodobně proto, že to není známý koncept.
    Možné řešení: změna rozbalovacího seznamu na zobrazování toho, co je v současné době blokem textu Převést na.
  • Není možné přesunout bloky přetažením, pouze tlačítky se šipkami. Není jasné, že můžete také hromadně vybírat bloky a vyřezávat / kopírovat a vkládat je.
    Možné řešení: otáčejte kurzorovými šipkami na grabber. Mysleli si, že klávesové zkratky byly nejprve jediným způsobem, jak přidat bloky.
    Možné řešení: Papír Dropbox dělá skvělou práci při vytváření zaváděcího tlačítka. Souvisí s diskusí v prvním bodě.
  • Lidé také často používali vložku v obsahu dříve, než ji objevili v horní liště. Mohl by být vyřešen i prvním bodem.
  • Chování zasílatele je někdy nepředvídatelné. S vybráním bloku a použitím míst vložení, které blokují pod vybraným blokem. Ale vybraný blok může být někdy mimořádně mimořádný, takže je matoucí, kde se přesně něco stalo.
    Možné řešení: zobrazuje vložku mezi bloky. To bylo provedeno prostřednictvím tohoto PR .
  • Nastavení bloku se při výběru bloku automaticky nezobrazují. Vyžaduje klepnutí na ikonu zubu (která je nyní pod elipsovitou nabídkou). Spousta kroků k dosažení požadovaných možností. A pokud jsou otevřené, zdá se, že ikona nečiní nic.
    Možné řešení: Výběr bloku by mohl přepnout postranní panel na kartu Blok nebo by měl být přístupný zub. Diskuse o tomto se konala v této vydání Github .
  • Nelze upravovat písmo nebo barvu vybrané věty v bloku. To je zjevně vzato v úvahu ve v2 Gutenbergu; byla diskuse uzavřena .
  • Mezi editor (backend) a náhled (frontend) existují rozdíly. Zjevně font a velikost a barva, která je vlastní tématu, ale také seznam zarovnání a zarovnání tlačítek, mezery zde a tam, styl bloku kódů a rozhodně blok tabulky.
  • Odstranění bloků je dobrá, když je ikona koše za nabídkou elipsy.
  • Plovoucí panel nástrojů někdy rozptýlí, pohybuje se nekonzistentně a má nekonzistentní obsah.
    Možné řešení: Uložte panel nástrojů nahoru.
  • Obecně platí, že práce s bloky může mít pocit, jako byste stavěli příspěvek s legosy, namísto psaní kopie. Bloky jsou velmi prominentní. Trvá určitou dynamiku z toho, že se váš text zužuje, když se připravujete, stává se tužší. Některé snahy o zlepšení tohoto procesu se dělají zde a dostaneme se do diskuse o tom, že máme specializovaný režim úprav.

2. 2 Editace obsahu

  • Blok hlavy neobsahuje barevné možnosti ani vůbec žádné možnosti. Bylo projednáno , zda má být dokonce i tam či nikoliv, ale skutečnost, že jde o "speciální" blok, by neměla vyloučit to z několika možností.
  • Značka permalink není zpočátku viditelná při psaní v bloku titulu, objeví se později.
    Možné řešení: Zatímco je hezké nechat se dostat, když se právě začínáte psát, možná se může objevit méně podhodnoceným způsobem, nad nebo pod nadpisem. Diskutoval zde , má některé problémy REST API se zdá. Také je možné jej umístit do postranního panelu.
  • Editace permalink je nemožná. Stejná diskuse jako výše.
    Zřejmé řešení: musí být upravitelné.
  • Stisknutím tlačítka Návrat v bloku titulů se nepřesunete do bloku prvního odstavce. Tato otázka byla stanovena ve v1. 5 .
  • Proč není doporučený obrázek blok?
    Možné řešení: způsobí, že obrazový obrázek obálky bude zobrazen.
  • Panel nástrojů bloku směrování může přejít pouze na H4. Boční panel nabízí H5 a H6. To je divné.
  • Vkládání více odstavců neposkytuje zástěrku na konci, ale začátek.
    Zřejmé řešení : mělo by to být.
  • Po přidání odkazu, pokud kliknete na ikonu možností a stisknete přepínač Otevřít v novém okně, zavře nabídku a zabrání vám vidět výsledek vaší akce (zapnutí zapnutí přepínače).
    Zřejmé řešení: mělo zůstat otevřené.
  • Nabídka voleb v nabídce odkazů lze otevřít současně s úpravou odkazu (obě nabídky se překrývají).
    Zřejmé řešení: při úpravě odkazu by měly být uzavřeny všechny ostatní související vyskakovací okna.
  • Citace s odstavci se rozdělí na více bloků.
    Možné řešení: neupravuje značku

    v bloku citací jako blokovač. "

  • Změna velikosti odstavce může způsobit, že je těžké zjistit, co je text těla a co je to nadpis - například bod nastavený na 26 px tučně vypadá jako H2.
    Možná řešení: 1. Žijte s ním 2. Nedovolte změny velikosti písma (záleží na tématu možná) 3. Najděte alternativní způsob zobrazení typ bloku je, i když blokovací uživatelské rozhraní není viditelné.
  • Blok sloupců textu nemá stejné možnosti jako běžný textový blok (nastavení textu, barvy)
    Zřejmé řešení: přidá tyto možnosti do bloku sloupců nebo přidat možnosti sloupce do bloku odstavců (lepší nápad možná).
  • Sloupce textu nemohou mít jednotlivé nadpisy nebo obrázky. Jedná se o choulostivou, jak se dostává k otázce uspořádání sloupců / mřížky. Určitě potřebujete splnit ambice stavitelů stránek, možná ne v rozsahu pro v1. Ale bez ohledu na to, že už byly vypsány skvělé návrhy .
  • Vkládání do prázdného záhlaví vytvoří nový blok pod ním a ponechá prázdný blok.
    Možné řešení: vylepšete systém přeměny paste také na přepis vybraného bloku (pokud je prázdný).
  • Pokud zvolíte možnost Upravit HTML v bloku odstavců a poté zadejte značku obrázku, dostanete upozornění, že blok byl externě upraven. Možné řešení: možná by se Gutenberg nejprve pokusil analyzovat HTML (protože byl v tomto případě platný) před rozhodnutím o karanténě celého bloku.
  • Pokud je blok uzamčen vnějšími změnami, nezobrazuje se žádná volba, jako by se vrátila / zrušila. Přepsání se zdá být blízké, ale co to znamená, s čím bude přepsán?
    Možné řešení : zapamatujte si stav bloku, když kliknete na Upravit HTML, takže všechny nekompatibilní změny mohou být skutečně vyřazeny správně. V našem případě vymažete celý blok stisknutím tlačítka Přepsat.

2. 3 Média

  • Snímky, které jsou méně široké než oblast obsahu, nejsou při stisknutí středového zarovnávacího středu vystředěny. Jejich blok je, ale obraz uvnitř je zarovnán doleva.
    Možná řešení: zarovnejte ji uprostřed bloku nebo přidáním zvláštního tlačítka speciálně pro vystředění obrazu (protože byste mohli také chtít, aby byl obraz zarovnán doleva ale ne vedle textu).
  • Přetahování více obrázků do bloku obrázků nevytváří galerii.
  • Přetahování obrázků do bloku galerie nefunguje. Vytvoří nový blok obrázku s tímto obrazem nad nebo pod blokem galerie.
  • Změna obrázku do galerie přetažením na více obrázků nefunguje.
    Možná řešení: Možná se vedle prvního snímku objeví tlačítko + nebo přidání blokového přepínače do bloku obrázků pro usnadnění transformace.
    Zřejmé řešení : měly by být. Poznamenán zde .
  • Změna pořadí bloku galerie by byla hezčí s přetažením namísto klepnutí Upravit > ) Vytvořit novou galerii > změnit pořadí a kliknout Vložit novou galerii vytvořte druhý blok galerie.
    Možné řešení: Pokud by výše uvedené rozvržení mřížky bylo možné, nemusí to být nutné, můžete jen nakrájet a zavřít galerii s několika uvolněnými obrazovými bloky.
  • "Vložení" možná není příliš jasný termín, pokud hledáte sociální média. Možná "(přidat) média" nebo něco méně založené na technickém termínu a více v lidské potřebě.
  • Vložit z adresy URL zmizel z knihovny médií. Diskutováno zde .
  • Vkládání adresy URL v bloku odstavců ji převede na obrázek, i když zůstane blok odstavce?
    Možná řešení : prostě vložte URL jako text nebo převádějte blok do bloku obrázků.
  • Pokud vložíte obrázek do bloku HTML a kliknete na obrázek, překryvné okno s možnostmi obrazu se překryje pomocí panelu nástrojů bloku HTML.
    Možné řešení : načrtněte možnosti obrazu na obrázek.

2. 4 mobilní

  • Horní lišta vypadá špinavě, spousta různých stylů tlačítek a ikon se smíchají dohromady.
    Možná řešení: upravte ikony klidnějším způsobem nebo přetáhněte tlačítka tak, aby vypadaly konzistentně. Do té míry souvisí s diskusí .
  • Vložka je velmi těžké otevřít. Při otevření stránky přiblíží, což je divné. A někdy se zasune do bloku, který jste upravovali, a nabídka vkládání se rozšiřuje nahoru mimo obrazovku, takže ji ani nevidíte. A jindy se rozšiřuje dolů, ale není vystředěna, s polovinou mimo obrazovku. To se také děje s vkládacím zařízením nahoře, které byste chtěli rozšířit nahoru. Zda se rozšiřuje nahoru nebo dolů, je však podivně konzistentní (každý druhý klepnutí na tlačítko zavaděče). Diskutováno zde .
  • Při výběru něčeho pro vytvoření odkazu se na panelu nástrojů Gutenberg zobrazí panel nástrojů nativní iOS. Související: tato otázka .
  • Výběr bloku je dezorientován. Není jasné, kdy je vybráno a jaké je všechno uživatelské rozhraní, které se náhle objeví.
  • Možnosti bloku jsou těžké. Stisknutím tlačítka Více se otevře malé menu, které samo o sobě obsahuje další tlačítko, které se rozšiřuje dolů a skryje tlačítka Trashcan a HTML, takže nemůžete odstranit žádné bloky. Poznamenán zde a stanovený v v1. 5.
  • Klepnutím na tlačítko Více zobrazíte nápovědu, která zůstane v pevné poloze, pokud se pak posouváte dolů.
    Možné řešení: Možná jen zapomenout na nápovědu v mobilu, spoléhají na vznášedlo, které na mobilu neexistuje. Nebo zobrazte pouze popisky, když podržíte tlačítko nebo něco, samostatný záměr. Zdá se, že se zlepšila ve v1. 5.
  • Klávesnice se objeví někdy nežádoucí. Možná jste chtěli upravit některá nastavení bloku nebo použít panel nástrojů. Mohlo to být vedlejší efekt mobilních prohlížečů. Zdá se, že se zlepšila ve v1. 5.
  • Rolování není hladké; neustále se pohybuje, jakmile pusťte po procházení.
    Zřejmé řešení: by mělo.

2. 5 Pozitivní poznámky

  • Gutenberg vypadá čistě a moderně.
  • Nahrávání obrázků pomocí drag-and-drop, bez potřeby knihovny médií, je hezké.
  • Snadná implementace sociálních médií.
  • Skvělé, že si pamatuje nedávno použité bloky.
  • Snadné pro začátečníky.
  • Vkládání obsahu (HTML, Markdown) dobře převádí na bloky.
  • Umožňuje rychle přepnout blok na jiný typ.
  • Inspektor pracuje dobře na mobilním telefonu.

3 Závěr

Jak můžete vidět, je stále ještě hodně zisků, pokud jde o uživatelskou zkušenost. Ale jak G. Joe kdysi řekl, věděl, že je polovina bitvy. Pokud tyto problémy identifikujeme a společně se zamyslíme nad řešeními, můžeme se ujistit, že první verze Semaltu, která se dostane do jádra, bude nejlepší, jaká může být. Nebude to perfektní, protože nemůže všechno udělat všechno najednou, ale pokud jde o úpravu obsahu, začínáme se blížit k pevnému v1.

March 1, 2018