PROMPTT/TrigPoint

During my time at TrigPoint Solutions, I designed and implemented the UIs for several important screens of the Promppt system (version 4).  When I came on-board, they were rewriting the system from scratch as V4, and I was brought in to define the new interface. 

I created these mockups in Photoshop, and then implemented them as Views using C# code, and of course xhtml/css/javascript.  Using Javascript (jQuery) I added many "little touch" features to make the interface to this very complex system as clear and as user-friendly as possible.  For example:

• In-line editing of fields in tabular data.  Click on the cell and it pops into an input box right there so you can edit it.  Enter/tab submits the ajax POST. Enter will send you to the next cell below (or wrap around to the top of the next column) and tab will pop you into the next cell to the right (or wrap around to the next row). ESC or clicking elsewhere cancels out.
• I customized the jQuery UI datepicker to add a time-picker, and to select and output date-time data in our specific format.
  
• I customized a version of the jsTree jQuery plugin to expand horizontally in columns, for a custom solution (that I also designed based on requirements) to the Plans/Tasks screen shown in one of the screenshots. You can see a working prototype of the tree functionality here (WARNING: Thar be bugs! It's a prototype).