abelozertseva.ru

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

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



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

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

Этап 01

Наблюдаем

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

Этап 02

Разбираем

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

Этап 03

Делимся

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

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

Структура посадочной страницы топовысок после перехода по внешней ссылке

Что происходит после клика: почему качество посадочной страницы всё ещё имеет значение

Внешняя ссылка решает только его первую часть — приводит человека на новую страницу. После клика уже сама страница должна оправдать ожидание: объяснить тему, показать главное и дать понять, где искать подробности. Если этого не происходит, даже хороший источник перехода не компенсирует проблемы интерфейса и структуры материала. Похожая задача возникает и в SEO-конкурсе: страница топовысок по […]

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

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

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

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

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

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

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

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

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

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

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

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

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

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