Пишу о подаче информации, интерфейсах и жизненной среде. Дизайнер в компании «Тунель‑технологии». Работал в Лаборатории данных и Бюро, соосновал дизайн-группу «Кипо».

Позднее Ctrl + ↑

Дизайн отвечате на вопрос «Как?»

Артём написал совет о дизайне при президентах России. Привожу вопрос и ответ целиком:

Основное сообщение мне неинтересно. Зацепило «...дизайн в нашей стране начался...». Артём пишет так, будто дизайн — это результат, объект. А на деле дизайн — свойство. Он может быть хорошим, плохим, европейским, азиатским, любым — как эстетика. У приглашения из вопроса тоже есть дизайн, там подобраны рамки, изображение, печатные материалы, разработан, а потом выбран шрифт. Дизайн всегда есть и был, и потому не мог «начаться».

Дизайн отвечает на вопрос «Как?» Как это выглядит, как ощущается, как устроено, как работает.

Пробелы

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

→ Неразрывность

ХТМЛ

Мнемоника

АйОС и Андройд

С нулевой шириной

При выравнивании по ширине растягивается, как другие пробелы. В языках без пробелов отмечает границы слов

Запрещает разрыв строки, не добавляя пустого пространства. Не пробел, но для поиска, парсинга, сортировки и пр. определяет границы слов

Классика

Пробел минимальной ширины

Обычно в 1/5 кегля, реже — в 1/6

Зауженный, часто схож с «Thin Space». Не отображается в Сафари, поэтому выкручиваются

Обычный пробел, вводится клавишей «Space»

Шириной с обычный пробел

Кратные кеглю

1/6 кегля

1/4 кегля

1/3 кегля. Ближе других к обычному пробелу

1/2 кегля

Шириной с кегль шрифта

К цифрам

4/18 кегля. Применяют в математических формулах

Шириной с цифру. Используют в наборе таблиц

Экзотика

Шириной с точку

Шириной с иероглиф. Используется в восточных языках

Подзаголовки, ломающие переключатель

Встретил в магазине такой переключатель:

С первого раза не осилил. Тут вроде нормальная структура: подзаголовок + радиокнопка для каждого элемента. Но выбрать пункт, не читая его подзаголовок, не получится. Выписал проблемы, чтобы понять что мешает.

В тексте:

  • пара «подзаголовок — лейбл к радиокнопке» в разных пунктах согласована по-разному (2-й лейбл вообще выглядит ошибкой, как будто не оттуда скопировали);
  • в 1-м пункте повторяются «Самовывоз» и во 2-м — «Доставка», скорее всего, дубли навязывает структура.

В вёрстке:

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

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

После перевёрстки повторы и рассогласованность ушли сами:

Способ получения Стоимость
Бесплатно
Сообщает оператор
300 рублей

Конёк-горбунок

Читал сыну «Конька-горбунка» и не мог поверить, что это русский язык. Настолько текст был образным, текучим и лёгким. А понятность содержания осталась придельного понятна. С первоиздания 1834 года язык ощутимо изменился.

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

Предположение о часах работы

На странице заведения Форсквер показывает часы его работы. Если время не указано точно, сервис предполагает, опираясь на чекины. Я за такие штуки, потому что они добавляют пользы.

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

  1. Он контекстно меняет порядок дней недели, что мешает сформировать привычку.
  2. Не пушит, какой сегодня день недели, хотя это может помочь принять вспомнить, что сегодня сюда не нужно или ещё что-то в таком духе.
  3. Каждому часу добавляет мусорные «:00», хотя все данные округлены до полных часов.
  4. Отдельные приветы «Полудню» и диапазону «Сб — Вс».

Делал бы так. Если данные точные, заголовок будет просто «Открыто до 19:00».

Судя по чекинам, открыто:

Пн 10...16
Вт 11...15 17...18
Ср 11...12 14...18
Чт 11...13 15...16 18...19
Сегодня Пт 11...19
Сб, Вс 10...19
Ранее Ctrl + ↓