L
L
lahomie932018-06-25 11:39:55
User interface
lahomie93, 2018-06-25 11:39:55

Development of a mobile client for a service with a large number of tables. What are the techniques for working with tables in mobile applications?

Hello! I have a task to develop an application concept for Android and Ios and I need your help in thinking through the design
Background:
1) An industrial enterprise has a web service for wholesale buyers. Enterprise customers use the service to manage their orders. The main sections of the web service: viewing the list of orders, the schedule for the delivery of materials, viewing the stock in warehouses. All information in the sections is presented in tables in which there are 10-15 columns. I am faced with the task of thinking over the design and operation of a mobile client-web service.
Actually the question is
How can information be presented in a mobile application from tables with a large number of columns due to the small size of the screens?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
L
Leonid Nikulin, 2018-06-26
@lahomie93

I wanted to recommend looking at Google Sheets, but I realized that you should not do this) For the sake of interest, you can take a look, of course, but there is not much interesting there.
To begin with, I would recommend that you ask the customer for the percentage of visits to the system through mobile devices. Further, it would be possible to determine the potential user group, platform and the most used diagonal of devices.
After all this, you can move on. Those. depending on the diagonal of the devices, you should choose a solution for your task.
With a small diagonal, it is possible to rebuild the table into a drop-down list with headers.
With a larger diagonal, use column compression.
Most used solution:
https://dribbble.com/shots/4000477-Table-Data-Resp...
Have a nice design...

K
Konstantin Nagibovich, 2018-06-25
@nki

As an option, reduce the number of displayed columns in tables. When you click on a table row, show detailed information on that row.

I
itisksey, 2018-06-26
@itisksey

A couple of related articles:
https://habr.com/post/328230/
https://www.nngroup.com/articles/mobile-tables/

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question