Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps.

To Elaborate..Well, lets say we have 10 rows and 5 columns or relative data.In web, it can be visualized in a simple table structure.

My question is, how effectively this can be visualized in mobile applications apart from going for a table view. The reason why i don't want to go for a table view is i have a minimal real estate,and the requirement is to show all the 5 columns of data.

share|improve this question
2  
Can you please elaborate on what you want, may be with a screenshot or a picture. –  carora3 Mar 27 '12 at 14:06
    
Why does grid not work for you? What are you trying to accomplish? –  dnbrv Mar 27 '12 at 14:19
    
Grids are pretty common in mobile apps. What's the problem, grid too big? As said a mockup or screenshot would be helpful –  Ben Brocka Mar 27 '12 at 14:25
    
@BenBrocka As you said, it can be easily achieved by Grid,but client doesn't want that as it gives the feel a replica of web. :(. I will try to post a mockup. –  ravish Mar 27 '12 at 14:29

2 Answers 2

Sometimes a table really does need to be a table, otherwise you're losing the purpose of it. (i.e. if you're comparing records / products / users).

If you deem that it's information that is really needed (not everyone using the mobile site will need to see everything available to the full-size site, that's up to you to decide) then possibly go for a thumbnail / image version of the table to show the context of where the table is used and provide a link (and make the image selectable too) that takes the user to a new full page where the table is shown on its own for them to then read separately to the actual site.

That way you still get to display the actual table data in its complete state without compromising on the detail, but you're not restricted to having to render it in-page along with all the other page content.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer

You can design it in a list structure, depending upon the way you want it to look like.

Here's an example screenshot. You can increase/decrease height of list items and display the main data you want there. You can have a look at more patterns here

In the list below, there's data for 4-5 columns displayed in each row.

enter image description here

share|improve this answer
    
Linked In style might work for me. Thanx –  ravish Mar 27 '12 at 14:34

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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