{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

Как я 15 раз переделывал табличку с распорядком дня пионерлагеря и в итоге просто от неё отказался

У Игоря Штанга и Маихала Капанаги есть клёвый курс по представлению данных в таблице, и сейчас проходит конкурс с призовым доступом к этому курсу. Требуется переверстать таблицу с распорядком дня советсвого пионерлагеря. В этой статье я покажу свои варианты, расскажу о них и о том как я решил в принципе не использовать таблицу для решения этой задачи

Исходный распорядок был на первый взгляд довольно простой, но сразу напрашивалось 2 быстрых улучшения

1. Облегчим заголовок и уберём втророй столбец с окончаниями дел, так как одно всегда заканчивается к началу другого, попутно выделим приёмы пищи, чтобы как-то разделить список на вехи

2. Из заголовка убираем упоминание пионерлагеря, допустим, что тот, кто это будет читать будет понимать о чём речь и без этого. Так же появился Владимир Ильич, куда же без него. Выделим первый и последние шаги, они тоже очень важны. Плюс сократим длинные пункты, постараясь не потерять смысл. А вот выделение цветом явно не удалось, можно было бы попробоваться развить, но кажется, что вариантов слишком много для какого-то хорошего решения

3. Попробуем с иконками и с двумя цветами, да и Владимира Ильича можно по-крупнее

4. С цветом всё-таки перебор, оставим чёрным. Вроде норм, но что если нужно бдует повесить плакат с распорядком где-то в лагере? Не хватает эмоций, всё-таки не съезд партии...

5. Добавим цветов и выкрутим кегль по-максимуму. Из далека будет видно, но правда не все пункты.. Попробуем сократить и их

6. Теперь видно всё. Но потерялись акценты с заглавных пунтктов

7. Добавим иконки к ним и уменьшим фоновый шум. Ок, а что если изменить ориентацию (плакату)? Может скомпонуется удаченее?

8. Добавим игровые иконки — каждому приёму пищи — свой пузырёк. Воздуха стало больше, а смысла не очень. Ну так...

9. Игровые иконки натолкнули на мысль сделать карту игры, рассматривать такое будет интересно, но есть проблема — очень сложно найти определённый пункт и проследить время.

10. Попробуем собрать относительно времени. Единственная проблема — вечерние дела накаладываются на утреннние и спираль выглядит мягко говоря адово.

11. А что если взять обычные часы, разметить вокруг распорядок? Так получится и наглядно и информативно — сразу понятно что сейчас пора делать и как это долго продлится.

12. Добавим иконки и более спокойные цвета

13. Пробуем сделать веселее и добавить иконок другим пунктам. Шумновато

14. Облегчим фон. Почти у всех занятий теперь свои иконки и можно вернуть время начала, чтобы часами можно было пользоваться и как таблицей.

 

15. Добавим плашки — с ними будет меньше шума + день и вечер можно сделать более контрастными. А ещё пришла мысль, что надо выделить линейки, опаздывать на них не очень хорошо.

Спасибо за просмотр. С удовольтвием узнаю ваши идеи, как бы вы решили эту задачу

0
20 комментариев
Написать комментарий...
Игорь

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

Ответить
Развернуть ветку
Максим Соколов

Немного докрутить вариант №4 и было бы хорошо. Все остальное просто баловство «для количества»

Ответить
Развернуть ветку
Don Draper

А откуда вообще стойкое убеждение, что пионерлагерь, это в первую очередь про пожрать и поспать? Почему именно это выделяется, а на кружки по интересам, скажем?

Ответить
Развернуть ветку
mdhfge

потому что на обед идут все, а в кружки по интересам - не все

Ответить
Развернуть ветку
Den Kasyanov

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

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

Ответить
Развернуть ветку
mdhfge

Когда я был в п/л (1987 год), там кормили так плохо, что вся смена считала минуты до обеда и ужина )))

Ответить
Развернуть ветку
Максим Соколов

именно, приемы пищи как базовый ориентир, вся смена понимает что «такая-то секция между обедом и чаем»

Ответить
Развернуть ветку
mdhfge

Хороший пример демагогии и ofensive bahavior. Почему вы приравниваете выделение обеда к "лагерь это в первую очередь пожрать и поспать"?

Ответить
Развернуть ветку
Анна Цыбикова

Только отступы убрать перед приёмами пищи. Или после них добавить. Сейчас "Отдых" и "Свободное время" после Обеда читаются как пункты меню (суп, картошка с котлеткой, компот). И иконки если оставить всё же, то сделать все приёмы пищи одинаковой иконкой, без фантазий на тему шашлыков..

Ответить
Развернуть ветку
Don Draper

После п.4 в пионер-лагере Простоквашино был пересменок, Дядя Федор ушел на тихий час, а дальнейшую дичь сочиняли Шарик с Матроскиным.

Ответить
Развернуть ветку
Nikolai

Прикольно. Только сегодня читал ководство «§ 89. Боязнь простоты». В тему :)

Ответить
Развернуть ветку
Un Den

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

Ответить
Развернуть ветку
Màx Kiriewski

Первый вариант все таки лучше

Ответить
Развернуть ветку
lapkin

п. 4 лучший

Ответить
Развернуть ветку
Маргарита Папкова

Я бы докрутила 4 вариант) Понимаю это боль передизайна) Делая UI, мы никак не должны забывать об UX!)

Ответить
Развернуть ветку
Galina Zhuravleva

С обычными часами с часовой стрелкой у некоторых детей бывают сложности)) они привыкли поглядывать на электронные, и не определяют время по обычным))

Мне тоже больше всего понравился 4 вариант, он визуально считывается довольно хорошо

Ответить
Развернуть ветку
Андрей Roaming

Как я понимаю эту боль. Очень знакомо

Ответить
Развернуть ветку
Виталий Кузьмин

ох, рябит в глазах)) я бы остановился на 4, но убрал Ленина, он уже как бы не при делах, а вместо него добавить что-то посовременнее. Чтобы было все просто читаемо, но при этом картиночка приковывала взгляд детей, которым сейчас нужно поярче все

Ответить
Развернуть ветку
Dmitry Che

Нет продолжительности, т.е. сколько времени дается на завтрак не очевидно.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
17 комментариев
Раскрывать всегда