User-testing Semalt User-testing Semalt

Yoast- ում մենք կազմակերպում ենք ընկերության կողմից օգտագործվող յուրաքանչյուր փորձարկում: Այս նստաշրջաններում խնդրում ենք մեր աշխատակիցներին նայել ապրանքի կամ առանձնահատկություն: Հոկտեմբերի 12-ին մենք կենտրոնացած էինք Գուտենբերգի փորձարկման վրա: Մենք դա արեցինք, ավելի լավ հասկանալու համար, թե ինչպես են տարբեր օգտագործողներ աշխատում Գուտենբերգի հետ: Այս գիտելիքը վստահ է, որ մեզ օգնում է մեր սեփական ներդրումները Գուտենբերգի նախագծում: Semalt- ը մենք հրապարակում ենք թեստային արդյունքների հղումը:

Մենք կքննարկենք այս արդյունքները Semalt- ի թիմի հետ եւ ստեղծենք Semalt repo- ի վերաբերյալ հարցեր, որոնք պետք է ամրագրվեն: Հուսով ենք, որ մյուսները ոգեշնչվեն այս փաստաթուղթով `Սեմալտի շուրջ կազմակերպելու իրենց սեփական թեստերը: Այս հարմարավետության որոշ հարցերի լուծումը նույնիսկ դժվար չէ, բայց դրանք առաջին հերթին պետք է գտնել: Մենք պետք է շարունակենք նայել: Եվ երբ մենք անում ենք, մենք կարող ենք համոզվել, որ Semalt- ը դառնում է լավագույն վեբ-բովանդակության խմբագիր:

Ինչ է WordPress Gutenberg?

Գուտենբերգը նոր բովանդակության խմբագիր է, որը պետք է դառնա WordPress 5-ում: Այս նոր խմբագիրն ամբողջովին մեկն է այն հին WYSIWYG- ի խմբագրից, որն այժմ հասանելի է WordPress- ում: Գուտենբերգը ներկայացնում է բովանդակության «բլոկների» հայեցակարգը, որը կարող է պարունակել գրեթե բոլոր բաները եւ կարգավորվել ցանկացած կարգի: Թեեւ մենք բավականին թերահավատ ենք Գուտենբերգի որոշ առումներով եւ այն զարգացած ձեւով, մենք նաեւ ոգեւորված ենք նոր դարաշրջանի մասին, որ այս խմբագիրը կբերի: Մենք ակտիվորեն ենք նայում, թե ինչպես կարելի է ինտեգրվել Yoast SEO- ին Gutenberg- ին:

Բովանդակություն

• 1 Կարգավորում
• 2 Արդյունքները
  • 2. 1 ինտերֆեյս
  • 2. 2 Բովանդակության խմբագրում
  • 2. 3 Մեդիա
  • 2. 4 Mobile
  • 2. 5 Դրական նկատառումներ
• 3 եզրակացություն

1 Կարգավորում

Մենք հավաքվել էինք 40 հոգու տարբեր ծագում եւ տեխնիկական փորձ, բացարձակ սկսնակներից մինչեւ փորձագետներ եւ WordPress ներդրողներ եւ բաժանեցին դրանք երկու թիմերի, որոնք հանձնարարված էին այս գրառումը Սեմալթ v1- ում The Next Web- ից: 4. 0. Մենք ընտրեցինք այդ պաշտոնը, որովհետեւ այն ունի ամեն ինչ, Այն պարունակում է ուղիղ տեքստ եւ վերնագրեր, հղումներ, պատկերներ, պատկերասրահներ, մեջբերումներ, ներդրված թվիթթեր եւ տեսանյութեր:

2 Արդյունքները

Ստորեւ բերված են նրանց հետադարձային միավորները, դասակարգված մեկ առարկայի համար եւ խմբագրվում են հստակության համար: Մենք նաեւ փորձել ենք հնարավոր լուծումներ գտնել դրանց մեծամասնության համար եւ նշենք «Սեմալտ ռեպո» -ից ցանկացած առնչություն ունեցող խնդիրները (մենք կարող ենք գտնել):

2. 1 ինտերֆեյս

• Նախադիտման կոճակը դժվար էր գտնել: Աչքի պատկերակը, առանց տեքստի կամ կոճակի ձեւի, անմիջապես կարդացվում է որպես նախադիտման գործառույթ:
  Հնարավոր լուծում ` վերին շերտի սրբապատկերներ տալիս պատկերի կոճակ: Մի փոքր այստեղ քննարկվում է :
