Reader UI of the Week: Zerene's UI
Each week WoW.com brings you a fresh look at reader submitted UIs. Have a screenshot of your UI you want to submit? Send your screenshots, along with info on what mods you're using, to readerui@wow.com.
Welcome, friends, to another exciting installment of Reader UI of the Week. I get more and more submissions each week from you guys, and that is super exciting. Thank you for all the great user interfaces you've been sending in, and keep them coming! This week, we learn a thing or two from reader Zerene -- gaze upon these screenshots, mortals, and feast your eyes on this week's Reader UI.
Zerene's user interface is interesting and gave me a new appreciation for more minimalist uses of panels and portraits. But first, as always, the floor is Zerene's:
Thank you for the e-mail, Zerene! My first question, while not truly UI related, is how people love their Naga mice? Maybe that's a good question for the comments...
Alright, let's get to the meat of the matter. Zerene's UI is nice and compact, especially in regards to paneling. We can learn a few things from Zerene! There is a lot to like here.
Fontabulous
I have talked about fonts before, but I love hammering home this point -- fonts give character, personality and emotion to the words displayed in those fonts. Zerene's font usage was off-putting to me at first, and then the more I thought about it and poured over the screenshots, the more the font choices grew on me. Some fonts are there for fun, while others are there for ease of reading. Personally, I like to stick to one or two fonts the bring the whole user interface more consistency, but Zerene's fun fonts are definitely eye-catching. A font addon such as Fontain or Zerene's preferred Clearfont are awesome for getting some excellent, interesting fonts into your addon collection. I especially like the target and player name font -- the Diablo-esque lettering gives the frames a more movie-esque quality, something fun and cinematic amidst a sea of information vital to the Lich King's downfall.
One of the biggest lessons to remember about fonts are that they are a personal experience. No one sees your fonts but you, which is a huge advantage.
Download Fontain at [Curse].
Keen Frames
We begin with a confession -- I hate portraits. I never liked them. They take up a lot of space, distract me from other movement on my screen, and just felt completely unnecessary. I am happy to say that Zerene's stylized portraits as her player and target frames have significantly changed my opinions on portraits. Creating a slim, stylized portrait is an awesome addition to a user interface that wants to have a more game-y feel, which is something I don't see enough of. I'm part of that problem, I think. I choose function and style over the superfluous. Zerene's portraits are an awesome counterpoint to that philosophy. I love them, can't get enough of them, and want to include something fun and stylized in my own UI. Good show. Pitbull is an excellent choice in dealing with unit frames, target and player frames, and portraits -- just be ready to tinker with the options for awhile before getting it perfect. Definitely a plus.
Download Pitbull at [Curse] or [WoWInterface].
The Slim Bar
Not all framing has to be huge. Zerene's user interface is pared down out of combat to fit neatly into the small horizontal bar placed across the bottom of the screen, contrasting the buttons against the world around them. It's a beautiful setup and sets a defined location for where other pieces of the interface can cling to when in a raid or group. The user interface has a ground to grow from, so to speak. Creating a centralized point, or in Zerene's case, a line, allows the player to build off of a specific point and keep things clean. The slim bar philosophy is pretty neat, and definitely looks great in any situation. Zerene uses eepanels, but it is a little difficult to find these days, so I recommend kgPanels as usual.
Download kgPanels at [Curse].
The Raid Game
Zerene's Raid interface grows nicely upwards from the "at rest" interface. Key information is displayed above the main slim bar and the cooldown bar at the bottom of the screen monitors vital timers. Zerene is working with some pretty large real estate, so most raid addons are not going to be too invasive. Separating out buffs based on long and short duration is a great way to keep the screen clutter-free and to prevent one list of buffs from overtaking your screen. All in all, a decent raid setup for a DPS class.
That's it for this week's Reader UI. I hope you enjoyed pouring over fonts like I did. I guess, really, I'm too focused on the user interface as a tool and forget sometimes the fluffy stuff can add some real awesome character to the gameplay experience. See? My heart is not cold and minimalist. I can accept portraits and many fonts. Take Zerene's user interface and grab some awesome ideas!
Topic for the comments this week, as stated above -- Naga mouse? Yea? Nay? It has some pretty nifty interface options, but I don't know...
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, your source for everything addon-related.
Welcome, friends, to another exciting installment of Reader UI of the Week. I get more and more submissions each week from you guys, and that is super exciting. Thank you for all the great user interfaces you've been sending in, and keep them coming! This week, we learn a thing or two from reader Zerene -- gaze upon these screenshots, mortals, and feast your eyes on this week's Reader UI.
Zerene's user interface is interesting and gave me a new appreciation for more minimalist uses of panels and portraits. But first, as always, the floor is Zerene's:
Hey there,
Just thought I'd share my UI. It's a constant work in progress (as i'm sure most are) but I've reached one of those rare points where I'm happy with it for more than five minutes. I play a healer occasionally and I tanked through all of BC, though my main is currently my warlock. For all four of my raiding characters, I created a custom color scheme using skinner, eepanels (yup, it still works, and I'm too lazy to update it) Pitbull, and buttonfacade. I use a Nostromo N52te and a Naga mouse, so I have a rediculous number of buttons to bind everything to. I make heavy use of Opie, and Bartender's bar hiding, to reduce the amount of clutter.
I'm also slowing transitioning over to Skada from recount and omen. I use Elkano Buffbars to split long and short duration buffs - Long buffs are longer than 5 minutes and in the upper right hand corner of my screen, and short buffs come up right next to my character frame. Speaking of, my health and mana will change color when low - as will my character's name and title, turning from class colored to red at 50%, and black at 25% health remaining.
Other addons of note: WIM is awesome, Atlasloot and DBM (obviously), Mik's Scrolling Battle Text makes me happy, Clearfont (another "dead" addon that still works fine. And that I've added a few fonts to :/) I've got a Fubar, um, bar, running at the top of the screen set to autohide until I mouse over it, holding GuildFu, LocationFu, MoneyFu, MiniPrefsFu, HonorFu, FactionsFu, CraftTimersFu, and DuraTek. I run Baggins, which is great for me since I'm a huge packrat and keep all the tier gear that I've come across. I've got sections in my bank for all 10 tiers, as well as vintage and holiday or vanity gear. I use a very modified Grid. Basically it just shows names as classcolors, which tells me if they're alive or dead. Hey, I'm a warlock. The hell do i care how much health someone has?! Of course this is moved on my tank and healer to front and center...
The last two vital addons are Power Auras and ForteXorcist. I can't express how vital both of these are to raiding for me. I track all my procs through Power Auras, and all my affliction dot timing... and DK diseases... and basically everything else... through FX.
I run a ton and a half of addons, but lastly I want to toss some props at the simply awesome ZeldaLoot. Definitely the one addon that makes me the happiest - it plays sounds from Ocarina of Time whenever you loot something, from greens up to legendaries! It was awesome enough for Geddon to drop my warrior a binding - it was even better to loot it and hear the sound of pulling the Master Sword :).
Thanks!
-Zerene, Alliance, Haomarush-US
Thank you for the e-mail, Zerene! My first question, while not truly UI related, is how people love their Naga mice? Maybe that's a good question for the comments...
Alright, let's get to the meat of the matter. Zerene's UI is nice and compact, especially in regards to paneling. We can learn a few things from Zerene! There is a lot to like here.
Fontabulous
I have talked about fonts before, but I love hammering home this point -- fonts give character, personality and emotion to the words displayed in those fonts. Zerene's font usage was off-putting to me at first, and then the more I thought about it and poured over the screenshots, the more the font choices grew on me. Some fonts are there for fun, while others are there for ease of reading. Personally, I like to stick to one or two fonts the bring the whole user interface more consistency, but Zerene's fun fonts are definitely eye-catching. A font addon such as Fontain or Zerene's preferred Clearfont are awesome for getting some excellent, interesting fonts into your addon collection. I especially like the target and player name font -- the Diablo-esque lettering gives the frames a more movie-esque quality, something fun and cinematic amidst a sea of information vital to the Lich King's downfall.
One of the biggest lessons to remember about fonts are that they are a personal experience. No one sees your fonts but you, which is a huge advantage.
Download Fontain at [Curse].
Keen Frames
We begin with a confession -- I hate portraits. I never liked them. They take up a lot of space, distract me from other movement on my screen, and just felt completely unnecessary. I am happy to say that Zerene's stylized portraits as her player and target frames have significantly changed my opinions on portraits. Creating a slim, stylized portrait is an awesome addition to a user interface that wants to have a more game-y feel, which is something I don't see enough of. I'm part of that problem, I think. I choose function and style over the superfluous. Zerene's portraits are an awesome counterpoint to that philosophy. I love them, can't get enough of them, and want to include something fun and stylized in my own UI. Good show. Pitbull is an excellent choice in dealing with unit frames, target and player frames, and portraits -- just be ready to tinker with the options for awhile before getting it perfect. Definitely a plus.
Download Pitbull at [Curse] or [WoWInterface].
The Slim Bar
Not all framing has to be huge. Zerene's user interface is pared down out of combat to fit neatly into the small horizontal bar placed across the bottom of the screen, contrasting the buttons against the world around them. It's a beautiful setup and sets a defined location for where other pieces of the interface can cling to when in a raid or group. The user interface has a ground to grow from, so to speak. Creating a centralized point, or in Zerene's case, a line, allows the player to build off of a specific point and keep things clean. The slim bar philosophy is pretty neat, and definitely looks great in any situation. Zerene uses eepanels, but it is a little difficult to find these days, so I recommend kgPanels as usual.
Download kgPanels at [Curse].
The Raid Game
Zerene's Raid interface grows nicely upwards from the "at rest" interface. Key information is displayed above the main slim bar and the cooldown bar at the bottom of the screen monitors vital timers. Zerene is working with some pretty large real estate, so most raid addons are not going to be too invasive. Separating out buffs based on long and short duration is a great way to keep the screen clutter-free and to prevent one list of buffs from overtaking your screen. All in all, a decent raid setup for a DPS class.
That's it for this week's Reader UI. I hope you enjoyed pouring over fonts like I did. I guess, really, I'm too focused on the user interface as a tool and forget sometimes the fluffy stuff can add some real awesome character to the gameplay experience. See? My heart is not cold and minimalist. I can accept portraits and many fonts. Take Zerene's user interface and grab some awesome ideas!
Topic for the comments this week, as stated above -- Naga mouse? Yea? Nay? It has some pretty nifty interface options, but I don't know...
Filed under: Add-Ons, Reader UI of the Week
Patch 5.3 interview with Ghostcrawler
Mystery of the Unborn Val'kyr
The latest patch 5.3 news
All of the latest Mists of Pandaria news








