I adore my UI. Its been a labour of love for many long years, essentially since 2005 when my shaman started getting into the 50s and there were too many totems to fit on my hot keys. This led to me discovering the Totem Timers addon and since then its been an obsessive-compulsive never-ending quest for improvement. The number of hours I’ve spent on improving, tweaking and completely reworking my UI, it’s practically a whole game in itself. How do you balance functionality with aesthetics? Can you make a minimalistic UI that still gives you all the information you need. Can you access all your abilities without complicated work-arounds, whilst still being able to get a good view of this beautiful World of Warcraft? It’s an epic quest chain.
Finally however, I think I’m finished. Well, not finished, that would be absurd, but I feel like I’ve achieved an optimal balance of all the features I want to include. Sure there’s some tweaking to be done and always will, but I doubt I’m going to change significantly from what I have now. So, allow me to showcase the new and improved Wulfy UI:
This is how my UI looks normally. My main aim was to have something minimalistic with nothing above the bottom 1/5 of the screen space, yet still retaining information and functionality. I’ve also tried to make it pretty, in a simplistic fashion. Its boils nicely down to nothing more than a chat frame, totems frame, unit frames, hotkeys and a map. The principal ways I have achieved this are the careful use of space and the following addons:
Stuf Unit Frames – These are the most customisable unit frames in existence. With them I was able to make something nice-looking that still displayed a lot of info, a portrait and was the perfect size and shape.
pMinimap – This is my favourite minimap addon, as it not only makes your minimap square and good-looking but also incorporates a load of information such as coords, dungeon finder, tracking and more!
Opie – This is a truly brilliant addon which helps you save on a ton of space. It creates a number of highly customisable radial menus which you can call up with the click of a button. This means that any non-essential abilities you have can be bound to an Opie menu rather than sitting on your screen taking up space.
Totem Timers – I believe these are essential for any shaman. See those 8 little boxes next to my player frame? The four bottom buttons each opens up a menu for totems based on element. On the top row there is a button for the various “Call of” abilities for laying groups of totems. There’s also buttons for casting weapon buffs, water shield and earth shield.
Now lets move on to a few more features of the UI. In the picture below I’ve thrown down some totems and triggered bloodlust. You’ll notice the totem timers kicking in, as well as my buffs and debuff windows above the player and target frames. Scrolling Combat Text has also started up on the left, letting me know that my Healing Stream totem is actually healing me (damage scrolls on the right).
My buffs and debuffs are handled by Satrina Buff Frames which is the sexiest buff addon ever made. Trust me. Extremely customisable and easy to use. Notice how only the Bloodlust buff and Sated debuff appear above my player frame, but on my target (still me) it also shows totem buffs and water shield. Thats because I filtered out my own common abilities to avoid spam – a nifty feature.
Now moving onto the juicy stuff – the Raid UI:
Now you see what that gap between the centre and the minimap was for, this is where my raid frames come in. For these I currently use VuhDo, although I have a serious love-hate relationship with it. I’ll gloss over its niggling problems and focus on its good points. With Vuhdo I can heal a raid without having to use anything other than my mouse. Every nifty healing spell I have is bound to a different mouse key. When I hover the cursor over a raid member’s health bar and press a key, the corresponding heal will be cast on that player. Nifty huh? VuhDo also shows me important information such as how long is left on a Riptide I cast, or which party members have Power Word Shield so I won’t waste a heal on them.
In this final shot there’s just a couple of key things left to point out. The first is my cast-bar, Quartz, which is super sexy and you can see incorporates a lag-meter and tells me what I’m doing and to whom. The second thing is that Big Wigs is sending a message (via SCT) about what phase of the fight I’m entering. Sometimes Big Wigs flashes up a timer bar, it depends on the fight. I generally have it only show bars for really important stuff, unless I’m raid-leading and then I turn everything on.
So, thats a brief showcase of what I’ve made. I hope you liked it and I would love to hear your comments, questions and feedback!
As a quick summary, here is a list of the addons I use:
ButtonFacade (I use the ‘Apathy’ skin)
Fortress (and numerous Broker addons)
Prat 3.0 – chat window addon
Sometimes Visible addons:
CowTip – Tooltip addon
Tidy Plates – with Threat Plates addon
Others:
Align – This addon is a godsend. It doesn’t do anything for the game, but it overlays a grid onto your screen so that when you are customising your UI you can make sure everything lines up properly. I don’t know what I’d do without it. Thank you Align!
Update 21/9/10: For the latest update on what is going with my UI, please see this post!










