Reader UI of the Week: Working with non-widescreen monitors
Each week, WoW Insider and Mathew McCurley bring 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, and follow Mathew on Twitter.
Another day, another call for help from a community member in need. What are we to do, ladies and gents? Not help out this poor soul? Stand idly by when one of our own is in need? No. That's not what we do. We are a loving and caring bunch, a proud and patient people, who take in those downtrodden and emerge with happiness and love in our hearts. Or whatever.
Lellee is asking for help. With a non-widescreen monitor and certain UI principles set in stone, we have our work cut out for us. But using solid UI-building tactics and moving out of comfort zones, I think we have the ability to turn this UI into something more akin to the solid and suave-looking examples that this column has showcased before. It just takes time, patience, and a little bit of planning. At this point, it isn't even the addons -- it's all about what you do with them. Read on, champions!
Tell us of your plight, Lellee:
The space you have
The first thing you're going to want to do is draw a picture of your user interface. I love pictures because they are not hard to customize and you don't need any configuration experience to do it. Draw out what you wish your UI could look like. Put in realistically sized boxes for your addons, and don't make things smaller than you really think they would be on the real version.
You will covet widescreen UIs until you get a widescreen monitor yourself. There is nothing wrong with you; the widescreen setup gives you more workspace to deal with and provides that crucial extra width that just feels right. I went for a long time on my standard, squarish monitor, and my life was never the same after the widescreen came into my life. Monitors are pretty cheap these days, especially from a place like Newegg, so if you are so inclined, find a way to get a widescreen monitor for cheap. If you're that worried about the size of your screen and monitor, it's the most bang for your peace-of-mind buck.
Getting rid of floating addons
Now that you understand the space that you have, you have to begin to populate only areas of the screen that you're devoting to static UI elements. Which pieces of your UI never change? Which pieces will stay static no matter what fight you're in or whether you are grouping or raiding? Not only that, but you're going to want to keep parts of the screen open and available for notifications like cooldowns or DBM warnings.
Your current UI feels like it has too much space in between addons. By condensing your UI, especially the bottom bag bar and chat frame, you could gain a lot of space in the middle of the screen. Pull it all down and layer everything in a nice, neat way. MBF could be moved up next to the minimap, and your buffs can be turned into bars rather than the huge buttons that dominate the top of the screen.
I understand having bad vision; I am the same way and use larger addons and scale things out more than I'd like to. The way to combat this is to make things bigger but stack them with defined borders so that you can quickly see the information you're looking for. In most addon configuration utilities, you will find a Border option. Tinker around with it and add some nice, defining outlines to your addons for easier visibility.
Redundancy is the enemy
For you, Lellee, you're going to need to trim down redundancy if you want to free up more space. Omen and Recount can be combined with Skada to turn two windows into one. XPerl needs to go in favor of your main Grid setup. Look around for Grid addons or utilities that add whatever buffs or debuffs you feel Grid is missing; people write these little addons for Grid all the time. If you ask in the comments here about what specifically Grid isn't showing, I am sure someone will have the answer. Since I don't know exactly which debuffs and information you're looking for, I cannot recommend anything, but we most likely can in the comments.
If you're looking to save space on cooldowns and ability notifications, you might want to try sticking all of that onto a ForteXorcist or Sexycooldown bar and scaling that on top of your action bars. It's a different way of looking at cooldowns and notifications, but it's fairly easy to configure and keeps a mess on just one sliding bar.
A chat addon could help reposition your chat edit box and get rid of some of the chat interface for more room.
I know the feeling
I know what it feels like to put yourself through the paces of figuring this all out. My best advice is to trim down the addons until you have what you want as the core setup, only add what you can reliably fit, draw pictures to help you plan, and get rid of the wasted, floating space between addons. You don't need a widescreen monitor to achieve UI cleanliness, but it helps if you've got that extra couple of bucks around.
Again, the best advice I can give is take it one addon at a time. Get that picture in your mind. Hell, copy someone else's setup. We've got a gallery full of UIs that can be adapted to your needs that barely need any customization at all. The key is patience and fortitude, and you will be ridiculously impressed with your own results if you give it the time it needs.
See you guys next week.
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.
Another day, another call for help from a community member in need. What are we to do, ladies and gents? Not help out this poor soul? Stand idly by when one of our own is in need? No. That's not what we do. We are a loving and caring bunch, a proud and patient people, who take in those downtrodden and emerge with happiness and love in our hearts. Or whatever.
Lellee is asking for help. With a non-widescreen monitor and certain UI principles set in stone, we have our work cut out for us. But using solid UI-building tactics and moving out of comfort zones, I think we have the ability to turn this UI into something more akin to the solid and suave-looking examples that this column has showcased before. It just takes time, patience, and a little bit of planning. At this point, it isn't even the addons -- it's all about what you do with them. Read on, champions!
Tell us of your plight, Lellee:
I've had the same UI for years. The biggest changes I've made have been one addon for another. FuBar got switched to ChocolateBar, Healbot to Grid+Clique, only because I had issues with both. I see other people's amazing UIs, and I wish I could have them, but there are so many roadblocks. I'm so picky, which is why every time I've tossed out all my addons, my UI looks pretty much the same when I remake it.Thanks for the email, Lellee. Attaining the type of UI you want is not always the easiest thing to do, but it can be done and done easily if you give it a little thought, planning, and time. Frustration is one of those big hurdles in planning and tinkering with your personal space that can seem daunting but can be extremely rewarding at the same time. Let's parse your UI and see if we can come up with some ways of getting your setup closer to what you want.
I have bad vision. I do wear glasses, but I'm able to play longer when things are bigger because my eyes strain less.What else do I want out of a UI? I want more space, I want to know more cooldowns and short-buff times, and I want to be able to see everything too, all on a 19" monitor. I know this and a more organized UI that doesn't have my eyes darting everywhere will make me a better player, but I simply don't know how to accomplish it.
- I like every addon that does something/need configuring, all info (like XP and rep), and every spell to be readily available, the less chat commands to remember the better. That's why I use ChocolateBar and MiniMapButton Frame, but something has to give. I refuse to consolidate my buffs, because I forget to ask for them when they're not on.
- I have three 85s, all healers, (soon to be four since I'm adding a tanking/dps DK) and a bunch of alts, all the way down. I like most addons to be usable by all and for UIs to look nice on a leveling character, a dungeoning character, a farmer, and my raider main. I like things to be similar across them, even keybindings.
- I don't have a widescreen monitor (mine is 19"), but for some reason, widescreen UIs captivate me.
- I use XPerl for raid frames, but I shouldn't really need it (save for player frames because it's pretty), because I have Grid for raid frames, but I can't get Grid to display certain raid debuffs like XPerl, nor can I get XPerl to display healing info like I need. I'd really like to have Grid display those debuffs, and figure out how to have the player menus as well!
- I have a bad habit of not configuring/pruning my addons. There are some that are disabled on all characters (since 4.0), yet still kicking around in my addons folder, some that are awfully half-assed configured, like WeakAuras, which provides info on one buff for one character (Nature's Grace on my resto/boomkin druid).
- I like addons that are pretty dumb proof no less. If it's complicated, I need a tutorial; I never would have set up Grid if I didn't have a four-part tutorial and if Clique wasn't so easy.
- No Comic Sans-y fonts. Blech. I prefer serif.
Addons I use all the time:
XPerl, Grid, Clique, Bartender, OmniCC, RSA, TomTom AutoBar, Gatherer, ChocolateBar, MiniMapButtonFrame, Chat, Postal, AtlasLoot, SmartBuff, Outfitter, Talented, DeadlyBossMods, Omen, Mik's Scrolling Battle Text, WIM, Auctionator, Recount, Baggins, along with a lot in the background, like Broker stuff.
Addons I use for one character:
Archy, TotemTimers
Addons that are around/broken/not configured
XLoot, WeakAuras, Skillet (has some errors, but I like it), Auditor, Panda
I think that's everything, if not too much.
Thanks,
Lellee
The space you have
The first thing you're going to want to do is draw a picture of your user interface. I love pictures because they are not hard to customize and you don't need any configuration experience to do it. Draw out what you wish your UI could look like. Put in realistically sized boxes for your addons, and don't make things smaller than you really think they would be on the real version.
You will covet widescreen UIs until you get a widescreen monitor yourself. There is nothing wrong with you; the widescreen setup gives you more workspace to deal with and provides that crucial extra width that just feels right. I went for a long time on my standard, squarish monitor, and my life was never the same after the widescreen came into my life. Monitors are pretty cheap these days, especially from a place like Newegg, so if you are so inclined, find a way to get a widescreen monitor for cheap. If you're that worried about the size of your screen and monitor, it's the most bang for your peace-of-mind buck.
Getting rid of floating addons
Now that you understand the space that you have, you have to begin to populate only areas of the screen that you're devoting to static UI elements. Which pieces of your UI never change? Which pieces will stay static no matter what fight you're in or whether you are grouping or raiding? Not only that, but you're going to want to keep parts of the screen open and available for notifications like cooldowns or DBM warnings.
Your current UI feels like it has too much space in between addons. By condensing your UI, especially the bottom bag bar and chat frame, you could gain a lot of space in the middle of the screen. Pull it all down and layer everything in a nice, neat way. MBF could be moved up next to the minimap, and your buffs can be turned into bars rather than the huge buttons that dominate the top of the screen.
I understand having bad vision; I am the same way and use larger addons and scale things out more than I'd like to. The way to combat this is to make things bigger but stack them with defined borders so that you can quickly see the information you're looking for. In most addon configuration utilities, you will find a Border option. Tinker around with it and add some nice, defining outlines to your addons for easier visibility.
Redundancy is the enemy
For you, Lellee, you're going to need to trim down redundancy if you want to free up more space. Omen and Recount can be combined with Skada to turn two windows into one. XPerl needs to go in favor of your main Grid setup. Look around for Grid addons or utilities that add whatever buffs or debuffs you feel Grid is missing; people write these little addons for Grid all the time. If you ask in the comments here about what specifically Grid isn't showing, I am sure someone will have the answer. Since I don't know exactly which debuffs and information you're looking for, I cannot recommend anything, but we most likely can in the comments.
If you're looking to save space on cooldowns and ability notifications, you might want to try sticking all of that onto a ForteXorcist or Sexycooldown bar and scaling that on top of your action bars. It's a different way of looking at cooldowns and notifications, but it's fairly easy to configure and keeps a mess on just one sliding bar.
A chat addon could help reposition your chat edit box and get rid of some of the chat interface for more room.
I know the feeling
I know what it feels like to put yourself through the paces of figuring this all out. My best advice is to trim down the addons until you have what you want as the core setup, only add what you can reliably fit, draw pictures to help you plan, and get rid of the wasted, floating space between addons. You don't need a widescreen monitor to achieve UI cleanliness, but it helps if you've got that extra couple of bucks around.
Again, the best advice I can give is take it one addon at a time. Get that picture in your mind. Hell, copy someone else's setup. We've got a gallery full of UIs that can be adapted to your needs that barely need any customization at all. The key is patience and fortitude, and you will be ridiculously impressed with your own results if you give it the time it needs.
See you guys next week.
Filed under: Add-Ons, Reader UI of the Week








Reader Comments (Page 1 of 2)
Christine sessionWorkflowbasketWorkflowbasketSelectionbasketPerson[1]bookingPersonpersonsurname Aug 9th 2011 3:23PM
I can so relate to having to embolden the size of things to be able to see..
try Vuhdo for all your buff alerts and click casting in one.. its easy to configure and there's lots of help out there for specifics, the author has a forum site on plusheal.com
i like Raven for buffs, de-buffs, and notification.. those three will see u thru almost everything you need to know:)
Move Anything is the one I use to make the bliz UI work for me.. that way I can manage my DBM and internal warnings to put what I need to see .. where I need to see it:)
jimmydimonie Aug 9th 2011 3:32PM
No wonder your healing was weak.. confusing UI with too many useless addons.
Khirsah Aug 9th 2011 4:22PM
Try to offer suggestions, not just criticism.
redikolous Aug 9th 2011 9:28PM
My healing is okay, but it definitely could be better. If you're basing all of my healing off of me tank healing on Shannox in 10m, I don't know what to tell you. And I know I have an addon problem, or I wouldn't have wrote in!
Concord Aug 9th 2011 4:06PM
Opie is an excellent complement to your basic actionbar mods. It's my favorite addon now. I put all my lesser used spells into rings so they don't clutter up my action bars. It's simple, effective and will scale up nicely to make it easier for you to see. It even auto-configures for most classes and specs.
thawedtheorc Aug 10th 2011 6:46AM
Opie is the king for me in saving space. To save some future headaches.. backup backup backup. It is awesome to get all your circles added.. it is defeating to log on one day to see your settings trashed.
j0ust Aug 9th 2011 4:34PM
I have a non widescreen UI myself, and I'm finally happy with it.
The biggest reccomendation I can make to Lelle is get a viewport mod. Not only does it give you a wider field of vision, it gives you a defined border space you can work with to arrange your addons.
Something like Sunn Viewport is a good place to start: it gives you the option of artwork if you're not a fan of plain black borders.
Abbess Aug 9th 2011 4:49PM
I have to chime in on consolidating some of these addons.
Vuhdo - can take the place of xperl, grid, clique, smartbuff. The basics of Vuhdo are straight forward but it has remarkable depth if you like to customize.
Prat - my preferred chat addon. Would give you greater customization (size and location) that what you currently have. Also would give you the same functionality as WIM.
Skada - terrific addon that combines the function of recount and omen. Mine is set up to display threat in combat and damage out of combat, saving me screen real estate.
Those 3 addons will save you a good deal of screen space and would simplify your addon management (less configs/profiles).
An addon like energized might help you know if you have all your buffs without displaying EVERY.. SINGLE.. BUFF. (Though I'm one to talk. I have all my buffs displayed too :) )
Finally, consider adjusting the visibility of some bars with bartender. I have a keybound hidden bar in my UI that is just for mounts. Shift-1 for ground mount, Shift-2 for flight, Shift-3 for ghost wolf/travel form/vanity mount (Amani Bear currently).
Khirsah Aug 9th 2011 4:55PM
First step: get yourself Add-on Control Panel. It will allow you to turn add-ons off and on without having to log out each time. Very useful for add-ons that you don't use on every character.
After you get Add-on Control Panel, use it to turn off all your add-ons. Completely resize and position them, one at a time, to fit your needs. Dig deep into the customization options and see what it can really do. Raven, as mentioned above, can do so much, you'll be amazed at how many other add ons become redundant.
You have limited space, and poor eyesight, so think about something like omen. You really don't need it to show more than the top 2 threats, to make sure you are not one of them, at least when you're healing. Same with recount. Only show the top 2 or 3 people, and use your scroll wheel if you need to see lower. Things like that can be a space saver.
Make use of macros anyplace you can to get rid of some action bar buttons.
Finally, try using Ealign to properly line up and size your add ons for that neat, squared off look.
Good luck.
perasitewow Aug 9th 2011 6:30PM
You can get Grid to show just about all the raid debuffs by downloading GridStatusRaidDebuff and it's Cataclysm component GridStatusRD_Cata at:
http://wow.curse.com/downloads/wow-addons/details/grid-status-raid-debuff.aspx
and
http://wow.curse.com/downloads/wow-addons/details/gridstatusrd_cata.aspx
respectively.
redikolous Aug 9th 2011 10:11PM
I knew about the former, but it wasn't quite working for me, and that Cata addon may be just what I need, thank you!
Rezina Aug 9th 2011 6:57PM
I have to agree about Skada. I love it because it will show me threat in a fight and DPS out of the fight. When I go from Boomkin to Resto to heal on my Druid, I can easilly change it to show the amount of healing I'm doing. I also agree with using Vudu. I tried Grid and the little addons that showed buffs and debuffs, but they were too little for me. I also use Xperl for my UI--but I have the raid-frames disabled so I just use Vudu for that. Good luck. :)
Amrytale Aug 9th 2011 7:08PM
ElvUI or TukUI might have a non-widescreen edit.
d34dp00l Aug 9th 2011 7:31PM
Yeah having a non widescreen is rough, I play on a 15.4 laptop, so a bit of widescreen but not really so my setup may translate to a non widescreen 19" with just a bit of tweaking. Kgpanels and bartender are your main add-ons for this. Kgpanels has some good tutorials on youtube by redmist. http://img853.imageshack.us/img853/7051/ui80.jpg
Erikamel Aug 10th 2011 6:07AM
I have to agree with others here on Vuhdo and Skada. Vuhdo especially seems like it would help here, to me it has everything you'd want from Grid with much less hassle. It looks great too!
thawedtheorc Aug 10th 2011 6:56AM
I have 2 monitors and an HD tv I can play WoW on. The flat screen is at my other place and this is my good old, 24" CRT.
But on the CRT I added
SET gxResolution "1365x768(wide)"
to my config.wtf. (Lately though WoW is trying to change it. So I made the file Read Only for now. Windowed of course.
It leaves room at the top and bottom of my screen but it gives much extra room for me.
Another Vuhdo, Skada and Opie fan here. I also like Pitbull. It is a little complicated at first, but I have some sweet raid/party frames I use when I am not healing. When healing I switch to Vuhdo.
I use Fortress for all my buttons. It took me a while to figure that out, but now I have all the shortcuts as nice small, even buttons with currency and guild buttons that I simply mouseover to see who is online, motd, ranks etc. Very small. All turn off in combat.
Sexymap is okay. It looks better than Chinchilla. But Chinchilla is easier to hide and move elements on the screen. All turn off in combat.
Hope this helps.
Tyllis Aug 10th 2011 8:16AM
I strongly recommend the use of a smart raid-buff aggregator like Energized. That add-on (and the many add-ons like it) will keep track of which raid buffs you should expect (including those that aren't really buffs, like a Warlock healthstone) and which of those you're missing, while using just a sliver of screen real-estate. This allows you to completely filter these static long-term buffs out of your main buff panel to both save space and make distinct the dynamic buffs that you might want to actively monitor during the combat. I can't imagine giving it up even on my large monitor. It's value is only magnified on a small one.
Melfina Aug 10th 2011 2:07PM
I'm going to also suggest Vuhdo. I even use it on my dps characters for raid frames. Plus, you can set it up so it tells you who has aggro, which is great for raid heals.
Sunn Viewport Art is great for creating a widescreen view (with pretty art/textures if you like), and I used it till I switched to a widescreen laptop.
And maybe, look into having some of your bars fade out a bit, especially the buff ones? I dunno how that'd work with bad vision, but it might be worth a try. A bit of transparency goes a long way towards making a UI look good, imho.
Quidamtyra Aug 10th 2011 3:26PM
There's a lot of redundancies taking up much of your view. for instance, you can use Shadowed Unit Frames for your frame, target, party, raid, etc. and show any debuffs/buffs you want through a filter menu, getting rid of the double up on Xperl and Grid. SUF is very customizable and you can make it any size you want.
Also with SUF, you can put your buffs next to your frame in a more organized manner, and get rid of buffs you don't care about (horn of winter, battle shout) to reduce clutter.
I can't tell if that's Skada or Recount, but Skada comes with a built in threat meter, eliminating the need for Omen.
TomTom's coordinate block is redundant to your chocolatebar's line.
I see a couple things (leatherworking, survey, bags, minimap buttons, fishing, food), that can be on hidden bars that display when you hover over them. I use hidden bars a lot in all my UIs and it saves tons of space.
Also, you can consider using macros for those. I personally have fishing and survey macro'd into my kick button and casts those when I'm out of combat, and kick when i'm in. That's 3 buttons down to 1, and there's a lot of things you can do that with!
I hope you get your UI sorted out to make it less confusing for you, as confusion can be a real fun-killer =\ GL!
redikolous Aug 10th 2011 3:33PM
To everyone! Thank you for your help, I'm definitely going to work into implementing a lot of this. It's crazy to think that all the time I thought of things, I never would have considered condensing stuff to the bottom. In fact, when I was trying to shift some elements of my UI again, a lot ended up at the very top.
To be quite honest, the UI I really adored was the Shadowmage one, but I don't know enough about editing to make it so that it works for me, and everything is tiny, and doesn't quite work on a non-widescreen. I do like the shapes though, and I'd like to move some things around in that shape. A viewport mod looks like an awesome thing, especially in the shape that matches the UI I'd like. I'll consider it.
As much as I want a widescreen, it's not going to currently happen, and my desk is just too small. I can be jealous though.
I've gone from Healbot to Grid and I did try Vuhdo, but all the options had me running the other way. It seemed like no matter how much I configured it, it never looked liked how I wanted it to look. Grid currently tells me aggro, Earth Shield, Riptide, missing health, and incoming heals on my shaman, but I would like more, especially on my other healers who have a lot more to watch for. I liked how modular Grid is, but now, I'm kinda bleh at how a very needed mod can go out with a patch and never be updated and perfect, forever. I'll look at Vuhdo again, I have a lot more time between raid days and such now.
I also will definitely look into Skada and such. Trimming down addons is most welcome. A lot of these addons, I never would have considered!
Maybe in about three weeks or so, I'll send in a new and improved UI.