• Տեքստի ռեժիմը դժվար էր գտնել, թաքնված էկրանի անկյունում թեքված: Երբ մարդիկ սկսում են աշխատել Խմբագրել HTML- ը, դա ավելի քիչ հարց կլինի: Սակայն այդ ֆունկցիան ներկայումս թաքնված է նաեւ այլ ellipsis մենյուի ետեւում:
• Որոշ մարդիկ դժգոհում էին, որ բովանդակությունը հեշտությամբ փոխելու հնարավորություն չունեն, նշելով, որ արգելափակիչը երբեմն բաց է թողել, հավանաբար այն պատճառով, որ դա ծանոթ հայեցակարգ չէ:
  Հնարավոր լուծում ` փոխել կաթիլները, ցույց տալով, թե ինչ է ներկայումս բլոկը գտնվում է տեքստի մեջ
• Հնարավոր չէ բլոկների տեղափոխել քաշել եւ թողնել, միայն սլաքի կոճակները: Հասկանալի չէ, որ դուք կարող եք նաեւ զանգվածաբար ընտրել բլոկները եւ կտրել / պատճենել դրանք:
  Հնարավոր լուծում. սլաքի կոճակները վերածել խցիկի. Նրանք մտածում էին, որ փորձնական դյուրանցումները միակ ճանապարհն էին, որոնք առաջին հերթին ավելացրեցին բլոկները:
  Հնարավոր լուծում. Dropbox Paper- ը մեծ աշխատանք է կատարում, որպեսզի անհատը ակնհայտ կոճակը դնի: Առաջին կետի քննարկման հետ կապված:
• Մարդիկ նաեւ հաճախ օգտագործում էին Inserter բովանդակության մեջ, նախքան այն հայտնաբերելուց առաջ վերեւի բարում: Կարող է լուծվել նաեւ առաջին կետը:
• Inserter- ի վարքագիծը երբեմն անկանխատեսելի է: Ընտրված բլոկ ունենալով եւ ընտրված բլոկի տակ արգելափակված Inserter տեղերը օգտագործելով: Բայց ընտրված բլոկը երբեմն կարող է լինել offscreen, դարձնելով այն շփոթեցնող, որտեղ ճիշտ բան տեղի ունեցավ:
  Հնարավոր լուծում. ցուցադրել Insider- ի բլոկների միջեւ: Սա իրականացվել է միջոցով PR :
• Արգելափակման կարգավորումները ավտոմատ կերպով ցույց չեն տալիս, երբ ընտրեք բլոկ: Այն պահանջում է սեղմել կողպեք պատկերակը (որը գտնվում է ellipsis մենյուի տակ): Շատ քայլեր, որոնք անհրաժեշտ են ընտրության տարբերակների համար: Եվ եթե նրանք բաց են, պատկերակը կարծես ոչինչ չի անում:
  Հնարավոր լուծում. բլոկ ընտրելը կարող է փակել բլոկի արգելափակումը դեպի բլոկի էջը կամ խցիկը պետք է ավելի մատչելի լինի: Այս մասին քննարկում տեղի ունեցավ այս Github issue :
• Չի կարող խմբագրել ընտրված նախադասության տառատեսակը կամ գույնը բլոկում: Սա ակնհայտորեն վերանայվում է Գուտենբերգի v2-ում. քննարկումը փակվեց :
• Տարբերություններ կան խմբագրի (backend) եւ նախադիտման (առջեւի) միջեւ: Հստակորեն տառատեսակը եւ չափը եւ գույնը, որը բնորոշ է թեմանին, այլեւ ցանկի ցանկում եւ կոճակին հավասարեցում, սպիտակ տողեր այստեղ եւ այնտեղ, բլոկի բլոկի ոճը եւ հաստատ սեղանի բլոկը:
• Բլոկները հեռացնելը քերականություն է, հիմա, որ աղբի պատկերակը թաքնված է էլլիպսի մենյուի ետեւում:
• Լողացող գործիքների շերտը երբեմն շեղում է, շարժվում է անկայուն եւ ունի հակասական բովանդակություն:
  Հնարավոր լուծում ` Դրեք գործիքի վերին մասում:
