¯\_(ツ)_/¯

2024

Mon, 25 Dec 2023 18:17:23 +0300

Каляндар на наступны год. Цяпер анлайн. Больш не трэба ўяўляць умоўны цыліндр у галаве, каб зразумець ідэю, бо ўмоўны цыліндр гартаецца ў вакне браузера. І як ні гартай — заўсёды бачыш увесь год адразу.

clndr.today

На жаль, пакуль толькі для дэсктопаў, на тэлефоне паглядзець не атрымаецца. І зараз ён толькі для Польшчы і Беларусі, на чатырох мовах. Калі хочаце, каб я дадаў на яго яшчэ краіну ці іншую мову, ці знайшлі памылку, напішыце мне

Альтэрнатыўная схема руху трамваяў Кракава

Wed, 17 May 2023 21:53:44 +0300

У большым памеры

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

Афіцыйная схема

Лепшая альтэрнатыва — спрасціць

Кажуць, чым меней паваротаў у лініі, тым лягчэй прасачыць маршрут. А каб іх было меней, трэба сетку вуглоў з 45° змяніць на 36°. У выпадку менавіта кракаўскай геаграфіі яна больш натуральная.

Яшчэ лічыцца, што спрашчае ўспрыманне ўнутраны парадак, які ўзнікае, калі элементы падпарадкоўваюцца аднаму рытму. У альтэрнатыўнай версіі такі рытм ёсць у кожнай плоскасці:

Надпісы таксама парасстаўляныя рытмічна:

Колеры і пучкі

Калі ўважліва прыгледзіцца да кракаўскіх трамваяў, высвятляецца, што кожны маршрут не такі ўжо й унікальны — яны па два, па тры, а то і па чатыры ходзяць на асноўных адрэзках тымі ж самымі вуліцамі. Адрозніваюцца толькі “хвасты” маршрутаў. Таму мець кожнаму маршруту свой асабісты колер зусім не абавязкова. У альтэрнатыўнай версіі абыдземся толькі 7 на ўсіх замест былых 20. Гэта акрамя ўсяго дасць нам магчымасць разблытаць складаныя вузлы:

Новыя колеры падабраныя такім чынам, каб схему маглі прачытаць таксама і людзі з парушэннямі ўспрымання колераў:

1) Як убачаць схему, напрыклад, людзі з дэйтэранамаліяй; 2) дэйтэранапіяй; 3) трытанамаліяй

Змяншэнне колькасці колераў дае дадатковы своеасаблівы мнеманічны эфект: па колеры лініі можна адразу сказаць, якая ў яе “геаграфія”. Кшталту “чырвоная ідзе з паўночнага захаду на поўдзень праз Філармонію і Страдом”, ці “фіялетавая — так жа сама, толькі праз Старавісельну і тэатр Славацкéга”, ці “жоўтыя з сінімі ўмоўныя гарызанталі, а туркусовая — умоўная вертыкаль, ідзе праз тунэль”. І гэтак далей.

Акрамя гэтага, калі колераў менш, схема больш чыстая і пазітыўная. Пазітыву дадаюць таксама геаграфічныя аб'екты (акрамя таго, што з'яўляюцца арыентырамі).

Яшчэ адзін з вядомых прынцыпаў паляпшэння схем — пазбавіцца ад легенды (прынамсі хаця б часткова). Для альтэрнатыўнай версіі было вырашана паказаць напрамкі, у якіх ідуць трамваі, не ў легендзе, а ў саміх канцавых пунктах.

Што аб'ектыўна стала лепш

Пры аднолькавых габарытах схем (альтэрнатыўная нават трохі меншая па вышыні) надпісы на новай схеме значна большага памеру, чым тыя, што на афіцыйнай:

Такім чынам, лічу, альтэрнатыўная схема лепш :)

***

Сябры, гэта першая версія схемы, якая будзе дапрацоўвацца. Мне патрэбна ваша дапамога. Па-першае, неабходныя людзі з добрым валоданнем польскай, для таго, каб вычытаць і выправіць памылкі, якія я верагодна нарабіў. Па-другое, патрэбны жыхары і наведвальнікі Кракава, якія б дапамаглі знайсці факталагічныя памылкі. Калі вы ці вашы знаёмыя могуць дапамагчы, калі ласка, напішыце мне.

2023

Thu, 22 Dec 2022 18:09:10 +0300

