3

I have a web application with a Master-detail grid I did while back that uses dynamically generated tabs if a particular service was performed as the details row. I'm going to have to change the way I'm displaying the data since the previous application was created using server controls (planning on using jQuery UI instead). What is the best alternative to display the detail information? Perhaps a modal pop-up?

enter image description here

2
  • Please : no modal popups. They are the most obnoxious and intrusive things in a user interface. Use them sparingly and reserve them for error messages that require immediate action by the user without which the app can't continue in any meaningful manner. Commented Jun 7, 2012 at 6:21
  • If I understand this...the user is clicking ona Job row, and then we need to show the details of the job? Commented Jun 8, 2012 at 4:58

2 Answers 2

2

The way you've got job ids listed on a map makes me think of a real estate site or hotel site...things located on a map, that I want to drill down and learn more.

In either case, the site usually has the map+list on one page, and clicking on a particular result sends you to a separate details page.

Real Estate example: Zillow.com

Hotel example: Marriott.com

1
  • Ah...the inspiration I was looking for. Thanks these are good alternatives.
    – Rich
    Commented Jun 8, 2012 at 16:35
4

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Could you do it kind of like an email client (eg Apple Mail, Outlook) where you've got a list of things on the left, and you click on it to get the details on the right?

Also, if you have all of the job locations shown on a map, do you HAVE to have a separate list?

1
  • 1
    +1 for providing another idea with sample. Thanks again!
    – Rich
    Commented Jun 8, 2012 at 16:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.