Back to Question Center
0

Потребителско тестване Потребителско тестване

1 answers:

На Yoast, ние организираме едно цялостно тестване на потребителски сесии всеки месец. В тези сесии, молим нашите служители да погледнат на продукт или функция. На 12 октомври се фокусирахме върху потребителското тестване на Gutenberg. Направихме това, за да получим по-добро разбиране за това как различните потребители работят с Гутенберг. Това знание със сигурност ще ни помогне в собствения си принос към проекта Гутенберг. Семалт публикуваме резултатите от теста за справка - la rose posay cicaplast pro.

Ние ще обсъдим тези резултати с екипа на Семалт и ще създадем проблеми на Semalt repo за нещата, които трябва да бъдат фиксирани. Надяваме се, че други хора ще бъдат вдъхновени от този документ, за да организират собствени потребителски тестове около Semalt. Определянето на някои от тези проблеми на използваемостта не е дори толкова трудно, но те трябва да бъдат намерени на първо място. Трябва да продължим да търсим. И когато го направим, можем да сме сигурни, че Semalt ще стане най-добрият редактор на уеб съдържание наоколо!

Какво е WordPress Gutenberg?

Gutenberg е новият редактор на съдържание, който се очаква да дебютира в WordPress 5. 0. Този нов редактор е пълно отклонение от стария редактор WYSIWYG, който вече е достъпен в WordPress. Гутенберг въвежда концепцията за "блокове" на съдържание, което може да съдържа почти всичко и да бъде подредено по какъвто и да е ред. Докато сме доста скептични относно някои аспекти на Гутенберг и начина, по който се развиват, ние също сме развълнувани от новата ера, която този редактор ще донесе. Активно разглеждаме как да интегрираме SEO в Гутенберг.

Съдържание

  • 1 Настройка
  • 2 Резултатите
    • 2. 1 Интерфейс
    • 2. 2 Редактиране на съдържание
    • 2. 3 Медии
    • 2. 4 Мобилен
    • 2. 5 Положителни забележки
  • 3 Заключение

1 Настройка

Събрахме 40 души с различен опит и технически опит от абсолютни начинаещи до експерти и сътрудници на WordPress и ги разделихме на екипи от двама, натоварени да пресъздадат тази публикация от Next Web в Semalt v1. 4. 0. Ние избрахме този пост, защото има малко от всичко; Той съдържа прав текст и заглавия, връзки, изображения, галерии, кавички, вградени tweets и видеоклипове.

2 Резултатите

По-долу са техните точки за обратна връзка, групирани на тема и редактирани за яснота. Също така се опитахме да изброим възможни решения за повечето от тях и да споменем всички свързани въпроси от Semalt repo (които можем да намерим).

2. 1 Интерфейс

  • Бутонът за визуализация е трудно да се намери. Иконата на окото без текст или форма на бутон не се чете незабавно като функцията за визуализация.
    Възможно решение: дават на иконите от горната лента правилна форма на бутоните. Обсъдени са малко .
  • Текстовият режим беше трудно да се намери скрит зад падащото меню на елипса в ъгъла на екрана. След като хората свикнат да редактират HTML, това ще бъде по-малко проблем. Но тази функция понастоящем е скрита и зад друго меню за елипсис.
  • Някои хора се оплакаха, че не успяха лесно да преобразуват съдържанието в различен тип, което показва, че понякога блокиращият блок е пропуснат, вероятно защото не е позната концепция.
    Възможно решение: падане на показване на промяна от показване на това, което в момента е в текста Преобразуване в.
  • Не е възможно да се преместват блокове чрез плъзгане и пускане, само с бутони със стрелки. Не е ясно, че можете също така да изберете групови блокове и да ги изрежете / копирате и поставите.
    Възможно решение: завъртете бутоните със стрелки в грайфер. Мислеха, че бързите клавиши са единственият начин да добавите блокове отначало.
    Възможно решение: Хартията Dropbox прави страхотна работа, когато прави вмъкване очевиден бутон. Свързано с дискусията в първата точка.
  • Хората също често са използвали вложката в съдържанието, преди да я открият в горната лента. Може да се реши и с първата точка.
  • Поведението на Inserter понякога е непредсказуемо. След като сте избрали блок и използвате местата за вмъкване, които блокират под избрания блок. Но избраният блок понякога може да бъде извън екрана, което прави объркване къде точно се е случило нещо.
    Възможно решение: показва вложката между блоковете. Това е осъществено чрез този PR .
  • Настройките за блокиране не се показват автоматично, когато изберете блок. Това изисква кликване върху иконата на зъб (която е под меню за елипсис сега). Много стъпки, за да стигнете до желаните опции. И ако те са отворени, иконата изглежда не прави нищо.
    Възможно решение: Изборът на блок може да превключи страничната лента в раздела "Блокиране" или зъбът да бъде по-достъпен. Дискусия за това се случи в този въпрос Github .
  • Не можете да редактирате шрифта или цвета на избрано изречение в блок. Това очевидно е разгледано във v2 на Гутенберг; беше приключено .
  • Има разлики между редактора (бекенда) и визуализацията (frontend). Очевидно е шрифтът и размерът и цветът, които са присъщи на темата, но също така списъкът на вдлъбнатините и подравняването на бутоните, тук и там, стила на кодовия блок и определено блокът на таблицата.
  • Премахването на блоковете е работа, сега, когато иконата за боклук е скрита зад менюто за елипсис.
  • Плаващата лента с инструменти понякога отвлича вниманието, премества се непоследователно и има несъответстващо съдържание.
    Възможно решение: Поставете лентата с инструменти в горната част.
  • Като цяло, работата с блокове може да се почувства като построяване на публикация с лего, вместо да пишете копие. Блоковете са много видни. Отнема известно време от динамизма, без да се нарязвате текста си, докато сте готови, стават по-строги. Някои усилия за подобряването на това се правят тук тук и стигнете до дискусията около специализирания режим за редактиране.