Звычайна каляндар графічна ўяўляе сабой прамавугольнік. Але ж сутнасна ён яшчэ і кола, і лінія. Вашай увазе прапануецца спалучэнне гэтых сутнасных і графічных фігур — каляндар на 2023:

PDF для друку: для Беларусі, для Беларусі лацінкай, для Польшчы, для Польшчы па-польску.
Калі патрэбна версія для іншай краіны, мовы, ці вы знайшлі памылку, пішыце

Мінскае метро. Антысхема IІІ

Thu, 21 Jul 2022 20:29:11 +0300

Памятаеце, была такая Антысхема мінскага метро? Хачу вам распавесці, як пераадолеў адно з яе базавых абмежаванняў — дадаў трэцюю лінію.

PDF

Нагадаю. Неяк, шукаючы абсалют, я прыйшоў да высновы, што ў схеме метро Мінска можна адмовіцца ад ліній, а сэнс не зменіцца. Проста вертыкальнай воссю хай будуць станцыі, а гарызнатальнай — пераход паміж лініямі. А тое, што станцыі будуць на адной лініі, нават дасць магчымасць паказаць суадносіны адлегласцяў паміж імі — будзе больш інфарматыўнасці.

Фрагмент афіцыйнай схемы метро на той момант побач з адпаведным фрагментам першай антысхемы

Атрымалася нешта, што адначасова і існуе ў свеце схемаў, і, па сутнасці, іх адмаўляе. Антысхема.

Другая версія антысхемы

Але ж так зручна тады ўсё сышлося таму, што ліній было ўсяго дзве. А неўзабаве ж з’явілася трэцяя. Яна злучаецца і з першай, і з другой адначасова. Здаецца, дзвюх плоскасцяў ужо не хопіць, каб паказаць адначасова лініі і ўсе пераходы...

Але выйсце ёсць. Трэба проста ўмоўна плоскасць пераўтварыць у 3D-аб'ект.

Так першапачатковая канцэпцыя для дзвюх ліній застаецца і пры трох: спіс станцый вертыкальна, пераходы — гарызантальна. І калі дабудуюцца новыя станцыі трэцяй лініі, нічога не зменіцца.

Вуліцы

Выхады са станцый з'явіліся яшчэ ў другой версіі антысхемы — маўляў, калі ведаем, з якой станцыі патрапіць на вуліцу, то крута было б і ведаць, куды канкрэтна ісці. Але сітуацыя з выхадам там абыгравалася лакальна, у спісе, паказваючы зносіны вуліцы толькі з «яе» станцыяй. У новай жа версіі вуліцы (прынамсі, іх абазначэнні) узаемадзейнічаюць з усім астатнім асяроддзем.

Чаму некаторыя з абазначэнняў як бы трохі прыглушаныя? Гэта таксама новае ў антысхеме: тыя вуліцы, назву якіх можна шукаць па-рознаму (ці то «Яна Чачота», ці то «Чачота Яна»), займаюць у спісе вуліц цяпер два месцы. Трошкі прыглушаны побач з малюнкам станцыі нумар «альтэрнатыўнага» варыянту (у выпадку з Чачотам гэта быў бы «Чачота Яна»).

Яшчэ новае, што станцыі атрымалі каардынаты. Цяпер шэрыя гарызантальныя лініі пад імі паказваюць не толькі колькасць адрэзкаў па 2 мінуты (дыстанцыю), а яшчэ і межы картаграфічных «квадратаў», у якіх станцыі знаходзяцца.

1) верхні левы вугал антысхемы; 2) правы ніжні

Вось так. Пампуйце і глядзіце PDF арыгінальнага памеру.

***
Хацелася б знайсці чалавека, які б дапамог з перакладам на іншыя мовы. Калі гэта вы, ці, можа, вы проста знайшлі памылку, ці ёсць прапановы, заўвагі, ці яшчэ што, калі ласка, пішыце.

Таблица чемпионата мира 2018. Продолжение

Sat, 30 Jun 2018 16:16:54 +0300

О групповом этапе

В отличие от группового этапа, где все участники любого матча были известны заранее, на этапе плей-офф приходится применять понятие потенциальных соперников. До выяснения, кто же будет дальше играть с командой, традиционно принято его обозначать шифром, например, «победитель матча N» или «Победитель в паре A1—B2». Вроде бы всех это устраивает. Но есть проблема — чтобы при таком раскладе ответить на вопрос, какие соперники могут быть у такой-то команды на таком-то этапе, нужно мысленно представить себе пирамидальную структуру плей-оффа и «спуститься» от нужного этапа к началу.

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

