webDip dev coordination forum / public access todo list
It is currently Mon Aug 21, 2017 9:40 pm

All times are UTC

Post new topic Reply to topic  [ 3 posts ] 
Author Message
 Post subject: Frontend cleanup / ideas
PostPosted: Thu Sep 18, 2014 3:15 pm 

Joined: Tue Feb 11, 2014 8:29 pm
Posts: 4
So about half a year ago(?) i was discussing on forums about the frontend of webdiplomacy (or vdiplomacy in specific).
it was by far not about revolutionizing the interface, but only to do some visual clean up and clarfication, logical regrouping of information and function, maybe better workflow and prioritization. It got some positive feedback back then, as well as some "we need no change" feedback.

Then quite a lot happened real life and i forgot about that project ... Now i found the old mockup urls again, and i thought it wouldn't hurt showing them in the dev forum rather than let them rot in the dark.

So here is the lastest version of this:

Please consider:
– I'm a graphics designer and frontend developer, i'm no server languages specialist at all, and some of the ideas may require ajax implementation
– It's a HTML/CSS/Jquery mockup, so it can be clicked etc. but it does not do anything but "show".
– It's somewhat responsive by default(as far as this game can be), could be improved though)
– It was done with vdiplomacy in mind, so colors are somewhat "brown" right now
– It's not finished, neighter in thought nor in execution, it was merely a draft to show ideas and talk about
– It's not tested intensively, i developed in firefox 30+, so maybe that's the best browser to have a look at it with for now

Some thoughts from top to bottom:
– Title area: some grouped menus, giving all relevant links but not occupying too much valuable room!
– Games overview area: all running and attention seeking games, separated from the main area of the active game
– Active game title: regrouped information (game parameters | time relevants | player relevants)
– Chat area with participants, facts about the chat partner, chat area with some new ideas, chat box and chat tools
– Map area with the idea of a instant-zoom, history and map tools
– Orders area with some ideas for setting orders and selecting target positions (see mouseovers for icons meanings), draggable/sortable units list (drag the unit icon), some sorting options, non-saved-warning and save/submit options
– Votes area with indicators for pending votes from others and yourself
– Players details tables (with game and meta-game statistics)
– (archive area missing yet)

Each of these sections can be minimized (arrow button to the left) to decide whats currently relevant.

What i can do if there is interest:
– discuss and visualize implement ideas
– help with crossbrowser frontend coding (anything that has to do with representation and interaction, but not manipulating data or server communication)
– go away if there is no interest (i just had nothing to lose by showing :-)

Here's a interim version that came before the version linked above. It's layout is wider if space is available, so it uses more horizontal space which usually is plently on desktop and laptop computers, but the features are not as far fleshed out as in the current version:

PostPosted: Sun Sep 21, 2014 6:07 pm 

Joined: Wed Jul 29, 2009 10:22 am
Posts: 841
I really like this improved layout. It's really much more modern than what we currently have.
That said, I think it's much too much work to make this happen on vDip, and this might change our code too much from the webdip-code, so it might be too much trouble to maintain.

If we could get this layout in the main webdip-code, this might be worth try. It looks really cool.

PostPosted: Mon Sep 22, 2014 9:00 pm 

Joined: Tue Feb 11, 2014 8:29 pm
Posts: 4
thanks for the feedback. we came to the conclusion back then in vidplomacy formums (can't find the threat anymore unfortunately) that *if* there is use for this and a chance for (partial) implementation, it'd be in the main trunk of webdiplomacy developement, not in the vdiplomacy branch.
That's why i came here after initial discussion to see which parts may be useful, which might be useful but (too) difficult to implement, and which parts are just bad ideas that can be scratched again.
so if there is interest in general for this, i think i should change the style (that's primarily the colors) towards a more neutral webdiplomacy look first, to have a bit more "clear" look on it than we have now. As much as i am used to vdiplomacy, their brown theme is not quite "optimum" regarding contrasts.

I have bookmarked that threat now to check in regularily.
As said above, if there is interest, i can contribute in the area of my experience (Graphics design, UI design, UI frontend coding). I didn't consider easy implementation so far, in fact it's quite a total re-write of the frontend html/css code – this may make it a bit more difficult to implement initially, but is also a chance to "get rid of old structures" that have naturally grown by adding features one after another.

Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 3 posts ] 

All times are UTC

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group