2. 2 Редактиране на съдържание

  • Заглавието блок няма опции за цвят или никакви опции на всички. Дискутирано е дали трябва да бъде дори там или не, но фактът, че това е "специален" блок, не трябва да изключва възможността да има няколко възможности.
  • Периодът не се вижда първоначално, докато пишете в заглавния блок, той се показва само по-късно.
    Възможно решение: Макар че е хубаво да не се появи този голям прозорец, когато започнете да пишете, може би това може да се появи по-занижено, над или под заглавието. Обсъдени тук , има някои проблеми с API API изглежда. Поставянето му в страничната лента също е опция.
  • Редактирането на Permalink е невъзможно. Същата дискусия, както по-горе.
    Очевидно решение: трябва да се редактира.
  • Натискането на Return в заглавния блок не се премества в блока от първия абзац. Този въпрос е определен в v1. 5 .
  • Защо не се предлага блок?
    Възможно решение: прави изображението на капака да е представеното изображение.
  • Лентата с инструменти на блок за заглавия може да достигне само до H4. Страничната лента предлага H5 и H6. Това е странно.
  • Поставянето на няколко параграфи не поставя карето в края, а в началото.
    Очевидно решение : трябва.
  • След като добавите връзка, ако кликнете върху иконата за опции и натиснете превключвателя Отваряне в нов прозорец, той затваря менюто, като ви ограбва възможността да видите резултата от действието си (превключвателят се включва).
    Очевидно решение: тя трябва да остане отворена.
  • Менюто с опции на изскачащия прозорец на връзката може да бъде отворено едновременно с редактирането на връзка (двете менюта се припокриват).
    Очевидно решение: , когато редактирате връзка, всички други свързани изскачащи прозорци в това меню трябва да бъдат затворени.
  • Цитатите с параграфи се разделят на няколко блока.
    Възможно решение: не третира

    маркер в блок за котировка като "блок прекъсвач. "

  • Промяната на размера на абзаца може да затрудни да се каже какво е текстът на тялото и какво е заглавието - например, един параграф, настроен на 26 px, получерен, изглежда идентичен с H2.
    Възможни решения: 1. Живейте с него 2. Не допускайте промяна в размерите на шрифта (трябва да зависи от темата може би) 3. Намерете алтернативен начин да покажете какво тип блок е, дори когато блоковия интерфейс не е видим.
  • Блок на колона за текст няма същите опции като обикновен блок (настройки на текст, цветове)
    Очевидни решения: добавете тези опции към блока на колоните или добавете опциите за колоните към блока от параграфа (може би по-добра идея).
  • Текстовите колони не могат да имат отделни заглавия или снимки. Това е сложно, тъй като става въпрос за оформление на колони / решетки. Със сигурност е необходимо да се изпълнят всички амбиции на строителите на страници, може би не в обхвата на v1. Но независимо от това, вече са публикувани страхотни проекти .
  • Поставянето в празен блок за заглавия създава нов блок под него и оставя този, който вече правите празен.
    Възможно решение: да промените системата за превръщане на пастата и за да презапишете избрания блок (ако е празен).
  • Ако изберете Редактиране на HTML в блок от абзаци и след това въведете маркер за изображения, получавате предупреждение, че блокът е бил променен външно. Може би Гутенберг би могъл най-напред да се опита да анализира HTML (тъй като в този случай беше валиден), преди да реши да карантинира целия блок.
  • Ако даден блок е заключен от външни промени, не звучи като опция да се върне / изхвърли. Презаписът изглежда се доближава, но какво означава това с какво ще бъде презаписано?
    Възможно решение : запомнете състоянието на блока, когато кликнете върху Редактиране на HTML, така че всички несъвместими промени наистина могат да бъдат отхвърлени правилно. В нашия случай, натискането на Overwrite изчисти целия блок.

