Reader UI of the Week: Vanity and Vanid's UI
by Mathew McCurley 
May 10th 2011 at 7:00PM
Each week, WoW Insider brings you a fresh look at reader-submitted UIs as well as Addon Spotlight, which spotlights the latest user interface addons. Have a screenshot of your own UI that you'd like to submit? Send your screenshots along with info on what mods you're using to readerui@wowinsider.com.
I am a man of many words, as you fine readers have grown to understand over the course of my tenure here at WoW Insider. Talking about stuff in the most proverbial sense is where I feel the most comfortable. Sometimes the columns that I write take on this rambling nature, mostly because the dialogue that I am having with myself is accurately portrayed and transcribed on the digital page.
For instance, when I first saw Vanid's user interface, I was impressed with the careful minimalism but wanted to ramble on and on and on about the bottom action bar. A single, solitary bar caused me much vexation. Maybe, if I use my words correctly, I can paint a beautiful picture of why style occasionally fights with form.
I am a man of many words, as you fine readers have grown to understand over the course of my tenure here at WoW Insider. Talking about stuff in the most proverbial sense is where I feel the most comfortable. Sometimes the columns that I write take on this rambling nature, mostly because the dialogue that I am having with myself is accurately portrayed and transcribed on the digital page.
For instance, when I first saw Vanid's user interface, I was impressed with the careful minimalism but wanted to ramble on and on and on about the bottom action bar. A single, solitary bar caused me much vexation. Maybe, if I use my words correctly, I can paint a beautiful picture of why style occasionally fights with form.
Vanid's UI -- healer, priest, bottom-bar UI
Whatcha got for me, Vanid?
Hello!Thanks for the email and the submission, Vanid. We've seen some pretty nice bottom bar UI setups on Reader UI of the Week before, but this one in particular runs with a single action bar -- a feature I have, shall we say, thoughts on.
My name is Vanid from Vashj-EU and I am a holy priest. Ever since I started playing three years ago I've been a huge addon and UI modification fan. My current priest healing UI is the one I am currently the most satisfied with, I've also played a warlock, druid, warrior and shaman before and I've taken some of the important aspects of playing different classes and roles into account while making this UI.
These are the major addons that I am using:
Grid (with various extra modules)
Shadowed Unit Frames
Bartender3
SatrinasBuffFrames
DoTimer
Tidyplates + Threatplates
Skada
Deadly Boss Mods
As you can see in the printscreen everything is very centered around grid, my unit frames are there, important buffs are there, my cooldowns down on the bars are there and my own debuffs. By having all of this in one place I'm not constantly moving my eyes from one end of the screen to the other which gives me more time to focus on the actual mechanics of every fight as well as the "state" of the raid while I am raid leading.
One of the things that I've learned from healing on different classes across two expansions is that while using Grid, my party frames become really useless which is why I resized them and put them in a corner. I keep them because they still provide some utility out of combat.
The basic goal of my UI is to clear up as much space in the middle as I can while maintaining a Grid centered setup where I can access everything I need.
Thank you for reading this! I hope you find inspiration from my UI!
A natural border
My favorite aspect of Vanid's setup is the allowance of space between interface elements, allowing for the background to bleed through enough to create a "natural" border between interface elements. By keeping each bar, timer, and addon a few pixels apart from each other (make sure that you pick a common number for maximum uniformity), the background becomes a de facto separator from addon to addon. What could be done with a simple black bar or kgPanel setup can be accomplished with the game's own world -- truly a user interface that lives on top of the game world.
I am a fan of keeping this separated by small amounts of pixels. While I do enjoy a stacked system of addons that have little to no space in between them, just enough space to separate things out gives the UI that on top of the world feel opposed to here's the stuff that's taking up the bottom of my screen look.
Sit down, kids. I've got words to type. The single bar of action buttons works when you've got a single bar of action buttons to work with, including keybindings and other click-utility buttons. Plus, the single bar is great for saving space and UI height, and I heartily recommend doing it if you can.
There is a style versus function debate, however. If you're the type of player who works better when your action bars closely resemble your keyboard layout, you're going to have a rough time adjusting. I am one such person. My action bars are set up to look exactly like my keyboard, closely assembled to create a "keyboard" experience on the screen. When I need an ability under my finger, I can make an approximation where that key will be based on my hands' spatial positions.
Now, that isn't the case for everyone. I am too fond of an "alt bar" living on top of the main action bar setup that closely resembles the "1-=" keys and their alternative functions. There was a time in my life when my alt bar was to the side of the main bar, and it was unnerving. My eyes began to dart around the screen. I got chills. The reason for the alt functions of many of my abilities, especially as a warrior, was closely tied to abilities that played off of each other. For instance, Charge and my opening threat macro were "1" and "Alt 1" to save time and quickly move from each ability.
The single bar is a great setup, but take it slow if you are someone who likes the traditional double action bar setup.
Since I started writing up Vanid's UI, I wanted to add in a paragraph about Vanid's awesome Grid setup. However, as time went on and paragraphs were formed, I realized that adding in a paragraph about Grid was not really needed. Vanid's Grid setup speaks for itself -- it is central, compact, and pretty. Plenty of notification addons have been added to bolster Grid and make it healer-suitable, while still retaining its prominence as a simple group and raid information hub.
The decision to move and keep the group frames actually works. I was worried when I first read the email since clutter and redundancy is one of the most annoying things about some addons as well as people's UIs. However, Vanid makes the best of space and a simple look to make the redundancy less of an issue and keep the added functionality. The key is simplicity -- the less redundant information in the group frames, the easier it will be on the eyes.
Oh, look, that turned into two paragraphs about Grid and group frames. How careless of me.
Great job, Vanid.
Interested in getting the most out of your user interface? Come back once a week for more examples of reader UIs. For more details on individual addons, check out Addon Spotlight, or visit Addons 101 for help getting started.
Filed under: Add-Ons, Reader UI of the Week
Reader Comments (Page 1 of 1)
Nyxrain May 10th 2011 7:12PM
I think it looks very neat and organized and I have to honest I've never thought of putting the DPS meters on top.
And I like the picture in general, for some reason the text bubble made me giggle.
Khirsah May 10th 2011 8:39PM
And I thought my ui was original. This is very similar to my own, especially the single action bar on the bottom.
I play a rogue, so obviously I'm not healing (sprint + bandage ftw!), but I have a number of abilities that I need to call on.
For those of interested in having a single action bar, I was able to accomplish it by having everything as a simple macro. For example: "/cast (mod:alt) slice and dice; rupture." I tried to put like abilities together as much as possible (s&d/rupture, mutilate/backstab) and in cases where I couldn't, tried to make any connection possible (sprint, pvp trinket because they are both movement related, or feint/tricks because they are both threat related). Sometimes, the connection would only make sense if you're in my head.
Obviously, you could just bind the keys and memorize them, then hide the action bar, but I like to be able to see the tooltips, so each macro starts with "#showtooltip"
I guess whatever works for you is fine, but for me, the macros work great and I have cleared a ton of screen space by dropping action bars. I would reccommend this method to anyone that wants a single action bar set-up.
PS- Make sure to give your macros catchy names and pictures to help remember what everything does while you are learning.
chris May 10th 2011 9:09PM
If you select the red "?" icon, the icon state will update to what ever ability the macro will trigger. So when alt is pressed down, the icon would be that of Slice and Dice, otherwise, it would show Rupture's icon.
I like your macro logic. I so the same thing for my rogue.
Khirsah May 10th 2011 10:09PM
Thanks for the tip about the "?" icon. I'll have to use that. I've only recently started to use them, but I have found a few cool ones. The "one button poisons" (left click for mh, right click for oh, center click for thrown, modifiers for the poisons) saves a ton of action bar space. I use a similar one for my mounts. I also have one that changes my armor set when I change specs, which is handy. Its fun to play with macros. I plan on downloading macaroon, just to see what kind of options open up.
Let me know if you have any other cool ideas.