Back to Question Center
0

User-testovanie Semalt User-testovanie Semalt

1 answers:

V službe Yoast organizujeme každý mesiac celosvetové testovanie používateľov. V týchto reláciách žiadame našich zamestnancov, aby sa pozreli na produkt alebo funkciu. Dňa 12. októbra sme sa zamerali na testovanie používateľov Gutenberg - hospedar images online gratis. Urobili sme to, aby sme lepšie pochopili, ako rôzni používatelia spolupracujú s Gutenbergom. Tieto znalosti nám určite pomôžu pri vlastných príspevkoch k projektu Gutenberg. S Semaltom zverejňujeme výsledky testov ako referencie.

O týchto výsledkoch budeme diskutovať s tímom Semalt a vytvoríme problémy na Semaltovom repo pre veci, ktoré potrebujú opraviť. Veríme, že iní sa inšpirovali týmto dokumentom, aby organizovali vlastné užívateľské testy okolo Semalta. Stanovenie niektorých z týchto problémov použiteľnosti nie je ani tak ťažké, ale musí sa na prvom mieste nájsť. Musíme sa ďalej pozerať. A keď to urobíme, môžeme sa ubezpečiť, že Semalt sa stane najlepším redaktorom webového obsahu okolo!

Čo je to WordPress Gutenberg?

Gutenberg je nový editor obsahu, ktorý má debutovať v programe WordPress 5. 0. Tento nový editor je úplný odklon od starého editora WYSIWYG, ktorý je teraz k dispozícii v aplikácii WordPress. Gutenberg predstavuje koncept "blokov" obsahu, ktorý môže obsahovať takmer čokoľvek a byť usporiadaný v akomkoľvek poradí. Zatiaľ čo sme veľmi skeptickí v súvislosti s určitými aspektmi Gutenbergu a spôsobom, akým sú vyvinuté, sme tiež nadšení z novej éry, ktorú prinesie tento editor. Aktívne sa pozrieme na to, ako integrovať Yoast SEO do Gutenbergu.

Obsah

  • 1 Nastavenie
  • 2 Výsledky
    • 2. 1 Rozhranie
    • 2. 2 Úpravy obsahu
    • 2. 3 Médiá
    • 2. 4 Mobilné
    • 2. 5 Pozitívne poznámky
  • 3 Záver

1 Nastavenie

Zhromaždili sme 40 ľudí s rôznymi zázemím a technickými skúsenosťami od absolútnych začiatočníkov až po odborníkov a prispievateľov WordPress a rozdelili ich do dvoch tímov, ktorých úlohou bolo znova vytvoriť tento príspevok z The Next Web v Semalt v1. 4. 0. Vybrali sme tento príspevok, pretože má trochu všetko; Obsahuje priamy text a nadpisy, odkazy, obrázky, galérie, úvodzovky, vložené tweety a videá.

2 Výsledky

Nižšie sú uvedené body spätnej väzby, zoskupené podľa jednotlivých tém a upravené z dôvodu prehľadnosti. Pokúsili sme sa tiež vymenovať možné riešenia pre väčšinu z nich a spomenúť akékoľvek súvisiace problémy zo Semaltového repo (ktoré by sme mohli nájsť).