Reader Comments (Page 3 of 4)
Lavoz Mar 30th 2010 4:41PM
Awesome, Zerena! I love you interface! One question though, concerning the Razor Naga. Do you use one? And if you do, did you manage to pull off using one well when you're bars are horizontal? I have my bar set in a 3x4 shape, to match the buttons on the Naga. It's easier, but takes up more space. Maybe I'm just too lazy to learn hotkeys. *grin*
Thanks for submitting! I'll go around tweaking my own interface now.
Alex Mar 30th 2010 4:59PM
I absolutely do use both the Naga and the Nostromo. If you look below the player and target portraits, i have two rows of buttons. the left, which are most of my primary abilities, are mapped to the nostromo. i've got a few things inbetween, like my bloodelf orb (totally a dps boost) and then the row on the right, which is mapped to the naga. most of those are spells that aren't necessary every fight, but i'd still want mapped to something - like dem circle summon, banish, death coil, searing pain, etc.
it is DEFINITELY easier to lay them out in a block while you're learning the naga keys. i've had it for about six months now, so i'm pretty comfortable with it. it all comes down to how comfortable you are with it.
Diavola Mar 30th 2010 5:01PM
Lots of warlock UI's lately. I like it. Comparing their UI's to each other and to mine invites some interesting possibilities. I can't believe how different they often are to do the same exact thing!
Tamerlane Mar 30th 2010 5:23PM
Question: What name plates are those?
Alex Mar 30th 2010 5:32PM
TidyPlates. Currently using the "AAAHHH MY EYES!!!" theme :)
buzzrick Mar 30th 2010 5:39PM
I have a naga, but I don't use the Naga addon. It totally messed up my bars so I uninstalled it pretty quickly. I just use it with BindPad binding commands to the numberlock keys.
The forward and back buttons beside the mouse button are a bit of a pain to get used to because you have to use your index finger instead of your thumb, but i'm happy with them now. I actually have to get used to going back to a normal mouse now.
Probably the biggest gripe that I have is that sometimes the left/right buttons stop working, (they do kind of a weird half click on an icon, where the icon gets selected then deselected but the action doesn't happen). You have to click the forward button to make them work again. It's almost like it's expecting a two button combination or something.
Still, it's a great mouse. I like it.
Joel Mar 30th 2010 6:44PM
I reall really REALLY dig your minimalist UI.
What I would like to see in this column us a minimalist UI that looks clean, works well across multiple classes and rolls, and uses minimal addons or atleast LIGHT addons. My main comp isn't cutting edge, and my laptop seriously lacks power. This is something I will work on, maybe some of yall could give me some addon advice? I mostly PVP and 5 man pve. I use bartender, and have experimented with pitbull.
Alex Mar 30th 2010 7:16PM
Thanks! :)
That was actually one of my goals with my UI - to make something that is functional across my four (x.x) level 80 characters. I'd strongly recommend bartender, skada, pitbull, and quartz to start. Pitbull4 is MUCH lighter than it's previous incarnations in terms of system resources, and both PB and Skada allow you to disable components you're not using. Skada replaces recount and omen very well. I've actually done some work on my UI since submitting these shots, and i've actually totally dropped both recount and omen in favor of Skada's damage and threat meters. If you're tight on resources, i'd strongly suggest it.
Worcester Mar 30th 2010 6:50PM
Yeah, I tried that when I first got it. The problem is the device is just a bit too big for my Hobbit hands. I can't reach any of the top buttons if I'm moving with my thumb. I'm getting a bit better at using it, so I might try the thumb method again.
Although, strafing is still going to be a problem. Most classes might not use it much, but I strafe much more often than I actually turn since it keeps my target in view. I can still use the mouse to strafe, but once again that takes my cursor out of play.
Thanks for the advice, though!
splodesondeath Mar 30th 2010 7:19PM
I really like the way you have your kgpanels and button facade set up. I've pondered it and fiddled with it a little, but without success. I want to make the buttons shinier (gloss is at 100%, so I don't know where to go from there), and I'm also trying to make my kgPanels not look horrendous, but I really like yours. Is there a fast way to make them look like the screenshot?
Alex Mar 30th 2010 8:11PM
I use the Darkage skin for my bars, with a dark grey gloss and white flash. I actually have it turned down to 0% Gloss, and then i use BT to cut the visibility.
eePanels (and, i guess, kgPanels, though i've never used it) is a pain in the ass. The background color for my abilitybar is a slate grey, and the gradient color is black.
Vjava Mar 30th 2010 9:06PM
I use the Naga with my mac and it works like a charm. If youare using it with dominos or bartender, I found it helpfull to make your bars 3x4 coloums to mimic the pad on the mouse. This makes it a lot easier to get used to than 12x1. Also, the UI is nice.
TheVygs Mar 30th 2010 9:13PM
Is that portrait setting a feature in Pitbull 4.0? I love that setting but I don't want to mess around with Pitbull if that setting isn't already in there (still have nightmares of trying to configure Pitbull 3.0 vs Xperl or ShadowedUnitFrames).
And Zerene, love the UI, lots of inspiration!
Alex Mar 30th 2010 9:57PM
Thanks so much! Yes, it's in Pitbull. Enable portraits (indicators-portrait) then position it in the health or power bar spot.
Though, any time you do anything with pitbull, expect it to take a while...
Snuzzle Mar 30th 2010 11:19PM
Is it just me or are the pictures not linking to their larger counterparts when clicked?
Snuzzle Mar 30th 2010 11:20PM
OH SURE NOW THAT I POST THEY WORK. -_-
invadermak72 Mar 30th 2010 11:26PM
I love my Naga, and have gotten to the point where I can't tank without it. My main is a warrior, and I have all 12 buttons and am using the ctrl modifier to get access to a second set of 12 abilities. Although to be honest when I'm dpsing i rarely use the second page.
terph Mar 31st 2010 2:29AM
This is a lovely UI, but it's clearly on a big screen with high resolution. I'd love to see some UI options for the player with small monitor real estate. I have a very crisp display but it's only 15.4"...not much room for things unless I want to get reading glasses. Let's see some Tiny Screen submissions!
Jeanluc Mar 31st 2010 2:02PM
Yet another UI that clearly uses a massive resolution. I think it's time I got a new monitor.
Thosaquinas Mar 31st 2010 10:29AM
I have the Naga. I like it for a couple of reasons.
1) Disregarding the extra 12 buttons, I find it to be the most comfortable mouse I've ever used ( and I have used many.) It is particularly easy to pick up and replace without accidentally pressing a button and without re-conforming your hand.
2) The buttons! I have a G13 for my left hand and find I generally can't develop muscle memory for all 24 buttons so I use fewer than are available (even though there are more things I want to keybind). Moving some lesser used functions to the right hand's thumb allowed me to develop muscle memory for them.
Some other comments:
*I don't/would not put frequently used actions there as I think that an RSI to your thumb is likely.
*Reaching all twelve buttons with your thumb can be a bit awkward.
*Setup was a cinch even before the new software came out. I just used Bartender to map all the numpad keys to a button bar. I never used the provided UI addon because I use Bartender.
*Razer's mouse control allows you to set different speeds for the X and Y axis which at first seemed odd but I tried it and I provides a huge improvement to how much I physically move the mouse. I now get even less exercise while playing :-)