https://pages.reushkin.ru/tags/tablica/ Я, Саша, дизайн-директор в КонсультантПлюс. Пишу о том как работаю, как мыслю и как неуспеваю. Саша Реушкин ru E2 (v3794; Aegea) Саша Реушкин Я, Саша, дизайн-директор в КонсультантПлюс. Пишу о том как работаю, как мыслю и как неуспеваю. 17 https://pages.reushkin.ru/all/pereverstal-tablicy-na-upakovke-kofevarki/ Mon, 04 Sep 2023 17:56:17 +0000 Саша Реушкин https://pages.reushkin.ru/all/pereverstal-tablicy-na-upakovke-kofevarki/ <p>Разбирался на даче и нашел коробку от кофеварки. коробка и коробка, но взгляд зацепился за таблицы. в голове возникли вопросы: а зачем они тут, какая идея была делать это именно в таблицах? почему они такие страшные?</p> <p>сфотографировал и принес в операционную sketch.</p> <div class="e2-text-picture"> <img src="https://pages.reushkin.ru/pictures/before.png" width="1008" height="1344" alt="" /> </div> <h2>Реанимирование</h2> <p>задаю вопросы</p> <ul> <li>много ли данных? нет, мало.</li> <li>надо ли сравнивать данные? нет, не надо.</li> </ul> <h2>Продолжаю с таблицами</h2> <ul> <li>рамка таблицы, как будто важно показать таблицу, а не информацию в ней</li> <li>название столбцов. они указывают на очевидные вещи. зачем это?</li> <li>значения располагаются слишком далеко от параметров</li> <li>единицы измерения в столбце с названием параметра, а не со значением</li> <li>целый столбец на одну цифру</li> <li>в первой таблице значения стоят так, что их хочется сравнить, но их не надо сравнивать</li> <li>во второй таблице для одной цифры используется целая колонка. расточительное использование свободного места.</li> <li>длина провода указана в метра, а выше в красных квадратах уже в сантиметрах</li> </ul> <p>Но есть и хорошая деталь. всегда надо находить что-то хорошее</p> <ul> <li>вынесли «шт.» в заголовок таблицы «Комплектация».</li> </ul> <h2>Достаю скальп</h2> <ul> <li>убираю таблицы и делаю в первой таблице список, а во второй простой перечень.</li> <li>соединяю название параметра со значением, а значение с единицей измерения. теперь всё на своих местах.</li> <li>перевожу метры в «см». никто не меряет неполными метрами в реальной жизни.</li> <li>убираю количество штук из перечня вещей в коробке. каждой вещи по 1 шт. а значит если она указана, значит она есть. вот если бы чего-то было 2шт, то это можно было указать рядом.</li> </ul> <h2>Результат</h2> <p>получилось просто и понятно. вокруг появилось свободное место, которое можно занять другими товарами.</p> <div class="e2-text-picture"> <img src="https://pages.reushkin.ru/pictures/after.png" width="1008" height="1344" alt="" /> </div> <p>конечно тут есть что еще улучшить:</p> <ul> <li>убрать рамки в оранжевых плашках и сделать в них графику крупнее.</li> <li>убрать рамки у ассортимента.</li> <li>убрать бюрократичное слово «ассортимент». люди так не говорят в обычной жизни.<br /> но это уже другая история.</li> </ul>