Alternative design to master-detail grid rows

Question

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

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. — Marjan Venema, Jun 07 '12 at 06:21
If I understand this...the user is clicking ona Job row, and then we need to show the details of the job? — fitzgeraldsteele, Jun 08 '12 at 04:58

score 4 · Answer 1 · answered Jun 08 '12 at 05:09

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?

answered Jun 08 '12 at 05:09

fitzgeraldsteele

497
2
8

1

+1 for providing another idea with sample. Thanks again! – Rich Jun 08 '12 at 16:35

score 2 · Accepted Answer · answered Jun 08 '12 at 05:14

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

answered Jun 08 '12 at 05:14

fitzgeraldsteele

497
2
8

Ah...the inspiration I was looking for. Thanks these are good alternatives. – Rich Jun 08 '12 at 16:35

Alternative design to master-detail grid rows

2 Answers2