CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head profile="http://gmpg.org/xfn/11"><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://make.wordpress.org/ui/author/lessbloat/","20130305121608","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1362485768"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <link href="https://plus.google.com/107188080561309681193" rel="publisher"/> <meta name="google-site-verification" content="7VWES_-rcHBcmaQis9mSYamPfNwE03f4vyTj4pfuAw0"/> <title>WordPress › lessbloat « Make WordPress UI Make WordPress UI</title> <link rel="stylesheet" href="https://web.archive.org/web/20130305121608cs_/http://s.wordpress.org/style/wp4.css?27"/> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20130305121608cs_/http://s.wordpress.org/style/iphone.css" type="text/css" rel="stylesheet"/> <link rel="shortcut icon" href="https://web.archive.org/web/20130305121608im_/http://s.wordpress.org/favicon.ico?3" type="image/x-icon"/> <link rel="alternate" type="application/rss+xml" title="Make WordPress UI" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/feed/"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20130305121608/https://ssl." : "https://web.archive.org/web/20130305121608/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-52447-1"); pageTracker._initData(); pageTracker._trackPageview(); function recordOutboundLink(link, category, action) { pageTracker._trackEvent(category, action); setTimeout('document.location = "' + link.href + '"', 100); } </script>  <link rel="pingback" href="http://make.wordpress.org/ui/xmlrpc.php"/><link rel="stylesheet" href="https://web.archive.org/web/20130305121608cs_/http://make.wordpress.org/ui/wp-content/themes/make-p2/style.css?v=2" type="text/css" media="screen"/> <script type="text/javascript"> // <![CDATA[ // P2 Configuration var ajaxUrl = "https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-admin/admin-ajax.php?p2ajax=true"; var updateRate = "30000"; // 30 seconds var nonce = "3c7c81406a"; var login_url = "https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2Fauthor%2Flessbloat%2F"; var templateDir = "https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-content/themes/p2"; var isFirstFrontPage = 0; var isFrontPage = 0; var isSingle = 0; var isPage = 0; var isUserLoggedIn = 0; var prologueTagsuggest = 1; var prologuePostsUpdates = 1; var prologueCommentsUpdates = 1; var getPostsUpdate = 0; var getCommentsUpdate = 0; var inlineEditPosts = 1; var inlineEditComments = 1; var wpUrl = "https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui"; var rssUrl = ""; var pageLoadTime = "2013-03-05 12:16:09"; var original_title = document.title; var commentsOnPost = new Array; var postsOnPage = new Array; var postsOnPageQS = ''; var currPost = -1; var currComment = -1; var commentLoop = false; var lcwidget = false; var hidecomments = false; var commentsLists = ''; var newUnseenUpdates = 0; var mentionData = null; // ]]> </script> <link rel="alternate" type="application/rss+xml" title="Make WordPress UI » Feed" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/feed/"/> <link rel="alternate" type="application/rss+xml" title="Make WordPress UI » Comments Feed" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/comments/feed/"/> <script type="text/javascript"> //<![CDATA[ var wpLocale = {"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthabbrev":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekday":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdayabbrev":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}; //]]> </script> <link rel="alternate" type="application/rss+xml" title="Make WordPress UI » Posts by lessbloat Feed" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/feed/"/> <link rel="stylesheet" id="admin-bar-css" href="https://web.archive.org/web/20130305121608cs_/http://make.wordpress.org/ui/wp-includes/css/admin-bar.min.css?ver=3.6-alpha-23596" type="text/css" media="all"/> <link rel="stylesheet" id="jetpack-widgets-css" href="https://web.archive.org/web/20130305121608cs_/http://make.wordpress.org/ui/wp-content/plugins/jetpack/modules/widgets/widgets.css?ver=20121003" type="text/css" media="all"/> <link rel="stylesheet" id="p2-css" href="https://web.archive.org/web/20130305121608cs_/http://make.wordpress.org/ui/wp-content/themes/make-p2/style.css?ver=3.6-alpha-23596" type="text/css" media="all"/> <link rel="stylesheet" id="p2-print-style-css" href="https://web.archive.org/web/20130305121608cs_/http://make.wordpress.org/ui/wp-content/themes/p2/style-print.css?ver=20120807" type="text/css" media="print"/> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/jquery/jquery.js?ver=1.9.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/jquery/jquery-migrate.js?ver=1.1.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/jquery/jquery.color.min.js?ver=2.1.0"></script> <script type="text/javascript"> /* <![CDATA[ */ var userSettings = {"url":"\/","uid":"0","time":"1362485768"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/utils.min.js?ver=3.6-alpha-23596"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/comment-reply.min.js?ver=3.6-alpha-23596"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-content/themes/p2/js/jquery.scrollTo-min.js?ver=20120402"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-content/themes/p2/js/wp-locale.js?ver=20110415"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-content/themes/p2/js/spin.js?ver=20120704"></script> <script type="text/javascript"> /* <![CDATA[ */ var p2txt = {"tags":"<br \/>Tags:","tagit":"Tag it","citation":"Citation","title":"Post Title","goto_homepage":"Go to homepage","n_new_updates":"%d new update(s)","n_new_comments":"%d new comment(s)","jump_to_top":"Jump to top","not_posted_error":"An error has occurred, your post was not posted","update_posted":"Your update has been posted","loading":"Loading...","cancel":"Cancel","save":"Save","hide_threads":"Hide threads","show_threads":"Show threads","unsaved_changes":"Your comments or posts will be lost if you continue.","date_time_format":"%1$s <em>on<\/em> %2$s","date_format":"F j, Y","time_format":"g:i a","autocomplete_prompt":"After typing @, type a name or username to find a member of this site","no_matches":"No matches.","comment_cancel_ays":"Are you sure you would like to clear this comment? Its contents will be deleted.","oops_not_logged_in":"Oops! Looks like you are not logged in.","please_log_in":"Please log in again","whoops_maybe_offline":"Whoops! Looks like you are not connected to the server. P2 could not connect with WordPress."}; try{convertEntities(p2txt);}catch(e){};; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-content/themes/p2/js/p2.js?ver=20121128"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://make.wordpress.org/ui/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://make.wordpress.org/ui/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 3.6-alpha-23596"/> <style type="text/css"> .is-js .hide-if-js { display: none; } .p2-task-list ul { margin-left: 0 !important; } .p2-task-list ul ul { margin-left: 20px !important; } .p2-task-list li { list-style: none; } </style> <script type="text/javascript"> jQuery( function( $ ) { $( 'body' ) .addClass( 'is-js' ) .delegate( '.p2-task-list :checkbox', 'click', function() { var $this = $( this ), $li = $this.parents( 'li:first' ), $form = $this.parents( 'form:first' ), data = $li.find( ':input' ).serialize(), colorEl = $li, origColor = $li.css( 'background-color' ), color; while ( colorEl.get(0).tagName && colorEl.css( 'background-color' ).match( /^\s*(rgba\s*$\s*0+\s*,\s*0+\s*,\s*0+\s*,\s*0+\s*$|transparent)\s*$/ ) ) { colorEl = colorEl.parent(); } color = colorEl.get(0).tagName ? colorEl.css( 'background-color' ) : '#ffffff'; data += '&ajax=1&' + $form.find( '.submit :input' ).serialize(); $.post( $form.attr( 'action' ), data, function( response ) { if ( '1' === response ) $li.css( 'background-color', '#F6F3D1' ).animate( { backgroundColor: color }, 'slow', function() { $li.css( 'background-color', origColor ); } ); } ); } ); } ); </script> <style id="p2-header-style" type="text/css"> </style> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <style type="text/css" media="screen"> html { margin-top: 28px !important; } * html body { margin-top: 28px !important; } </style> <meta id="syntaxhighlighteranchor" name="syntaxhighlighter-version" content="3.1.5"/> <script>document.cookie='devicePixelRatio='+((window.devicePixelRatio === undefined) ? 1 : window.devicePixelRatio)+'; path=/';</script> </head> <body id="wordpress-org" class="archive author author-lessbloat author-6970875 admin-bar no-customize-support"> <div id="header"> <div class="wrapper"> <h1><a href="//web.archive.org/web/20130305121608/http://wordpress.org/">WordPress.org</a></h1> <form action="https://web.archive.org/web/20130305121608/http://wordpress.org/search/do-search.php" method="get" id="head-search"> <input class="text" name="search" type="text" value="Search WordPress.org" maxlength="150" onfocus="this.value=(this.value=='Search WordPress.org') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search WordPress.org' : this.value;"/> <input type="submit" class="button" value="Go"/> </form> <ul> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/extend/themes/" title="Find just the right look for your website.">Themes</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/extend/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine.">Plugins</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/extend/mobile/" title="Take your website on the go!">Mobile</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/support/" title="Forums, documentation, help.">Support</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li><li><a href="https://web.archive.org/web/20130305121608/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a></li></ul></li> <li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/" title="Contribute your knowledge." class="current">Get Involved</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/core/" title="Write the code.">Core</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/" title="Improve the interface.">UI</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/accessibility/" title="Create a better experience.">Accessibility</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/plugins/" title="Extend the system.">Plugins</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/themes/" title="Beautify the web.">Themes</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/support/" title="Help the users.">Support</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/polyglots/" title="Translate for the world.">Polyglots</a></li><li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/mobile/" title="On the go.">Mobile</a></li></ul></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a></li> <li id="download"><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/download/" title="Get it. Got it? Good.">Download</a></li> </ul> </div> </div> <div id="headline"> <div class="wrapper"> <h2><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/">Make WordPress UI</a></h2> </div> </div> <div id="header2">  </div> <div id="wrapper"> <div id="sidebar"> <ul> <li id="text-4" class="widget widget_text"><h2 class="widgettitle">Welcome to the WordPress UI Group!</h2> <div class="textwidget">This is the official blog for the WordPress open source project's UI design and development group. Follow along and/or participate as we post about what we're currently working on, meetings, and big picture items. To get commenting, log in using your WordPress.org username and password. Glad to have you!</div> </li> <li id="blog_subscription-2" class="widget jetpack_subscription_widget"><h2 class="widgettitle"><label for="subscribe-field">Subscribe to Blog via Email</label></h2> <a id="subscribe-blog"></a> <form action="" method="post" accept-charset="utf-8" id="subscribe-blog"> <p>Enter your email address to subscribe to this blog and receive notifications of new posts by email.</p> <p><input type="text" name="email" style="width: 95%; padding: 1px 2px" value="Email Address" id="subscribe-field" onclick="if ( this.value == 'Email Address' ) { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Email Address'; }"/></p> <p> <input type="hidden" name="action" value="subscribe"/> <input type="hidden" name="source" value="http://make.wordpress.org/ui/author/lessbloat/"/> <input type="hidden" name="sub-type" value="widget"/> <input type="hidden" name="redirect_fragment" value="blog_subscription-2"/> <input type="submit" value="Subscribe" name="jetpack_subscriptions_widget"/> </p> </form> </li> <li id="text-3" class="widget widget_text"><h2 class="widgettitle">Weekly UI Chat</h2> <div class="textwidget"><ul><li>Tuesdays @ <a href="https://web.archive.org/web/20130305121608/http://www.timeanddate.com/worldclock/fixedtime.html?hour=19&min=00&sec=0&p1=0">19:00 UTC</a></li> <li>irc.freenode.net </li> <li>#wordpress-ui</li> <li><a href="https://web.archive.org/web/20130305121608/https://irclogs.wordpress.org/chanlog.php?channel=wordpress-ui">IRC Logs</a></li> </ul></div> </li> <li id="text-5" class="widget widget_text"><h2 class="widgettitle">Open Office Hours</h2> <div class="textwidget">Weekdays @ <a href="https://web.archive.org/web/20130305121608/http://www.timeanddate.com/worldclock/fixedtime.html?hour=20&min=00&sec=0&p1=0">20:00 UTC</a></div> </li> <li id="recent-posts-3" class="widget widget_recent_entries"> <h2 class="widgettitle">Recent Posts</h2> <ul> <li> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/" title="Icon feedback">Icon feedback</a> </li> <li> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/25/it-seems-to-be-moving-in-the-right/" title="It seems to be moving in the right…">It seems to be moving in the right…</a> </li> <li> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/12/discuss-icons/" title="Discuss: Icons">Discuss: Icons</a> </li> <li> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/07/heres-round-7-of-our-menus-usability-tests/" title="Here’s round 7 of our menus usability tests…">Here’s round 7 of our menus usability tests…</a> </li> <li> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/05/i-tested-two-more-users-on-our-menus/" title="I tested two more users on our menus…">I tested two more users on our menus…</a> </li> </ul> </li> <li id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">Make It Better!</h2> <div class="menu-make-it-better-container"><ul id="menu-make-it-better" class="menu"><li id="menu-item-320" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-320"><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/tag/trac/">UI Issues on Trac</a></li> </ul></div></li> <li id="nav_menu-4" class="widget widget_nav_menu"><h2 class="widgettitle">Resources & Reference</h2> <div class="menu-resources-reference-container"><ul id="menu-resources-reference" class="menu"><li id="menu-item-251" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-251"><a href="https://web.archive.org/web/20130305121608/http://dotorgstyleguide.wordpress.com/">WordPress UI Style Guide</a></li> <li id="menu-item-285" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285"><a href="https://web.archive.org/web/20130305121608/http://cl.ly/1J1O143d41251G2m1B3z">WordPress Admin PSD (Outdated)</a></li> <li id="menu-item-637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-637"><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/core/handbook/coding-standards/css/">CSS Coding Standards (Draft)</a></li> <li id="menu-item-638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-638"><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/core/handbook/">Core Contributor Handbook</a></li> </ul></div></li> <li id="search-3" class="widget widget_search"><form role="search" method="get" id="searchform" action="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/"> <div><label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s"/> <input type="submit" id="searchsubmit" value="Search"/> </div> </form></li> <li id="p2_recent_comments-3" class="widget widget_p2_recent_comments"><h2 class="widgettitle">Recent Comments</h2> <table class="p2-recent-comments" cellspacing="0" cellpadding="0" border="0"> <tr><td title="Matt Mullenweg" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://ma.tt/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://ma.tt/" rel="nofollow">Matt Mullenweg</a> on <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/25/it-seems-to-be-moving-in-the-right/#comment-22672" class="tooltip" title="The meeting went great, we decided to take the ico…">It seems to be moving in the r…</a></td></tr><tr><td title="lessbloat" class="avatar" style="height: 32px; width: 32px"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></td><td class="text">lessbloat on <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/25/it-seems-to-be-moving-in-the-right/#comment-22671" class="tooltip" title="We're going for a G+ hangout at 11:00 PST (2:00 ES…">It seems to be moving in the r…</a></td></tr><tr><td title="Empireoflight" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://field2.com/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1772cd53f2747f71c8455ac820606afc?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://field2.com/" rel="nofollow">Empireoflight</a> on <a href="#comment-22670" class="tooltip" title="http://cl.ly/image/162s2W3Y2T0X a: I smoothed out …">Icon feedback</a></td></tr><tr><td title="lessbloat" class="avatar" style="height: 32px; width: 32px"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></td><td class="text">lessbloat on <a href="#comment-22669" class="tooltip" title="Overall I think these are looking great. Ben has d…">Icon feedback</a></td></tr><tr><td title="Aaron D. Campbell" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://ran.ge/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/f27b79eb04eb414c4c1fc98375fe7404?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://ran.ge/" rel="nofollow">Aaron D. Campbell</a> on <a href="#comment-22668" class="tooltip" title="I definitely like B2 & E2. The Key (L) looks a…">Icon feedback</a></td></tr><tr><td title="Ricky Lee" class="avatar" style="height: 32px; width: 32px"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/7807de154b3638fa7bdd6231bec43283?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></td><td class="text">Ricky Lee on <a href="#comment-22667" class="tooltip" title="It is such a drastic departure from current textur…">Icon feedback</a></td></tr><tr><td title="Matt Thomas" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://mattnt.com/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/86debe7ed7ece0f968097a768dcbd5cb?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://mattnt.com/" rel="nofollow">Matt Thomas</a> on <a href="#comment-22666" class="tooltip" title="I think the individual forms are looking good, but…">Icon feedback</a></td></tr><tr><td title="Helen Hou-Sandi" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="nofollow">Helen Hou-Sandi</a> on <a href="#comment-22665" class="tooltip" title="Board is what's currently used for settings. Gear …">Icon feedback</a></td></tr><tr><td title="acsearles" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://www.andysearles.com/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/e2b3d4b90ac2ae4e7d5ca13e8ea04f19?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://www.andysearles.com/" rel="nofollow">acsearles</a> on <a href="#comment-22664" class="tooltip" title="I agree with Isaac. Key (L) should point up.">Icon feedback</a></td></tr><tr><td title="Mel Choyce" class="avatar" style="height: 32px; width: 32px"><a href="https://web.archive.org/web/20130305121608/http://choycedesign.com/" rel="nofollow"><img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/2dc245d4cf9e5579dfb0e13e7dcb75db?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/></a></td><td class="text"><a href="https://web.archive.org/web/20130305121608/http://choycedesign.com/" rel="nofollow">Mel Choyce</a> on <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/25/it-seems-to-be-moving-in-the-right/#comment-22663" class="tooltip" title="I can also do Wed or Thurs.">It seems to be moving in the r…</a></td></tr> </table></li> <li id="meta-3" class="widget widget_meta"><h2 class="widgettitle">Meta</h2> <ul> <li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php">Log in</a></li> <li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="https://web.archive.org/web/20130305121608/http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li> </ul> </li> </ul> <div class="clear"></div> </div>  <div class="sleeve_main"> <div id="main"> <h2> Updates from lessbloat <span class="controls"> <a href="#" id="togglecomments"> Toggle Comment Threads</a> | <a href="#directions" id="directions-keyboard">Keyboard Shortcuts</a> </span> </h2> <ul id="postlist"> <li id="prologue-837" class="post-837 post type-post status-publish format-standard hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-02-26T18:52:53Z">6:52 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to leave a Comment</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-837" class="postcontent"> <h2><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/">Icon feedback </a></h2><p>I’d like to kick off another round of icon feedback, this time with several constraints. If you have any concerns with the flat icons <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23333">currently in trunk</a>, now is your time to speak up. </p> <p><strong>A few rules for this exercise:</strong></p> <p>DO’s:</p> <ul> <li>Please be constructive. Each icon has a letter assigned to it, if you’ve got feedback for 2 out of the 13 icons, tell us what you don’t like about each one individually (or even better, mock something up for each one).</li> <li>Please leave admin UI out of all mockups for this exercise (just icons on a white background for now).</li> </ul> <p>DON’Ts:</p> <ul> <li>Don’t make broad declarations (i.e. “I don’t like them”, or “I like the old icons better”).</li> <li>Don’t comment on the color/contrast (we’ll save that for another discussion).</li> </ul> <p><strong>Thoughts:</strong></p> <p><img src="https://web.archive.org/web/20130305121608im_/http://f.cl.ly/items/0X3o0H002I0f3c1G1N1e/flat-icons.png" border="0"/></p> <p><a href="https://web.archive.org/web/20130305121608/http://cl.ly/1d2u0E3S1m0O">Source File</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1772cd53f2747f71c8455ac820606afc?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://field2.com/" rel="external nofollow" class="url">Empireoflight</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> lessbloat, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/f27b79eb04eb414c4c1fc98375fe7404?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://ran.ge/" rel="external nofollow" class="url">Aaron D. Campbell</a>, and 11 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-837" class="commentlist inlinecomments"> <li id="comment-22645" class="comment byuser comment-author-georgestephanis even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/0ee0e164bf963095810318bbacf5c918?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.stephanis.info/" rel="external nofollow" class="url">George Stephanis</a> <span class="meta"> <abbr title="2013-02-26T19:07:10Z">7:07 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22645" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22645" class="commentcontent"><p>I’m going to assume these letters aren’t the letters that the characters will necessarily be mapped to in an icon font (if that happens).</p> <p>L (key): I don’t like how narrow the point is where the disc connects to the key blade.</p> <p>Apart from that, I like it all.</p> </div> <ul class="children"> <li id="comment-22646" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-02-26T19:09:05Z">7:09 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22646" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22646" class="commentcontent"><p>Right, just random lettering, they have nothing to do with the mappings. <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley"/> </p> </div> </li> </ul> </li> <li id="comment-22647" class="comment byuser comment-author-norcross even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/26ab8f9b2c86b10e7968b882403b3bf8?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://andrewnorcross.com/" rel="external nofollow" class="url">Norcross</a> <span class="meta"> <abbr title="2013-02-26T19:10:56Z">7:10 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22647" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22647" class="commentcontent"><p>from a strictly visual perspective, I’d prefer to see the them be aligned either by the top or the bottom. A and E (the paintbrush and camera, respectively) seems to be shorter than the rest.</p> </div> <ul class="children"> <li id="comment-22659" class="comment byuser comment-author-tomauger odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/9e2ff0c5b6051afc8e186aacd9026e98?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.tomauger.com/" rel="external nofollow" class="url">Tom Auger</a> <span class="meta"> <abbr title="2013-02-26T20:35:16Z">8:35 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22659" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22659" class="commentcontent"><p>That’s a good observation. In fact, it would be ideal if they were all the exact same pixel height. To that point, I, E and possibly A don’t appear to match.</p> </div> </li> </ul> </li> <li id="comment-22648" class="comment byuser comment-author-isaackeyet even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/848f029cb21bb7aef88d2088e036794b?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://isaackeyet.com/blog" rel="external nofollow" class="url">Isaac Keyet</a> <span class="meta"> <abbr title="2013-02-26T19:21:01Z">7:21 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22648" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22648" class="commentcontent"><p>Some thoughts…</p> <p>B: Compared to E, G, H, and I (which are all rounded) the comment bubble seems way too rounded and like it’s the odd one out. The big > also makes it seem less vertically centered (optically).<br/> H: compared to G and L, H seems “too long” and the optical center is off to the upper right which throws off the balance.<br/> E: most likely modeled after a classic camera (e.g. a Leica) and not a modern DSLR it makes sense in theory, but compared to other icons it’s less than round corners seems off. Especially when compared to C and F – these icons have very straight lines for a reason.<br/> I: my biggest pet-peeve is with this icon. It’s overly complex compared to most other icons in it’s detail, which becomes especially noticable in the small size. An icon with only two levers (one up, one down) would convey the exact same thing and reduce the overall business of the admin and settings sidebar section. The previous icon also only had two levers if I remember correctly.<br/> M: the cogs in the gear seem too tall, mainly because there’s no second gear to relate this cog to. Presumably the second gear would have smaller teeth to grip into this one, but as it is now all you have to go on is this icon on it’s own so you have to assume that subsequent gears have the same teeth size, which makes this gear impossible to work. (I know I’m being super picky now, but if you’re going to do it, better do it right! <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley"/> ). A gear with bigger gaps in between the teeth/shorter teeth would make more sense.<br/> A, C, D, F, G (and to some extent I): these icons have gaps in between different parts of the icon, but they’re not all the same size (at least it doesn’t look that way) for consistency the gaps should all have the same optical depth.</p> <p>I’d be happy to mock up any of this. Or all of it. Source files? <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> </div> <ul class="children"> <li id="comment-22653" class="comment byuser comment-author-isaackeyet odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/848f029cb21bb7aef88d2088e036794b?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://isaackeyet.com/blog" rel="external nofollow" class="url">Isaac Keyet</a> <span class="meta"> <abbr title="2013-02-26T19:28:06Z">7:28 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22653" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22653" class="commentcontent"><p>Definitely like B2 better than B.</p> <p>I’d like E2 better if it somehow depicted video too.. wrapping up the “multimedia” feel. But E2 > E.</p> </div> </li> <li id="comment-22655" class="comment byuser comment-author-lessbloat bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-02-26T19:31:55Z">7:31 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22655" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22655" class="commentcontent"><p><a href="https://web.archive.org/web/20130305121608/http://cl.ly/1d2u0E3S1m0O" rel="nofollow">Source file</a></p> </div> <ul class="children"> <li id="comment-22660" class="comment byuser comment-author-tomauger odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/9e2ff0c5b6051afc8e186aacd9026e98?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.tomauger.com/" rel="external nofollow" class="url">Tom Auger</a> <span class="meta"> <abbr title="2013-02-26T20:35:54Z">8:35 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22660" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22660" class="commentcontent"><p>B2 gets my vote as well for the same reasons</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-22649" class="comment byuser comment-author-saracannon even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/32b34f5d4fdde3f24996bc8c5ec38f10?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/saracannon/" rel="external nofollow" class="url">sara cannon</a> <span class="meta"> <abbr title="2013-02-26T19:21:56Z">7:21 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22649" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22649" class="commentcontent"><p>is (M) the gear for settings or (I) the board? Personally I like the gear.</p> </div> <ul class="children"> <li id="comment-22665" class="comment byuser comment-author-helen odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> <span class="meta"> <abbr title="2013-02-26T22:50:14Z">10:50 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22665" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22665" class="commentcontent"><p>Board is what’s currently used for settings. Gear gets used for added menu items that don’t specify an icon.</p> </div> </li> </ul> </li> <li id="comment-22650" class="comment byuser comment-author-ipstenu even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/abfd4ff9c24957f1a9f0435e23de1f73?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://halfelf.org/" rel="external nofollow" class="url">Ipstenu (Mika Epstein)</a> <span class="meta"> <abbr title="2013-02-26T19:24:31Z">7:24 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22650" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22650" class="commentcontent"><p>L – which is for ‘Sites’ in Network Admin has always felt a little indistinct. What does a ‘key’ have to do with your sites? </p> <p>G – I greatly prefer this to the straight horizontal icon before. +1 Having it at an angle feels better.</p> <p>E – I prefer E2 since it indicates that there’s more than just ONE type of media to be uploaded.</p> <p>B – I’m torn here. I prefer the B-original aesthetically, but B2 fits the schema more.</p> <p>M – I agree with Issac – The cog teeth are too tall. (Where is this being used? The icon for settings is the slider). Depending on how it resizes, maybe a dial with an arrow instead?</p> <p>I – Two sliders in the icon (like we use today) would be better I feel.</p> </div> <ul class="children"> <li id="comment-22658" class="comment byuser comment-author-isaackeyet odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/848f029cb21bb7aef88d2088e036794b?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://isaackeyet.com/blog" rel="external nofollow" class="url">Isaac Keyet</a> <span class="meta"> <abbr title="2013-02-26T19:37:26Z">7:37 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22658" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22658" class="commentcontent"><p>+1 on G°</p> </div> </li> </ul> </li> <li id="comment-22651" class="comment byuser comment-author-chipbennett even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1299e8d336a2d5faa4fc440d07ea44f8?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.chipbennett.net/" rel="external nofollow" class="url">Chip Bennett</a> <span class="meta"> <abbr title="2013-02-26T19:24:47Z">7:24 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22651" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22651" class="commentcontent"><p>A, G, and H (A and G in particular) are very, very similar; especially when viewed at a glance, and without accompanying text labels – and especially considering their on-screen/in-menu proximity.</p> <p>Is a paintbrush the best/most accurate icon for “Appearance”? Perhaps a painter’s palette, or a paint can/brush? Or maybe a monitor/screen with content, or a “layout” option (with boxes for header/content/footer/sidebar)?</p> </div> <ul class="children"> <li id="comment-22652" class="comment byuser comment-author-ipstenu odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/abfd4ff9c24957f1a9f0435e23de1f73?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://halfelf.org/" rel="external nofollow" class="url">Ipstenu (Mika Epstein)</a> <span class="meta"> <abbr title="2013-02-26T19:27:33Z">7:27 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22652" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22652" class="commentcontent"><p>A painter palette would be more distinctive. (I think G and H look more ‘alike’ when on their angle… Maybe flip G so the prongs point straight down?</p> </div> </li> <li id="comment-22656" class="comment byuser comment-author-isaackeyet even depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/848f029cb21bb7aef88d2088e036794b?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://isaackeyet.com/blog" rel="external nofollow" class="url">Isaac Keyet</a> <span class="meta"> <abbr title="2013-02-26T19:33:08Z">7:33 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22656" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22656" class="commentcontent"><p>Nice thoughts…</p> <p>On this topic, I just realized that while A + G + H + J + L are all similarly tall, skinny and on a 45° angle, they seem to be on their particular angle randomly (A + G + H pointing up+right, J + L pointing down+left).</p> <p>If A + G + H is about changing up your site (not producing content), I think the Key (L) should also be pointing up+right.</p> </div> <ul class="children"> <li id="comment-22664" class="comment byuser comment-author-acsearles odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/e2b3d4b90ac2ae4e7d5ca13e8ea04f19?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.andysearles.com/" rel="external nofollow" class="url">acsearles</a> <span class="meta"> <abbr title="2013-02-26T21:21:14Z">9:21 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22664" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22664" class="commentcontent"><p>I agree with Isaac. Key (L) should point up.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-22654" class="comment byuser comment-author-helen even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> <span class="meta"> <abbr title="2013-02-26T19:30:55Z">7:30 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22654" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22654" class="commentcontent"><p>A and H having such differently shaped handles is what strikes me first, especially alongside G with its squarely terminated cable. I think the wrench (H) is perfect, so if sticking with a paintbrush, then I suppose I’d like to see what it’d look like with a handle similar to the wrench.</p> <p>However, I’m still torn about whether or not a paintbrush is really the right icon. I like it in many ways, but some of the items under the Appearance menu (widgets and menus in particular) don’t seem to fit with what a paintbrush conveys.</p> </div> <ul class="children"> <li id="comment-22657" class="comment byuser comment-author-isaackeyet odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/848f029cb21bb7aef88d2088e036794b?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://isaackeyet.com/blog" rel="external nofollow" class="url">Isaac Keyet</a> <span class="meta"> <abbr title="2013-02-26T19:36:24Z">7:36 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22657" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22657" class="commentcontent"><p>An Eye icon would sum it all up pretty well. (e.g. <a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/1X1139311d1Y" rel="nofollow">http://cl.ly/image/1X1139311d1Y</a> ) While the icon now typically means “preview” in mobile OSs like iOS, it’s still fairly universal.</p> </div> </li> </ul> </li> <li id="comment-22661" class="comment byuser comment-author-tomauger even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/9e2ff0c5b6051afc8e186aacd9026e98?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.tomauger.com/" rel="external nofollow" class="url">Tom Auger</a> <span class="meta"> <abbr title="2013-02-26T20:38:20Z">8:38 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22661" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22661" class="commentcontent"><p>I like the simplicity of it all. I daresay F might be just a little too simple – could you add the typical “page curl” without increasing the visual clutter too much?</p> </div> </li> <li id="comment-22662" class="comment byuser comment-author-acsearles odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/e2b3d4b90ac2ae4e7d5ca13e8ea04f19?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.andysearles.com/" rel="external nofollow" class="url">acsearles</a> <span class="meta"> <abbr title="2013-02-26T20:52:55Z">8:52 pm <em>on</em> February 26, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22662" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22662" class="commentcontent"><p>L (the Key) kinda bothers me. I think the joining of the teeth and the circle seems a little to fragile to me. At first I thought the key would be better horizontally but I think that the diagonal works with best with A D F G H J. Here’s an example that I like from the noun project. <a href="https://web.archive.org/web/20130305121608/http://thenounproject.com/noun/key/#icon-No655" rel="nofollow">http://thenounproject.com/noun/key/#icon-No655</a></p> <p>B2 (comment bubble) is much better. Side note, I’ve never liked how a comment bubble tends to look like a thumbs down at small sizes but I’m not really sure how to get over that yet. Maybe something like this? <a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/3k463V0t1s0v" rel="nofollow">http://cl.ly/image/3k463V0t1s0v</a> This would take advantage of the top-right to bottom-left diagonal we have going and make it look a little less like a thumbs down. I also slimed down the height on the bubble. It was starting to have a little to much mass to it. It sticks out when it’s so big.</p> <p>E2 (media) I like the inclusion of the music note but the terminals on the end look weird to me as circles. Correct me if I’m wrong but most often a music note is more oval and sits kinda on a diagonal, which could be good for consistency. Here’s what I’m thinking. <a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/3z0x082d151V" rel="nofollow">http://cl.ly/image/3z0x082d151V</a></p> <p>M (gear) I agree the notches are to tall. Just slightly down some would help. But I’m kinda with isaac on this one about two gears. I know one gear has become a common icon for settings pages and such but it’s really the gears working together that is the concept not just the gear itself. But these icons are pretty simple so a second gear might get too complicated. But if you do a second one, it should be on the same diagonal as everything else. This one from the Noun project I think does it well if we stick with a single gear. <a href="https://web.archive.org/web/20130305121608/http://thenounproject.com/noun/gear/#icon-No6052" rel="nofollow">http://thenounproject.com/noun/gear/#icon-No6052</a> the difference is the inner-circle is wider and the notches are not rectangles they’re trapezoids. Plus the notches aren’t as tall.</p> <p>I (slider panel) is too complicated compared to everything else. Two would be better. Conceptually, with out text, I’m not sure what the difference between the M and I would be if I clicked on it. So maybe I needs to go back to the drawing board.</p> <p>A (paint brush) I like the eye idea from Isaac. But maybe we could go with something more like this. <a href="https://web.archive.org/web/20130305121608/http://thenounproject.com/noun/eye/#icon-No2307" rel="nofollow">http://thenounproject.com/noun/eye/#icon-No2307</a> Isaac’s revered out eye is a little creepy. But I’ll a little hesitant to get away from the paint brush because it fits really nicely with everything else, where I don’t think an eye would. If we did an eye, I would put some thought into trying to make it conform to the diagonal that we’ve already go set. I don’t love it but I would start here. <a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/0a2O1i2C473f" rel="nofollow">http://cl.ly/image/0a2O1i2C473f</a></p> <p>F (pages) Sorry Tom, I think the curl might be too much. if you ad the curl then you’ll need a line to help distinguish it. I don’t think it needs it. But for the pages I would bring down the page on top to overlap more of the page on bottom. That way it’s a little more stream lined but you keep everything else that’s good about it. I agree with some commenters above that it stands a little to tall. Here’s where I think you should move it to. <a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/2G0X092d1G1G" rel="nofollow">http://cl.ly/image/2G0X092d1G1G</a></p> <p>Well, that’s all my thoughts. Sorry it’s a little long.</p> </div> </li> <li id="comment-22666" class="comment byuser comment-author-iammattthomas even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/86debe7ed7ece0f968097a768dcbd5cb?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://mattnt.com/" rel="external nofollow" class="url">Matt Thomas</a> <span class="meta"> <abbr title="2013-02-27T03:07:39Z">3:07 am <em>on</em> February 27, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22666" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22666" class="commentcontent"><p>I think the individual forms are looking good, but they could benefit from tweaking the size relationships between them. If we extend square or rectangular icons all the way to the edges of their specified size, then non-square icons all look optically too small by comparison. The Chrome Web Store has some really simple but relevant guidelines on how to space differently-sized icons for optimal size consistency between them. <a href="https://web.archive.org/web/20130305121608/https://developers.google.com/chrome/web-store/docs/images#iconsize" rel="nofollow">https://developers.google.com/chrome/web-store/docs/images#iconsize</a></p> </div> </li> <li id="comment-22667" class="comment byuser comment-author-rickylee odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/7807de154b3638fa7bdd6231bec43283?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Ricky Lee <span class="meta"> <abbr title="2013-02-27T03:24:05Z">3:24 am <em>on</em> February 27, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22667" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22667" class="commentcontent"><p>It is such a drastic departure from current textured icons. I understand that flat design is in right now but a slight inner shadow would work wonders.</p> <p><a href="https://web.archive.org/web/20130305121608/https://dl.dropbox.com/u/12607958/menu.png" rel="nofollow">https://dl.dropbox.com/u/12607958/menu.png</a></p> </div> </li> <li id="comment-22668" class="comment byuser comment-author-aaroncampbell even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/f27b79eb04eb414c4c1fc98375fe7404?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://ran.ge/" rel="external nofollow" class="url">Aaron D. Campbell</a> <span class="meta"> <abbr title="2013-02-27T04:37:48Z">4:37 am <em>on</em> February 27, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22668" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22668" class="commentcontent"><p>I definitely like B2 & E2. The Key (L) looks a little funny. I think most keys have a shoulder up next to the round part. Adding that might help.</p> </div> </li> <li id="comment-22669" class="comment byuser comment-author-lessbloat bypostauthor odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-02-27T14:19:47Z">2:19 pm <em>on</em> February 27, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22669" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22669" class="commentcontent"><p>Overall I think these are looking great. Ben has done an awesome job getting us to this point. All that’s left in my mind is a bunch of nit picky minor stuff to make them more cohesive.</p> <p><strong>My thoughts:</strong></p> <p>A – The top most rounded corner of the paintbrush seems off (could it be smoothed out)</p> <p>A – The width of the white line between the brush and the handle seems inconsistent with the rest of the white lines in the set (i.e. between the roof and the house in C)</p> <p>B2 – I prefer this one over B, but it still seems inconsistent when compared to the border radius on E & I.</p> <p>C – Lines here are all very straight compared to the other icons. Could we slip in some very slightly rounded corners?</p> <p>C.32 – I think it’s an optical illusion, but the gap between the roof and the house seems almost too thick.</p> <p>C.16 – The thickness of the roof is somewhat lacking, which causes it to appear lighter than the rest of the house</p> <p>D.32 – The thickness of the inner ring seems just right. The outer rings seem a tad thick.</p> <p>E2 – I like it. We should try to reduce the overall height to better match the other icons if possible. I like what acsearles said about oval terminals if we can work that in.</p> <p>F – Again, the straight edges stand out to me. Even slightly mouse nibbled corners would help bring this one inline with the others.</p> <p>G – I like it.</p> <p>H – Seems slightly too large</p> <p>H – You might be able to drop the hole at the bottom of the handle. It shows a level of detail that is not present it the rest of the icons, and I think it will make resizing the wrench a bit more manageable.</p> <p>I – If we can get away with two sliders, I think that would be best. As it stands it’s currently rather complex compared to the others.</p> <p>J – I like it.</p> <p>K – You might get away with flattening the bottom curvy line. It stands out to me since most of the other icons in the set have a flat bottom.</p> <p>L – I agree with Aaron Campbell Squaring off where the key meets the round part should help here.</p> <p>M – Rounding the corders of the tips of each cog might help</p> <p>M.32 – You could bring the inner circle here out a tad.</p> <p><strong>In general:</strong></p> <p>As Matt Thomas and others pointed out, we should take a close look at the size relationships, and see if there is anything we can do to make these more uniform.</p> <p>There seems to be a lack of consistency in line widths, as well as white spaces. Compare the roof in C, with the link widths in D, with the plug widths in G, and the pin needle width in J. They are all slightly different. Then compare the white spaces in-between the brush and the handle in A, with the roof and the house in C, with the space between links in D, with the white lines in F, G, and I. It’s super nit picky, and in several of those cases there might not be much that can be done about it. But it’s worth taking a second glance.</p> </div> </li> <li id="comment-22670" class="comment byuser comment-author-empireoflight even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1772cd53f2747f71c8455ac820606afc?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://field2.com/" rel="external nofollow" class="url">Empireoflight</a> <span class="meta"> <abbr title="2013-02-27T15:48:01Z">3:48 pm <em>on</em> February 27, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/26/icon-feedback/#comment-22670" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22670" class="commentcontent"><p><a href="https://web.archive.org/web/20130305121608/http://cl.ly/image/162s2W3Y2T0X" rel="nofollow">http://cl.ly/image/162s2W3Y2T0X</a><br/> a: I smoothed out the curve at the top of the brush a bit, and added a few “eye” options. A palette will get to complicated at the small size. The eye seems creepy to me.<br/> b. I bumped the speech arrow over a pixel; a bit more like @acsearles recommended.<br/> c. I lowered the rook a bit so the white line is softer.<br/> d. Unchanged; I tried making the outer rings a bit skinnier but it looked too thin compared to the rest of the icons<br/> f. unchanged<br/> g. I made the stem slightly rounded per <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/mentions/helen/" class="mention">@helen</a>‘s suggestion. I don’t think we can put it in the same boat as paintbrush and wrench, as those terminate and the plug should suggest continuing outside the icon, but I think this is a decent compromise.<br/> h. nuked the hole. I like the hole.<br/> I. did a few variations. I like three sliders best.<br/> j. untouched<br/> k. straightened the bottom of the profile. I like the curve better, it suggests the old icons and makes it more human.<br/> l. Made the diaganol cogs a bit skinnier and the outer ring larger.<br/> m. Make the connection point to the main part of the key bigger. I tried flipping/rotating the key but it looked really weird. It has a precedent in the post icon so it’s not an anomolly.<br/> overall: I didn’t touch positioning or lining them up. They are in slightly different places based on their context in the menu, and if I line them up they look wack when seen in the menu. I didn’t touch scale; again, some may look too big or small but when I originally designed them I did it in context and they seem much better proportioned when seen that way.</p> </div> </li> </ul> <div class="respond-wrap" style="display: none; "> <div id="respond"> <h3 id="reply-title">Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/#respond" style="display:none;">Cancel reply</a></small></h3> <p class="must-log-in">You must be <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F26%2Ficon-feedback%2F">logged in</a> to post a comment.</p> </div> </div></li> <li id="prologue-826" class="post-826 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-02-07T20:24:30Z">8:24 pm <em>on</em> February 7, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/07/heres-round-7-of-our-menus-usability-tests/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F07%2Fheres-round-7-of-our-menus-usability-tests%2F">Log in to leave a Comment</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-826" class="postcontent"> <p>Here’s round 7 of our menus usability tests with <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23119#comment:181">23119.25.diff</a> applied.</p> <h3>User #13</h3> <p>Here’s <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-13.mp4">the video</a>.</p> <p><strong>Step 1: Log in</strong></p> <p>No issues.</p> <p><strong>Step 2: Go to menus</strong></p> <p>No issues.</p> <p><strong>Step 3: Reorganize pages</strong></p> <p>No issues.</p> <p><strong>Step 4: Preview changes</strong></p> <p>No issues.</p> <p><strong>Step 5: Remove menu item</strong></p> <p>No issues.</p> <p><strong>Step 6: Add another menu</strong></p> <p>3:50 – He struggled to notice the “Add Menu” link. He finds it at 4:10.</p> <p><strong>Step 7: Add links</strong></p> <p>No issues.</p> <h3>User #14</h3> <p>Here’s <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-14.mp4">the video</a>.</p> <p><strong>Step 1: Log in</strong></p> <p>No issues.</p> <p><strong>Step 2: Go to menus</strong></p> <p>No issues.</p> <p><strong>Step 3: Reorganize pages</strong></p> <p>No issues.</p> <p><strong>Step 4: Preview changes</strong></p> <p>No issues.</p> <p><strong>Step 5: Remove menu item</strong></p> <p>No issues.</p> <p><strong>Step 6: Add another menu</strong></p> <p>No issues.</p> <p><strong>Step 7: Add links</strong></p> <p>No issues.</p> <h3>Observations/Thoughts</h3> <ul> <li>I feel like these speak for themselves. <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley"/> </li> <li>The first user had a bit of trouble finding the “Add Menu” link, but I’m okay with that seeing as a) it conforms to the way other “add new” links are done in the admin, and is likely much easier for users who have used WP before to any degree, b) as we’ve <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/core/2013/01/29/menus-office-hours-recap-jan-28/#comment-7828">discussed</a> adding more than one menu is somewhat of an edge case for the majority of users.</li> </ul> <p>Thoughts?</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/53f7e24dd4f84b7d83e14d176ee91b0a?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://mycircletree.com/" rel="external nofollow" class="url">Bob Gregor</a> and <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/8fac9a834778de5a3b7b26fb28cff956?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/jkudish/" rel="external nofollow" class="url">Joey Kudish</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-826" class="commentlist inlinecomments"> <li id="comment-22610" class="comment byuser comment-author-jkudish even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/8fac9a834778de5a3b7b26fb28cff956?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/jkudish/" rel="external nofollow" class="url">Joey Kudish</a> <span class="meta"> <abbr title="2013-02-07T20:30:29Z">8:30 pm <em>on</em> February 7, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/07/heres-round-7-of-our-menus-usability-tests/#comment-22610" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F07%2Fheres-round-7-of-our-menus-usability-tests%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22610" class="commentcontent"><p>sweet!</p> </div> </li> <li id="comment-22639" class="comment byuser comment-author-bobbravo2 odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/53f7e24dd4f84b7d83e14d176ee91b0a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://mycircletree.com/" rel="external nofollow" class="url">Bob Gregor</a> <span class="meta"> <abbr title="2013-02-22T19:05:21Z">7:05 pm <em>on</em> February 22, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/07/heres-round-7-of-our-menus-usability-tests/#comment-22639" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F07%2Fheres-round-7-of-our-menus-usability-tests%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22639" class="commentcontent"><p>I have to agree with user #14 at around 3:10: “how do I create a new menu?” hmmm….a HA! there it is up top. there is a good 4 second pause.</p> <p>I think the add new menu need to be a little more prominent – the problem is that on the edit screen there are a lot of items in the visual field. I think part of the problem is that the “Menu 1 has been Updated.” message creates a giant dividing line in the visual field. If we have it auto slide up after a few seconds, it will make it cleaner, and make it easier for a user’s eyes to drift up to “Menus – add new”</p> </div> </li> </ul> </li> <li id="prologue-825" class="post-825 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-02-05T19:10:51Z">7:10 pm <em>on</em> February 5, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/05/i-tested-two-more-users-on-our-menus/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F02%2F05%2Fi-tested-two-more-users-on-our-menus%2F">Log in to leave a Comment</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-825" class="postcontent"> <p>I tested two more users on our menus scenarios with <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23119#comment:168">23119.23.diff</a> applied. With the addition of the <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23119#comment:163">zero menus</a> state, I had to modify the script a bit, as it eliminated the need to 1) create a menu, 2) add menu items, and 3) assign your first menu to a theme location for first time users.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/02/05/i-tested-two-more-users-on-our-menus/#more-825" class="more-link">(More …)</a></p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-825" class="commentlist inlinecomments"> </ul> </li> <li id="prologue-817" class="post-817 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-21T19:44:43Z">7:44 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-817" class="postcontent"> <p>I thought I’d run one more user through testing our current concept of having both a “manage” screen and a “add/edit” screen for menus. </p> <p>For this test I added a quick little JS hack to visually highlight the “Menus in your theme” meta box when a user clicks there from the “add/edit” screen success message. You’ll see in the video that my implementation is ugly as sin. <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley"/> I just wanted to test the concept with the knowledge that if it worked, we could always improve the design.</p> <p>I also pulled the last step, which asked users to add a custom menu widget. While adding a custom menu widget is somewhat related, we likely won’t be addressing anything in widgets for this release.</p> <p>Here’s the video for <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-9.mp4">user 9</a> (in our series of menus user tests).</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/#more-817" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/e7d27dbfb0449f8f9d7e6a0bec38587c?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://theversatilitygroup.com/" rel="external nofollow" class="url">Diane Kinney</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/08001a0a424aed1382375a446ed690d6?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://earthbound.com/" rel="external nofollow" class="url">adamsilverstein</a>, and <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-817" class="commentlist inlinecomments"> <li id="comment-22607" class="comment byuser comment-author-jerrysarcastic even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-21T20:54:43Z">8:54 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/#comment-22607" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F21%2Fi-thought-id-run-one-more-user-through%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22607" class="commentcontent"><p>Great test, even if the cursor was a bit funky! I thought the feedback over audio was pretty informative as well.</p> <p>Having not seen all the videos in this series, how common is feedback like “I have no idea what I’m doing here, just following instructions” amongst subjects? This seems like a fundamental stumbling block that prevents users from getting to the right part of the dashboard in the first place.</p> </div> </li> <li id="comment-22608" class="comment byuser comment-author-adamsilverstein odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/08001a0a424aed1382375a446ed690d6?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://earthbound.com/" rel="external nofollow" class="url">adamsilverstein</a> <span class="meta"> <abbr title="2013-01-21T22:26:05Z">10:26 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/#comment-22608" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F21%2Fi-thought-id-run-one-more-user-through%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22608" class="commentcontent"><p>how about in the new menu and edit menu screens, we offer them the ability to assign the menu as the primary (or other menu), instead of adding an extra step. near the save button, “assign this menu to: [none, primary, footer, etc.]” that way you get to pick the spot the menu is going right from the beginning (or choose not too if using in a non standard location)</p> </div> </li> <li id="comment-22609" class="comment byuser comment-author-versatility even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/e7d27dbfb0449f8f9d7e6a0bec38587c?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://theversatilitygroup.com/" rel="external nofollow" class="url">Diane Kinney</a> <span class="meta"> <abbr title="2013-02-03T14:42:08Z">2:42 pm <em>on</em> February 3, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/#comment-22609" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F21%2Fi-thought-id-run-one-more-user-through%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22609" class="commentcontent"><p>I’m not sure where the right spot is to offer up this thought – but my single biggest frustration with menus is that they are not integrated with pages. Most of the sites we build are not blogs, but sites with lots of pages structured into different menus. It would save a lot of effort if I could tick off add this page to Menu A or Menu B right from the page editing screen.</p> </div> </li> </ul> </li> <li id="prologue-812" class="post-812 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-11T20:09:41Z">8:09 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-812" class="postcontent"> <p>Here are the results from <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-7.mp4">user 7</a> (in our menus user testing series) & <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-8.mp4">user 8</a> both with the <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/attachment/ticket/23119/23119.17.diff">23119.17.diff patch</a> applied.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#more-812" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> lessbloat, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/fa71373c042cff6fd70365123ca1dd2e?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://www.molakki.com/" rel="external nofollow" class="url">kristofferR</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a>, and 2 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-812" class="commentlist inlinecomments"> <li id="comment-22597" class="comment byuser comment-author-jkudish even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/8fac9a834778de5a3b7b26fb28cff956?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/jkudish/" rel="external nofollow" class="url">Joey Kudish</a> <span class="meta"> <abbr title="2013-01-11T20:20:11Z">8:20 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22597" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22597" class="commentcontent"><p>Sweet! this is looking good!</p> </div> </li> <li id="comment-22598" class="comment byuser comment-author-drewapicture odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/95c934fa2c3362794bf62ff8c59ada08?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.werdswords.com/" rel="external nofollow" class="url">Drew Jaynes (DrewAPicture)</a> <span class="meta"> <abbr title="2013-01-11T20:23:30Z">8:23 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22598" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22598" class="commentcontent"><p>User testing is so awesome. Maybe we should get more general with the link in the updated notice. “Manage your site’s menus” or something.</p> </div> <ul class="children"> <li id="comment-22599" class="comment byuser comment-author-drewapicture even depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/95c934fa2c3362794bf62ff8c59ada08?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.werdswords.com/" rel="external nofollow" class="url">Drew Jaynes (DrewAPicture)</a> <span class="meta"> <abbr title="2013-01-11T20:31:26Z">8:31 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22599" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22599" class="commentcontent"><p>After watching #7, maybe change it to:</p> <p><strong>Main Menu</strong> has been updated. <a href="#" rel="nofollow">Assign a theme location for this menu</a>, or <a href="#" rel="nofollow">use it in a widget</a>.</p> <p>It also occurs to me maybe we should have a “Manage your widget menus” link somewhere on or around the theme location metabox. Thoughts?</p> </div> <ul class="children"> <li id="comment-22600" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-11T20:35:45Z">8:35 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22600" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22600" class="commentcontent"><p>Copy change: Nice. I like it.</p> <p>Widget menus link: Not sure, I think I’d have to see it.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-22601" class="comment byuser comment-author-jerrysarcastic even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-11T21:22:18Z">9:22 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22601" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22601" class="commentcontent"><p>I notice that User 7 did not correctly set the Custom Menu Widget to the Sites I Love menu. She left it set to Main Menu, which is filled by default instead… Maybe it would be better to have the Widget show a list with checkboxes (of the available menus) with none of them checked by default? Seems like an easy way to avoid that mistake.</p> <p>Perhaps if the Custom Menu widget was similar to the Categories metabox on the Add Menu screen? I.E. has a list with checkboxes for the menus, plus tabs at top for Recent, View All, and Search. That would add some parity between creating a menu, and configuring the Custom Menu widget.</p> </div> <ul class="children"> <li id="comment-22604" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-21T16:02:03Z">4:02 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22604" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22604" class="commentcontent"><p>These are all good thoughts. Let’s make sure we address them when we tackle the widgets page UX.</p> </div> </li> </ul> </li> <li id="comment-22603" class="comment byuser comment-author-kristofferr even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/fa71373c042cff6fd70365123ca1dd2e?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.molakki.com/" rel="external nofollow" class="url">kristofferR</a> <span class="meta"> <abbr title="2013-01-15T21:25:44Z">9:25 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22603" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22603" class="commentcontent"><p>User 7 got confused at task 7, around 3:30, and did not manage to actually set the menu titled “Main menu” as the primary menu of the site. Some part of the issue may simply be because the name of the menu was confusing (“Main” and “Primary” are synonyms after all, no wonder she though the Main menu was the Primary menu), but I also think it was because the “Manage Menus” screen doesn’t provide adequate instructions like the other screens does. </p> <p>While the user previously was guided through the process of creating a menu with clear instructions positioned roughly the same place on the screen (top of main box on the right), after clicking the “replace your sites main navigation” link she was redirected to another page where other elements, mainly the table list of the available menus, are much more noticeable than the action she actually wants to take, which is setting the primary menu. The user shouldn’t have </p> <p>There could be solved in a few different ways.<br/> 1. Add a sentence or two of explaining text in a yellow box<br/> 2. Make the “Menus within your theme” box larger and more noticeable<br/> 3. Grey out the table until a primary menu is set if the user came from clicking the “replace your sites main navigation” link.</p> <p>I think a combination of 1 and 3 would be best. Here’s a really quick mockup of what something like that could look like: <a href="https://web.archive.org/web/20130305121608/http://molakki.com/files/wp-menu-1.png" rel="nofollow">http://molakki.com/files/wp-menu-1.png</a></p> <p>As a side note not really related to the menu UI changes we’re talking about here directly, but still seen in the user testing videos is how confusing the experience of saving widgets are. The user receives no feedback at all that the widget has been saved except for a spinning circle for half a second. It should instead be similar to how the experience is saving new changes in the customizer, like this:<br/> <a href="https://web.archive.org/web/20130305121608/http://molakki.com/files/saving-widgets.mp4" rel="nofollow">http://molakki.com/files/saving-widgets.mp4</a></p> </div> <ul class="children"> <li id="comment-22605" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-21T16:04:46Z">4:04 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/#comment-22605" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F11%2Fhere-are-the-results-from-user-7-in%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22605" class="commentcontent"><p>RE: Main menu – I’d like to try and move that to “Screen Options” and see what comes of it.</p> <p>RE: Widgets: – I agree, when we tackle widgets, let’s make sure we address this.</p> </div> </li> </ul> </li> </ul> </li> <li id="prologue-811" class="post-811 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-09T19:27:01Z">7:27 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-811" class="postcontent"> <p>Two more menus user tests, focusing on <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23119#comment:54">this layout concept</a>: <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-5.mp4">User 5</a> (in the series) & <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-6.mp4">User 6</a>.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#more-811" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> lessbloat, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a>, and 1 other are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-811" class="commentlist inlinecomments"> <li id="comment-22587" class="comment byuser comment-author-andrea_r even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a> <span class="meta"> <abbr title="2013-01-09T19:32:52Z">7:32 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22587" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22587" class="commentcontent"><p>Can you add to your test adding a link to the home page?</p> <p>From what I see with new users, they make a page called home and add that to the menu instead of filling out the custom link box.</p> </div> <ul class="children"> <li id="comment-22589" class="comment byuser comment-author-andrea_r odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a> <span class="meta"> <abbr title="2013-01-09T19:54:37Z">7:54 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22589" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22589" class="commentcontent"><p>Just to add to this… many new users do not realize that their URL is their home page.</p> </div> </li> <li id="comment-22591" class="comment byuser comment-author-jerrysarcastic even depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-09T20:22:22Z">8:22 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22591" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22591" class="commentcontent"><p>Yeah, this is a pain point for many, I’m sure; it’s a pretty non-obvious process to add “Home” to main navigation, and unfortunately one that varies from theme to theme. :-/</p> </div> </li> <li id="comment-22593" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-10T14:49:33Z">2:49 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22593" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22593" class="commentcontent"><p>Hmm… That’s a good point. What if we added a new meta box called “common links” which just had a couple checkbox options:</p> <ul> <li>Home</li> <li>Log in</li> <li>Anything else? RSS?</li> </ul> <p>If we added that, where would we put it? Now that the “Theme Locations” meta box is on another screen, we could probably get away with:</p> <p><a href="https://web.archive.org/web/20130305121608/http://f.cl.ly/items/1j1z0r2Y3j1D050K062F/common-links.jpg" rel="nofollow"><img src="https://web.archive.org/web/20130305121608im_/http://f.cl.ly/items/1j1z0r2Y3j1D050K062F/common-links.jpg"/></a></p> <p>What do you think?</p> </div> <ul class="children"> <li id="comment-22596" class="comment byuser comment-author-jerrysarcastic even depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-10T22:45:48Z">10:45 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22596" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22596" class="commentcontent"><p>Just thinking out loud… since so many use WordPress as a CMS, you could argue that a checkbox for “Blog” makes sense. Maybe have it show only if someone has set a Posts page in their Reading settings (so hidden by default) and get the menu link from that setting?</p> <p>IMHO RSS is an edge-case, but it can’t hurt.</p> </div> </li> <li id="comment-22602" class="comment byuser comment-author-andrea_r odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a> <span class="meta"> <abbr title="2013-01-13T14:59:38Z">2:59 pm <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22602" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22602" class="commentcontent"><p>Log in definitely, as it is a pain to add it otherwise. (If you want it to be dynamic)</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-22588" class="comment byuser comment-author-jerrysarcastic even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-09T19:43:50Z">7:43 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22588" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22588" class="commentcontent"><p>How about a link in the yellow success message that says something like “would you like to add this menu to your site” or something similar? Seems like a good way to prompt them, and also links them back to where they can make that setting change.</p> </div> <ul class="children"> <li id="comment-22592" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-10T14:15:50Z">2:15 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22592" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22592" class="commentcontent"><p>I like that. We’ll test it.</p> </div> </li> </ul> </li> <li id="comment-22590" class="comment byuser comment-author-jerrysarcastic even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">Jerry Bates (JerrySarcastic)</a> <span class="meta"> <abbr title="2013-01-09T20:18:26Z">8:18 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22590" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22590" class="commentcontent"><p>Instead of “Label” how about “Display as” or “Display link as” instead? I think that would be easier to grok the “link text” for the typical (non-techical) new user.</p> </div> <ul class="children"> <li id="comment-22594" class="comment byuser comment-author-raggedrobins odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/3a0805f9cfce7d99874b532a283851a5?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://wordsforwp.com/" rel="external nofollow" class="url">Siobhan</a> <span class="meta"> <abbr title="2013-01-10T14:56:33Z">2:56 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22594" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22594" class="commentcontent"><p>How about “Link Text”? That would be more intuitive. A “label” is usually attached to something else (like a form field, or suitcase, etc)</p> </div> <ul class="children"> <li id="comment-22595" class="comment byuser comment-author-lessbloat bypostauthor even depth-3"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-10T15:18:44Z">3:18 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22595" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22595" class="commentcontent"><p>Ya, I think I’ll test “Link Text” next – see what comes of it.</p> </div> <ul class="children"> <li id="comment-22606" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-21T16:05:47Z">4:05 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/#comment-22606" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F09%2Ftwo-more-menus-user-tests-focusing-on-this%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22606" class="commentcontent"><p>It appeared to work with the two most recent user tests.</p> </div> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li id="prologue-809" class="post-809 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-07T19:00:10Z">7:00 pm <em>on</em> January 7, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/07/last-tuesday-we-tested-two-users-on-some/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-809" class="postcontent"> <p>Last Tuesday <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/01/i-ran-two-users-through-a-set-of/">we tested two users</a> on some menus scenarios.</p> <p>On friday I posted a <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23119">couple hypotheses and patches</a> for potential improvements.</p> <p>This morning, I tested two additional users with these patches applied: <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-3.mp4">User 3</a> (in the series) & <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-4.mp4">User 4</a>.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/07/last-tuesday-we-tested-two-users-on-some/#more-809" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> lessbloat and <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1d4925cfe7b4025037be5038af7d4292?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://www.mrwweb.com/" rel="external nofollow" class="url">mrwweb</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-809" class="commentlist inlinecomments"> <li id="comment-22584" class="comment byuser comment-author-mrwweb even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/1d4925cfe7b4025037be5038af7d4292?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://www.mrwweb.com/" rel="external nofollow" class="url">mrwweb</a> <span class="meta"> <abbr title="2013-01-07T22:29:26Z">10:29 pm <em>on</em> January 7, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/07/last-tuesday-we-tested-two-users-on-some/#comment-22584" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F07%2Flast-tuesday-we-tested-two-users-on-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22584" class="commentcontent"><p>I’ve been following your menu testing recently and find the issue of indicating iterative saves of the menu. The fade-out notification does work, but I also wonder if it’ll run into some similar problems of people not remembering if/when they last saved.</p> <p>This may be a bust of a suggestion, but I thought I’d at least mention it. What if menu items that have changed state (new position, new label, etc.) since last save are marked in some way (maybe a light blue shade or some kind of icon) that then goes away when the menu is saved.</p> <p>Another idea that’s not specific to saving menus is whether timestamping the save notifications might be useful. It could get cluttered, but it would answer the question of “when did I last save” quite literally.</p> </div> <ul class="children"> <li id="comment-22585" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-08T01:25:02Z">1:25 am <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/07/last-tuesday-we-tested-two-users-on-some/#comment-22585" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F07%2Flast-tuesday-we-tested-two-users-on-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22585" class="commentcontent"><p>I was actually thinking about fading in (not out). That way we don’t have to mess with timing for the fade out (longer messages needing longer times, etc…). I think with the fade in, they’ll at least see the yellow message bar visually change (if just briefly).</p> </div> </li> </ul> </li> </ul> </li> <li id="prologue-806" class="post-806 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-02T20:13:30Z">8:13 pm <em>on</em> January 2, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-806" class="postcontent"> <p>This morning I ran 2 users through some “widget” scenarios.</p> <p>Here are the videos: <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC6-1.mp4">User 1</a> & <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC6-2.mp4">User 2</a>.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#more-806" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/94342688a50851cbd0e95f91986e973e?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://swarm.cs.pub.ro/~cdogaru/" rel="external nofollow" class="url">C?t?lin Dogaru</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/08001a0a424aed1382375a446ed690d6?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://earthbound.com/" rel="external nofollow" class="url">adamsilverstein</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/eed0e8d62f562daf038f182de7f1fd42?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://designsimply.com/" rel="external nofollow" class="url">Sheri Bigelow</a>, and 3 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-806" class="commentlist inlinecomments"> <li id="comment-22576" class="comment byuser comment-author-jacopovip even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/b2e1116b813a49b75b17dbfd4183a531?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://jacopotarantino.com/" rel="external nofollow" class="url">Jack Tarantino</a> <span class="meta"> <abbr title="2013-01-03T04:20:47Z">4:20 am <em>on</em> January 3, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22576" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22576" class="commentcontent"><p>Ooh! A message that widgets were saved would be really helpful! I generally have fast hosting and a fast connection. Sometimes I don’t even notice the spinner come up at all when something saves. Should I open a Trac ticket for this?</p> </div> <ul class="children"> <li id="comment-22577" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-03T04:40:10Z">4:40 am <em>on</em> January 3, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22577" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22577" class="commentcontent"><p>If there is not already one, sure! Thanks.</p> </div> </li> </ul> </li> <li id="comment-22578" class="comment byuser comment-author-travisnorthcutt even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/69e090710d2a4303aeb8151a5c1f90d7?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/travisnorthcutt/" rel="external nofollow" class="url">Travis Northcutt</a> <span class="meta"> <abbr title="2013-01-03T18:08:08Z">6:08 pm <em>on</em> January 3, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22578" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22578" class="commentcontent"><p>What software was used for these videos?</p> </div> <ul class="children"> <li id="comment-22579" class="comment byuser comment-author-lessbloat bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> lessbloat <span class="meta"> <abbr title="2013-01-03T18:47:13Z">6:47 pm <em>on</em> January 3, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22579" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22579" class="commentcontent"><p>usertesting.com</p> </div> </li> </ul> </li> <li id="comment-22581" class="comment byuser comment-author-designsimply even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/eed0e8d62f562daf038f182de7f1fd42?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://designsimply.com/" rel="external nofollow" class="url">Sheri Bigelow</a> <span class="meta"> <abbr title="2013-01-04T16:48:09Z">4:48 pm <em>on</em> January 4, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22581" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22581" class="commentcontent"><blockquote><p>What else (related to widgets) can I add if I retest these scenarios in the future?</p></blockquote> <p>I’ve observed users having trouble with widgets when they’ve added ALOT of them (probably too many). Perhaps test adding/deleting/editing/rearranging widgets when there are a bunch of them on the page.</p> <p>I’ve heard that accessibility is an issue when it comes to widgets. Test with visually impaired users if you can.</p> <blockquote><p>The “First Front Page Widget Area” and the “Second Front Page Widget Area” sections only work when a static front page is set. Should they just be hidden until the user sets a static front page?</p></blockquote> <p>I would vote yes to either hiding them or making them visible-but-inactive with a note explaining why (if that’s possible?).</p> </div> </li> <li id="comment-22582" class="comment byuser comment-author-adamsilverstein odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/08001a0a424aed1382375a446ed690d6?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://earthbound.com/" rel="external nofollow" class="url">adamsilverstein</a> <span class="meta"> <abbr title="2013-01-04T21:53:08Z">9:53 pm <em>on</em> January 4, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22582" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22582" class="commentcontent"><p>i wrote a possible patch for not seeing the spinner on a fast host (or locally) in <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23120" rel="nofollow">http://core.trac.wordpress.org/ticket/23120</a>, wondering if any other buttons need similar treatment.</p> </div> </li> <li id="comment-22586" class="comment byuser comment-author-cdog even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/94342688a50851cbd0e95f91986e973e?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://swarm.cs.pub.ro/~cdogaru/" rel="external nofollow" class="url">C?t?lin Dogaru</a> <span class="meta"> <abbr title="2013-01-09T14:46:18Z">2:46 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/02/this-morning-i-ran-2-users-through-some/#comment-22586" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F02%2Fthis-morning-i-ran-2-users-through-some%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22586" class="commentcontent"><blockquote><p> What else (related to widgets) can I add if I retest these scenarios in the future? </p></blockquote> <p>Please take a look at: <a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/19159" rel="nofollow"></a><a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/19159">#19159</a>. It may be useful.</p> </div> </li> </ul> </li> <li id="prologue-804" class="post-804 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2013-01-01T21:54:18Z">9:54 pm <em>on</em> January 1, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/01/i-ran-two-users-through-a-set-of/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-804" class="postcontent"> <p>I ran two users through a set of “menus” scenarios this morning.</p> <p>Check them out if you’d like: <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-1.mp4">User 1</a> & <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC5-2.mp4">User 2</a>.</p> <p> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/01/i-ran-two-users-through-a-set-of/#more-804" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> is discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-804" class="commentlist inlinecomments"> <li id="comment-22574" class="comment byuser comment-author-helen even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> <span class="meta"> <abbr title="2013-01-01T22:02:25Z">10:02 pm <em>on</em> January 1, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2013/01/01/i-ran-two-users-through-a-set-of/#comment-22574" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2013%2F01%2F01%2Fi-ran-two-users-through-a-set-of%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22574" class="commentcontent"><p><a href="https://web.archive.org/web/20130305121608/http://core.trac.wordpress.org/ticket/23055">#23055</a> for the mystery 0 bug <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> <p>Menu location previewing is possible via the customizer – wonder if there’s a way to put all that together. The confusion and fact that menus can be used in other places makes me wonder if the menu+item management screen is even the right place for menu assignment, but without a better idea, I hesitate to even say that.</p> <p>I recall a desire for dismissable admin notices a few releases ago, but not sure if there was ever a ticket about it. Maybe worth revisiting as a whole.</p> </div> </li> </ul> </li> <li id="prologue-799" class="post-799 post type-post status-publish format-status hentry category-uncategorized"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/4c5da16f1f65bd9824bc30cb1cc62e8f?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/" title="Posts by lessbloat ( @lessbloat )">lessbloat</a> <span class="meta"> <abbr title="2012-11-16T16:48:24Z">4:48 pm <em>on</em> November 16, 2012</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2012/11/16/i-put-another-user-through-the-media-scenarios/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-799" class="postcontent"> <p>I put another user through the media scenarios this morning. This time I asked that they adjust alignment and size.</p> <p>You can <a href="https://web.archive.org/web/20130305121608/http://wpusertesting.com/videos/DC3-8.mp4">download the video here</a>.</p> <p>My observations:</p> <p><strong>Step 1: Login</strong></p> <p>No problems.</p> <p><strong>Step 2: Publish already uploaded image</strong></p> <p>No problems.</p> <p><strong>Step 3: Preview post</strong></p> <p>No problems.</p> <p><strong>Step 4: Publish 2 images to a single post</strong></p> <p>4:00 – Even though the 2 images she added were not set to align right, they appeared to be aligned right when inserted into the post. Is this a side affect of the user aligning the first image right in Step 2?</p> <p><strong>Step 5: Download additional images</strong></p> <p>No problems.</p> <p><strong>Step 6: Upload new images & publish gallery</strong></p> <p>7:40 – User gets confused that she doesn’t see the gallery images she just added, and says, “What just happened here?”.<br/> 7:50 – User tries to click back button to get back to media modal (cancels it). User is looking for a way to get back to the gallery settings page.<br/> 8:05 – “What just happened here? I’m not even sure if I added them to the gallery or not. I’m confused…”.<br/> 8:50 – She gets frustrated and decides to start over with this step.<br/> 10:38 – She decides to add the images with “Insert into post”, instead of using “Create a new gallery”. She thinks this (the media library) is her gallery.<br/> 12:17 – One of the descriptions that she entered did not show up in the editor.</p> <p><strong>Summary</strong></p> <ul> <li>She did great, until she got to the gallery step. There appears to be a general confusion around how adding images to a gallery is different from just selecting images and adding them to the editor. The generic gallery div that shows up in the editor after you add a gallery to the post seems very confusing for users.</li> <li>Once you set one of the images to align right, each subsequent image you add is aligned right when inserted into the editor (even though you don’t specifically set the new image to align right).</li> <li>The generic gallery div (with the camera icon in it) appears to be confusing users. We should definitely add a description to that div – something like “Your gallery images will be displayed here”. I think we should also display the “edit gallery” button in that div at all times (not just on click). The user was searching around for a way to edit the gallery she just added, but gave up after a while and decided to start all over instead. <img src="https://web.archive.org/web/20130305121608im_/http://make.wordpress.org/ui/wp-includes/images/smilies/icon_sad.gif" alt=":-(" class="wp-smiley"/> </li> <li>One of the captions she entered didn’t make it to the editor.</li> </ul> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/71cce4b88010a61658c3ad21f29eee08?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://webcultured.com/" rel="external nofollow" class="url">Bart Dabek (WebCultured.com)</a>, <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/helenyhou/" rel="external nofollow" class="url">Helen Hou-Sandi</a>, and <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">JerrySarcastic</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-799" class="commentlist inlinecomments"> <li id="comment-22563" class="comment byuser comment-author-jerrysarcastic even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/5fb183ebd78788e2fc89e7d5e1e64bc6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://twitter.com/#!/JerrySarcastic" rel="external nofollow" class="url">JerrySarcastic</a> <span class="meta"> <abbr title="2012-11-16T19:06:08Z">7:06 pm <em>on</em> November 16, 2012</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2012/11/16/i-put-another-user-through-the-media-scenarios/#comment-22563" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2012%2F11%2F16%2Fi-put-another-user-through-the-media-scenarios%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22563" class="commentcontent"><p>Kinda tough to watch her flail as soon as she sees the generic gallery div; I agree that it is not very helpful for new users. How about a div that shows the actual gallery thumbs (ghosted out) so a visual indicator that the gallery has been added correctly is present.</p> <p><img src="https://web.archive.org/web/20130305121608im_/http://jerrysarcastic.files.wordpress.com/2012/11/gallery-mock-sm.jpg"/></p> </div> <ul class="children"> <li id="comment-22565" class="comment byuser comment-author-helen odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://profiles.wordpress.org/users/helenyhou/" rel="external nofollow" class="url">Helen Hou-Sandi</a> <span class="meta"> <abbr title="2012-11-17T01:40:57Z">1:40 am <em>on</em> November 17, 2012</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2012/11/16/i-put-another-user-through-the-media-scenarios/#comment-22565" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2012%2F11%2F16%2Fi-put-another-user-through-the-media-scenarios%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22565" class="commentcontent"><p>There were TinyMCE views that enabled this kind of display and were doing it for galleries, but they had to be backed out due to issues caused too late in the release.</p> </div> </li> </ul> </li> <li id="comment-22571" class="comment byuser comment-author-raptor235 even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130305121608im_/http://1.gravatar.com/avatar/71cce4b88010a61658c3ad21f29eee08?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130305121608/http://webcultured.com/" rel="external nofollow" class="url">Bart Dabek (WebCultured.com)</a> <span class="meta"> <abbr title="2012-11-23T14:11:04Z">2:11 pm <em>on</em> November 23, 2012</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/2012/11/16/i-put-another-user-through-the-media-scenarios/#comment-22571" title="Permalink">Permalink</a> | <a rel="nofollow" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fui%2F2012%2F11%2F16%2Fi-put-another-user-through-the-media-scenarios%2F">Log in to Reply</a> </span> </span> </h4> <div id="commentcontent-22571" class="commentcontent"><p>Hi Dave, what’s the workflow for inserting custom sized images with random order? You guys omitted those parameters from the current UI?</p> </div> </li> </ul> </li> </ul> <div class="navigation"> <p class="nav-older"><a href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/author/lessbloat/page/2/">← Older posts</a></p> <p class="nav-newer"></p> </div> </div>  </div>  <div class="clear"></div> </div>  <div id="notify"></div> <div id="help"> <dl class="directions"> <dt>c</dt><dd>compose new post</dd> <dt>j</dt><dd>next post/next comment</dd> <dt>k</dt> <dd>previous post/previous comment</dd> <dt>r</dt> <dd>reply</dd> <dt>e</dt> <dd>edit</dd> <dt>o</dt> <dd>show/hide comments</dd> <dt>t</dt> <dd>go to top</dd> <dt>l</dt> <dd>go to login</dd> <dt>h</dt> <dd>show/hide help</dd> <dt>shift + esc</dt> <dd>cancel</dd> </dl> </div> <div id="footer"> <div class="wrapper"> <p> <a href="https://web.archive.org/web/20130305121608/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20130305121608/http://wordpress.org/about/license/">License / GPLv2</a>     See also: <a href="https://web.archive.org/web/20130305121608/http://wordpress.com/?ref=wporg-footer" title="Hassle-free WP hosting">Hosted WordPress.com</a> | <a href="https://web.archive.org/web/20130305121608/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV Videos</a> | <a href="https://web.archive.org/web/20130305121608/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp Events</a> | <a href="https://web.archive.org/web/20130305121608/http://buddypress.org/" title="A set of plugins to transform your WordPress into a social network">BuddyPress Social Layer</a> | <a href="https://web.archive.org/web/20130305121608/http://bbpress.org/" title="Fast, slick forums built on WordPress">bbPress Forums</a> | <a href="https://web.archive.org/web/20130305121608/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20130305121608/http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a> </p> <br/> <iframe src="https://web.archive.org/web/20130305121608if_/http://www.facebook.com/plugins/like.php?app_id=121415197926116&href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe>  <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://web.archive.org/web/20130305121608if_/http://platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&show_count=false" style="width:150px; height:20px;"></iframe> <h6>Code is Poetry</h6> </div> </div> <script type="text/javascript">_qoptions={qacct:"p-18-mFEk4J448M"};</script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://edge.quantserve.com/quant.js"></script> <noscript><img src="https://web.archive.org/web/20130305121608im_/http://pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/></noscript>  <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://s.gravatar.com/js/gprofiles.js"></script> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://web.archive.org/web/20130305121608/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <script type="text/javascript"> (function($){ $(document).ready(function() { $('#footer a').click(function() { if (this.href.indexOf('wordpress.org') == -1 && this.href.indexOf('http') == 0) { recordOutboundLink(this, 'Outbound Links', this.href); return false; } }); }); })(jQuery); </script> </body> </html> <div style="display:none"> <div class="grofile-hash-map-767fc9c115a1b989744c755db47feb60"> </div> <div class="grofile-hash-map-4c5da16f1f65bd9824bc30cb1cc62e8f"> </div> <div class="grofile-hash-map-1772cd53f2747f71c8455ac820606afc"> </div> <div class="grofile-hash-map-f27b79eb04eb414c4c1fc98375fe7404"> </div> <div class="grofile-hash-map-7807de154b3638fa7bdd6231bec43283"> </div> <div class="grofile-hash-map-86debe7ed7ece0f968097a768dcbd5cb"> </div> <div class="grofile-hash-map-6506162ada6b700b151ad8a187f65842"> </div> <div class="grofile-hash-map-e2b3d4b90ac2ae4e7d5ca13e8ea04f19"> </div> <div class="grofile-hash-map-2dc245d4cf9e5579dfb0e13e7dcb75db"> </div> <div class="grofile-hash-map-4c5da16f1f65bd9824bc30cb1cc62e8f"> </div> <div class="grofile-hash-map-9e2ff0c5b6051afc8e186aacd9026e98"> </div> <div class="grofile-hash-map-848f029cb21bb7aef88d2088e036794b"> </div> <div class="grofile-hash-map-abfd4ff9c24957f1a9f0435e23de1f73"> </div> <div class="grofile-hash-map-1299e8d336a2d5faa4fc440d07ea44f8"> </div> <div class="grofile-hash-map-32b34f5d4fdde3f24996bc8c5ec38f10"> </div> <div class="grofile-hash-map-26ab8f9b2c86b10e7968b882403b3bf8"> </div> <div class="grofile-hash-map-ff299663d207de252a1726fef950d24f"> </div> <div class="grofile-hash-map-53f7e24dd4f84b7d83e14d176ee91b0a"> </div> <div class="grofile-hash-map-8fac9a834778de5a3b7b26fb28cff956"> </div> <div class="grofile-hash-map-e7d27dbfb0449f8f9d7e6a0bec38587c"> </div> <div class="grofile-hash-map-08001a0a424aed1382375a446ed690d6"> </div> <div class="grofile-hash-map-5fb183ebd78788e2fc89e7d5e1e64bc6"> </div> <div class="grofile-hash-map-fa71373c042cff6fd70365123ca1dd2e"> </div> <div class="grofile-hash-map-95c934fa2c3362794bf62ff8c59ada08"> </div> <div class="grofile-hash-map-19370a2484593358d3d903edfbcc2e6a"> </div> <div class="grofile-hash-map-3a0805f9cfce7d99874b532a283851a5"> </div> <div class="grofile-hash-map-1d4925cfe7b4025037be5038af7d4292"> </div> <div class="grofile-hash-map-94342688a50851cbd0e95f91986e973e"> </div> <div class="grofile-hash-map-eed0e8d62f562daf038f182de7f1fd42"> </div> <div class="grofile-hash-map-69e090710d2a4303aeb8151a5c1f90d7"> </div> <div class="grofile-hash-map-b2e1116b813a49b75b17dbfd4183a531"> </div> <div class="grofile-hash-map-71cce4b88010a61658c3ad21f29eee08"> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ jQuery( document ).ready( function( $ ) { function hideComments() { $('.commentlist').hide(); $('.discussion').show(); } function showComments() { $('.commentlist').show(); $('.discussion').hide(); } $( "#togglecomments" ).click( function() { if ( $( '.commentlist' ).css( 'display' ) == 'none' ) { showComments(); } else { hideComments(); } return false; }); }); /* ]]> */ </script><script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-includes/js/admin-bar.min.js?ver=3.6-alpha-23596"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201310"></script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://s.gravatar.com/js/gprofiles.js?ver=2013Maraa"></script> <script type="text/javascript"> /* <![CDATA[ */ var WPGroHo = {"my_hash":""}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130305121608js_/http://make.wordpress.org/ui/wp-content/plugins/jetpack/modules/wpgroho.js?ver=3.6-alpha-23596"></script> <script src="https://web.archive.org/web/20130305121608js_/http://stats.wordpress.com/e-201310.js" type="text/javascript"></script> <script type="text/javascript"> st_go({v:'ext',j:'1:2.0.2',blog:'31759332',post:'0'}); var load_cmc = function(){linktracker_init(31759332,0,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <div id="wpadminbar" class="nojq nojs" role="navigation"> <a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0"> <ul id="wp-admin-bar-root-default" class="ab-top-menu"> <li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu"> <li id="wp-admin-bar-wporg"><a class="ab-item" href="https://web.archive.org/web/20130305121608/http://wordpress.org/">WordPress.org</a> </li> <li id="wp-admin-bar-documentation"><a class="ab-item" href="https://web.archive.org/web/20130305121608/http://codex.wordpress.org/">Documentation</a> </li> <li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://web.archive.org/web/20130305121608/http://wordpress.org/support/">Support Forums</a> </li> <li id="wp-admin-bar-feedback"><a class="ab-item" href="https://web.archive.org/web/20130305121608/http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"> <li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150"/><input type="submit" class="adminbar-button" value="Search"/></form></div> </li> <li id="wp-admin-bar-log-in"><a class="ab-item" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php">Log In</a> </li></ul> </div> <a class="screen-reader-shortcut" href="https://web.archive.org/web/20130305121608/http://make.wordpress.org/ui/wp-login.php?action=logout&_wpnonce=915a438324">Log Out</a> </div> </body> </html>