GUI proposals - Images for the wikipage

Production of artwork for the game by regular contributors takes place here.

Moderators: Forum Moderators, Developers

User avatar
Eleazar
Retired Terrain Art Director
Posts: 2481
Joined: July 16th, 2004, 1:47 am
Location: US Midwest
Contact:

Post by Eleazar »

Counting clicks and the distance the mouse must move to accomplish a task, is one legitimate way to measure the ease of using a UI set-up. Since many actions on a computer willl be repeated hundreds or thousands of times, saving a few clicks can add up. But sorting through an excessively long list takes time too.

At this point in Wesnoth's history i don't think we need to divide them into tabs, but with enough campaigns that may change.

but the big picture:
This is movment in a very much needed direction. :)
Feel free to PM me if you start a new terrain oriented thread. It's easy for me to miss them among all the other art threads.
-> What i might be working on
Attempting Lucidity
Sangel
Moderator Emeritus
Posts: 2232
Joined: March 26th, 2004, 10:58 pm
Location: New York, New York

Post by Sangel »

How about check-boxes at the bottom or top of the list?

[X] Show Mainline Campaigns
[X] Show User-created Campaigns

Both would be on by default, but if you tick one off, those campaigns would no longer show up in the list?

I'm not sure what the code implications would be, but from a human-user perspective I believe this would help with both the "overly-long list" problem and the "tab being an extra click" problem.


Oh, and I agree with Eleazar's comment - while we may quibble over details, these proposals are great improvements to Wesnoth in general. Thanks for getting the discussion going, freim.
"Pure logic is the ruin of the spirit." - Antoine de Saint-Exupéry
martenzo
Posts: 564
Joined: August 8th, 2004, 9:01 am
Location: Northern Europe, Estonia, Kardla

Post by martenzo »

Personally, I would prefer two different tabs. All of these are IMO, very good proposals. I wonder why aren't they in trunk yet (or mabye they already are?)?
me: Welcome to the real world. If everyone says your art and opinions suck, it's because they DO suck. Even if you're too damned proud/stupid/both to realize it.
danny_california: yep keep telling fairy tales.
romnajin
Posts: 1067
Joined: February 26th, 2005, 7:26 pm
Contact:

Post by romnajin »

martenzo wrote:Personally, I would prefer two different tabs. All of these are IMO, very good proposals. I wonder why aren't they in trunk yet (or mabye they already are?)?
I believe it's because(correct me if I'm wrong, frame) these are just art...not actually coded UI.
Sorry for the meaningless post
Soliton
Site Administrator
Posts: 1622
Joined: April 5th, 2005, 3:25 pm
Location: #wesnoth-mp

Post by Soliton »

martenzo wrote:Personally, I would prefer two different tabs. All of these are IMO, very good proposals. I wonder why aren't they in trunk yet (or mabye they already are?)?
Because you haven't implemented them yet and we didn't want to spoil the fun.
"If gameplay requires it, they can be made to live on Venus." -- scott
User avatar
irrevenant
Moderator Emeritus
Posts: 3692
Joined: August 15th, 2005, 7:57 am
Location: I'm all around you.

Post by irrevenant »

Sangel wrote:How about check-boxes at the bottom or top of the list?

[X] Show Mainline Campaigns
[X] Show User-created Campaigns
(or alternately tabs)

How many official campaigns do we plan on having? Unless it's more than half-a dozen or so, it's probably simpler all round to just use this sort of a setup under the same tab:

== Official Campaigns ==
Heir to the Throne
[...]
== Unofficial Campaigns ==
Aardvarks Adventures
[...]

(I could do example graphics but hopefully it's clear what I mean so I can save the server space...)
freim
Retired Terrain Art Director
Posts: 1113
Joined: November 29th, 2003, 11:40 pm
Location: Norway

Post by freim »

Sapient has started implementing several of the ideas from these mock-ups now. The slate border/black bg selection box turned out to look quite cool imo, but it has some problems:

* It's most common that bright/light colors show the selected part, so people tend to look for this. The black bg selection box switch this around making it harder to see what is selected (this is also agrevated by the bg of the selection list widget is brighter than the selection box and the window bg
* The attack dialog is problematic since it uses the same border for the attack icons themselves

I'm trying out some modifications which I will post here. They use the same color scheme as the buttons, and I think they look quite ok. Maybe not as good as the black bg one, but they make it far easier to recognize which part is selected I think.

Fire away, give me some feedback so we can work out how to make the GUI more consistent and better looking without loosing usability.
Attachments
attack_dialog3.png
attack_dialog3.png (105.14 KiB) Viewed 4697 times
campaign_gui5.png
campaign_gui5.png (192.81 KiB) Viewed 4684 times
prefs4.png
prefs4.png (80.62 KiB) Viewed 4684 times
freim
Retired Terrain Art Director
Posts: 1113
Joined: November 29th, 2003, 11:40 pm
Location: Norway

Post by freim »

Zookeeper suggested grayscaling the non-selected icons, could be a good idea I think:
Attachments
attack_dialog4.png
attack_dialog4.png (104.11 KiB) Viewed 4678 times
User avatar
Sapient
Inactive Developer
Posts: 4453
Joined: November 26th, 2005, 7:41 am
Contact:

Post by Sapient »

If I am interpreting that right, it is a horizontal black-blue-black gradient. I assume this would also change the color of simpler selections (such as editable text, username lists, drop down statusbar menus, and progressbars) from red to blue. Or would some still be red?


Oh, and I don't like the grayscale for non-selected items; visually, it's confusing rather than informative, and it does detract from the artwork somewhat. Still, it was an interesting idea.
http://www.wesnoth.org/wiki/User:Sapient... "Looks like your skills saved us again. Uh, well at least, they saved Soarin's apple pie."
freim
Retired Terrain Art Director
Posts: 1113
Joined: November 29th, 2003, 11:40 pm
Location: Norway

Post by freim »

Sapient wrote:If I am interpreting that right, it is a horizontal black-blue-black gradient. I assume this would also change the color of simpler selections (such as editable text, username lists, drop down statusbar menus, and progressbars) from red to blue. Or would some still be red?
No, it will not be red. This is a possible replacement for the black/slate border one. It's not a gradient, but a texture.
User avatar
Jetrel
Art Director
Posts: 7242
Joined: February 23rd, 2004, 3:36 am
Location: Midwest US

Post by Jetrel »

My comments:

• I like this, by and large. Especially:
attack_dialog4.png
campaign_gui5.png

• The grayscaling - or perhaps partial grayscaling of the icons seems to be a reasonably good idea. I might shy away from full grayscaling, but partial is alright.

• The attack icons must have a border of some sort. Not having it built into the icon is good, but they must have some kind of a border. A more solid, less grainy version of what they currently have would be nice, and other things might also be welcome.
freim
Retired Terrain Art Director
Posts: 1113
Joined: November 29th, 2003, 11:40 pm
Location: Norway

Post by freim »

Sapient, the border and bg texture:

When using these you should make the bg of the nonselected part darker again.
Attachments
bar2.png
bar2.png (8.56 KiB) Viewed 4470 times
border.png
border.png (2.04 KiB) Viewed 4456 times
Post Reply