Где посмотреть

pdf с картиной чемпионата по состоянию на 5 июля 2018

Таблица-расписание чемпионата мира по футболу 2018 года

Wed, 20 Jun 2018 13:40:58 +0300

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

Представляю вам soccer.fm — сайт, посвящённый общей картине чемпионата.

Основа решения проста — расположить таблицу результатов поверх расписания. С течением времени таблица расписания уменьшается, а таблица результатов растёт. Это позволяет им сосуществовать в одном пространстве. Сыгранные матчи переходят из одной в другую. Каждая из таблиц работает по собственным правилам, их объединяет вынесенный за скобки список команд. Каждый день чемпионата получаем на странице картину «состояние на текущий момент + что там дальше».

Составные части

Расписание — таблица пересечений: соперники каждой из команд расположены напротив дат, в которые состоятся матчи. Можно быстро увидеть перечень всех матчей на каждый день.

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

UPD: сайт уже не работает, если есть вопросы, пишите на bootook@gmail.com

Информационные экраны на Минских остановках

Mon, 15 Jan 2018 17:20:17 +0300

Хотелось бы высказаться на больную для каждого честного человека тему — о «мультимедийных» экранах на остановках.

Почему они такие отвратительные
Мелкое попрание здравого смысла в начале разработке интерфейса повлияло на судьбу экранов чересчур значительно. Сначала в них вместо акцента на том, когда прибудет нужный автобус решили заострить внимание на том, где он сейчас. Потом от этой странноватой идеи отказались. Но менять заданное ею расположения элементов почему-то не стали. Кроме того, по привычке решили занять «свободное место» рекламой. Так вместо спорной первой концепции получился откровенный сюр.

Первоначальная идея и то, что имеем сейчас (использован фрагмент снимка с сайта citydog.by)

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

Табло

Концепт экрана для случая с большим количеством транспорта

Он же, ночной

Для случая, когда транспорта не так много

На остановке, на которой останавливается только один

Улучшения для футбольных таблиц Антона Иокова

Thu, 09 Mar 2017 17:54:03 +0300

Написал недавно Антон:

Привет! Видел, что тебе понравились таблицы спортивных результатов. Похвала — это здорово, спасибо :) Но ещё полезнее критика. Мы выкатили вторую версию с дрилдауном до результатов матчей. Будет здорово, если ты укажешь на провалы…

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

Предлагаю

Первое улучшение, которое просится прямо из названия Replay Table — заменить в интерактивной части стрелки с дропдауном на более гуманный ползунок наподобие плеера:

Дальше не совсем понятно, почему те самые результаты матчей, которые добавили позже, вынесли в отдельную вкладку. Ведь проигрыш/победа/ничья характеризуется как раз количеством забитых и пропущенных мячей. Логичнее показать всё вместе, не заставляя пользователя переключаться туда-сюда. И ещё всё-таки неплохо было бы оставить возможность увидеть не только общую сумму, но и дельту — очки за конкретный матч:

Под впечатлением неудачных примеров из интернета Антон отбросил идею использования визуализации. Зря. Классический спарклайн возле каждой команды как раз отлично ответил бы на исходные вопросы. Разукрасив его область в цвета результатов матчей, получим вариант, который и без механизма «риплея» даст полное представление о том, как каждая из команд провела турнир:

А уж с механизмом должно получиться вообще прекрасно:

Идея посмотреть на турнир со стороны конкретной команды (третья вкладка) неплоха, но, кажется, не додумана. По-настоящему заиграла бы, если бы так можно было сравнить команду с соперниками:

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

Добиться этого поможет новая концепция: вместо того, чтобы идти как бы «вглубь» команды (переключать вкладку), предлагаю фильтровать таблицу по команде:

Эти улучшения — лишь теория, не знаю, удобно ли будет использовать результат на практике.

P.S. Все, кому нужен мой совет, мнение по вопросу или помощь, пишите на bootook@gmail.com. Обязательно отвечу.

UPD Реализованная Антоном библиотека для таких таблиц.

Редизайн электронного железнодорожного билета

Fri, 20 May 2016 16:00:00 +0300

Редизайн железнодорожного билета вызвал поток вопросов у публики. Возможно ли технически воплотить задуманное? Куда делись водяные знаки, атрибутика БелЖД, текстура бланка и вообще «оформление»? Можно ли так свободно обходиться со штрих-кодами? И так далее. Честно, я не знаю ответов. Поэтому, скажем так, беру пост о билете обратно. Начнём заново. С другим объектом.

