Category Archives: UI

Recommended Reading

I’m feeling a little blogged-out recently. Not a whole lot is going on in game. Druid is plugging away at hard modes (currently 8/12), Hunter is working on normal 25s (10/12) and heroic 10s (7/12) when I can make the raids. I also recently got another character to 80. However, I seem to be suffering from a case of writer’s block and can’t think of anything I want to blog about right now.

So instead, here are some great posts from other blogs about one of my favorite topics, User Interface:

Kae at Dreambound talks about layout and positioning mods. Complete with cute stick figures!

Ecclesiastical Discipline talks about designing a UI from scratch.

Hots & DoTs shows off a shadow priest UI.

The Huntsman’s Lodge provides Power Aura code strings for pretty much everything a hunter needs to know. I have borrowed quite a few of these myself.

Lastly, while not strictly UI related (although there is a section on addons), Keeva at Tree Bark Jacket has created an awesome and extremely thorough guide to playing a resto druid. Everything you ever wanted to know about trees but were afraid to ask!

In other news, the G20 is now over, but the city is a little worse for wear. I don’t want to get too politcal on this blog, but I’m rather disgusted at what happened over the weekend.

The summit itself and any legitimate protesters were heavily overshadowed by a few hundred anarchist idiots who thought it would be a good idea to smash storefronts and set things on fire. These people weren’t even protesting anything, they’re just a bunch of malcontents with mother issues looking for an excuse to cause a ruckus.

Note to any rabble-rousers out there: coming to Toronto and smashing up Tim Hortons is not going to make you any friends. I hope all the vandals are put in prison and quickly make friends with some large, angry, sexually-frustrated inmates.

User Interface Part 5 – Combat Text and Notifications

Deadly Boss Mods

If you’re in a raiding guild, chances are DBM or one of its counterparts is a requirement. There’s not much to say about this. Download the mod, it’ll scream at you and flash a big blue warning across your screen when you’re standing in something bad or the boss is aiming a vile of goo at your head. It will also give you timers for any boss abilities of note, and make announcements in raid chat. As far as setup goes, the only modification I make to the default settings is to move the timer bars to the bottom right of my screen, where they are out of the way, but still visible if I need them.

Mik Scrolling Battle Text

For my scrolling combat text, I use Mik. It can be customized to show you whichever events you want. I personally have it show me almost everything. The only things I turn off are buff and power gains, to avoid a little bit of spam.

Power Auras Classic

Power Auras is a mod that can provide visual and audio cues when certain events happen. This can be anything from getting a buff or debuff, a trinket proccing, a spell coming off cooldown, or a warning of when you drop to a certain amount of mana or health.

When I first downloaded power auras, I found it a little confusing, so here’s a basic explanation of how to set up a new aura. We’ll create an effect that displays when Swiftmend is ready to be used (off cooldown).

  1. Type /powa to open up the menu.
  2. Select New to create a new aura. This will bring up the effect editor.
  3. In the bottom half of the menu, under Activation, select: My Spell Cooldown (take a look at the other options in this menu to get a better idea of all the types of events you can use power auras for).
  4. Type Swiftmend in the box below. You can also use the spell ID.
  5. The rest of the Activation tab lets you specify when you want to see this aura. Since I usually only use Swiftmend in combat, I’m going to cross out the options resting, mounted and in vehicle, so I don’t have to see the effect when I’m running around Dalaran. You can also specify whether the aura should be visible for both or only one spec. The Use own texture box will cause the aura that appears to look like the Swiftmend icon.
  6. The top half of the effect editor box lets you choose the texture that will display. Move the texture slider to browse through the available textures. Checking the Wow Textures box displays a whole new array of options.
  7. Once you’ve picked a texture you like, you can select the color, size and position.
  8. Close the effect editor.
  9. Your aura will now be displayed in the menu screen. Click the aura and press the Test button to see how it looks. If you want to change anything, you can edit it.
  10. You can also add animations, sounds or timers to any aura, by choosing the appropriate tab in the effect editor.
Power auras menu

I mostly use Power auras to let me know when my spells are off cooldown. These include Swiftmend, Nature’s Swiftness, Wild Growth and Barkskin. I also have an effect show up, along with a radar “blip” sound, when I’m at 70% mana to let me know when to Innervate. The textures I chose are quite druidy – two leaves and a paw. Not sure what the texture for Nature’s Swiftness is supposed to be, I just thought it looked nice.

Power auras