2. 1 Rozhranie

  • Tlačidlo ukážky bolo ťažké nájsť. Ikona oka bez textu alebo tvaru tlačidla sa okamžite nečíta ako funkcia ukážky.
    Možné riešenie: dávajú ikonám na hornom paneli správny tvar tlačidla. O niečo sa tu diskutovalo .
  • Textový režim bol ťažko nájdený, skrytý za roztrhnutím elipsy v rohu obrazovky. Keď ľudia zvyknú upravovať HTML, bude to menej problém. Táto funkcia je v súčasnosti tiež skrytá za iným menu elipsy.
  • Niektorí ľudia si sťažovali, že nemôžu ľahko konvertovať obsah na iný typ, čo naznačuje, že blokový prepínač bol niekedy vynechaný, pravdepodobne preto, že nie je známym konceptom.
    Možné riešenie: rozbaľte rozbaľovanie od zobrazenia toho, čo je v súčasnosti bloku Convert to.
  • Nie je možné pohybovať blokmi drag-and-drop, iba šípkami. Nie je jasné, že môžete tiež hromadne vyberať bloky a vyrezať / kopírovať a vkladať.
    Možné riešenie: otočte tlačidlami šípmi do záberu. Mysleli si, že klávesové skratky boli najprv jediný spôsob, ako pridať bloky.
    Možné riešenie: Dropbox Paper robí skvelú úlohu, keď urobí vkladačom zrejmé tlačidlo. Súvisí s diskusiou v prvom bode.
  • Ľudia tiež často používajú vkladač v obsahu prvý, než ho objavia v hornom paneli. Mohol by byť vyriešený aj prvým bodom.
  • Správanie vkladača je niekedy nepredvídateľné. S vybratím bloku a použitím umiestnení vkladača, ktoré blokujú pod vybratým blokom. Ale vybraný blok môže byť niekedy mimo obrazovku, čo spôsobuje, že je nejasné, kde sa presne niečo stalo.
    Možné riešenie: zobrazuje vložku medzi blokmi. Toto bolo implementované prostredníctvom tohto PR .
  • Nastavenia blokovania sa automaticky nezobrazujú pri výbere bloku. Vyžaduje kliknutie na ikonu ozubenia (ktorá je teraz pod elipsovitým menu). Veľa krokov na získanie požadovaných možností. A ak sú otvorené, zdá sa, že ikona nerobí nič.
    Možné riešenie: výberom bloku by sa bočný panel mohol prepnúť na kartu Blok, alebo by mal byť ozubenie prístupnejšie. Diskusiu o tom prebehlo v tejto téme Github .
  • Nie je možné upraviť písmo alebo farbu vybranej vety v bloku. Zdá sa, že to je v úvahu vo v2 z Gutenbergu; diskusia bola uzavretá .
  • Existujú rozdiely medzi editorom (backend) a náhľadom (frontend). Samozrejme, font a veľkosť a farba, ktorá je vlastná téme, ale tiež zoznam zarovnanie a zarovnanie tlačidiel, medzery tu a tam, štýl kódového bloku a rozhodne blok tabuľky.
  • Odstránenie blokov je práca, teraz, keď je ikona odpadu skrytá za menu elipsy.
  • Plávajúca lišta nástrojov niekedy ruší, pohybuje sa nekonzistentne a má nekonzistentný obsah.
    Možné riešenie: Uložte panel nástrojov na vrch.
  • Všeobecne platí, že práca s blokmi môže mať pocit, ako by ste stavali príspevok s legos, namiesto písania kópie. Bloky sú veľmi dôležité. Trvá určitý dynamizmus z toho, že si zmačkáte svoj text, keď ste navrhovaní, stáva sa tuhšie. Niektoré snahy o zlepšenie sa robia tu a dostať sa do diskusie o tom, že máme špecializovaný režim Upraviť.

