табличный дизайн

В этой группе в Телеграме я покупаю рыбу 😅

Бизнесу жизненно необходим наглядный и понятный дизайн (а не этот наш минимализм), поэтому он выкручивается как может.

1. Иконки неплохо показывают группировку. Да и вообще без них длинный список смотрелся бы уныло. Обратите внимание на точность изображений.

2. Цены выделены жирным, потому что нет возможности поставить их в отдельный столбик.

3. Всё, что закончилось, перечеркнуто.

4. Заголовки групп — присутствуют.

Сверстать текст для поста в Телеграме — прекрасное учебное задание. Надо такое сделать.

оказывается, в википедии есть длиннющая таблица под названием «response to sneezing». вот кусочек из моих любимых.

если вы собирались жить этот год по-новому, можно теперь говорить чихнувшему «прочь, котёнок!» или просто пожелать пятьсот лошадей.

где бы вы ещё такое прочли, если бы не этот канал? (простите)

очки в спортивной гимнастике начисляются по адски сложной схеме, частью которой являются детальнейшие описания стандартных элементов. Написано это в документе Code of Points размером в 200+ страниц PDF, с использованием Нотации

ещё один интересный пример наглядности — помадная серия стейси грин. интересно здесь то, что проект живёт в двух плоскостях. мы видим абстрактные формы, которые могли бы быть скульптурами, но при этом каждый срез, наклон и вогнутость здесь работают как отпечаток многократно повторенной повседневности конкретного человека.

к каждой форме хочется достроить образ владельца, считывая через материал его манеру: бережливость, аккуратность, нервозность, спешку — всё это можно представить в уникальных формах (и, конечно, ошибиться с выводами).

другой интересный момент: мы привыкли считать, что дизайн определяет пользовательский опыт, но тут мы видим обратный процесс: именно опыт формирует объект, делая его особенным. то есть, другими словами, мы видим как промышленный продукт становится интимным артефактом.

сегодня последний день скидок на курс по таблицам, больше не буду говорить:
https://www.igorshtang.ru/course/tables/#buy

тоже недавно задумался над покупкой нового айфона. я довольно консервативен в этой теме и меняю телефон очень редко: сначала у меня был айфон первого поколения, затем был пятый, потом (и до сих пор) — десятый. сейчас, когда я начинаю уже замечать, что некоторые приложения откровенно тормозят, пришлось признать, что пора менять устройство. хотя на самом деле нужно менять отношение к разработке софта, потому что это безумие, когда приложение доставки еды тормозит на экране, состоящем из маленьких картинок, коротких названий и кнопок с ценой.

но не суть! я решил: либо айфон 17 про, либо эйр. для меня они практически одинаковые, только эйр красивее и легче, а у прошки телевик. как выбрать? конечно на основе данных!

выгрузил все свои айфоно-фотки с 2008 года (без скриншотов, сохранённых мемов и всякого такого), получилось около 100 000 фотографий. затем вытащил из них потенциально интересные метаданные через exiftool (см. детали в комментах).

а потом с помощью нейросети собрал график и прошка отпала сразу же: я редко сильно зумлю (около 5 % от всех снимков). и это не боязнь шумов, я на такое не обращаю внимание, это именно то, как (и что) я фотографирую.

быстро решив основную задачу, собрал другие интересные графики. прям инсайтов не было, но посмотреть было интересно:

· по фотографиям виден мой распорядок дня.
· перемещения (частичные, поскольку у карты ограничение точек на слой).
· что вокруг меня не очень много света, к сожалению.
· на какой высоте я живу (и что я редко фотографирую в самолётах).
· приход весны, лета и осени для меня — событие.
· моя активность повышается постепенно в течение недели.

графики все страшненькие, потому что сделаны нейросетью, но, тем не менее, наглядные. вообще нейросети любят всё делать простыми столбиками или совершенно скучными видами графиков. если не скажешь им хотя бы в каком виде надо собрать, то вообще печально.

в табличном курсе по теме наглядности у нас есть целая глава. и кстати до 11 января на курс — скидка:
https://www.igorshtang.ru/course/tables/

В копилку примеров. Бывает, на сайтах дают сравнить разные продукты и составляют таблицу фич: тут крестики, а там галочки. Эпл тоже когда-то таблицы делал. Когда я думал, переходить ли на 17-й Айфон, решил спросить у Эпла сравнение, а он выдал такой новый дизайн. Намного приятнее таблиц! И это я говорю при том, что я обожаю таблицы.

роман прислал ссылку, я наскриншотил вам оттуда несколько табличек. и в этот раз не будет разбора, не будет перевёрстки и всяких «что хорошо» и «что можно улучшить». просто потому что тут не нужно ничего из этого. эти таблички — скорее напоминание о существовании совершенно другой вселенной. иногда мне кажется, что она уже угасла, но это лишь до тех пор, пока я не выйду на улицу (или пока за меня это кто-то не сделает).

я даже думаю, что фархаду и его клиентам вообще не нужно ничего тут менять. и что какой-то другой дизайн даже может отпугнуть человека, который решит купить или продать конденсаторы, реле и другие радиодетали. в этой цветасто-рамочной эстетике заложена особая форма доверия, которая работает в специфических нишах лучше любого современного минимализма. когда интерфейс выглядит слишком стерильным и вылизанным, он может показаться пользователю либо слишком дорогим, либо корпоративно-холодным, либо вовсе мошенническим. а здесь перед нами предельно честная, почти доисторическая функциональность.

фотография самого фархада в углу только подчеркивает эту личную ответственность и отсутствие посредников между продавцом и покупателем. в мире, где мы привыкли использовать каждый пиксель для показа своих дизайнерских навыков, такие примеры напоминают о том, что контекст и понимание своей аудитории — главное.

———

тем временем табличный курс до 11 января — со скидкой. берите тот, что с практикой, это в разы полезнее:
https://www.igorshtang.ru/course/tables/#buy

новогоднее сравнение: как горит сухая ёлка и та, которую держат в воде

кстати, обратите внимание на работы, которые сделали для конкурса про сельское население: они все разные, и каждую интересно поизучать. за что я особенно люблю табличный формат — так это за то, что можно решить одну и ту же задачу совершенно по-разному.

и ещё раз упомяну про рассылку «это не показатель» и канал «если быть точным».