Title: Now that we’ve got a couple of rough…
Author: Dave Martin (lessbloat)
Published: August 27, 2012
Last modified: September 3, 2012

---

 [  ](https://profiles.wordpress.org/lessbloat/) [Dave Martin (lessbloat)](https://profiles.wordpress.org/lessbloat/)
4:48 pm _on_ August 27, 2012     
Tags: [discovery-cycle-1 ( 8 )](https://make.wordpress.org/design/tag/discovery-cycle-1/),
[user-testing ( 19 )](https://make.wordpress.org/design/tag/user-testing/)   

# Now that we’ve got a couple of rough…

Now that we’ve got a couple of rough patches ([welcome screen](https://core.trac.wordpress.org/attachment/ticket/21368/21368.4.now-with-more-onclick.diff),
[color picker](https://core.trac.wordpress.org/attachment/ticket/21206/iris-picker-6.diff),
[“view” my site](https://core.trac.wordpress.org/attachment/ticket/21354/21354.diff))
it’s time go back and test a few users in our [first discovery cycle](https://make.wordpress.org/ui/tag/discovery-cycle-1/)
with these patches applied, and see if we’ve made any progress.

Here’s the [video](http://wpusertesting.com/videos/dc1-4.mp4), and here are my notes:

**Step two notes – Log in**

No problems.

**Step two notes – Explain what you see**

No problems.

**Step Three notes – Preview your blog**

 * 4:00 – She’s looking for a link
 * 4:14 – “Oh here it is” – She clicks “Visit my blog” in toolbar (Win for “view”
   my site patch).

**Step Four notes – Change your background color**

 * 5:45 – When asked to change the background color, she immediately (instinctively)
   clicked the big blue “customize my site” button (woot!).
 * 5:55 – she easily found the BG color option in the customizerCustomizer Tool 
   built into WordPress core that hooks into most modern themes. You can use it 
   to preview and modify many of your site’s appearance settings..
 * 6:00 – Oh noooes, she found a bug in Iris (so painful to watch…)! clicking the
   right column of Iris does’t change the color in the text-field (After a bit of
   testing, it looks like if you click the right column first, before clicking the
   left gradient box, nothing happens. If you click, if you click the left box first,
   then the right column, it works as expected.) cc// @mattwiebe
 * 8:07 – “Each time I view my blog it gives me a slightly different picture”.
 * 9:10 – still trying to figure out why BG color isn’t changing – “I’m so confused”
 * 10:30 – Moved on without being able to figure out how to change BG color. 🙁

**Step Five notes – Change your site title**

 * 10:50 – Looking in Appearance -> HeaderHeader The header of your site is typically
   the first thing people will experience. The masthead or header art located across
   the top of your page is part of the look and feel of your website. It can influence
   a visitor’s opinion about your content and you/ your organization’s brand. It
   may also look different on different screen sizes. for a place to change her 
   site title (which really makes sense, we need to add a link there).
 * 11:10 – didn’t find it in Appearance -> Header, no she’s checking all up and 
   down the left nav
 * 12:20 – Found it in the customizer
 * 12:30 – What the? She couldn’t add spaces? That is weird. There is a bug in one
   of the patches? cc// koopersmith can you spot any reason why this would be happening
   in one of the patches listed above?
 * 13:20 – “I’m very confused – I don’t know how I would insert spaces”
 * 14:22 – gave up without being able to add spaces…

**Step Six notes – Add your first post**

No problems.

**Step Seven notes – Preview your new post**

No problems.

**Step Eight notes – Publish an image**

She found how to upload the image – not going to worry about anything after that
for now, since media manager is being revamped. We’ll do plenty of user testing 
on the new media manager once it’s complete.

**Recap**

 * Bug in Iris prevented her from changing her background color
 * Can we please NOT have rotating header images in twenty twelve? None of the users
   we’ve tested have really comprehended what’s going on there.
 * We really should add a link on “Appearance -> Header” to “Settings -> General”
   to change their site title or tagline.
 * There was a bug in the customizer when she tried to update her site title which
   wouldn’t allow her to add spaces.

I’d like to get the color picker bug fixed before I run another user through these
changes, but overall, I’d say these patches have already really improved things 
for first-time users. Thoughts?

[#discovery-cycle-1](https://make.wordpress.org/design/tag/discovery-cycle-1/), 
[#user-testing](https://make.wordpress.org/design/tag/user-testing/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/2012/08/27/now-that-weve-got-a-couple-of-rough/?subject=%5BShared%20Post%5D%20Now%20that%20we%27ve%20got%20a%20couple%20of%20rough...&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2012%2F08%2F27%2Fnow-that-weve-got-a-couple-of-rough%2F&share=email)

 1.  ![](https://secure.gravatar.com/avatar/66100363deaf502bcb6a7200150bf4f3405f16f76c250b814c7d31714c1ae125?
     s=32&d=mm&r=g)
 2.   [Amy Hendrix (sabreuse)](https://profiles.wordpress.org/sabreuse/)  4:58 pm _on_
     August 27, 2012
 3.  I’m really excited about some of the improvements!
 4.  (And Twenty Twelve doesn’t ship with any headerHeader The header of your site 
     is typically the first thing people will experience. The masthead or header art
     located across the top of your page is part of the look and feel of your website.
     It can influence a visitor’s opinion about your content and you/ your organization’s
     brand. It may also look different on different screen sizes. image at all — if
     anything, we’ll be documenting that yes, you can add a header, and you don’t need
     to go to some scary code-snippet back alley to do so.)
 5.  ![](https://secure.gravatar.com/avatar/22cadb62dfe01149e69cd75d928048b65b2d55b4309ef8eee63e61741b554f40?
     s=32&d=mm&r=g)
 6.   [Isaac Keyet](https://profiles.wordpress.org/isaackeyet/)  6:06 pm _on_ August
     27, 2012
 7.  Honestly it seemed like the main problem she had with changing colors was not 
     the bug but that type of color picker altogether – a round color picker with the
     slider setting the black key (like the default apple picker) would probably be
     easier to comprehend for beginners. e.g.: [http://cl.ly/image/061K1E1k2S2u](http://cl.ly/image/061K1E1k2S2u)
 8.   * ![](https://secure.gravatar.com/avatar/ca7360c10ece8055db9538668f1716d97461a8ce1785a7bdc2917a9b98f237b5?
        s=32&d=mm&r=g)
      *  [etoxin](https://profiles.wordpress.org/etoxin/)  7:42 am _on_ August 28, 
        2012
      * It looks like the actual picker (in the square) is far too transparent. Maybe
        a small subtle animation on click could solve this or a darker colour.
         - ![](https://secure.gravatar.com/avatar/ca7360c10ece8055db9538668f1716d97461a8ce1785a7bdc2917a9b98f237b5?
           s=32&d=mm&r=g)
         -  [etoxin](https://profiles.wordpress.org/etoxin/)  7:50 am _on_ August 28,
           2012
         - At 8:25 she gets the colour picker to work. Maybe simplify it to colour 
           swatches and offer an advanced colour picker.
 9.  ![](https://secure.gravatar.com/avatar/191a5715ee9d255a813f8a14b67af7bb97b16b0583ec04fd1f1236a80d6f17c1?
     s=32&d=mm&r=g)
 10.  [toscho](https://profiles.wordpress.org/thefuxia/)  6:42 pm _on_ August 27, 2012
 11. What a pleasant voice. 🙂
 12. It should be possible to change the site title in _Appearance/HeaderHeader The
     header of your site is typically the first thing people will experience. The masthead
     or header art located across the top of your page is part of the look and feel
     of your website. It can influence a visitor’s opinion about your content and you/
     your organization’s brand. It may also look different on different screen sizes._
     without going to settings.
 13. And I think the pointer for media uploads is positioned a little bit too obtrusive.
     The _Upload/Insert_ text is clear enough.
 14.  * ![](https://secure.gravatar.com/avatar/df4e84176d328d48e01ba995e523b1f219143d215f68c9f323e2b2bb78062720?
        s=32&d=mm&r=g)
      *  [lessbloat](https://profiles.wordpress.org/lessbloat/)  6:47 pm _on_ August
        27, 2012
      * The fact that she saw that is a bug. That pointer shouldn’t even be showing
        unless they click the “Add images/media” link under the right column “Learn
        how to” section. I’ll look into suppressing that pointer unless they click 
        that link. This implementation is just a stop-gap until we figure out how we
        want to [connect the two related pointers](https://core.trac.wordpress.org/ticket/21368#comment:15).
        I didn’t want that to stop me from starting to test users, so I made a quick
        work-around (which unfortunately was buggy). 😉
 15. ![](https://secure.gravatar.com/avatar/9465c9d7e06c086da750868102503d5d02c35b257452c7683319cf106b229426?
     s=32&d=mm&r=g)
 16.  [Peter Chester](https://profiles.wordpress.org/peterchester/)  6:49 pm _on_ August
     27, 2012
 17. I get so happy reading this! Rock on!!!
 18. ![](https://secure.gravatar.com/avatar/51f55d5974ff861cb88d8b52880f8c15b7f37150ccbad2f47352878a2c9dc2d1?
     s=32&d=mm&r=g)
 19.  [John Blackbourn (johnbillion)](https://profiles.wordpress.org/johnbillion/)  
     7:07 pm _on_ August 27, 2012
 20. Where did the “Install a new theme” pointer that popped up on step 5 come from?
 21. ![](https://i.imgur.com/Kut2r.png)
 22.  * ![](https://secure.gravatar.com/avatar/df4e84176d328d48e01ba995e523b1f219143d215f68c9f323e2b2bb78062720?
        s=32&d=mm&r=g)
      *  [lessbloat](https://profiles.wordpress.org/lessbloat/)  7:12 pm _on_ August
        27, 2012
      * Same bug as @toscho mentioned. I had forgot a “!” in the pointer code. This
        one should have only been triggered when the user clicked the “Change your 
        theme” link in the right column of the welcome screen. Instead of only showing
        those pointers when the user clicked those links, I was showing the pointers
        all of the time, unless the user clicked those links… 😉 Ah… what fun a missing“!”
        can cause.
      * Anyhoo. This is fixed now on my testing install, and should be good to go for
        the next user test.
      * ![](https://secure.gravatar.com/avatar/d90a938633be46488e62828ea10317d70e8d039bdd5070f5760139ca91a38362?
        s=32&d=mm&r=g)
      *  [Konstantin Kovshenin](https://profiles.wordpress.org/kovshenin/)  4:26 am
        _on_ August 28, 2012
      * Why was she taken to Appearante – Themes in the first place? She was on her
        Dashboard, she clicked Customize, she saved and closed, and should be returned
        to where she initially was, her Dashboard. I pronounced the same “whoops” she
        did when watching the video 🙂
      * [@koopersmith](https://profiles.wordpress.org/koopersmith/), I think we fixed“
        redirecting to where we came from” in the CustomizerCustomizer Tool built into
        WordPress core that hooks into most modern themes. You can use it to preview
        and modify many of your site’s appearance settings. in 3.4? Did it break again
        or does it work for front-end only?
         - ![](https://secure.gravatar.com/avatar/1a4d9cb12ef03446284f4bae8ba545c29d550c37bfa6fa629a0c4344cc7b19fd?
           s=32&d=mm&r=g)
         -  [Daryl Koopersmith](https://profiles.wordpress.org/koop/)  5:20 am _on_
           August 28, 2012
         - > I think we fixed “redirecting to where we came from” in the CustomizerCustomizer
           > Tool built into WordPress core that hooks into most modern themes. You
           > can use it to preview and modify many of your site’s appearance settings.
           > in 3.4? Did it break again or does it work for front-end only?
         - Neither — default behavior is to redirect to the manage themes page, and
           it doesn’t appear that these patches are using either of the methods that
           will cause the “return” action to redirect to another page.
         - We have two different solutions to do so: one is a query arg (see the admin
           bar for an example) and the other is customize-loader.js, which uses HTML5
           history to maintain page state (used in the theme browser).
         - ![](https://secure.gravatar.com/avatar/df4e84176d328d48e01ba995e523b1f219143d215f68c9f323e2b2bb78062720?
           s=32&d=mm&r=g)
         -  [lessbloat](https://profiles.wordpress.org/lessbloat/)  9:00 am _on_ August
           28, 2012
         - Good catch. Ya, it would be great if clicking close would take her back 
           to the dashboard, instead of themes.php.
 23. ![](https://secure.gravatar.com/avatar/b0fb12a706cbfde64525674d0da40070e31f48a925ac9a8d7b7abb9202fe898d?
     s=32&d=mm&r=g)
 24.  [Diana](https://profiles.wordpress.org/dianakc/)  11:01 pm _on_ September 9, 
     2012
 25. Greate material! I would like to reinforce some aspects 🙂 :
      This color picker
     is really confusing for most people, the tinyMCE text color is way more helpful
     providing some colors right on click . In Customizing panel, the itens should 
     be separated by area such HeaderHeader The header of your site is typically the
     first thing people will experience. The masthead or header art located across 
     the top of your page is part of the look and feel of your website. It can influence
     a visitor’s opinion about your content and you/ your organization’s brand. It 
     may also look different on different screen sizes., Content, Background etc , 
     though this is more a theme author approach?! Title and Description should stay
     within Header options, (not link to Settings). The “Insert into post” button should
     be blue. Most people access Dashboard instead using the left menu itens, then 
     I think this panel should display icons/links for those panels with some short
     description. (People are afraid of going somewhere they can’t go back :D)

Comments are closed.

# Post navigation

[← Ticket scrub notes for 8 21 Patches needed…](https://make.wordpress.org/design/2012/08/22/ticket-scrub-notes-for-8-21-patch-needed/)

[Ticket scrub notes 8 29 Needs patch Customizer… →](https://make.wordpress.org/design/2012/08/30/ticket-scrub-notes-8-29-needs-patch-customizer/)