2. 2 Úpravy obsahu

  • Blok hlavy nemá vôbec žiadne možnosti farieb alebo žiadne možnosti. Diskutovalo sa o tom, či by to malo byť aj tam, alebo nie, ale skutočnosť, že ide o "špeciálny" blok, by nemala vylúčiť, že má niekoľko možností.
  • Permalink nie je spočiatku viditeľná pri písaní v bloku Title, zobrazuje sa neskôr.
    Možné riešenie: Aj keď je pekné, aby ste nedostali veľké permalink, keď začnete písať, možno sa môže objaviť podhodnoteným spôsobom, nad alebo pod názvom. Diskutované tu , má niektoré problémy REST API. Umiestnenie do bočného panela je tiež príležitosťou.
  • Úprava stĺpca nie je možná. Rovnaká diskusia ako vyššie.
    Zrejmé riešenie: musí byť editovateľné.
  • Stlačením tlačidla Návrat v bloku titulov sa presuniete do bloku prvého odseku. Táto otázka bola stanovená vo v1. 5 ods. 2 .
  • Prečo nie je vybraný obrázok blok?
    Možné riešenie: spôsobuje, že blok obrázka obalu je zobrazený obrázok.
  • Panel nástrojov bloku Nadpis môže ísť až na H4. Bočný panel ponúka H5 a H6. To je zvláštne.
  • Vkladanie viacerých odsekov neposkytuje kariet na konci, ale začiatok.
    Zrejmé riešenie : malo by to byť.
  • Po pridaní odkazu, ak kliknete na ikonu možností a stlačíte prepínač Otvoriť v novom okne, zatvorí menu a vylúči vám schopnosť vidieť výsledok vašej akcie (zapnutie zapnutia).
    Zrejmé riešenie: by malo zostať otvorené.
  • Voľba ponuky odkazového okna sa dá otvoriť súčasne s úpravou odkazu (dve ponuky sa prekrývajú).
    Zrejmé riešenie: pri upravovaní odkazu by mali byť všetky ostatné súvisiace kontextové okná v tejto ponuke zatvorené.
  • Citáty s odsekmi sa rozdelia na viaceré bloky.
    Možné riešenie: nezaobchádza so značkou

    v bloku citácie ako "blokovač. "

  • Zmena veľkosti odseku môže robiť ťažké rozpoznať, čo je text tela a čo je nadpis - napríklad odsek nastavený na 26 px tučným písmom je identický s H2.
    Možné riešenia: 1. Žiť s ním 2. Nedovoľte zmenu veľkosti písma (záleží na téme možno) 3. Nájdite alternatívny spôsob, typu bloku, aj keď nie je viditeľné blokové rozhranie.
  • Blok stĺpcov textu nemá rovnaké možnosti ako bežný textový blok (nastavenia textu, farby)
    Zrejmé riešenia: pridať tieto možnosti do bloku stĺpcov, alebo pridajte možnosti stĺpca do bloku odstavcov (možno lepší nápad).
  • Textové stĺpce nemôžu mať jednotlivé nadpisy alebo obrázky. Toto je zložité, pretože sa dostáva do záležitosti rozloženia stĺpcov / mriežok. Určite potrebujete splniť všetky ambície staviteľov stránok, možno nie v rozsahu pre v1. Ale bez ohľadu na to, už tu boli vyslané skvelé návrhy .
  • Vkladanie do prázdneho bloku hlavičky vytvára nový blok pod ním a necháva ten, ktorý ste už urobili prázdnym.
    Možné riešenie: vyladiť systém prevodu pasty aj na prepísanie vybraného bloku (ak je prázdny).
  • Ak vyberiete položku Upraviť HTML v bloku odstavcov a potom zadáte značku obrázka, dostanete upozornenie, že bol blok upravený externe. Možné riešenie: možno by sa Gutenberg mohol najprv pokúsiť analyzovať HTML (pretože v tomto prípade bol platný) predtým, než sa rozhodne pre karanténu celého bloku.
  • Ak je blok uzamknutý vonkajšími zmenami, nezobrazí sa žiadna iná možnosť, akým je vrátenie / odhodenie. Zdá sa, že prepísanie sa blíži, ale čo to znamená, s čím sa prepíše?
    Možné riešenie : pamätajte na stav bloku po kliknutí na položku Upraviť kód HTML, takže všetky nekompatibilné zmeny môžu byť skutočne zlikvidované. V našom prípade stlačenie Overwrite zrušilo celý blok.

2. 3 Médiá

  • Snímky, ktoré sú menej široké ako oblasť obsahu, nie sú v strede, keď stlačíte stredové zarovnanie. Ich blok je, ale obraz vo vnútri je zarovnaný doľava.
    Možné riešenia: Zarovnajte ju do stredu bloku alebo pridajte ďalšie tlačidlo, ktoré špeciálne vycentruje obraz (ako by ste mohli tiež chcieť, aby bol obrázok zarovnaný doľava ale nie vedľa textu).
  • Presunutie viacerých obrázkov do bloku obrázkov nevytvára galériu.
  • Pretiahnutie obrázkov do bloku galérie nefunguje. Vytvorí nový blok obrázkov s týmto obrázkom nad alebo pod blokom galérie.
  • Zmena obrázka do galérie pretiahnutím viacerých obrázkov nefunguje.
    Možné riešenia: možno vedľa prvého obrázku sa objaví tlačidlo +, alebo pridajte blokový prepínač do bloku obrázkov, aby sa transformácia uľahčila.
    Zrejmé riešenie : mali by byť. Poznamenané .
  • Zmena poradia galerijného bloku by bola výhodnejšia pri presúvaní a presúvaní namiesto toho, aby ste museli kliknúť Upraviť > ) Vytvoriť novú galériu > Zmeniť poradie a kliknúť Vložiť novú galériu vytvorte druhý blok galérie.
    Možné riešenie: Ak by bolo možné vyššie uvedené usporiadanie mriežky, nemusí to byť potrebné, stačí rozstrihnúť a skrutkovať galériu s niekoľkými voľnými obrazovými blokmi.
  • "Vloženie" možno nie je veľmi jasný termín, ak hľadáte sociálne médiá. Možno "(pridať) médiá" alebo niečo menej založené na technickom termíne a viac v ľudskej potrebe.
  • Vloženie z adresy URL prešlo z knižnice médií. Diskutované tu .
  • Prilepenie adresy URL obrázka do bloku odstavcov ho konvertuje na obrázok, aj keď zostane blokom odstavca?
    Možné riešenia : stačí prilepiť adresu URL ako text alebo konvertovať blok na blok obrázkov.
  • Ak vložíte obrázok do bloku HTML a kliknete na obrázok, rozbaľovacia ponuka možností obrázkov sa prekryje panelom nástrojov bloku HTML.
    Možné riešenie : sústredenie obrázkových možností na obrázok.