There are a number of other auras that could be useful to resto druids (things like Innervate or Rebirth cooldowns, Omen of Clarity Procs, missing buffs) but my five auras are sufficient for me. For some more ideas on what kind of auras to set up, take a look at Tree Bark Jacket, Dreambound or Revive and Rejuvenate.

User Interface posts:

Part 1 – General UI Info

Part 2 – Action Bars
Part 3 – Unit Frames
Part 4 – Key Bindings
Part 5 – Combat Text and Notifications

User Interface Part 4 – Key Bindings


Clique is my go-to mod for all of my healing spells. It is a very simple mod to set up. Open your spellbook and you will see an extra tab for Clique.

Clique tab

Clicking this will open up the Clique interface, where you can bind all your spells. Just find the spell you want in your spellbook and press your desired key+click binding. Voila! It’s bound. Clique bindings use your mouse-buttons (the more you have, more more bindings are possible), with Shift, Ctrl and Alt as modifiers. Here are all my Clique bindings on my druid:

Clique bindings

I do all my healing using Clique in combination with Grid. With this setup, you never have to target the person you want to cast a heal on, you just need to mouseover their box on grid, and do the appropriate click for the spell you want to cast. This makes healing, especially raid healing, very efficient. If you are not used to clicking or mouse-over macros this might feel awkward at first, but soon enough it will become second nature.


BindPad is a mod I just started experimenting with recently. Since the use of Clique is so ingrained in my playstyle, using keyboard bindings feels a little awkward.

Setting up BindPad is simple. Type /bp to open up the menu. There are separate pages for each of your specs. Just drag the spell you want to bind into one of the empty slots from your spellbook or your macro list. Click on the spell and you’ll be asked to press the key you want to bind it to.


Right now, my druid mainly uses Bindpad for for my life-saving abilities like health stones, barksin and health pots. However, since keybinds are new to me, I still sometimes have to think before using them. Because of this, I still have these abilities on my action bars just in case. I hope to make more extensive use of Bindpad on my hunter so I can clear some more abilities off my bars.

User Interface posts:

Part 1 – General UI Info

Part 2 – Action Bars
Part 3 – Unit Frames
Part 4 – Key Bindings
Part 5 – Combat Text and Notifications

User Interface Part 3 – Unit Frames

If you’re still using the default Blizzard UI for your unit and raid frames, you could be doing much better! There are a number of great unit frame mods around. My addons of preference are X-Perl Unit Frames and Grid. Both are highly customizable and can show you a lot of information in a very neat little package.

X-Perl Unit Frames

X-Perl Unit Frames is what I use for self, focus, target and target-of-target frames.

Xperl unit frames

Since I use Grid for my raid frames, the first thing I do when setting up X-Perl is turn off the built-in party and raid frames (I also make sure to turn off the Blizzard party frames in the interface options). You don’t want a million frames on your screen. I also turn off the self buffs option, because I use default Blizzard buffs at the top right of my screen.

Open the X-Perl configuration menu by clicking the button on your minimap. When the menu is open, you can click and drag your frames to position them where you want them. X-Perl has large set of options that control how your frames look. I suggest playing around with them to see what you like. Here are a few of the options I find especially helpful:


  • Fat Health Bars – This makes the health bars wider than the default and I find them easier to see.
  • Buff Cooldown/Buff Countdown – Shows the time remaining on your buffs and debuffs on your target.


  • Player Portrait, 3D Portrait – This adds 3D pictures to your frames. Not overly useful, but it looks nice.
  • PVP Flag – Shows when you are flagged
  • Values – Shows absolute health and mana values
  • Percent – Shows percentage of health and mana
  • Cast bar – Shows your or your targets cast bar within their frame.
Xperl cast bar


  • As with my Player frame, I use the options to show 3D portrait, values, percent and cast bar.
  • Target’s target – Shows an extra frame for this person/mob.
  • Enable Buffs, Big Buffs, Pet Too – Displays your buffs on your target larger than buffs from other players. Also shows buffs that come from your pets. The Pets Too option  is good to have on fights which use vehicles, like Flame Leviathan, as your vehicle counts as a pet.
  • Enable Debuffs, Big Buffs – Displays your debuffs on your target larger than debuffs from other players.


Grid is a raid unit frame addon, and I find it absolutely indispensible, especially when combined with Clique (I’ll get to Clique in my next post). There are other raid frame mods, such as Healbot and VuhDo (which I hear is excellent), but Grid has been my mod of choice for a couple years now. When set up properly, Grid can let you know pretty much everything that is going on in your raid.

Grid raid frames - druid UI

