12 нататак з тэгам

гипотеза

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

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

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

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

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

К сожалению, не успели с веб-версией, но зато доступен pdf для скачивания. Можно получать его обновления после каждого игрового дня, если оставить свою почту внизу страницы на soccer.fm. Также на сайте можно увидеть финальное состояние таблицы группового этапа (актуально только для больших экранов).

Таблица-расписание плей-офф в формате pdf (по состоянию на 5 июля)

2018   гипотеза   таблицы   футбол

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

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

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

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

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

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

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

Пользуйтесь, пишите отзывы и предложения на bootook@gmail.com

soccer.fm

2018   гипотеза   таблицы   футбол

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

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

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

Первоначальная идея и то, что имеем сейчас

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

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

Табло

Табло

Дневной вариант

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

Ночной вариант

Он же, ночной

Небольшое количество транспорта

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

Для случая, где останавливается только один

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

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

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

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

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

Предлагаю

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

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

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

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

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

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

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

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

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

UPD Теперь можно вживую увидеть, как работают таблицы в новом виде на сайте Антона.

2017   гипотеза   критика   редизайн   таблицы   футбол

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

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

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

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



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



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

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

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



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



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

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

2016   гипотеза   жд   редизайн
Ctrl + ↓ Раней