Часто возникает необходимость перенести на экраны мобильных приложений таблицы и списки. Делают это особым способом, переоценивая информацию и внося только самое важное.
Некоторые таблицы проще представить в виде диаграмм или с помощью альтернативных способов просмотра. Для доступа к нужной ячейке включают функцию быстрого поиска.
Basic Table
Этот шаблон создает стандартную таблицу с определенными макетом и заголовками колонок. Раскраска «шапки» - полосы зебры или тонкие линии между строк. Это упрощает читаемость таблицы. Не стоит использовать вертикальные разделители и темные линии на сетке. Текст выравнивается по левому краю, цифры — по правому. Перегружать экран элементами не рекомендуется. Если информация не умещается, добавьте альтернативный шаблон.
Headerless Table
Это шаблон таблицы без заголовка. У него широкие строки, в которых отражаются переменные значения, относящиеся к тому или иному элементу. Меток колонок нет. Часто шрифт строки идентификатора более крупный, чем детали.
Headerless Table хорошо подходит для каталогов элементов: рецептов, альбомов и товаров. Шаблон обеспечивает быстрый просмотр и выбор.
Важные детали выделяются жирным крупным шрифтом.
Fixed Column
Решение для крупных таблиц. Одни колонки в Fixed Column фиксированы справа или слева. Другие имеют прокручиваемое содержимое.
Пользователь должен понимать, какой элемент можно двигать, проведя пальцем по экрану, а какой нет.
Overview Plus Data
Краткий отчет по содержимому страницы. Отражается над отдельными строками данных. Пользователь должен легко понимать, что есть что в содержимом.
Иногда для показа сводки используется график или диаграмма. Важная часть их при этом может быть фиксированной.
Grouped Rows
Группировка строк позволяет лучше усваивать данные. Она играет роль заголовка каждого раздела. Итоговые строки и другие лучше разграничивать.
Cascading List
Древовидная таблица для мобильных экранов достаточно громоздка. Cascading List позволяет создать иерархическую структуру. В iOS шаблон называется табличным представлением. Приложение DropBox, например, использует Cascading List как шаблон вторичной навигации.
Table with Visual Indicators
Значки и искрографики расширяют табличное представление информации, упрощая ее понимание. Когда пользуетесь шаблоном Table with Visual Indicators, создавайте такие индикаторы, которые пользователь может моментально распознать. Избегайте необоснованного применения значков.
Editable Table
Шаблон редко встречается за пределами QuickOffice.
Ясно указывайте, какие строки и ячейки выбраны. Если у элемента специфический формат, дайте пользователю возможность редактирования. В случае появления окна ошибки, обеспечите обратную связь.
