Как дизайнить таблицы
Внезапно, заметка про дизайн.
Однажды пришла к нам бухгалтер (бухгалтерка?) и попросила добавить в систему возможность составлять специализированный бухгалтерский отчёт. Ну, что-то там про остатки за предыдущие периоды, о перенесении чего-то на следующие, с разбиением по статьям, итоги, подитоги — не важно уже. Я вроде понял, какая именно нужна информация, но конкретную форму заказчица не предоставила.
Ясно, что данных дофигища, и нужно делать таблицу, даже несколько (для простоты изложения опустим рассуждения, приводящие к такому выводу, хотя, конечно, тут тоже есть, о чём побеседовать). Оставалось только придумать, какие строчки и столбцы в этих таблицах должны быть.
Привычным жестом я открыл Скетч и начал типа рисовать. Это ж типа интерфейс. Через полчаса перетаскиваний текстовых блоков и линеек по листу бросил это дело: таблицу так не придумаешь. Слишком долгий путь от мысли до визуального выражения этой мысли на экране. На бумаге тоже так себе получается.
Решение придумалось неожиданно ясное и постфактум очевидное: чтобы придумать таблицу, надо взять Эксель!
Вжух-вжух, столбики туда, строчки сюда, подставили примерные числа, какие-то формулы — с сутью разобрались! Дальше суть согласуем с заказчиком, и потом уже можно раскрасить всё это дело в графическом редакторе по своему выбору. Или же сразу тащить в код, а там применять стандартные стили из дизайн-системы.
Короче, Эксель* — лучший способ дизайнить таблицы.
________
* Конечно, на самом деле лучше Намберс — маковский аналог Экселя, но тема для иного холивара.
Внезапно, заметка про дизайн.
Однажды пришла к нам бухгалтер (бухгалтерка?) и попросила добавить в систему возможность составлять специализированный бухгалтерский отчёт. Ну, что-то там про остатки за предыдущие периоды, о перенесении чего-то на следующие, с разбиением по статьям, итоги, подитоги — не важно уже. Я вроде понял, какая именно нужна информация, но конкретную форму заказчица не предоставила.
Ясно, что данных дофигища, и нужно делать таблицу, даже несколько (для простоты изложения опустим рассуждения, приводящие к такому выводу, хотя, конечно, тут тоже есть, о чём побеседовать). Оставалось только придумать, какие строчки и столбцы в этих таблицах должны быть.
Привычным жестом я открыл Скетч и начал типа рисовать. Это ж типа интерфейс. Через полчаса перетаскиваний текстовых блоков и линеек по листу бросил это дело: таблицу так не придумаешь. Слишком долгий путь от мысли до визуального выражения этой мысли на экране. На бумаге тоже так себе получается.
Решение придумалось неожиданно ясное и постфактум очевидное: чтобы придумать таблицу, надо взять Эксель!
Вжух-вжух, столбики туда, строчки сюда, подставили примерные числа, какие-то формулы — с сутью разобрались! Дальше суть согласуем с заказчиком, и потом уже можно раскрасить всё это дело в графическом редакторе по своему выбору. Или же сразу тащить в код, а там применять стандартные стили из дизайн-системы.
Короче, Эксель* — лучший способ дизайнить таблицы.
________
* Конечно, на самом деле лучше Намберс — маковский аналог Экселя, но тема для иного холивара.
How to design tables
Suddenly, a design note.
Once an accountant (an accountant?) Came to us and asked to add the ability to draw up a specialized accounting report to the system. Well, there is something about the balances for previous periods, about transferring something to the next, with a breakdown by articles, results, subtotals - it doesn't matter already. I kind of figured out what kind of information is needed, but the customer did not provide a specific form.
It is clear that there is a lot of data, and you need to make a table, even a few (for simplicity, we omit the reasoning leading to this conclusion, although, of course, there is also something to talk about here). The only thing left was to figure out which rows and columns in these tables should be.
With a habitual gesture, I opened the Sketch and started to draw like. Well, it's like an interface. After half an hour of dragging and dropping text blocks and rulers across the sheet, I threw this case: you can't imagine a table like that. It's too long a journey from a thought to a visual expression of that thought on the screen. On paper, too, it turns out so-so.
The solution came up unexpectedly clear and obvious after the fact: to come up with a table, you need to take Excel!
Vzhuh-vzhuh, columns there, lines here, substituted approximate numbers, some formulas - figured out the essence! Then we will agree on the essence with the customer, and then you can paint the whole thing in a graphic editor of your choice. Or you can immediately drag it into the code, and then apply the standard styles from the design system.
In short, Excel * is the best way to design tables.
________
* Of course, in fact, Numbers is better - Makov's analogue of Excel, but a topic for a different holivar.
Suddenly, a design note.
Once an accountant (an accountant?) Came to us and asked to add the ability to draw up a specialized accounting report to the system. Well, there is something about the balances for previous periods, about transferring something to the next, with a breakdown by articles, results, subtotals - it doesn't matter already. I kind of figured out what kind of information is needed, but the customer did not provide a specific form.
It is clear that there is a lot of data, and you need to make a table, even a few (for simplicity, we omit the reasoning leading to this conclusion, although, of course, there is also something to talk about here). The only thing left was to figure out which rows and columns in these tables should be.
With a habitual gesture, I opened the Sketch and started to draw like. Well, it's like an interface. After half an hour of dragging and dropping text blocks and rulers across the sheet, I threw this case: you can't imagine a table like that. It's too long a journey from a thought to a visual expression of that thought on the screen. On paper, too, it turns out so-so.
The solution came up unexpectedly clear and obvious after the fact: to come up with a table, you need to take Excel!
Vzhuh-vzhuh, columns there, lines here, substituted approximate numbers, some formulas - figured out the essence! Then we will agree on the essence with the customer, and then you can paint the whole thing in a graphic editor of your choice. Or you can immediately drag it into the code, and then apply the standard styles from the design system.
In short, Excel * is the best way to design tables.
________
* Of course, in fact, Numbers is better - Makov's analogue of Excel, but a topic for a different holivar.
У записи 6 лайков,
0 репостов,
310 просмотров.
0 репостов,
310 просмотров.
Эту запись оставил(а) на своей стене Анатолий Буров
