Интерфейс

Курс лекций о проектировании интерфейсов, собранный из открытых источников.

С правильным порядком изложения: от основ к деталям, от простого к сложному. От обычных подборок «полезных ссылок» отличается как учебник физики от очередного выпуска журнала «Всё обо всём».

1. Универсальные принципы

Законы робототехники в интерфейсе · Антон Жиянов

Ошибки и человеческий фактор · Антон Жиянов

Привычки пользователя · Илья Бирман

Модальность · Илья Бирман

Обратная связь · Илья Бирман

Выбор · Антон Жиянов

2. Вёрстка, композиция и цвет

Теория близости · Илья Бирман

Закон Фиттса · Илья Бирман

Как собрать палитру из одного цвета · Эрик Кеннеди

Пиктограммы · Илья Бирман

3. Текст

Информационный стиль · Илья Бирман

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

5. Формы и ввод данных

Как спроектировать удобную форму, какие выбрать элементы управления.

6. Ошибки и обратная связь

Как дать обратную связь пользователю, когда что-то идёт не так.

7. Списки, поиск и фильтрация

Как организовать информацию в интерфейсе · Антон Жиянов

Дизайн таблиц с данными · Эндрю Койл

Best Practices for Search Results · Николай Бабич
Как показывать результаты поиска

8. Дашборды

Понятные дашборды · Пейдж Лаубхаймер

9. Время

Проектируем время · Павел Моисеенко

How Time Perception Shapes User Experience · Адриан Цумбрюннен
Как восприятие времени формирует впечатление от интерфейса РУС

10. Анимация

Интерфейсные анимации · Илья Бирман
Зачем в интерфейсе анимации, какие задачи они решают и как конкретно их надо делать, чтобы они выглядели естественно и приятно, а не раздражали.

Meaningful Motion with Action Driven Animation · Тобиас Алин
Лучше анимировать действия, а не состояния.

Приложение. Приёмы проектирования

Взгляд новичка · Илья Бирман

Сначала данные, затем фильтры · Илья Бирман

Best Practices for Onboarding · Николай Бабич
Контекстно-зависимый онбординг

Card-Based Design · Николай Бабич
Карточки в дизайне РУС

Нестандартные элементы интерфейса · Илья Бирман