{"id":8052,"date":"2013-04-05T09:41:53","date_gmt":"2013-04-05T14:41:53","guid":{"rendered":"http:\/\/blog.cpanel.net\/?p=8052"},"modified":"2013-04-05T09:41:53","modified_gmt":"2013-04-05T14:41:53","slug":"motherboards-are-my-shoes","status":"publish","type":"post","link":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/","title":{"rendered":"Motherboards are My Shoes"},"content":{"rendered":"<p>We can break down all of the web traffic into one of two categories. These categories have nothing to do with the device we choose to access the web: no it\u2019s something much more instinctual than that. For all of our achievements, at the end of the day we are still nothing more than hunters and gatherers. <\/p>\n<p>When we are in \u2018gatherer\u2019 mode, we as users \u2018know\u2019 what we want&#8230;we just don\u2019t know \u2018what\u2019 we want.<!--more-->\u00a0During one user testing session, I had the pleasure of watching a woman literally go through 15 pages of 100-results-per-page search results while looking for a \u2018simple black pump\u2019. To be honest, I was about to snap; result number 1 did not look any different to me than result 655, which is the shoe she finally decided on. Now, I know exactly what you\u2019re thinking&#8230;\u201cThat is a typical shopping experience with a noob.\u201d However, as my good friend and fellow cPanel UI guy Kye pointed out:<\/p>\n<blockquote><p>\u201c<i>Motherboards are my shoes, I can look at pages and pages of motherboards.\u201d<\/i><\/p><\/blockquote>\n<p>So, we all have gatherer tendencies; it\u2019s just a matter of finding the right shoe or motherboard.<\/p>\n<p>The \u2018hunter\u2019 mode is much more simple. When we are in hunter mode, we know precisely what we want and we want it as quickly and efficiently as possible. There is no browsing, window shopping, etc.<\/p>\n<p><b>Pagination Problemations<\/b><\/p>\n<p>Pagination options, as they currently exist online, only serve the gatherer in each of us. Jeff Atwood points out in his \u201c<a href=_-2629.html>The End of Pagination<\/a>\u201d blog post<\/p>\n<blockquote><p><i>\u201c<\/i><i>Once you have thousands of items, you don&#8217;t have a pagination problem. You have a search and filtering problem.\u201d<\/i><\/p><\/blockquote>\n<p>Let\u2019s take an honest look at one of the most familiar pagination examples we all have seen on Google. Search engine arguments aside, let\u2019s say Google has resolved the search and filtering problem. Now, a search for \u2018WebHost\u2019 yields 14,700,000 results on 10+ pages of results.<\/p>\n<figure id=\"attachment_8101\" aria-describedby=\"caption-attachment-8101\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=_-2630.html><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-8101 \" alt=\"google-pagination\" src=_-2631.html width=\"300\" height=\"66\" \/><\/a><figcaption id=\"caption-attachment-8101\" class=\"wp-caption-text\">google-pagination example<\/figcaption><\/figure>\n<p>It\u2019s clear that Frodo and Sam are hidden from Sauron somewhere in pages 2-10. According to the numbers, the first three links on page 1 get nearly 60% of all clicks.\u00a0 The 10th result on page 1 gets 2.2.% of the clicks, and the 20th gets 1.4%&#8230; guess who\u2019s going to page 2? You are more likely to find a missing group of Navy planes off the coast of Florida than anything on those other pages. (A Bermuda triangle reference for those playing the home game.)<\/p>\n<p>So if Google has the search \/ filter issue resolved and still shows you 10+ pages of results, how do we go about accommodating the hunter in us? Are those first 3 really our target? 60% of us seem to think so. The other 40% of us need to quickly sift through the remaining pages to find our answer.<\/p>\n<p>In my last post <a href=_-1569.html>Tell them about the Twinkie<\/a>, I mentioned the The Streetlight Effect and how we tend to look for solutions to problems where it\u2019s easiest to look, not necessarily where we should be looking. Pagination falls into this area.<\/p>\n<p>Now cPanel software users will undoubtedly almost alway be in hunter mode when using any of the tables and search \/ filters.\u00a0 Even the best filters can still only get you so close when you\u2019re looking for the needle in the haystack.<\/p>\n<p>I\u2019m going to share an idea that I have been toying with lately. Our current pagination tool shows you the first page, and the last page with quick jumps to either:<\/p>\n<figure id=\"attachment_8102\" aria-describedby=\"caption-attachment-8102\" style=\"width: 468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8102\" alt=\"Pagination Example no.1\" src=_-2632.html width=\"468\" height=\"76\" \/><figcaption id=\"caption-attachment-8102\" class=\"wp-caption-text\">Pagination Example no.1<\/figcaption><\/figure>\n<p>My idea is to replace the truncated page list with a \u2018page jump\u2019 field where the user enters a page number between their total pages, and hits enter:<\/p>\n<figure id=\"attachment_8142\" aria-describedby=\"caption-attachment-8142\" style=\"width: 469px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8142\" alt=\"Pagination Jump example\" src=_-2633.html width=\"469\" height=\"65\" \/><figcaption id=\"caption-attachment-8142\" class=\"wp-caption-text\">Pagination Jump example<\/figcaption><\/figure>\n<p>Think about\u00a0 when you read a book and you want to jump ahead; do you thumb page by page until you get to page 245? No, more than likely, you do the same thing I do: you crack open the book (or \u201cpage jump\u201d &#8211; see what I did there?) to what looks like page 200 or so, and then adjust accordingly.<\/p>\n<p>So let\u2019s break it down a bit more using our two examples above. In the standard pagination example I am at least 2 clicks away from any of the pages between 7 and 14&#8230; which is almost half of the results. To get to page 12 you would either need to click the \u2018next page\u2019 button 6 more times, or jump to page 15, and then click page 12. This is all well and good for just browsing results, but again, we\u2019re trying to satisfy the hunter in us. The \u2018page jump\u2019 technique that I am proposing allows the user to \u2018jump\u2019 to the middle of\u00a0 the pagination results with a quick entry and a click. I know what you\u2019re saying: \u201cYou just chose page 12 to prove your point about your suggestion for pagination\u201d. So, let\u2019s go back and say we want to go to page 3. In standard pagination, page 3 is just a click away. In my \u2018page-jump\u2019 version, it\u2019s still an entry field, and click away, so this is only a little more effort.<\/p>\n<p>Now if you\u2019ve stuck with me for this long in this article, you may or may not remember that I by no means profess that this \u2018page-jump\u2019 pagination is the end-all, be-all solution. On the contrary, right now it\u2019s merely a working theory of mine. This is me, looking outside of the comfort of the streetlight for a solution to a problem. I personally think we as UI\/UX people can do a lot better than what we currently have, and this is one way we may be able to accomplish that goal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can break down all of the web traffic into one of two categories. These categories have nothing to do with the device we choose to access the web: no it\u2019s something much more instinctual than that. For all of our achievements, at the end of the day we are still nothing more than hunters [&hellip;]<\/p>\n","protected":false},"author":77,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[49],"tags":[621],"class_list":["post-8052","post","type-post","status-publish","format-standard","hentry","category-products","tag-motherboards"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motherboards are My Shoes | cPanel<\/title>\n
<!-- Mirrored from cpanel.net/wp-json/wp/v2/posts/8052/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 06 Sep 2024 10:06:55 GMT -->
<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2634.html \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motherboards are My Shoes | cPanel\" \/>\n<meta property=\"og:description\" content=\"We can break down all of the web traffic into one of two categories. These categories have nothing to do with the device we choose to access the web: no it\u2019s something much more instinctual than that. For all of our achievements, at the end of the day we are still nothing more than hunters [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/\" \/>\n<meta property=\"og:site_name\" content=\"cPanel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cpanel\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-05T14:41:53+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.cpanel.com\/wp-content\/uploads\/2013\/04\/google-pagination-300x66.gif\" \/>\n<meta name=\"author\" content=\"cPanel Community\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cPanel\" \/>\n<meta name=\"twitter:site\" content=\"@cPanel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cPanel Community\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/\",\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/\",\"name\":\"Motherboards are My Shoes | cPanel\",\"isPartOf\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\"},\"datePublished\":\"2013-04-05T14:41:53+00:00\",\"dateModified\":\"2013-04-05T14:41:53+00:00\",\"author\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\"},\"breadcrumb\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devel.www.cpanel.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motherboards are My Shoes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\",\"url\":\"https:\/\/devel.www.cpanel.net\/\",\"name\":\"cPanel\",\"description\":\"Hosting Platform of Choices\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devel.www.cpanel.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\",\"name\":\"cPanel Community\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"caption\":\"cPanel Community\"},\"description\":\"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.\",\"sameAs\":[\"https:\/\/cpanel.net\"],\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motherboards are My Shoes | cPanel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/","og_locale":"en_US","og_type":"article","og_title":"Motherboards are My Shoes | cPanel","og_description":"We can break down all of the web traffic into one of two categories. These categories have nothing to do with the device we choose to access the web: no it\u2019s something much more instinctual than that. For all of our achievements, at the end of the day we are still nothing more than hunters [&hellip;]","og_url":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/","og_site_name":"cPanel","article_publisher":"https:\/\/www.facebook.com\/cpanel\/","article_published_time":"2013-04-05T14:41:53+00:00","og_image":[{"url":"http:\/\/blog.cpanel.com\/wp-content\/uploads\/2013\/04\/google-pagination-300x66.gif"}],"author":"cPanel Community","twitter_card":"summary_large_image","twitter_creator":"@cPanel","twitter_site":"@cPanel","twitter_misc":{"Written by":"cPanel Community","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/","url":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/","name":"Motherboards are My Shoes | cPanel","isPartOf":{"@id":"https:\/\/devel.www.cpanel.net\/#website"},"datePublished":"2013-04-05T14:41:53+00:00","dateModified":"2013-04-05T14:41:53+00:00","author":{"@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8"},"breadcrumb":{"@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/motherboards-are-my-shoes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devel.www.cpanel.net\/"},{"@type":"ListItem","position":2,"name":"Motherboards are My Shoes"}]},{"@type":"WebSite","@id":"https:\/\/devel.www.cpanel.net\/#website","url":"https:\/\/devel.www.cpanel.net\/","name":"cPanel","description":"Hosting Platform of Choices","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devel.www.cpanel.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8","name":"cPanel Community","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","caption":"cPanel Community"},"description":"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.","sameAs":["https:\/\/cpanel.net"],"url":"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/8052"}],"collection":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/comments?post=8052"}],"version-history":[{"count":0,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/8052\/revisions"}],"wp:attachment":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media?parent=8052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/categories?post=8052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/tags?post=8052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}