• Ընդհանուր առմամբ, բլոկների հետ աշխատելը կարող է զգալ, օրինակ, օրինակ, լեգիոներով գրվածք ստեղծելով, պատճենը փոխելու փոխարեն: Բլոկները շատ հայտնի են: Այն տանում է մի քանի դինամիզմ, երբ դուք պատրաստում եք ձեր տեքստը կտրելու, այն ավելի կոշտ է դառնում: Որպեսզի դա բարելավվի որոշակի ջանքեր այստեղ , եւ հասեք քննարկմանը, ունենալով նվիրված խմբագրում ռեժիմ:

2. 2 Բովանդակության խմբագրում

• Վերնագրի արգելափակում ընդհանրապես գունավոր ընտրանքներ կամ որեւէ տարբերակ չկա: Քննարկվել է , արդյոք այն պետք է լինի նույնիսկ այնտեղ, թե ոչ, այն փաստը, որ այն «հատուկ» բլոկ չի կարող բացառել այն մի քանի տարբերակ ունենալուց:
• The permalink- ը ի սկզբանե տեսանելի չէ, քանի որ Դուք վերնագրում նշում եք, այն միայն ցույց է տալիս ավելի ուշ:
  Հնարավոր լուծում. Թեեւ հաճելի չէ, որ այդ մեծ պարկուճը բացվի, երբ սկսում ես գրել, գուցե դա կարող է ավելի նուրբ ձեւով հայտնվել, վերնագրից վերեւ կամ ստորեւ: Քննարկվում է այստեղ , ունի որոշ REST API խնդիրներ: Ներդրումը այն կողմում է նաեւ տարբերակ:
• Պիտալինի խմբագրումն անհնար է: Միեւնույն քննարկումը վերեւում:
  Ակնհայտ լուծում. այն պետք է վերաձեւակերպվի:
• Վերնագրի վերադարձը վերնագրի բլոկում չի անցնում առաջին պարբերության բլոկին: Այս հարցը ամրագրված է v1- ում: 5 :
• Ինչու չէ Featured Image- ը բլոկ:
  Հնարավոր լուծում. Կազմի պատկերի բլոկը դարձնում է ցուցադրվող պատկերը:
• Վերնագրի բլոկի գործիքների տողը կարող է հասնել մինչեւ H4: Կողային սալիկը առաջարկում է H5 եւ H6: Դա տարօրինակ է.
• Մի քանի կետերի պահելը չի ​​ավարտվում վերջում, բայց սկիզբը:
  Ակնհայտ լուծում : այն պետք է:
• Կապակցելուց հետո, եթե սեղմում եք ընտրանքների պատկերակը եւ բացեք նոր պատուհանը, անջատեք այն մենյուը, որը կողոպտում է ձեր գործողության արդյունքը տեսնելու ունակությունը (անջատիչի անջատումը):
  Ակնհայտ լուծում. այն պետք է մնա բաց:
