19 August 2009, 22:30

Hi guys,

I've started mocking up some possible UI improvements to Maharas interface.  I'm beginning with the Notifications page as I think its hidden away under Settings->Notifications, and am proposing that it become a first class citizen in the menu next to Profile, and My Portfolio.

Here are a couple of mockups where I've swapped the notification type combo box for vertical tabs and added some gmail-style elements for selecting messages:

Firstly with a new message link above the notification type tabs, or below with the button above the message list, displacing the 'mark as read' and 'delete' buttons to the right:

What do people think? I'm keen to get some feedback here so we can get some UI work under way.

Cheers,

Elliot

19 August 2009, 22:49

19 August 2009, 22:58

Fixed.

Incidentally, here is the xml required to import the mockup into Balsalmiq: http://paste.dollyfish.net.nz/5fbdb1

The Balsalmiq demo can be used here: http://www.balsamiq.com/demos/mockups/Mockups.html

19 August 2009, 23:06

19 August 2009, 23:15

Hi,

I think this looks good, and light years ahead of the current system. Some thoughts:

• We're going to be futzing with the menu system after 1.2, so where it moves to is probably not going to be relevant until we see how that shapes up
• Where does pagination go?
• Any thoughts about how the 'new message' page would look? Including any sneaky ideas of how to make it easy for people to select other users (and even groups) to send messages to? 

19 August 2009, 23:20

Pagination could be top right (gmail style), or stay in the same place as now (at the bottom).

I'm anticipating a javascripty autocomplete field, or for the non-js, a search box and add button.  Will mockup when I get a chance later...

19 August 2009, 23:47

20 August 2009, 1:48

20 August 2009, 2:38

20 August 2009, 0:25

Elliot, they look awesome! :)

I slighty prefer the second one, "new message" in the first, as a link rather than tabby or buttoney  is a bit inconsistent to me.