Jump to content






Photo - - - - -

Nexus interface

Posted by Rikki, 28 November 2005 · 84 views


IPS today gave an update on Nexus including showing the new interface to the public for the first time...

Phew, it went OK (so far)! I always get nervous before releasing details about something I'm working on. I'm never quite sure how it'll go down.


I've been working on the new interface bit by bit with Josh over the past 4 or 5 weeks. It's been a whole lot more than just making a pretty skin. When I was asked to design an interface, I went through a made a list of things that I thought could be improved. We've overhauled the entire navigation system, introduced context-sensitive functions and of course restyled everything. It's quite different to how it looked and worked a month ago.

I felt that the old menu system that showed all available functions on the left hand side wasn't really suited to Nexus where there's often a lot of contextual information to absorb. We decided to put the main navigation in tabs at the top, and the functions for each page are now available in the appropriate tab. It's now possible to get anywhere in the system with a couple of clicks without having to wait for page reloads. There was a lot of debate amongst the staff about whether this was better or not, but with a tweak or two and a new feature addition (that I'm sure Josh will tell you about in due course), we settled with something we're all happy with.

As mentioned, many pages have a lot of information and options specific to that page. A ticket, for example, has department info, a status, dates and misc. options. Before, these were tucked away in the page content and couldn't really be checked quickly. We decided that now the left hand menu had gone, we'd introduce context menus. Every page (where appropriate) now has it's own menus that give you really easy access to necessary information and options. The context menu also holds some other blocks such as online staff.

Next, the styling. I'm notoriously hard on myself when I design something (I think this is a trait common to all designers). I'm never happy with it until often the 3rd or 4th attempt. It allows me to develop the idea as I go, give it some time to sink in, then change things that I don't like. It's not a method that would go down well in most design firms, where planning then a single attempt is expected, but it's the way I work best. Originally I went with colours similar to IPB to keep some consistency, but I wasn't happy with it, it just didn't seem to work well. Eventually I settled on a dark blue gradient, but other shades are still based on IPB. You'll notice I've also started to add hints of green; I preferred to go with a dual colour scheme instead of simply reusing shades of blue.

It's quite a bit different to IPB in the end, but I think it's well suited to the type of application that Nexus is. We have a couple of variations on this interface that will be going into products bit by bit.

Josh has lots more to show off, so keep a look out in the announcements forum original.gif




Nexus is looking really amazing w00t.gif  The interface looks really stunning and although I have only seen a few screenshots, seems to help a lot with the usability too grin.gif  Really great work thumbsup.gif
Nice job Rikki original.gif
Great Work original.gif
Love the colour scheme, it's very nice. The menus sound interesting and will be nice to try out. Not keen on the rounded corners though, although that's just something I am not overally keen on in many designs, probably because it requires an image when a square can just been done in css.

Nice work though original.gif
The rounded corners (apart from the large one next to the navigation) are all done with CSS, although it's Moz only. It wasn't a big feature or design plan, just a little touch for browsers that can do it original.gif
The admin part of Nexus is looking great, but the client view well, it's ok but nothing as fancy. Will the customer-view be redone too?
Well the idea is that you'd design that to fit your site design anyway so it's intentionally basic.
QUOTE(Rikki @ Nov 29 2005, 03:11 PM)
The rounded corners (apart from the large one next to the navigation) are all done with CSS, although it's Moz only. It wasn't a big feature or design plan, just a little touch for browsers that can do it original.gif

Hm... have to look that up. Didn't know I could do that with CSS. ermm.gif

QUOTE(Rikki @ Dec 1 2005, 04:37 PM)
Well the idea is that you'd design that to fit your site design anyway so it's intentionally basic.


What does the default look for the client-side look like? Same as we view in our customer center?


Other than anything esle... Nexus is looking like a wonderful piece of work. Already made my mind up to by two or more on day one. thumbsup.gif
The client-side in the customer center is styled by IP.Dynamic wink.gif
It can be, it doesn't have to be though (not everyone will be using Dynamic with it). We will be doing a simple client area skin for the distribution package, but it too will be intentionall basic. I would imagine virtually every Nexus owner will be skinning the client area to match their setup.
QUOTE(Rikki @ Dec 4 2005, 06:31 PM)
I would imagine virtually every Nexus owner will be skinning the client area to match their setup.


I wouldn't be so sure...
If the default looks similar to the ACP, I'd be alright with it... original.gif  Any screenies of the default look of Nexus on the client-side yet?

May 2012

S M T W T F S
  12345
6789101112
13141516171819
20 21 2223242526
2728293031  

Recent Entries

XBox Live Gamercard

Disclaimer

Please note that none of my blogging is official IPS business. Opinions and other things I say are mine and not IPS'.

0 user(s) viewing

0 members, 0 guests, 0 anonymous users