WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.58k stars 4.23k forks source link

Testing feedback: general comments #1550

Closed karmatosed closed 7 years ago

karmatosed commented 7 years ago

As the tests come in for Gutenberg I am going to make issues but also add feedback here as a constant thread for people to check.

For reference the tests are here: https://make.wordpress.org/test/2017/06/27/call-for-testing-gutenberg/.

karmatosed commented 7 years ago

"I'm sure you know that it doesn't place images well. I also just noticed that it doesn't give a list of most used tags. I write for a lot of blogs and I appreciate that list so I don't have multiple similar tags because I forgot how I phrased it last time."

karmatosed commented 7 years ago

"I didn't have any problems exactly, but I did think that it was strange that, depending on which option I had for a text block, the options it gave me when I clicked for more would change. For example when I added a Header, then clicked the H, my options are Paragraph or Quote. If I click Quote, my options are List, Paragraph, and Header."

karmatosed commented 7 years ago

"Was quite confusing to get started with given some expectations I had from other editors

In terms of actually testing it out one confusing thing though maybe only something for technical users was that I tried to install a release from github and forgot that the releases there are only zips of the source code and require another build step to use. The failure mode for this was that the plugin installed fine but gave a blank page with no error message and only showed it was 404ing on the assets being missing when I opened the chrome dev tools. The call out on the repository to install not from the releases list but from the wordpress plugin repository was invisible to me."

karmatosed commented 7 years ago

"I initially expected block drag-and-drop - although once I became comfortable with the arrow system that was immediately fine. I couldn't find the image formatting options for wide and full-width. I eventually realised it was a theme issue (Twenty Twelve, Baskerville 2, Toujours). After activating the Gutenberg theme from the Github repo I found the formatting options I was looking for."

karmatosed commented 7 years ago

"Please take notice of the following:

karmatosed commented 7 years ago

"Changing the alignment of images has no effect on the post. In edit it shows right or left aligned; however, it is posted center. Images posted with regular editor shows right aligned image. Image may need to be resized for alignment to appear, but there is no indication of that from the Gutenberg editor. Also when posting one image after another in Gutenberg, the editor shows them as overlapping or places the caption for the bottom one next to the upper one. The same thing happened when trying to right align and image and add a left side pull quote. The quote ended up being below the picture."

karmatosed commented 7 years ago

"I didn't know how to float an image next to a paragraph. I had to ask. "

karmatosed commented 7 years ago

"- it'd be nice to have custom column layouts such as 1/3 + 2/3, ...

karmatosed commented 7 years ago

"Inconsistency and not being clear in quote section made me a bit hesitant to use this editor as my main post editor"

karmatosed commented 7 years ago

"I like that it is clean design but I believe the move to icons is a bit confusing for regular users and some of the icons are not very descriptive and easy to find"

karmatosed commented 7 years ago

"The Block settings that appear on the right are hard to spot, especially on a large monitor. Maybe focusing on that area after the gear icon is clicked would be worth exploring? Also, finding Save button (link?) took me a while, I expected it to be somewhere near the Publish button. Keep up the amazing work!"

karmatosed commented 7 years ago

"When ranging the image left, for instance, the next block goes right as expected but I if it doesn't reach vertically past the image, I would need a 'clear' before the subsequent block "

karmatosed commented 7 years ago

"After publishing I wanted to see the post. The preview button is on the right but the view post button is on the left and it's a small link. It would make sense to me if they are in the same area."

karmatosed commented 7 years ago

"There is a lot of getting used to, I can imagine for new users as well. I do like the idea of blocks, and the 'block creation' after for instance an enter is awesome and quick (local install).

What I am really missing in the plugin is a way to use Gutenberg for posts that are already created. When you hit publish, or accidentally are thrown out of the editor, there is no easy way (is there any?) to get back to editing in the GB editor."

karmatosed commented 7 years ago

"When I pressed the Preview button first time "about:blank" page opened in the new tab and nothing was there. I pressed it a couple more times but nothing changed. I had to update the post and then open the post (via permalink) to view the changes. When I tried to press Preview again after that, it worked.

Another issue I noticed, is that I updated the post and then left clicked the permalink to view the post in the same browser tab, but when I pressed browser back button to go back, the editor opened with empty content, like it was a new post. After I refreshed the editor page the content was back."

karmatosed commented 7 years ago

"In some ways, I really like the design of the new editor and would find a pleasant place to type longer articles/posts. One of the downsides I see is that by splitting everything up into blocks, it seems to take longer to make a post that has multiple fields/types. Also I wonder, having not yet tried, how easy/difficult it would be to add an image that would float to the left/right of a paragraph.

Additionally, there does appear to be bugs with some block types that make the floating bar editor impossible to use. (One is detailed above. In trying to left/right float an image in "

karmatosed commented 7 years ago

"It's not intuitively clear how to write a post fluidly. Having the different elements, paragraph, lists, quotes in different boxes breaks up the flow of the page. Typically when I write I input all the text and then go back a highlight specific text to change to a list or a quote, for instance. I also typically add photos after the text is there, adding it beforehand is confusing. This is my first time trying it out so I may be missing something. Thanks."

paaljoachim commented 7 years ago

It would be good to take a closer look at the feedback received here: https://yoast.com/dev-blog/user-testing-gutenberg/

karmatosed commented 7 years ago

@paaljoachim I have already asked Tim to make issues.

karmatosed commented 7 years ago

Closing as moving to the project. We are moving things to projects that aren't core Gutenberg and need to be done apart.