Dev:GUI Team Sandbox

Jump to: navigation, search

Please always provide a box titled "comments" under each idea for people to write comments/suggestions in. We need to communicate on here too!



billiob bluetit Karel Lee


Other useful wiki pages

Useful web pages

Open Usability Gnome HIG Tkhtml


Gui Component Designs (including code ideas) - bluetit

Start window

Gui sb amsn-start.png

The start window is the first thing the user will see when they run amsn (unless they have "auto-connect" enabled). As explained in Cleaning Up Our Act, we will need 3 sections on this page:

Sign in

Contains: one editable combobox - username code to get profiles to populate combobox with:

   set profiles [glob -directory ~/.amsn/profiles/ *]
   foreach profile $profiles {
       $combobox insert end $profile

one text box - password two checkboxes - remember me and remember my password one button - sign in

Manage Accounts

two buttons - create new account and forget account

Change settings

buttons - language, plugins, skin, settings window


billiob : Clean, well organized, nothing to add ! We should add a small image (like an arrow, or a dot) to differentiate each options. bluetit (11/05/06): Good idea! Don't want users getting confused :)

Contact list

Gui sb reference-contactlist2.png

The contact list is a tricky thing to get absolutely right. There's a lot of content to be displayed, but you don't want to make the window look crowded. It needs to look clean and simple. The user needs to be able to pick out a single contact instantly. They also need to be able to quickly change their status, nickname, picture or whatever. So, let's look at the components:

The user's section

This shows the information for the user currently using Amsn (yeah I know I missed the status of the screenshot, it'll be in brackets after the nickname like usual!) This should contain:

  • The user's display picture (not at full size, 64x64 seems an ok size, this can be debated. Also to be debated is whether this needs to be bigger than, the same size as, or smaller than the display pictures on the other section of the contact list (ie this user's friends))
  • The user's nickname, status (hide if "Online"), personal message and "now playing" if available.
  • The user's mail notifications.
  • Perhaps some other stuff - we have a lot of free space here and I'm conscious that we don't want to waste space unnecessarily - but will more stuff make it to crowded?

The lists control section

This should contain stuff to let the user manipulate his/her list of friends to search for stuff or make it easier to read. It could also possibly contain some buttons to carry out actions, eg adding a contact.

  • Filter/Search textbox
  • Sort mode
  • View style (full, normal, compact)
  • Add contact and other buttons?

The list of contacts

This needs to present the user's contacts in a clear way, the main issue here is the arrangement of personal info. Do we have the PSM next to the nickname and the "now playing" underneath, as in the screenshot? Or do we have it some other way? The way in the screenshot was the nicest way I could find that didn't take up mega-loads of space! . The lines of text need to be reasonably spaced so it doesn't look really crowded and hard to read, like there's just a huge mass of data there that's impossible to sift through.


bluetit (13/05/06): NEED feedback/comments/debate on this - wherever I've said it needs debating or written "", please try and think of feedback for it.... thanks! billiob (13/05/06) : should add a place where plugins can put a clikable image (a label with bindings) to modifiy the nick, or psm (the gename plugin, a plugin which change DP every ? minutes, or the music plugin, etc ...). Maybe above the mails icon. About the Sort mode, i don't know. But i would like something to change the sorting of groups (done alphabetically for the moment, it could be cool to choose the order the groups are displayed : maybe only something for power users. As it's a sandbox, i've got an idea : having a checkbox in front of each contact in a semi-compacted CL in order to create a multiconvo easily or to send a message to various contacts. (that's only for the CW). bluetit (13/05/06): I love the checkbox idea! Another way you could do that is by selecting users with the mouse by clicking, then using shift-click and ctrl-click to select more. I agree with the plugin button thing too, I think maybe have the mail button and plugin buttons on the right of the top section...

Chat Window

This is the tough one! I have started a mockup but there's so much that needs to be discussed - for exmaple: what do we do about display pictures when there's more than one user in the chat? The way amsn handles this at the moment sucks, so we need to come up with a better way. The original msn's method seems good, but we need to discuss it. The unfinished mockup can be found here Feel free to edit it and show your changes here

Prefs windows

We need to decide on a structure for the preferences window, especially regarding "Advanced options". At the moment, we have one tab full of "advanced" options and it's horrible and cluttered! We should have an "Advanced options" or "More options" button on each section of the prefs window, which will show the advanced options for that section. Someone please suggest a revised set of sections/tabs for the prefs window... unless people think the current set is ok...I personally think it could be improved but I'm not sure how right now...

Skin/Plugin Choosers


Gui sb reference-skin-download.png

Personal tools