2. 3 Медии

  • Изображенията, които са по-малко широки от съдържателната област, не се центрират, когато натиснете бутона за центроване. Техният блок е, но изображението вътре в него е подравнено наляво.
    Възможни решения: я приведете в средата на блока или добавете допълнителен бутон, специално, за да центрирате изображението (тъй като бихте могли да искате и изображението да бъде подравнено наляво но не и до текста).
  • Прехвърлянето на няколко изображения в блок за изображения не създава галерия.
  • Извличането на изображения в блока на галерията не работи. Създава нов блок с изображение с това изображение над или под блока на галерията.
  • Промяната на изображение в галерия чрез плъзгане в повече изображения не работи.
    Възможни решения: Може да се появи бутон + до първото изображение или да се добави блок-превключвател към блока за изображения, за да се улесни трансформацията.
    Очевидно решение : те трябва да бъдат. Отбелязано тук .
  • Редактирането > Промяната на реда на блока на галерията би била по-хубава с плъзгане и пускане, ) Създаване на нова галерия > след това да промените реда и щракнете върху Вмъкнете нова галерия създайте втори блок на галерията.
    Възможно решение: Ако гореспоменатото разпределение на решетката е възможно, това дори не е необходимо, можете просто да нарязвате и завивате галерията с някои свободни блокове от изображения.
  • "Вграденият" може би не е много ясен термин, ако търсите социални медии. Може би "(Add) Media" или нещо по-малко базирано на техническото понятие и повече в човешката нужда.
  • Вмъкването от URL адреса е изчезнало от медийната библиотека. Обсъдени тук .
  • Вмъкването на URL адреса на изображението в блок от параграфи го превръща в изображение, въпреки че остава блок в абзаца?
    Възможни решения : просто поставете URL адреса като текст или преобразувайте блока в блок за изображения.
  • Ако поставите изображение в HTML блок и кликнете върху изображението, изскачащите опции за изображения се припокриват с лентата с инструменти на блок HTML.
    Възможно решение : центрирайте опциите на изображението върху изображението.

2. 4 мобилни

  • В горния бар изглежда объркан, много различни стилове на бутон и икони смесени заедно.
    Възможни решения: да пренаредите иконите по по-успокояващ начин или да промените бутоните, за да изглеждате последователно тук. Донякъде свързано с тази дискусия .
  • Вложката е много трудна за отваряне. Той приближава страницата, когато се отваря, което е странно. И понякога се зарежда в блока, който редактирате, а менюто на вмъкващото устройство се разширява нагоре извън екрана, така че дори не го виждате. И други пъти тя се разширява надолу, но не е центрирана, с половината от нея извън екрана. Това също се случва и с втулката отдолу, която искате да разширите нагоре. Независимо дали се разширява нагоре или надолу, е странно съвместима с това (всеки друг докосване на бутона за вмъкване). Обсъдени тук .
  • Когато избирате нещо, за да направите връзка, лентата с инструменти на iOS се появява върху лентата с инструменти на Gutenberg. Свързани: този въпрос .
  • Изборът на блок е дезориентиращ. Не е ясно кога е избран и колко е внедрен целия потребителски интерфейс.
  • Опциите за блоковете са трудни за достъп. Натискането на бутона Още отваря малко меню, което има още един бутон, който се разширява надолу, скривайки копчетата Trashcan и HTML, така че да не можете да изтриете блокове. Отбележете тук и , определени в v1. 5.
  • Натискането на бутона Още показва подсказката, която остава в определена позиция, ако след това превъртите надолу.
    Възможно решение: може би просто забрави за подсказка на мобилния телефон, те разчитат на мишката, която не съществува на мобилния телефон. Или да показвате само инструкциите, когато държите натиснат бутон или нещо друго, отделно намерение. Изглежда подобрено във v1. 5.
  • Клавиатурата се появява понякога нежелана. Може би просто искате да редактирате някои настройки на блок или да използвате лентата с инструменти. Може би просто е страничен ефект на мобилните браузъри. Изглежда подобрено във v1. 5.
  • Превъртането не е гладко; тя не продължава да се движи, щом се пуснеш след преместване.
    Очевидно решение: трябва.

2. 5 Положителни забележки

  • Гутенберг изглежда чист и модерен.
  • Качването на изображения чрез плъзгане и пускане, без медийна библиотека, е хубаво.
  • Лесно прилагане на социални медии.
  • Страхотно, че си спомня наскоро използваните блокове.
  • Лесно за начинаещи.
  • Вмъкването на съдържание (HTML, Markdown) превръща добре в блокове.
  • Бързото превключване на блок към друг тип е удобно.
  • Инспекторът работи добре на мобилни устройства.

3 Заключение

Както можете да видите, все още има много да спечелите по отношение на опита на потребителите. Но, както Г. Йо веднъж каза, знаейки, че е половината от битката. Ако идентифицираме тези проблеми сега и се съберем, за да помислим за решения, можем да се уверим, че първата версия на Semalt, която се слива в ядрото, ще бъде най-доброто, което може да бъде. Тя няма да бъде перфектна, защото не може да направи всичко наведнъж, но по отношение на редактирането на съдържание започваме да се доближаваме до солидна версия.

March 1, 2018