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