Conformity and Uniformity

Retry Please

Keeping with my current agenda of building upon a solid foundation upon which to build your interface, today’s lesson is extremely simple and borderline common sense: consistency. I don’t have anything new or groundbreaking for the UI community, but the topic is still important. What am I talking about? Textures.

Keep it Simple
As with choosing font, you should choose textures for their legibility. I know you don’t read textures, however a lot of text is placed over the textures and I cannot stress enough the importance of a good texture. There are numerous textures to choose from: some good, some bad, and some terribly overused. A quick/short list of terrible (or default) textures:

    Banto
    Blizzard (default)
    Cilo
    Glaze
    LiteStep
    Perl

By no means is that a complete list but it should give you a general idea of what to avoid when choosing textures.

Keep it Classy
Just like Ron Burgandy, you’ll want to have a sense of refinement. Sure it’s easy to just install that addon and forget about it, but wouldn’t you like your interface to somehow be just a little bit different than the rest? Something to help distinguish it from the masses? Of all the people that download any addon, a good portion of those never bother go beyond the default settings and can’t be bothered to change the appearance or textures of those addons. On the flip side, some people go crazy and pick seemingly arbitrary settings for their addons.

The Shame!
Here’s a perfect example of what NOT to do: badUI1*. I thought about hiding the name but that’s okay. On this screenshot you can see no less than five(5) separate textures throughout the interface. I know at least four(4) of those are the default (I’m unsure about SW_Stats). If for no other reason to change your interface, do it so you’re not wearing a brand new silk coat with cotton and cashmere patches (analogy courtesy of Eric). Another example of what not to do (sorry, Amelio): badUI2*. In Amelio’s defense, it is an old screenshot andhe has since improved his UI.

If you looked at these screenshots and you didn’t see anything wrong, stop reading now and go here.

*These screenshots aren’t terrible UIs, but those that best illustrate my point. 

SharedMedia the Savior!
Okay, so you know what you don’t want but you don’t know how to fix it. Well, in my first post I mentioned SharedMedia as a substitute to manually changing fonts. And as I previously mentioned, it is capable of doing the same with textures and sounds. This addon will allow you to have consistency throughout your interface. This simple change will make it look as though you’ve designing interfaces for years even if you’ve just started.

Here’s an interface I was toying with a for a few days in October:

It’s by no means great and far from perfect. But the one thing it has no shortage of is consistency. This is a typical outcome simply due to SharedMedia. A single texture used throughout all addons, as well as only two fonts.

If interested, there are additional fonts and backgrounds available for SharedMedia on http://files.wowace.com. Hal also designed an amazing compilation of textures that can be found here.

Look, I’m Jerry Springer!
Default wouldn’t be bad if it all mods followed some rules of standardization. Unfortunately, there are no such rules. Where’s the value in bothering to clean the UI? Well, you won’t be mocked in other people’s blogs when your UI is seen by me, I suppose.

-JM

13 Responses to “Conformity and Uniformity”

  1. Shinsoku

    I’m a pretty big fan of Melli Dark, myself. Which sorta looks like Cilo, and sorta doesn’t.

  2. Acryl - rob

    Lots of good stuff here, nice job man.

  3. Eli

    Is the problem with Amelio’s old UI overcrowding? Other than that I didn’t really see anything wrong…

  4. Synii

    Amelio’s UI has (had) 5 separate textures spread across 6 addons. That was the point of this entry: being consistent in design. I don’t really have an issue with his layout.

  5. Shinsoku

    Eli … what’s your UI look like :P

  6. Eli

    Looks kinda like that…

  7. Josh

    Wow, Eli. Mine looks a lot like that too.

  8. Amelio

    This author is awful, please change… moving on…

    If we want to be strict about consistency, while the textures may be consistent in your sample screenshot, you used at least 3 or maybe 4 different font faces. Your Omen font is to the point of unreadable.

  9. Eli

    I honestly don’t understand how you guys can look at those and see things like font differences with all the shit going on in the picture.

    Josh - You coulda knocked me over with a feather…

  10. Synii

    I’ll admit that I did use a 3rd font in Aloft health percentages (Oops, that was later changed). The rest, however, are Myriad Pro (chat, Aloft, Omen, Assessment, ClassTimer, EBB and CML) and I honestly don’t recall the font I used for PitBull and Quartz. The difference in font was intentional for those addons.

    And like you mentioned, Omen’s font should’ve been larger but since I don’t raid I uninstalled it shortly after this screenshot was taken. I was attempting to desing an interface for the masses, that didn’t pan out.

  11. Outstanding (Scheod)

    :p Eli, You are almost the same as be, but I scaled mine all the way down and added a focus frame and cooldown/dot timer mod.

    Also, I was wondering if any of you know how to re-skin witch hunt. It puts words on the screen of hostile entities actions on your screen where /rw pops up, but i was wondering if there is a way to put it in a neat little box rather than having it clog up the top center of my screen :o

  12. Synii

    You can change where WitchHunt outputs by using “/wh”

    As far as “skinning” it is concerned, I’m not sure I follow. It’s supposed to just be text. I suppose you could download something like eePanels to make a panel for it. Don’t know how feasible that is.

  13. Chris

    Speaking of terrible… early December on Boulderfist.

Leave a Reply