There are a number of extra Grid modules I use to make it even more informative. These are:
Grid Indicator Corner Text – Adds text indicators in the corners of the Grid frame. I use this for keeping track of the duration of my HoTs.
Grid Status HoTs – Adds timers for any spell with a HoT component. Essential for druids.
Grid Status Lifebloom – Shows the time remaining on your lifebloom, color-coded to show how many stacks are up.
Grid Status Raid Debuff – Displays all debuffs applied to players in raids.
Grid Mana Bars – Displays mana bars. Let’s me know when someone could use my Innervate more than me. Also great for shamans to see when their group is in need of a Mana Tide Totem.

How Grid looks is extremely customizable. There are three main menus in the Grid setup. Frame allows you to assign which spells and effects you want to be shown and where they are displayed. Layout is used to adjust the size, shape and spacing of the raid frames. Status is used to add new buffs/debuffs and specify how each effect is displayed.

When you go into the Frame menu, you will see all the regions of Grid where effects can be displayed. When you click on one, you will see a list of the effects you can assign to that region. Just check the boxes next to the effects you want to display.  Here is my setup:

  • Border – My target
  • Center Text – Unit name
  • Center Text 2 – Death warning, Lifebloom Duration, Lifebloom Stack
  • Center Icon – Raid Debuff, Ready Check
  • Top Left – Aggro alert
  • Corner Text Top Right – My Wild Growth
  • Corner Text Bottom Left – My Rejuvenation
  • Corner Text Bottom Right – My Regrowth
  • Mana Bar – Mana
Grid HoT tracking

In the advanced options, you can specify the size and placement of the mana bar and the font for any text displayed. You can also set the orientation of your frames, either vertical (what I have) or horizontal. This will change direction the health bars go.

Use Layout to specify the size and shape of your frames. I display mine as small boxes, so my frames take up as little room as possible. Play around with the options until you find a setup that works for you.

From the staus menu, you can add new buffs and debuffs (if you dont want to use Grid Status Raid Debuffs), as well as specify the colours used for each effect on Grid. For example, my aggro alert is red. My Lifebloom stacks changes from yellow to orange to green depending on the number of stacks. In the status menu you can also filter out raid buffs that you don’t want to see, or assign them lower priority so more important buffs will be displayed first.

Druids love their raid frames. If you don’t like my Grid setup, take a look at Rejuvo, Dreambound or Tree Bark Jacket for some other ideas. Edit: Check out One More Alt for a very comprehensive guide on how to set up Grid. Zahia isn’t a druid (nobody’s perfect), but this is an excellent guide that should clear up any confusion you have about what all the different configuration options do.

Public Service Announcement

Now, I have something very important to tell everyone. Grid (or raid frames in general) is not just for healers. That’s right, repeat after me: Grid is not just for healers. Do you have a spell you need to cast on others during combat (Innervate, Battle Rez, Misdirect, Tricks of the Trade, Hysteria, Hand of Salvation)? Use Grid. Are you a class that is capable of getting rid of poisons, diseases, curses or magic effects? Use Grid. Do you participate in raid fights like Blood Queen Lana’thel where you need to be able to see who in the raid still needs to be bitten? Use Grid. Are we noticing a trend here? Grid is an excellent tool that will give any raider a better understanding of what is going on with the rest of their raid. This makes you play better and look good to your raid leaders.

User Interface posts:

Part 1 – General UI Info

Part 2 – Action Bars
Part 3 – Unit Frames
Part 4 – Key Bindings
Part 5 – Combat Text and Notifications

User Interface Part 2 – Action Bars

For me, the biggest advantage that action bar mods have over the standard UI is that they give you the ability to put your bars anywhere on your screen and show as many or as few buttons as you want. Popular action bar addons include Dominos, Bartender and Macaroon.


The main action bar mod I use is Dominos. Dominos lets you customize the position, number, size, spacing and scale of your action bars. You can also choose to hide action bars or make them visible only when moused-over. In addition to the action bars, you can also modify things like your XP bar, cast bar, roll box, class bars (like druid forms or warrior stances), bags and menu bars.

When you enter configuration mode (by clicking the minimap icon or typing /dom), you’ll see something like this:

Dominos bar mod setup

All the actions bars available to you will be displayed. To move an action bar, just left-click and drag it to where you want it. Bars can be hidden completely by middle-clicking them or pressing shift+right-click.

To adjust a specific action bar, right-click on it and the settings menu will come up. Play with size and columns to adjust how many buttons appear on the bar. Use spacing and padding to adjust the space between the buttons. Scale effects the size of the bars. I like mine smaller than normal, so I set it at 85%. Faded opactity is used when you want to make your bars fade out when they aren’t needed. Set the faded opacity to 0 if you want them to be completely faded out.

