Sunday, May 24, 2020

'New' Blogger: Gains and Losses

READY OR NOT, HERE IT COMES
A brass set of scales

That "new Blogger" invitation that users have seen on their dashboards since last year will become the only Blogger "by late July," according to a May 20 blog post from Google.

Although the change does provide a few new features, it is fundamentally a redesign of the dashboard and editor, with the same Blogger functions under the hood.

This project has shaped up a lot in the past few months, to the point where it is worth describing what it looks like we will be getting—and losing.

But please note that Google is still seeking comments from us, so we can continue to help the developers to improve the final result.

Mobile Friendliness

The driving force behind this redesign is a desire to let you compose, manage, and publish posts from your phone.

The New Blogger, like the 2017 Blogger themes, has a responsive design that flows and changes to fit the screen of the device you are using, from desktop to tablet to phone.

Gains and Losses


Google's "Try the new Blogger" announcement graphic

RESPONSIVENESS VS FAMILIARITY

We'll see if I ever blog from my phone, but this is clearly a legitimate goal.

What we lose from such a radical rethinking of the user interface is all the stuff we are used to—the icons we know by sight and location, the little workflows for importing and formatting images, and all the things we know.

Some of the changes represent real losses, but most of this is going to be fine once we learn it.

Those changes will take getting used to, though! Give the new editor a spin and see if you can figure out how to switch to HTML mode. (Spoiler: It is now a toggle, at upper right, and the icon is an incomprehensible < >.)

The dashboard pages for posts no longer paginates. Instead, there is infinite scrolling. So if there is an operation you wish to perform on many posts, you can select all of them at once.

Unfortunately, to do that, you have to scroll manually multiple times for the posts to load. It can be time consuming.

GAINS

Width—The central column on the dashboard pages is narrower on desktop, easier to scan and use.

This rectifies a bad design decision made during the last redesign eight years ago.

Stats—The statistics page replaces a defective, broken reporting system with one that is based on Google's own tracking tools. A big win.

Filtering Posts—On the Posts, and Pages, pages, there is a new system of filtering the posts that lets you build complicated searches such as "All the draft posts with the word 'pickle' in the title and labeled 'macroeconomics,' in reverse order."

Preview now gives you the option of seeing how the post will look in a number of devices.

Gains on the editor:

Tables—Still a work in progress, this tool promises the ability to insert a table, useful for organizing text and images.

Code—"Format as Code" is a new tool that applies the "pre" HTML tag so you don't have to type it yourself in the post HTML.

Links—There is an option for anchor links in the interface now. In the right sidebar, there is a way to make the title of your post a hyperlink to something other than the post.

World Options let you format type, including right-to-left, for different languages. Selecting a language provides access to tools to insert non-Latin characters (Ø) and diacritical märks. ¡Olé!

Check out the option where you can draw the character or symbol you want.

These are purely formatting and typographical tools. They do not introduce any markup that overrides the language setting for your blog.

HTML—The HTML mode in the editor is hard to find (again, < >) but has two new features, a tool that formats the HTML, and search and replace options.

The searches can use regular expressions (but do not require them), so if that is your thing, you are in luck. (Regular expressions are like wildcard searches on steroids.)

Incidentally the editing tools in the editor are now on a responsive accordion menu that collapses the tools from the right into a drop-down menu as the screen width shrinks.

You can observe this effect on desktop by resizing the browser window.

LOSSES

It's not just the familiarity that is gone. There is some functionality on the chopping block as well.

Some of this is due to some design decisions that are, in my view, faddish. It looks as though the designers have sometimes put an abstract aesthetic before human factors that are pretty well understood.

I also want to say that, although the full set of tools are there, the inscrutable (if hip) design has made some of the icons look too similar.

Since some of the operations they perform are not reversible, this will surely end in tears for someone.

Apparently, we still just don't value user experience enough.

Pages and Posts—It's going to be a little harder to find things here. The new page is less tabular (each element in its own column), which makes it harder to scan quickly.

Also, if you have multiple labels on a post, you will only see the name of the one that is first in the alphabet. To see the others, hover your pointer over the "+ more" counter.

The hovers are not clickable, however. TNB thus sacrifices the ability to filter by label with a click.

Spam Comments—You should always mark spam comments, and the old interface hides them from you once marked—unless you want to review them.

In TNB the default comments view includes spam, and you have to select a filter that excludes them, every time you view the page.

Theme preview—On the Theme page, many of us (perhaps all of us) are unable to preview themes.

Losses on the editor:

Special Characters—The tool that lets you insert hundreds of special characters is gone. Only some of the lost characters are available though the new languages options.

Desktop bloggers can probably get around this.

Webcam—The option to insert an image from a webcam is gone. This legacy option relied on obsolete technology. I doubt anyone will miss it.

The remaining insertion options are now indicated with better names. "From this blog" and "from Google Album Archive" have been merged. Maybe this "loss" is really a gain—of simplicity.

Options—Some of the formatting options in the right sidebar have been removed. In TNB, the only options there relate to allowing and showing comments.