Электронный билет. Вещь, не зависящая от принтера, установленного в кассе. Не требует специального бланка для печати. Можно верстать как угодно, с использованием каких угодно шрифтов и цветов. Кроме того, у БелЖД появился недавно, а значит, над ним думали наши современники, и он не обязан соответствовать старым канонам.

Будем переделывать электронный билет. Вот так он выглядит сейчас:

Сначала избавимся от мусорных элементов. Уберём неуместные иконки, линии обводок, странный перевод на английский язык (билет читает один человек, которому нужен только один язык) и абсурдные фразы «Подтверждаю…» и «Я согласен…». Если оставить только нужную пассажиру информацию, получим такое:

А теперь давайте подумаем о полезном действии этого объекта. Как ни странно, для проезда он не нужен. На самом деле у проводника список пассажиров, оплативших поездку через интернет. Чтобы он вас там нашёл, нужен только паспорт. Получается, это скорее не билет, а информационная памятка для пассажира. Полезное действие — ответить на как можно большее количество потенциальных вопросов. Значит, для переделки нам надо не только убрать лишнее, но и добавить то, чего не хватает.

Чтобы потом не возникло проблем, на вопросы пассажира будем отвечать только с помощью общедоступных средств и открытых источников. А значит, сможем ответить не на все :) Но, по крайней мере, можем предложить адреса вокзалов в точках отправления и прибытия, схему поезда с отмеченным местом пассажира и перечень станций на пути. Карты возьмём с Яндекс.Карт, а схему поезда и перечень станций — на сайте БелЖД. На него же ориентируемся в выборе стиля нового оформления.

Получается вот такая памятка:

С вёрсткой здесь не так очевидно, как в случае с обычным билетом: другой формат, больше разноплановых элементов, сложнее скомпоновать. Кроме того, перечитываю «Типографику и вёрстку» Артёма Горбунова, — от всей души пытался соответствовать. Старался соблюсти правила внутреннего и внешнего, модульность, якорные объекты и принцип «от крупного к мелкому» без ущерба для идеи максимальной информационной наполненности. Вкратце было так:

Но вёрстка тут не главная тема. Этим постом я хотел напомнить ещё один принцип редизайна: в основе всегда работа со смыслом объекта. Без этого никуда.

UPD. По совету уважаемых комментаторов из фейсбука добавил в билет прогноз погоды :)

Обновление антисхемы

Fri, 22 Apr 2016 21:00:00 +0300

Cсылка на pdf

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

Почему необязательно использовать принцип Генри Бека, читайте в советах Ильи Бирмана.

Но почти сразу поступил комментарий, что, строго говоря, на метро мы «телепортируемся» не на улицы, а на станции. Попасть со станции на улицу — отдельная задача, которая в антисхеме на самом деле проигнорирована. Надо бы это исправить.

Первый подход. Анти-антисхема

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

Чтобы не рисовать целый город, придумал такой ход: нарисую для каждой станции схему вида «дойти отсюда за 3 минуты», потом соберу в одно целое. Использую такой масштаб, чтобы поместить перечень станций с «картой» на одну ось времени.

Но после первых набросков стало понятно, что направление неверное. Как раз вышла схема метро Екатеринбурга Паши Омелёхина и Ильи Бирмана. Она помогла прикинуть, какой будет ад, если попробовать исполнить в похожем формате не 8, а уже 29 станций, из конца в конец города, с пересечением в центре. Короче, отказался от этой идеи.

Максимизация полезности того, что есть

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

Улицы

Уважаемые комментаторы критиковали и список улиц. Мол, неясно, почему именно эти, кому нужен переулок Фабрициуса, и т. д. Считаю, нужно объяснить: сразу планировал отобразить как раз улицы, напрямую примыкающие к станциям. Был уверен, что в статьях Википедии о метро, откуда брал список, перечисляются именно они.

Партизанскую рисовал с натуры.

Да, занявшись выходами, обнаружил, что всё не так. Не хватает Жасминовой, Жилуновича, Смоленской и ещё нескольких, а Пинская и Домашевская к метро не примыкают. Проблема есть. Но переулок Фабрициуса всё-таки в начальную концепцию вписывается и поэтому, простите, останется на антисхеме :)

Ссылка на полный pdf