When I’m playing, only two action bars are visible.

Dominos mar mod - hidden

I actually have six action bars on my screen, but four of them are hidden unless I mouse-over them. I use the faded opacity feature to hide the bars I feel aren’t important enough to be visible all the time, namely: menu, bags, class bar and an extra action bar with things like my mounts, mage water and resurrect spell.

Dominos mar mod - shown

A word of warning about action bar addons: It depends on which one you use, but action bar addons have been known to cause some Oh Shit! moments on fights like Teron Gorefiend or Blood Queen Lana’thel when not set up properly. In general, if you are going to be doing a fight with a mechanic that will replace one of your action bars, make sure that action bar 1 and your pet bar are not turned off. They can be empty, and therefore not visible, but don’t turn them off.

Button Range and OmniCC

Two mods I use that enhance the usefulness of my action bars are Button Range and OmniCC.

OmniCC, Button Range bar mods

Button range will turn your spell buttons red when your target is out of range. As you can see above, my target is out of range for heals. Omni CC adds a numerical countdown to items and abilities that are on cooldown to let you know when they’ll be ready to use again. Above you can see the cooldowns remaining on my Nature’s Swiftness, Barkskin, Innervate and Tranquility.


The last action bar mod I use is OPie. OPie creates radial menus in place of action bars. It is great for things you that you want to be able to access, but don’t want taking up room on your screen. The addon is very easy to configure. There are some out of the box ring configurations (tracking, trade skills, raid markers) that get populated with the abilities/items that fit in that category. In the Ring Bindings menu, just assign a key binding to the rings you want to use. You can also create custom rings if the default ones dont meet your needs.

Opie bar mod

On my druid I use OPie for my trade skills and buffs. On my hunter I use it more extensively for things like aspects, pet skills and traps.

User Interface posts:

Part 1 – General UI Info

Part 2 – Action Bars
Part 3 – Unit Frames
Part 4 – Key Bindings
Part 5 – Combat Text and Notifications


User Interface Part 1 – General UI Info

I am a big fan of customized UIs. I really think that a good UI is an important aspect of raiding. Whether it’s to keeping track of your health and mana, spell cooldowns, who needs a decurse, a good UI can really help to keep you informed of what’s going on in your raid and can help you to react faster. I know that many people are perfectly capable of playing without mods. Bully for them. But whenever I see someone post a screenshot that shows they are using the ugly default UI, I cringe a little.

When choosing addons and designing your UI, ask yourself what information you need to be made aware of and what abilities you need to be able to access as quickly as possible.

As a resto druid, here are some of the things I need to know:

  • The health levels of the whole raid
  • The mana levels of the raid (I’m generous with my innervates)
  • Who has a curse or a poison that I can get rid of
  • Who has a damaging debuff that needs to be healed through
  • When my abilities are off cooldown (Swiftmend, Nature’s Swiftness, etc.)
  • Who my HoTs are ticking on and for how long
  • Who has aggro
  • Who is out of range
  • When a boss is casting or using a special ability

The abilities I need to have extremely fast access to:

  • All my healing spells, obviously
  • Things that can save my butt: Health Stones, Crazy Alchemist Potions, Barkskin, Shadowmeld
  • Support abilities: Battle Rez, Innervate

Then ask yourself what is not important. If you want a nice clean UI, things like trade skills, mounts, spells you never use in raids, and the Handful of Snowflakes you’ve been carrying around for 3 months do not need to be on your action bars. Or, if you prefer, they can be on hidden action bars with the right addon.

Some addons do require a bit of setup time, but once you do it, you’ll have a nice-looking interface that is tailored to meet your specific needs. I definitely think it’s worth it.

So, without further ado, here’s an action shot of my raid UI!

Restoration Druid Combat UI

Basic interface-related addon list:
Button Range
Deadly Boss Mods
Mik Scrolling Battle Text
Omni CC
Power Auras Classic
Sexy Map
X-Perl Unit Frames

Over the next week or so I’ll be putting up more detailed posts about the specific addons and how to set them up.

P.S. Sorry hunters, I won’t be sharing my hunter UI right now. It’s too busy at the moment and the trained eye could look at it and point out all my bad habits. I can’t have that. :P

User Interface posts:

Part 1 – General UI Info

Part 2 – Action Bars
Part 3 – Unit Frames
Part 4 – Key Bindings
Part 5 – Combat Text and Notifications