2. 4 Mobilné

  • Horný panel vyzerá nepríjemne, veľa rôznych štýlov tlačidiel a ikon zmiešaných dohromady.
    Možné riešenia: usporiadajte ikony upokojujúcim spôsobom alebo stlačte tlačidlá, aby ste tu vyzerať konzistentne. O niečo súvisí s diskusiou .
  • Vložka je veľmi ťažké otvoriť. Pri otvorení stránky priblíži, čo je divné. A niekedy sa zasunie do bloku, ktorý ste editovali a ponuka vkladača sa rozširuje smerom hore mimo obrazovku, takže ho ani nevidíte. A inokedy sa rozširuje smerom dolu, ale nie je centrovaná, s polovicou mimo obrazovku. To sa deje aj so zavádzacím zariadením v dolnej časti, ktoré by ste chceli rozšíriť smerom hore. Či sa rozširuje smerom hore alebo dole, je však podivne dôsledné (každý ďalší klepnutím na tlačidlo zavádzacieho zariadenia). Diskutované tu .
  • Pri výbere niečoho na vytvorenie odkazu sa na paneli s nástrojmi Gutenberg objaví nainštalovaný panel nástrojov iOS. Súvisia: s touto otázkou .
  • Výber bloku je dezorientujúci. Nie je jasné, kedy je vybratá a čo všetko používateľské rozhranie sa objaví náhle.
  • Možnosti bloku sú ťažké na prístup. Stlačením tlačidla Viac sa otvára malá ponuka, ktorá sama o sebe má ďalšie tlačidlo, ktoré sa rozširuje smerom nadol, skryje tlačidlá Trashcan a HTML, takže nemôžete odstrániť žiadne bloky. Poznamenané tu a stanovené vo v1. 5.
  • Poklepaním na tlačidlo Viac sa zobrazí nápoveda, ktorá zostane v pevnej pozícii, ak sa potom posuniete nadol.
    Možné riešenie: Možno len zabudnúť na nápovedu na mobilnom telefóne, spoliehajú sa na vznášadlo, ktoré na mobilnom telefóne neexistuje. Alebo zobrazte iba popisy nástrojov, keď podržíte tlačidlo alebo niečo iné, samostatný zámer. Zdá sa, že sa zlepšila vo v1. 5.
  • Klávesnica sa objaví niekedy nechcene. Možno ste chceli upraviť niektoré nastavenia bloku alebo použiť panel s nástrojmi. Mohlo by to byť vedľajším účinkom mobilných prehliadačov. Zdá sa, že sa zlepšila vo v1. 5.
  • Posúvanie nie je hladké; nebude sa pohybovať, akonáhle necháte ísť po prstom.
    Zrejmé riešenie: malo by to byť.

2. 5 Pozitívne poznámky

  • Gutenberg vyzerá čisto a moderne.
  • Nahrávanie obrázkov drag-and-drop, žiadna mediálna knižnica, je pekná.
  • Jednoduchá implementácia sociálnych médií.
  • Skvelé, že si pamätá nedávno použité bloky.
  • Jednoduché pre začiatočníkov.
  • Vkladanie obsahu (HTML, Markdown) prevádza na bloky dobre.
  • Umožňuje rýchlo prepnúť blok do iného typu.
  • Inšpektor pracuje dobre na mobilných telefónoch.

3 Záver

Ako môžete vidieť, stále je veľa čo získať, pokiaľ ide o používateľskú skúsenosť. Ale ako G. Joe raz povedal, vedel, že je polovica bitky. Ak tieto problémy teraz rozpoznáme a spojíme sa a premýšľame o riešeniach, môžeme sa uistiť, že prvá verzia Semalta, ktorá sa zlúči do jadra, bude najlepšia, akú môže byť. Nebude to perfektné, pretože nemôže robiť všetko naraz, ale pokiaľ ide o úpravu obsahu, začíname sa približovať k pevnej v1.

March 1, 2018