Reader UI of the Week: Clear goals make better interfaces
Have you ever been in the situation where something that you had utterly convinced yourself was out of reach was in fact right in front of you the whole time? Sometimes people just don't know that they've got the right thing working for them when it's already working. I suspect that many people feel this way about their user interfaces and the addons that they choose to use during their play experience. One of the reasons people are in such positions is because they don't have clear goals set when they begin to tinker with their user interfaces.
Addon newcomer Curokk doesn't know how good he has it already. With a few clear-cut goals, Curokk's interface is a solid piece of simplicity and function. Primarily a 5-man dungeon type of player with Raid Finder aspirations, Curokk forged his setup in the boredom and hopelessness that is the Time Lost Proto-Drake hunt. It features nice borders, a simple layout, and a whole bunch of screen real estate left open to view all the pretty action for his shaman to experience. Let's see what Curokk has to say about his UI, whether we can help out some ... and if he actually got the Time Lost Proto-Drake during all that UI building.
Yeah, he got the drake. Keep reading anyway.
Curokk's UI: bottom-bar UI, shaman UI, forged in Time Lost hellfire.
Dear Mat,Thanks for the submission and the email, Curokk, and congratulations on your Time Lost Proto-Drake. He's haunted my mind for a long time, but I have since given up on ever seeing that inept, time-traveling jerk soaring through the Storm Peaks. Next time, I hope that fool gets lost in End Time. That place is awfully barren.
I am kinda new to the UI/Addon game and was hoping to get some feedback or suggestions for my UI. I started using addons a couple of months ago, while grinding rep for the Netherwing drakes. I kept seeing NPCscan come up in the blogs and guides so I decided to try it out (there seemed to be some confusion as to if you could use it to find nether eggs, but I figured while out in that hell hole I'd at least nab me a rare or two). NPCscan found me all 3 rares in Shadowmoon Valley and I fell in love with it. I decided to go after some other rares and thought the Time-Lost Proto Drake sounded awesome. Right. Well, while camping for that bastard I had a lot of time on my hands and I started to get curious about what other addons there could be that I was missing. I've been playing wow for years now so I've known about addons, I was just always a little scared of them. That's were WOWinsider came in. I read WI most days, so I knew you wrote a column on addons and had made a 101 serious. I read them all. Then I read the UIs of the week and couldn't believe how great some peoples UIs looked. So I went to Curse and I went a little crazy. I know your guide said to take it slow but I couldn't help myself. I downloaded a ton of addons and went at it. And after a couple weeks of screw ups and crying, I think I have a UI I am proud of. Wow... that was long.
I play primarily PVE usually 5 mans. So a lot of Zuls. Like 100 each. Really need some new dungeons. I don't really raid much unless it's a quick pug (haha) and I use SUF as my raid bars. I'm one of those people looking forward to the raid finder. Or at least the idea of it. I also have been soloing, going for some achieves. I play a ele/resto shaman, w/ ele as primary but I do heal frequently. I wanted the following for my UI:
- Symmetry: I like having my screen with some balance to it.
- Bottom Bar/framed: I like the feel on how a bottom bar layout looks. Granted mine isn't straight across, but the concept is there. Combined with Titanpanel and playing almost feels like a letterbox movie.
- Utility with my specs: I wanted to change as little as possible when switching from ele to resto. One of the reasons the party bars are still as large as they are. I played around with making them smaller, but it was hard to adjust to healing like that. I rarely raid so large healing addons weren't necessary.
- Simplicity: I wanted as much screen space as I could to just show the game.
So my set up has Chatter on one side and my map and DPS meter equal to it on the other. My bars in the middle, with my totems front and center (I am SHAMAN). Kgpanels frame all my bottom info, but no art, just frames. My player bar is opposite my target, with both cast bars underneath. My player bar fades when out of combat and full health. Nice and simple.
Well that's my interface; let me know what you think. I love the column it's one of my new favorites.
Curokk, Shammy (Wildhammer US)
P.S. I'm looking for an addon that shows me on my target any buff that purge can dispel. Like really shows it. SUF has a setting for spell steal but it doesn't seem to show for purge. Maybe a WI reader has one?
P.P.S. yea that last pic is me with the TLPD. Yea.
Goals are good
Curokk's four interface goals, as outlined in his email and submission, are the beginnings to great user interfaces. The best productions begin with a good producer, and the best interfaces begin with a good foundation of what you want to accomplish. Let's take a look at Curokk's rules and goals.
Symmetry The human body is mostly symmetrical, including our brains and bones. That's a lot of innate symmetry that we as creatures experience from our first moments. Therefore, it is easy to see why we have an affinity for symmetry. Some aspects of symmetry are weird and unnerving, like those pictures of people with symmetrical faces. Don't look them up. It's weird.
We like symmetry because it also represents some kind of order. Order is good because we are in control. Curokk's symmetry isn't perfect symmetry, but it works astoundingly well given the addons he has chosen for the bottom bar. As Curokk puts it, balance is very important to a user interface because we are depending on this construct to give us the information we want when we want it, in a clean and understandable manner.
Curokk has created segments for each of his bottom bar areas -- chat, buttons, map, and meters. While the DPS meter is a little large for my taste, I understand that it is in such a place to fill gaps. The minimap's being off-corner and off-center was also weird at first, but after a minute or two, it made more sense. Notice also that the symmetry is kept up through the height of the bottom bar, never letting addons breach up past a certain point. Good symmetry is about limits. Limiting how far up your addons reach is a great way to begin crafting something similar.
Framing the play space Curokk's second goal was to frame his WoW experience like a letterboxed movie, using the bottom bar addons and the top Titan Panel to contain the game world in the middle. I like this train of thought and subscribe to it myself. Free-floating pieces in the middle of the screen are at a minimum, and the interface world of WoW lives in very specific places.
Curokk accomplishes this framing with a staggered bottom bar that fills in with in-combat addons and features while being rudimentary during the off-hours. Just remember that if you want to frame your WoW game with addons but don't want to use an addon that changes your game's resolution or put it in a box, think long and hard about transparency and whether you want your addons to bleed the world behind them through. You will want to copy a little of what Curokk did and very thoughtfully border your addons so they stand out from the world around them.
Simplicity The final goal of Curokk's user interface was simplicity. Simplicity doesn't always mean Spartan, however. Simple UIs can be UIs that don't use a lot of macros, UIs that don't have a ton of addons, UIs that only use a certain amount of screen space, UIs that keep things relatively small, or a million other examples. The opposite of simple is complex or complicated, and you are hard-pressed to make an extremely complicated UI in WoW -- you just don't need it these days.
So how do you achieve simplicity while living in a world where there are a million addons for everything and you just want it all? Simplicity is simple -- don't use what you don't need. The first step in simplifying your UI life is to just disable the pieces you don't need. Don't delete stuff right away. Just disable addons that either take up too much room, size them down, or start thinking critically about the things you use certain addons for. Do you really need both Skada and Recount? Does your minimap really need to have all of those notification markers on it? Is your game experience any better with two raid encounter addons? Believe me, there are people with more than two.
Get your hands dirty
Following simple rules and setting goals for yourself are two of the biggest themes of Reader UI of the Week. This column and UI design in general are about getting your hands dirty and learning a thing or two about the mechanics behind the game you play and how to tweak them.
It's very weird for me playing Star Wars: The Old Republic right now because of the complete lack of interface modding available besides what is in game right now. I wish you could see the sheets of paper I have at my desk as I draw out new interfaces for my Jedi Knight. The most interesting part of the interfaces that I draw out for WoW is that I can actually create them right now.
You've got a great setup, Curokk, and a good set of rules and goals to follow and strive for. Just for kicks and the happy moment and all, here is the final screen shot I got from Curokk, happily astride his well-earned Time Lost Proto-Drake. Good job!
Filed under: Add-Ons, Reader UI of the Week









Reader Comments (Page 1 of 1)
anuillae Dec 20th 2011 6:09PM
Obviously, I had to look up the people with symmetrical faces.
Bloody hell, that's weird.
Schadow Dec 20th 2011 6:32PM
Can we get some non-DPS UIs happening? DPS don't need as much information, so of course their UIs are going to be nice and clean.
Don't get me wrong - that's a lovely UI with lots of nice screen real estate and all that good stuff, but when you don't really care who has aggro or is low on health or who is tanking what because all you do is pew pew pew, it's not hard to get by on minimal information (and hence a minimal interface).
Look at this week's - the largest elements are chat and Recount. There's no focus happening for focus macros, no Grid/VuhDo/Healbot for healing/taunting/cleansing, no DBM warnings, nothing showing tanks and tank targets.
People who like this UI may copy it, but when they get into raids they will be a bit lost in the weeds with regard to where to put all the extra stuff while maintaining the efficiency and aesthetics of the layout.
I think people could use some examples of really clean and really functional raid layouts, showing all the bells and whistles.
I would specifically like to see some raid tank UIs, and not sitting around town with everything hidden, but in combat with all the information coming in.
Caelys Dec 20th 2011 7:23PM
While my UI is set up for shadow priesting, I was a healer since BC and can't shake things like always having Grid (dropping shadow form to heal in a pinch kind of helps when I can see who is taking damage, fancy that), and I have a whole set of Power Auras for when I do have to heal for my guild. My grid is set up for healing notifications for all my healing capable characters (since I use my UI interchangably between all my characters), and to know who is tanking, or rather who has aggro.
See UI link here :)
http://i1122.photobucket.com/albums/l532/mnemonics01/WoWScrnShot_121411_192057.jpg
I've been meaning to send in my UI with a general synopsis of what I aim for with my UI, I've just been super lazy. :3
Pyromelter Dec 20th 2011 7:45PM
schadow, see my post just under this for a good healer UI setup video on youtube (that response was meant for you).
Erebos Dec 20th 2011 11:16PM
Caelys, I'm really interested in what's tracking debuffs on the boss. It looks to me like you use Stuf Unit Frames(?), but the buff/debuff icons it has built in are horrid. I'm using Raven right now but it doesn't show everything, and I like your setup.
datgrl Dec 21st 2011 6:14AM
Caelys - how do you get the buffs lined up like you have them at the top of your screen? With timers?
Pyromelter Dec 20th 2011 7:35PM
"I would specifically like to see some raid tank UIs, and not sitting around town with everything hidden, but in combat with all the information coming in."
I've been recommending this for... well pretty much forever, but until McCurley makes a point to say "Screenshots must be in 10 or 25 man raid or I'm not posting them," it's probably not going to happen.
Also he has done plenty of healer type UI's in the past, but the best one I've seen (not on wow insider) is the healer chick from tankspot (I can't post her name for some reason because wowinsider blocks it... what up with that?). If anyone is interested, here is a link to her UI setup:
http://youtu.be/8vbf-O_U09c
Pretty good explanation of how she sets up her Grid too, which is what I would use if I ever wanted to raid heal (which I don't, so I don't bother with grid).
Pyromelter Dec 20th 2011 7:42PM
That UI looks almost exactly like mine. If I was healing (and I never would be in a raid, but if I was), what I would do is move the totem buff bar to the left of the circular totem action bars, I would lock the unit frames lower just above the action bars and spread them out, and then between the unit frames or just above them, again locked on top of the bottom box, I'd put my raid frames right in there (sort of just under the feet of my character). They would have to be reduced in size versus the current party frame sizes he has, but I like that center-bottom position for healing the best.
He would also have to move the quartz cast bar, I would just shrink that bar to the size of the unit frame, and then lock the cast bar above the health portion of the unit frame. I like doing this for the target and target-target too, incase I need to interrupt, and also for the focus. My focus would be just above the chat frame.
The only thing I would really do different than what he has done would be that cast bar... I like mine thicker (north-south) but less wide.
Curokk Dec 20th 2011 7:49PM
Wow, it’s pretty cool to open the page for UI of the week and see your submission. Thanks Matt!
Just to update; I’ve since found myself doing more raiding and healing more and more so I’ve changed a couple things. I use ForteX for cooldown tracking, and I settled on Grid2 for my raid bars. I tried Grid and Vuhdo but I find Grid2 to be very user friendly. I can see Schadow’s points above, which is why I ending up removing the totems in the center and placing my Grid there. The player and target frames where moved down and I shrunk the action bars (clique and keybinds help there).
Pyromelter Dec 20th 2011 11:19PM
Dude I swear to the titans your brain and mine think exactly alike. Earlier versions of my own UI had party and raid frames on the left side of my screen too, and you pretty much have already done exactly what I did in the past (as well as what I suggested above).
/brofist
Rosoe Dec 20th 2011 11:19PM
I'd like to hear a little bit about what add-ons you use for this set-up. It's really nice-looking!
Curokk Dec 21st 2011 6:17AM
Hey guys here's a list of what I was using then:
NPCScan, ACP, Auctioneer, Bagnon, Bartender4,
Chatter, DBM, eAlign, fbngBuffFrames, kgPanels
Mappy, Masque, MSBT, Postal, Quartz, ShadowedUF, Skada, TidyPlates, Tiptac, Titanpanel ( with multiple plugins) and TotemTImers.
Since then I've added some more to help with raiding. Grid2 & Clique like I said. Power auras helps track stuff on screen (looking at you heart of unliving). Forte exorcist for cooldowns. I added Opie which let me get rid of a ton of stuff I had on my action bars. RSA to get people in pugs to actually use my spirit link. And 2 Titan plugins; saved instances & micromenu I would definitely recommend. I still try to keep a lot of free space to enjoy the game
Camo Dec 21st 2011 6:54AM
Things I would change or review:
Titanpanel: as a whole or parts.
XP tracker is useless at level cap and ask yourself what information you NEED to see there.
Bagspace and gold is just a button push away. Do you need to know your current location? Your FPS/latency/memory usage?
Minimap buttons: do you use them to access the config? How often do you use them?
Skada can be opened through the meter, bartender through /bt and buttonface (it's called masque now) via /msq.
I would put the search/LFG/BG/difficulty/etc. buttons in the corners.
MSBT: the font.
I would change the size and scroll areas, too, but that could depend on your chosen font.
Masque: the different button skins don't match.
Other than those points it's pretty clean and I wish I could go back to that state.
Randomize Dec 20th 2011 11:47PM
To be honest, the only thing bugging me right now in ToR is the lack of modding. I'm only level 20 and I need more bar space, some sort of power aura, bigger ops frames, and a threat and dps meter. None of this is standard but if I could get addons to do the job it would be great.
mavraen Dec 21st 2011 8:59AM
I wholeheartedly agree!
datgrl Dec 21st 2011 6:12AM
What's 'SUF'? It's nice to have a list of all the addons that someone uses in their UI when they are featured. I got KG Panels and Chatter.
awsemogreeb Dec 21st 2011 7:07AM
Shadowed Unit Frames.
http://www.curse.com/addons/wow/shadowed-unit-frames
arbitrary Dec 21st 2011 12:46PM
Mat... this is what I want... does it exist? Help!
I want to know how much effective heath each player has in Grid. I want an extra health bar that overlay's the regular health bar showing the total of Aegis+blood shield +PW:s + etc... Maybe a nice see-through light blue color so I can see the real health underneath.
I've seen this for individual unit frames, but I want it for Party/Raid.
Thanks! Love your addon spotlight.
Ominous Dec 21st 2011 10:05PM
It's nice to see clean / minimal UIs, like this one.
Good job.