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

редизайн

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

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

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

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

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

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

Табло

Табло

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

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

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

Он же, ночной

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

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

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

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

15 студзеня   гипотеза   общественный транспорт   редизайн

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

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

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

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

Предлагаю

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

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

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

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

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

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

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

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

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

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

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

Владимир набросил. Выпуск 2. Стенд о платной парковке

О рубрике

Исходный вариант в сравнении с вариантом Владимира. Подробности читайте в блоге автора

Мой вариант

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

Верхний блок

Выбросим элементы, без которых можно обойтись. Заменим «по рабочим дням» на знакомый автовладельцам значок скрещенных молотков. Цену напишем в новой валюте. Номер парковки сделаем биркой для заголовка. Элементы реорганизуем в порядке от крупного к дробному. Так сэкономим место и сделаем высказывание чётким и концентрированным:

Способы оплаты

Оформим блок в классической манере: вспомогательные элементы расположим на полях основного текста. Туда отправим QR-код и примеры сообщений. Расставим в блоке знаки препинания и заглавные буквы в начале предложений:

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

Так нехитрыми преобразованиями избавимся от хаоса и сделаем стенд полезнее.

Исходный вариант в сравнении с моим

О рубрике «Владимир набросил»

2016   владимир набросил   гипотеза   редизайн
Ctrl + ↓ Раней