This is a post-or page-specific setting not to be confused with blog-wide comment settings found in Settings.

HTML—This mode no longer includes tools for bold, italics, strikethrough, block quote, or insert image, though these are all available in Compose mode.

To be fixed, I hope—At the moment, there is no way to remove heading formatting without venturing into HTML mode. Labels are a mess, photos will not wrap, and there are reports of other issues in the Blogger help community.

Also, you can't drag and drop photos into the new editor.

Hey, the text-wrap-around-photos issue got fixed while I was proofreading this. Go feedback!

To Know and Do

There are plenty of other things that are different. At the moment assaying TNB feels like trying to walk across a familiar room in the dark after the furniture has been rearranged.

But for the most part, everything is still there.

LEAVE FEEDBACK

This has unfolded quickly, and we should believe Google when it tells us that the result of this process will become the new normal this summer.

Right now is our chance to make this future standard be good. We can report bugs, complain about missing features, and tell Google what we find difficult or confusing or dysfunctional.

Once this project is officially done, the developers will have other work to do. But right now, they really want to hear from us.

"Leave Feedback" is an option under the Help menu, which on TNB is is available through an icon at upper right in the shape of a question mark inside a circle.

At least, that is what it looks like today.

P.S.

Google characterizes these changes somewhat differently. Here is the official take.

