Дизайн интерфейсов

Илья Бирман

Дизайнер и автор блога об интерфейсах, представлении информации и навигации. Проектирует сайты и приложения, объясняет логику дизайнерских решений.

Блог автора: ilyabirman.ru

Темы автора

ОТ АВТОРА

Статьи и заметки

Материалы автора, собранные на WiseLab со ссылками на оригиналы.

СТАТЬЯ

Проектирование дизайна как создание объяснения

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

Читать СТАТЬЯ

Список как способ организации интерфейса

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

Читать СТАТЬЯ

Замкнутость интерфейса

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

Читать СТАТЬЯ

Программа при запуске хочет, чтобы я открыл файл

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

Читать СТАТЬЯ

Об идентификации выходов из метро

Чтобы объяснить друг другу, в какой выход идти из метро, люди в Москве вынуждены говорить заклинаниями («первый вагон из центра») или объяснять на пальцах («не тот выход, где пироги да слойки, а с другой стороны, там ещё цветочный ларёк вроде был»). А организации стесняются так писать, поэтому вообще молчат о том, как к ним идти из подземелья.

Читать СТАТЬЯ

Листаемые галереи товаров — это плохо

Дело в том, что листать — сложно. Прокрутка — самое приятное и дешёвое действие, для которого у нас есть выделенные жесты и элементы управления на всех устройствах. А для листания приходится целиться в какие-то маленькие стрелочки (Фиттс негодует), да ещё и кликать потом.

Читать СТАТЬЯ

Две позиции в длинном содержимом: прогресс и положение прокрутки

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

Читать