Символы вместо текста: как мы упростили интерфейс за один день

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

Правило

Меньше текста, больше значков: картинка и одно-два слова на экран.
Пояснение не лежит на экране, а прячется в круглую кнопку «?».
Одна вещь — одно место. Тема, имена и время не повторяются в нескольких блоках.
Настроек минимум. Всё работает по умолчанию, остальное — за одной кнопкой.

Разбор 131 элемента

Мы прошли прототип экран за экраном и для каждого элемента ответили на вопрос: какой цели он служит и что сломается без него. Если ответа нет, элемент лишний.

Из 131 элемента 101 оставили как есть. 12 убрали совсем, 13 упростили или слили с соседними, 4 отложили до следующих версий. По ходу появилось ещё одно правило: не больше двух «?» на экране. Если подсказок больше, непонятен сам экран.

Вызов: одно поле вместо формы

Самое заметное изменение — создание вызова. Раньше нужно было написать утверждение, выбрать сторону, формат и время. Теперь — одно поле «С чем вы не согласны?» и кнопка «Спорим!».

Было: утверждение, сторона, формат, время и настройки

Сторону выбирать не нужно: автор вызова всегда против того, что написал. О времени договариваются после того, как оппонент принял вызов. Формат на 18 минут стоит по умолчанию, а свой регламент открывается кнопкой настроек рядом с полем.

Страница вызова: значки вместо подписей

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

Стало: метки, две стороны и одна главная кнопка

Теперь формат, тема и язык — метки со значками над заголовком. Две стороны стоят друг напротив друга. «Принять» — главная кнопка, а изменить, отказаться и поделиться можно значками в том же ряду.

Главная: картинка вместо абзаца

Вместо абзаца о продукте на главной теперь вопрос «Не согласны?», кнопка «Спорим!» и кадр эфира: две стороны, таймер и этапы. Как всё устроено, объясняют четыре значка: вызов, правила, эфир и тезисы.

И этот блог тоже

По тому же правилу мы переделали sporum.ru: первый экран с кадром эфира, значки вместо списков и обложки у записей.

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