• Կապի թռուցիկի ընտրանքային ցանկը կարող է բացվել միաժամանակ, երբ խմբագրման հղումը (երկու բաժինների համընկնումը):
  Ակնհայտ լուծում. հղումը խմբագրելիս, այդ մենյուում մնացած բոլոր թռուցիկները պետք է փակվեն:
• Պարբերությունների մեջբերումներ են կատարվում բազմակի բլոկների մեջ:
  Հնարավոր լուծում. չեն նշում

  պիտակը մեջբերման բլոկում որպես «արգելափակիչ»: '

• Պարբերության չափի փոխելը կարող է դժվարացնել այն, թե ինչ է մարմնի տեքստը եւ ինչ է վերնագիր, օրինակ, 26px համարակալված պարբերություն, որը նույնքան էլ նույնն է H2- ով:
  Հնարավոր լուծումներ. 1. Ապրել դրա հետ 2. Թույլատրել տառաչափերի փոփոխությունները (պետք է կախված լինեն թեմային գուցե) 3. Գտնել այլընտրանքային ձեւ, բլոկի տեսակը, նույնիսկ այն ժամանակ, երբ բլոկ UI- ը տեսանելի չէ:
• Տեքստի սյունակային բլոկում չկա նույն ընտրանքները, որոնք կանոնավոր տեքստային բլոկներ են (տեքստային պարամետրեր, գույներ)
  Բացարձակ լուծումներ ավելացնել սյունակի ընտրանքները պարբերաթերթի բլոկում (գուցե ավելի լավ գաղափար):
• Տեքստի սյուները չեն կարող ունենալ առանձին վերնագրեր կամ պատկերներ: Սա խաբուսիկ է, քանի որ ստանում է սյունակի / ցանցի դասավորության հարց: Անշուշտ, անհրաժեշտ է իրականացնել ցանկացած էջի շինարարի հավակնությունները, գուցե ոչ v1- ի շրջանակներում: Այնուամենայնիվ, անկախ նրանից, այստեղ տեղադրվել են մեծ նմուշներ :
• Տեղադրելով դատարկ բլոկի մեջ, ստեղծում է նոր ստորգետնյա ստորգետնյա բլոկ եւ թողնում է այն, ինչ արդեն դատարկ է:
  Հնարավոր լուծում. կաշկանդել կարկանդակի փոխակերպման համակարգը, նաեւ վերագրանցել ընտրված բլոկը (եթե դատարկ է):
• Եթե ընտրեք Խմբագրել HTML- ը պարբերության բլոկում եւ ապա մուտքագրել պատկերների պիտակում, դուք նախազգուշացնում եք, որ բլոկը փոփոխվել է արտաքին: Հնարավոր լուծում. Գուտենբերգը, հնարավոր է, առաջին հերթին փորձում է վերլուծել HTML- ը (քանի որ այս դեպքում դա վավեր էր) ամբողջ բլոկի կարանտինը որոշելուց առաջ:
• Եթե բլոկը փակվում է արտաքին փոփոխություններով, ապա ոչ մի տարբերություն չի հնչում, ինչպես վերադառնալու / հանել: Վերագրանցումը կարծես մոտ է, բայց ինչ է դա նշանակում, ինչով կվերագրվի:
  Հնարավոր լուծում : հիշեք բլոկի կարգավիճակը, երբ դուք կտտացրեք Խմբագրել HTML- ը, այնպես որ ցանկացած անհամատեղելի փոփոխություն կարող է իսկապես անջատվել: Մեր դեպքում, «Վերագրանցեք» կոճակը մաքրեց ամբողջ բլոկը:

2. 3 Մեդիա

• Բնապահպանական տարածքից ավելի քիչ պատկերներ կենտրոնացված չեն, երբ դուք կենտրոնի կենտրոնի կոճակը սեղմում եք: Նրանց բլոկն է, բայց ներսում պատկերը ձախ կողմում է:
  Հնարավոր լուծումներ. բլոկի կեսին հարթեցնել, կամ ավելացրեք հավելյալ կոճակ, որը հատուկ է կենտրոնը կենտրոնացնելու համար (ինչպես նաեւ կարող եք նկարը թողնել ձախ կողմում) բայց ոչ տեքստի կողքին):
