Quick Tip: WordPress Visual Editor Button Icons

The process of adding a new button to the WordPress visual editor is fairly simple; as long as you understand how to develop a new TinyMCE plugin (which is a somewhat involved and laborious process that I will probably cover at another time).

One thing I discovered yesterday, though, is that one line of code makes the difference between the Visual Editor using a custom, static image as the button and the Visual Editor using a span that you can stylize with CSS (to fit better with the native Visual Editor appearance).

Music Services & Band Names – A UI Nightmare?

Search for Beloved in iTunes

In this image, I’ve used different color outlines to differentiate between the 3 different artists using the name “Beloved”

Recently, as I’ve been using my Zune Pass more and more, I’ve discovered a bit of a quagmire when it comes to usability, user experience (UX) and user interface (UI) design. What should music services like Zune and iTunes do about bands/artists that use the same name? How do you differentiate between very different artists without making the UI and/or UX even less usable than it was before?

The Problem

For instance, if you open up iTunes or Zune and search for the band “Beloved”, you will find results from 3-4 completely different artists that all use that same name (Zune shows albums by 4 different artists; iTunes shows albums by 3 different artists using the artist name “Beloved (U.S.)” instead of just “Beloved”). As a UI/UX designer, how would you propose that these music services differentiate those artists?