Introducing Modernized IMDb Profile Badges

For #2 above, all of the badges are already available on one page without horizontal scrolling; simply click the “Badges” heading on your (or any) profile page. For example, here is that view from my profile: https://www.imdb.com/user/ur1000000/badges/

@Col_Needham: Previously, I could see all my badges WITHOUT clicking to a new page. Now, I have to click to a new page ánd on that page, scroll to see all my badges. I fail to see how this is progress.

@Marco Thanks for the feedback, however, this comes down to your personal preference vs. modern, tested, responsive, and accessible web design, sorry. To turn this around, it could be said that the old version would overwhelm viewers with a wall of badges, pushing equally important page content out of view and unlikely to be seen. It is progress from the general perspective. The whole redesign over the last few years has been carefully designed, built, and tested for improved customer engagement and it is responsive, accessible and localisable. Every single page we have updated has seen a growth in traffic and engagement. We would have rethought the redesign if this was not the case. We appreciate that a small number of customers, including yourself, would prefer a different approach, but IMDb needs to continue to adapt to stay relevant and to grow. To take an extreme position, we could have kept the original 1993 web design and there would literally be nobody left using IMDb today if that were the case, well maybe only you and I :-) Anyway in today's AI enabled world, you can choose to have IMDb or any other site display to your tastes. I have no Tamper Monkey skills whatsoever and I just went to my favourite LLM service and asked it to create a TM script to restore the full badge list for you. It just took a couple of English language prompts to generate and debug. If you are not familiar with Tamper Monkey, please see http://tampermonkey.net/ -- you can paste the script below into Tamper Monkey and away you go. I have tested it on Chrome and Safari and it works perfectly. It removes the compact advantages of the new design, of course. Try it on a profile with a large number of badges, for example https://www.imdb.com/user/ur1000000/ ;-) There are plenty of AI/LLM services around, including free ones, which have the sophistication to write you a Tamper Monkey script to make quite complex changes to almost any page on any site. You can go to your preferred search engine and ask its own AI to recommend some if this is a new area for you. No techinical knowledge is required beyond installing Tamper Monkey in the first place. Hope this helps. Badge removing script from this point onwards (I can email you a copy if there are any issues cutting and pasting it from here). BTW if you do have a technical background, note how simple this is -- most of the code is related to controlling the CSS. Another advantage of modern web design. // ==UserScript== // @name IMDb Full Badges Display // @namespace http://tampermonkey.net/ // @version 1.6 // @description Replace limited badge display with full badges on IMDb profile pages // @author cn and Amazon Q // @match https://www.imdb.com/user/ur* // @grant none // @run-at document-idle // ==/UserScript== (function() { 'use strict'; if (window.location.href.includes('/badges')) return; const css = ` [data-testid="user-badges-feature"] [data-testid="shoveler-items-container"] { ; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)) !important; gap: 10px !important; padding: 10px !important; } [data-testid="user-badges-feature"] .ipc-shoveler__arrow { ; } [data-testid="user-badges-feature"] [data-testid="bdg-cd"] { transform: scale(1) !important; } [data-testid="user-badges-feature"] [data-testid="bdg-cd"] .sc-bd79f1f-1, [data-testid="user-badges-feature"] [data-testid="bdg-cd"] .ipc-media, [data-testid="user-badges-feature"] [data-testid="bdg-cd"] img { } `; document.head.insertAdjacentHTML('beforeend', ``); function updateBadges() { const baseUrl = window.location.href.split('?')[0]; fetch(baseUrl + 'badges/') .then(r => r.text()) .then(html => { const temp = document.createElement('div'); temp.innerHTML = html; const container = document.querySelector('[data-testid="shoveler-items-container"]'); const badges = temp.querySelectorAll('[data-testid="bdg-cd"]'); if (container && badges.length) { container.innerHTML = ''; badges.forEach(b => container.appendChild(b.cloneNode(true))); const more = document.querySelector('[data-testid="bdg-shoveler-cta"]'); if (more) more.remove(); } }); } const interval = setInterval(() => { if (document.querySelector('[data-testid="shoveler-items-container"]')) { updateBadges(); clearInterval(interval); } }, 1000); })();

Note that wherever you see the sequence ">" above, replace it with a greater-than sign -- unfortunately Sprinklr is over-protective of stray tags these days so it replaces the greater-than symbol with an HTML escaped version. I see four which need to be replaced. Tamper Monkey will flag them for you. To install, paste it into Tamper Monkey in your browser via the "Create a new script" option in the Tamper Monkey menu and fix the > issues.