Варианты дизайна mentions

Мы обновляем внешний вид сайта и собрали три варианта. Каждый — рабочее демо: те же данные и те же функции. Время в демо заморожено на митинге Трампа в Коринте, 27.10, 02:35 МСК: 17 слов уже на 99¢.

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

1 · В эфире — открыть демо ↗ 2 · Блокнот — открыть демо ↗ 3 · Рынок — открыть демо ↗ Текущий сайт ↗
Экран
Тема

Демо заморожены: цены и время на них не меняются, а часы на странице (отсчёт, «Live») могут показывать странное. Метки Y/N/? и транскрайбер работают как на основном сайте и хранятся только в вашем браузере.

1 · ON AIR

«В эфире» — ночной пульт

Тёмный и самый плотный. Сделан под то, как чат смотрит эфир: ночью, стрим на соседнем экране. От FlexBucks — тёмный фон, пилюли, статус; фиолетового нет, акцент лаймовый.

  • Сверху полоса эфира: LIVE-таймер, время ET и МСК, «prices as of», счётчик «сказано 17/39» с полоской, Not held, DNQ.
  • Сказанные слова свёрнуты в одну строку зачёркнутых слов над таблицей, кнопка «Show rows» разворачивает их строками. Группа по-прежнему наверху, но на компьютере первый экран показывает 10 открытых слов, сейчас — ни одного.
  • У k/n полоски-гистограммы. Вместо «Kalshi ↗» в каждой строке — одна иконка.
  • Метки Y/N/? — буквы в квадратике без заливки, чтобы не путать с Last 5.

Минусы: меньше воздуха; на телефоне первое открытое слово начинается ниже середины экрана.

2 · JOURNAL

«Блокнот» — спокойный журнал

Светлый по умолчанию, есть тёмная «ночная» версия. Журнальное ощущение и жирные синие цифры, без буквальной тетрадки и линовки.

  • Над таблицей одна фраза-вывод с цветным порогом: «Live 35 min. 17 of 39 words said, 22 open — 1 of them came up in 80%+ of past rallies». Всего три блока над таблицей.
  • Заголовки с засечками, таблица без рамок, жирные цифры.
  • На телефоне сказанное слово занимает одну строку в 36 px: слово, Rallies k/n и цена. Остальное открывается по тапу.
  • Метка — кружок (синий или чернильный), чтобы не путать с Last 5.

Минусы: сказанные слова не сворачиваются. На планшетах шириной 761–1000 px таблица шире экрана, это надо дописать при сборке.

3 · MARKET

«Рынок» — ближе к Kalshi

Цена крупно и первой, сказанные слова сверху с зелёной галочкой, мягкие панели, кнопки-пилюли, шрифт Golos Text. Основная кнопка чёрная, а не зелёная, как у Kalshi.

  • Сегментная полоса над таблицей: по сегменту на слово. Зелёный — сказано на 99¢, красный — unbond, серый — открыто, фиолетовый — услышано транскрайбером. Так видно, как далеко зашла речь, ещё до чтения строк.
  • Last 5 — точками: залитая — сказано, кольцо — не сказано, точка в кольце — другой формат.
  • На телефоне поиск, «Choose events» и сортировка в три ровные строки, «Also now» — одна раскрывающаяся строка.

Минусы: на телефоне перед открытыми словами идут сказанные (их скрывает кнопка «Hide said»). Точки в Last 5 читаются хуже привычных букв Y/N.

О чём спросить себя