Skip to Content (Press Enter)
UserImage.jpg
Omran Bhatti
279Views
5Comments
How best to Depict tabular data in mobile app ?
Question
Usability

I'm new building mobile apps in Outsystems 

In the mobile dev toolbox there is NO Grid or Table Widget .... what is the recommended widget to use instead ? 

0
0
29 Dec 2017
Copy Link
2020-02-28 09-46-54
Eduardo Jauch

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch

0
0
31 Dec 2017
Copy Link
UserImage.jpg
Omran Bhatti

Eduardo Jauch wrote:

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch

Thanks for all your helpful feed back Eduardo 


0
0
31 Dec 2017
Copy Link
UserImage.jpg
Dileep Rajam

Eduardo Jauch wrote:

Hello Omran,

Remember the Table Records in Web Applications? Remember what happens to it when in a mobile? It becomes a simple List with items as accordions.

There isn't a "table records" in mobile because you shouldn't use tables in mobile. ;)
It creates (mosto of the time) bad user experience.

So, instead of using a table to show your data, you can use a list, for example. Think of showing only the really essential in the Item, not in a "columns" format, but more in a "card" format, if necessary. Something like this:

https://www.google.com/intl/en_us/mail/help/images/mobile-phone.png 

Cheers,
Eduardo Jauch


Hi Eduardo,

I understand for user experience it is not advisable to use table records in mobile application. can you suggest a way to display the records in table format for "Support Person" where he/she can check the data in table to better handle "Production-issues" reported by end-use.

If i display the records in List, and if the data in table has large no.of records it will be tough to view data in the screen.

thanks,

-Dileep

0
0
25 Oct 2018
Copy Link
UserImage.jpg
Omran Bhatti

Thanks for all your helpful feed back Eduardo 

0
0
31 Dec 2017
Copy Link
2020-02-28 09-46-54
Eduardo Jauch

Hi,

I would use a LIST, and show ONLY the most relevant information so he can decide with which issue to work first (like customer, priority, date, etc), and than on click, go to a detail page with the complete information.

Cheers.

0
0
25 Oct 2018
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.