It’s so pretty! Puts my rag-tag UI to shame.
I loved the screeny at the end, just to see how far along UI’s have come since the start.
Wulfy’s OCD strikes again. Pixel perfect alignment
Your UI is gorgeous, and this is the first time ever uttered those words. :p Amazing blend of minimalism and function. Will definitely check out the addons you recommend next time I rework my UI!
(A pet project of mine is to make an UI that has no visual elements yet retains full functionality – I have some neat ideas, but it’s on hold at the moment)
Thank you for your kind comments guys.
Jonas: I think that is a cool idea and I reckon it could be done. There are various addons that you can configure to only appear when in-combat etc, so with some perseverance you probably could make it work. Certain classes you could play just by use of Opie. I guess the only thing would be the map, but maybe you could make one that appears on a keypress.
Anyway, I’d love to see the results if you did pull it off!
I’m very tempted to make a UI from scratch now.
/admires
Wow, found this via EJ forums, was stunned the second I saw the screenshot. I always tend to fill my screen with loads of crap I don’t really need when I start to make a clean new UI :S
Any chance of uploading your work somewhere so we can use the awsomeness? Would be great.
Thanks beruthiel
It has occurred to me to upload the UI, but last time I tried that it crashed my mate’s computer, so I’ll have to work out what caused the problem. However, when I find the time I would like to get this out there for people to download. Stay tuned!
Eagerly awaiting the release, love you work Wulfy – this compilation is amazing.
Great! Make sure to post the download link to your EJ post too, to make it easy for people to find
Don’t worry, I shall.
I really really like this UI! Very streamlined indeed. It’s given me the itch to redo mine to make it less cluttered.
Thank you for putting up which addons you use, nothing worse than an awesome looking UI which leaves you with no clue as to how it was made.
Side note: I’ve just started using oPie, and it is fantastic
What font are you using for buff timers, etc? I like how bold and clear it is.
Its “Impact” font with an outline applied. Its available from the Shared Media library.
Ah cool – thanks! It seemed familiar but I never thought of using it as a small font.
this. is. the sexiest. ui. i have ever seen. (other than mine of course, psh XD)
this gives me the inspiration to updage my UI and hopefully make it even cleaner.
(omg, i didn’t know about align, this MAKES THE GRAPHIC DESIGNER IN ME SOOOOOOOO HAPPY ALKJDASD <3)
Thanks! A clean UI is a happy UI.
And yes, Align is the single greatest addon ever made.
i have OOOOOOOOOOONE question. i’m currently trying (and failing so hard) to mimic your UI. mostly the unit frames. tinkering with STUF, and somehow failing to have the portrait up like yours. it keeps showing up super pixelated :\
@Appleftw: Hmmm, not sure about the pixelation thing, unless you had the 2d/zoom toggled on, but that doesn’t sound like what you mean.
Here are the variables I use for my player frame, maybe it will help:
Width: 265, Height: 60, Scale: 0.8
The Portrait is – Width: 265, Height: 30.
Border: Square Outline, Background Texture: Flat Smooth.
Frame level: 1, Opacity: 1
The health and mana bars are Width: 265 and Height 20/10 respectively. I position these below the portrait using the Y slider.
I hope that helps, but feel free to bug me with questions. Stuf is by far the hardest thing so set up in any UI.
Also, I have promised that I will make this available for upload, which I do still intend to do at some point, I’ve just been rather preoccupied with otherthings. I need to work a few niggling problems and clear some deadweight before I do. But if you can wait a little while you’ll be able to download the stuf file.
ooh!
just from that i think i can see where to go from here! thank you so much for your help @_@ that helped a whole lot!
looking forward to checking your downloadable UI
[...] 21, 2010 by Wulfy Since I posted a detailed examination of my UI a few months back, I’ve received quite a number of kind requests for me to make the UI [...]