abelozertseva.ru

Ремесло
и искусство

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



Как устроена
работа редакции

Три этапа, через которые проходит каждый материал издания — от первого замеченного приёма до готового разбора.

Этап 01

Наблюдаем

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

Этап 02

Разбираем

Раскладываем решение на составляющие: типографику, сетку, ритм, поведение элементов. Ищем причину, по которой приём работает, а не только внешний эффект.

Этап 03

Делимся

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

Свежие
материалы

Три способа размещения источников

Источники и примечания в интерфейсе статьи: как показать доказательства без разрыва чтения

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

Если все ссылки вынести в длинный список в конце, проверка превращается в поиск соответствий. Если поставить по три ссылки после каждого предложения, текст начинает выглядеть […]

Выбор открытой и скрытой информации

Постепенное раскрытие информации: когда сворачивать детали, а когда показывать сразу

Длинную статью легко попытаться «облегчить» одним приёмом: свернуть часть разделов и оставить на экране только короткие заголовки. Визуально страница действительно становится компактнее. Но сама по себе компактность ещё не означает, что интерфейс стал понятнее. Если пользователь вынужден раскрывать каждый второй блок, чтобы получить основной ответ, сложность не исчезает — она просто превращается в дополнительные действия.

Постепенное […]

Landmarks и заголовки в структуре длинной статьи

Доступность длинной статьи: заголовки, ARIA-landmarks, клавиатура и фокус

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

Доступность такого […]

Хороший интерфейс не требует объяснений, но всегда требует объяснимых решений.

Анна Белозерцеваредактор издания