30 comments:

  1. So this will replace the useless android blogger app?

    ReplyDelete
    Replies
    1. I imagine so.

      Google recently released a new app that has gotten some good reviews from users. I think it may just be on Android though.

      Delete
  2. As a silent reader for your blog to get insight and update of Blogger I am glad to read this post about the new hope of Blogger. The information here is more complete than in the official Blogger Buzz post.

    Anyway, congratulations that your other blog about apples is mentioned in that post :)

    ReplyDelete
    Replies
    1. I am sure I have missed a few things—and the new stuff is still changing in response to testing and user feedback.

      And yes, pretty chuffed about the shoutout in Blogger Buzz! I do not promote my apple blog here, but it is my "main" blog, 12 years old and still going strong.

      Delete
  3. The new stats don't make any sense to me and are completely useless.

    Sometimes I get many views over a time period. But the individual post views, the referrals, and the few other data add up to only a small fraction of the total views reported, typically an order of magnitude less.

    Also, the referrals are vague at best as only the referring site's home page is often listed, not the specific page linking to my blog. I've been running my blog for almost a year and was able to unambiguously identify only a couple of specific referrals. The majority of referrals are completely bogus.

    Yes, I sent feedback. Multiple times.

    ReplyDelete
  4. Hi, the only way I've been able to properly place images on my posts is by reverting to the old blogger, that's not going to be sustainable past July, but in this post you mention that the issue was resolved. What am I missing? I have searched all over the place for an answer but either the posts re:images in blogger are out of date or they offer solutions that I seem to be unable to replicate.

    ReplyDelete
    Replies
    1. Hi Eva,

      What I said was that the problem of text not wrapping around photos had been resolved.

      Other issues are also emerging. You should leave feedback about this one.

      Delete
    2. Ok, thanks Adam. Much appreciated. :)

      Delete
  5. You are too generous ;
    1) I can't browse comments and posts with "pages" 100 to 100; impossibile scroll 500 posts or comments
    2) HTML Editor miss formatting options for add images, links and bold text. I can't use HTML mode as default.
    3) If i write in compose mode, every line break is a div /div (why Blogger doesn't like p for paragraph?) , before it was an invisible br; if i had a template based in br tags, now with divs all is broken and i need to write posts with an external editor.
    3 Bis) In Post Options there is no more the option to put br for line breaks.
    3 Tris) If i write in html mode, when i return in compose mode, it adds automatically code.
    3 Quater) If i put a h1 or h2, it adds a style (i don't want it adds styles if i have them in my css)
    4) Adding more Images in a post requires to click and add one by one, not all together like before.
    4 Bis) Images are added at the end of the post, so i need to move them up and edit the position each time (before i could choose where put images)
    5) Webp format no more supported
    6) Impossibile change publishing date of a published post withour return to draft; before it was possibile.
    7) post count number for labels is missing
    8) blog name in post editor is missing
    9) Blogger new is slower, but the most annoying thing is how much it is heavy on CPU after just one hour of searches and writing. This thing make it unusable.

    ReplyDelete
    Replies
    1. Would rather err on the side of generosity than otherwise, but yours is a damning list! (Some of which I did note above.)

      You know where to direct this criticism. Have at it! I think the "infinite scroll" thing is especially ill-advised.

      Delete
    2. haha! Thanks, now you have to write your long post with the new blogger and tell me how much it is different and hard

      Delete
    3. @claudio, I have been switching back and forth when I write posts for at least a month. When I switch back, I leave feedback explaining why.

      It is foolish, I suggest, to expect a beta not to have bugs. It is worthwhile to me to try to influence the final result.

      If one is not going to approach this with a similar attitude, I do not see why one would touch the beta at all. It would be very aggravating!

      Delete
    4. i did more, i tried to find a workflow with the new blogger, wrote several articles with that (in double work time than with classic blogger), i tried every possible route even using external tools, but anything fails, it seems impossibile work in it for now.
      Even if you want just write and publish without check seo and code optimizations, there is always something going wrong: cpu load of blogger make it slow, adding labels is weird, adding more than one picture is frustrating, make spaces between lines inside a post is always different, edit existing posts is a nightmare and so on

      Delete
  6. I keep trying but I cannot figure out how to search my posts in TNB. Am I missing something?

    ReplyDelete
    Replies
    1. @Barbeque, on desktop, the search field is at top left. Click the question-mark-in-a-circle icon* for an explanation of the new search features.

      *No, not the black-on-white question-mark-in-a-circle icon at upper right! The white-on-black question-mark-in-a-circle icon to the left! (See what I mean about icons being too similar?)

      Delete
  7. Hi Adam
    I have just started to learn blogger. I have a Samsung Galaxy S2 tablet. When I try to edit a paragraph near the bottom of a draft post, scrolling stops and my keyboard covers the text I want to edit. Is this a glitch? Or am I doing something wrong? I am hopeful you can help me. Thanks. PS: I switched back to old blogger but that didn't help.

    ReplyDelete
    Replies
    1. Hi Mina,

      I really recommend the group mind of the help community (link in sidebar at right) for issues like this.

      However, I hope you will leave feedback on the new interface, describing the problem. It is my understanding that this is exactly the sort of thing that the new UI is supposed to fix!

      Delete
  8. Thank you Adam
    I have just asked my question on Blogger Help Forum as you suggested.

    ReplyDelete
  9. Adam, are you planning to do another post about what has been fixed in the new interface (NI) since you published this post and comments? I just checked and the most recent info on this from the Blogger Help Team is still May 20, 2020. However, I know from looking at the forum there have been fixes since then. I still have not tried the NI for this reason, but I have left feedback a couple of times.

    ReplyDelete
    Replies
    1. @Bridge, I am avoiding writing about things that are still in flux. I just would not be able to keep up and do the topic justice.

      If I have the time I am considering a post about the biggest pain points I believe people are expressing, based on what I am seeing in the help forum.

      These are (I think) media and media placement, labels, and infinite scroll. There are also some complaints about difficulties editing HTML that I have not fully grasped.

      Some of these problems are clearly bugs that need to be fixed, but I am concerned that others, like infinite scroll, are UI changes we will have to live with.

      Delete
    2. One of the really bad things - I don't know if a bug or not - is in the label system.
      1. You can only ever see 1 + 3 of the labels belonging to each post in the overview window, the rest are ... dots.
      2. If in post you type in the first letter(s) of a label, to find it, and then put a checkmark in the relevant box, and then delete the letters to look for another tag for the same post, deleting the letter(s) also deletes the checkmark from the first label.

      Delete
    3. @Charlotte, one of my worries is that this will not be improved--that the developers will just say this is something we have to learn to use, not a bug.

      Delete
  10. 1 HTML view adds a
    tag at the top that is not required.
    2 Loading the editor is extremely slow.
    3 I have a lot of tags, it takes many seconds to load
    4 no way to load images in html view so you have to swap between views
    5 no video displayed in graphic view just a grey placeholder.
    6 no way to paste the html for video directly in graphic view
    7 video select on graphic view gives different size to the actual youtube share embedded definition. I then have to switch to edit html view to change the dimensions back to the standard sizes.
    8 load a picture and it takes many seconds to appear and then appears in the wrong place not near the cursor.
    9 Post a blog and the blog is not posted it is still reported as being in draft in the list so most be posted again
    10 I use a three screen monitor setup, multiple browser windows to do my blogging. It is almost impossible to use a phone to get the same blogging capabilities.

    One option might be to introduce scraper editing similar to that in Facebook. It creates a paste from the URL posted and you can add additional text and photographs. With the blogger design they are miles away from this. I've been blogging with blogger since 2014, these changes are painful.

    ReplyDelete
  11. Change for the sake of change sucks! I especially miss the ease of wrapping text around photos. AARRGGHH!

    ReplyDelete
    Replies
    1. @Hermit, I am betting that at least gets fixed.

      There is already a lot of stuff in this post that has been improved since I published it in May.

      Delete
  12. "What I said was that the problem of text not wrapping around photos had been resolved."

    How, please? I can't get text to wrap.

    ReplyDelete
    Replies
    1. Professor,

      In the Edit window, select the image to see a pop-up toolbar. Choose left or right alignment for the image; text will wrap on the opposite side.

      This effect may not be visible in Edit, but should be in Preview.

      Delete
  13. no the wrapping text around photo is not fixed, update your post

    ReplyDelete
    Replies
    1. Hi Coach,

      See my reply to ProfessorRoush's comment above. I have also written about this in a more-recent blog post.

      The problem today stems from confusion from a poor interface design.

      Delete