• Պատկերների բլոկում բազմակի պատկերների քաշելը չի ​​ստեղծում պատկերասրահ:
• Պատկերասրահի բլոկին քաշելը չի ​​աշխատում: Այն ստեղծում է նոր պատկերի արգելափակում այդ պատկերով պատկերասրահի վերեւում կամ ներքեւում:
• Պատկերը, պատկերն ավելի պատկերներով քարշ տալով, փոխելով, չի աշխատում:
  Հնարավոր լուծումներ. հնարավոր է, որ առաջին պատկերի կողքին լինի մի + կոճակ, կամ բլոկների փոխարկիչը ավելացնել պատկերների բլոկին, փոխակերպման ավելի հեշտ դարձնելու համար.
  Ակնհայտ լուծում : նրանք պետք է լինեն: Նշված է այստեղ :
• Պատկերասրահի բլոկի կարգը փոխելու համար ավելի հեշտ կլինի սեղմել Խմբագրել > (112 Ստեղծել նոր պատկերասրահ > այնուհետեւ փոխել կարգը եւ սեղմեք Տեղադրել նոր պատկերասրահ , որը զգում է, ստեղծել երկրորդ պատկերասրահ:
  Հնարավոր լուծում. , եթե հնարավոր է, որ նշված ցանցի դասավորությունը հնարավոր լինի, դա նույնիսկ չի կարող անհրաժեշտ լինել, դուք կարող եք պարզապես կտրել եւ պտտել մի պատկերասրահ, որոշ ազատ պատկերների բլոկներով:
• «Ներդիրները», գուցե, շատ պարզ տերմին է, եթե դուք փնտրում եք սոցիալական լրատվամիջոց: Հնարավոր է, «(Ավելացնել) մեդիա» կամ ավելի քիչ բան, որը հիմնված է տեխնիկական ժամկետի եւ ավելի շատ մարդկային կարիքների վրա:
• Տեղադրեք URL- ից հեռացվել Media Library- ից: Քննարկվում է այստեղ :
• Պարբերակի բլոկում պատկերի URL- ի տեղադրումը այն վերափոխում է այն պատկերին, թեեւ այն շարունակում է մնալ պարբերության բլոկ:
  Հնարավոր լուծումներ . Ուղղակի տեղադրեք URL- ն որպես տեքստային կամ բլոկի փոխակերպեք պատկերների բլոկ:
• Եթե դուք պատկեր եք դնում HTML բլոկում եւ սեղմեք նկարի վրա, ապա պատկերի ընտրանքների թռուցիկները համընկնում են HTML բլոկի գործիքների հետ:
  Հնարավոր լուծում . Կենտրոնի պատկերի ընտրանքները էկրանին:

2. 4 Բջջային

• Վերեւի բարը խառնաշփոթ է, շատ տարբեր կոճակային ոճեր եւ պատկերակները խառնվում են միասին:
  Հնարավոր լուծումներ. վերադասավորում սրբապատկերներ ավելի հանգստացնող կերպով, կամ restyle կոճակները, որոնք հետեւում են այստեղ հետեւողական: Ինչ վերաբերում է այս քննարկմանը :
• Inserter- ը շատ դժվար է բացել: Այն բացում է էջը, երբ այն բացվում է, ինչը տարօրինակ է: Եվ երբեմն այն սեղմում է ձեր խմբագրման բլոկը, եւ անսահմանափակ մենյուը էկրանին դուրս բարձրանում է, ուստի նույնիսկ չեք տեսնում: Իսկ մյուս անգամ այն ​​ընդլայնվում է, բայց կենտրոնացած չէ, դրա կեսը էկրանին դուրս է: Սա նաեւ տեղի է ունենում ներքեւի մասում, որը դուք ցանկանում եք ընդլայնել վերեւ: Անկախ նրանից, թե դա ընդարձակվում է կամ ներքեւից, տարօրինակ կերպով հետեւողական է, թեեւ (ցանկացած այլ թրաշ ներտնտեսության կոճակի վրա): Քննարկվում է այստեղ :
• Երբ ընտրություն կատարելու համար ընտրեք, հայրենի iOS- ի գործիքաշարը բացվում է Gutenberg- ի գործիքների տողի վրա: Related: Այս հարցը :
• Բլոկի ընտրումն անհամատեղելի է: Հասկանալի չէ, թե երբ է ընտրվում եւ ինչ է բոլոր UI- ն, որը հանկարծակի է դուրս գալիս:
• Բլոկի տարբերակները դժվար է մուտք գործել: Լրացուցիչ կոճակին սեղմելը բացում է փոքրիկ մենյու, որն ինքնին ունի եւս մեկ կոճակ, որը տարածվում է ներքեւում, թաքցնում է Trashcan- ը եւ HTML կոճակները, որպեսզի չկարողանաք ջնջել որեւէ բլոկ: Նշված է այստեղ, եւ ամրագրված է v1. 5.
• Tapping the More կոճակը ցույց է տալիս Tooltip- ը, որը մնում է ֆիքսված դիրքում, եթե այնուհետեւ ոլորեք:
  Հնարավոր լուծում. գուցե պարզապես մոռացեք բջջային հեռախոսակապի մասին, նրանք ապավինում են շարժասանդուղքին, որը շարժական չէ: Կամ միայն ցուցադրեք գործիքների ցուցումները, երբ դուք կոճակ կամ ինչ-որ բան եք պահում, առանձին մտադրություն: V1- ում բարելավվել է: 5.
• Ստեղնաշարի ստեղնը երբեմն անցանկալի է: Գուցե դուք պարզապես ուզում եք խմբագրել որոշ արգելափակման պարամետրերը կամ օգտագործել գործիքների տողը: Կարող է լինել բջջային բրաուզերների կողմնակի ազդեցություն: V1- ում բարելավվել է: 5.
• Ոլորումը հարթ չէ. այն չի պահում շարժվելուց հետո մեկ անգամ անցնելը:
  Ակնհայտ լուծում. պետք է:

2. 5 Դրական նկատառումներ

• Գուտենբերգը նայում է մաքուր եւ ժամանակակից:
• Տեղադրեք պատկերներ, քաշեք եւ թողեք, ոչ մի լրատվամիջոց չի պահանջվում, լավ է.
• Հեշտ սոցիալական լրատվամիջոցների իրականացում:
• Մեծ է, որ հիշում է վերջերս օգտագործվող բլոկները:
• Հեշտ է սկսնակների համար:
• Կպչուն բովանդակություն (HTML, Markdown) նորից վերափոխվում է բլոկների:
• Կարող է հարմարեցնել բլոկը տարբեր տեսակի արագ արագ:
• Տեսուչն աշխատում է բջջային:

3 եզրակացություն

Ինչպես տեսնում եք, դեռ շատ բան կա ձեռք բերել օգտվողների փորձի վերաբերյալ: Բայց, ինչպես ասում է Գ Source . Ջոը, մի անգամ ասել է, որ իմանալը կեսը ճակատամարտում է: Եթե ​​մենք այժմ բացահայտում ենք այդ խնդիրները եւ միասին ենք միասին լուծումներ գտնելու համար, մենք կարող ենք համոզվել, որ Semalt- ի առաջին տարբերակը, որը միանում է հիմնական, կլինի լավագույնը: Դա կատարյալ չի լինի, քանի որ այն ամենը միանգամից չի կարող անել, բայց բովանդակության խմբագրման առումով մենք սկսում ենք մոտենալ ամուր v1- ին: